.ocf-detail-grid { display:grid;grid-template-columns:minmax(0,792fr) minmax(0,352fr);gap:var(--ocf-split-gap);align-items:start; }
.ocf-detail-aside { position:sticky;top: var(--portola-sticky-top); }
@media(max-width:850px) { .ocf-detail-grid { grid-template-columns:1fr;gap:calc(var(--ocf-grid-gap) * 1.25); }.ocf-detail-aside { position:static; } }

/* Featured image (only where a template still places one in the content column). */
.ocf-detail-media { aspect-ratio: 16 / 9; margin-bottom: calc(var(--ocf-grid-gap) * 1.75); }

/* Inquiry panel: a bordered alt-surface card; CTA and an outline call button. */
.ocf-inquiry-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--ocf-space-unit) * 0.875);
    overflow: hidden;
    padding: calc(var(--ocf-space-unit) * 2);
    border: 1px solid var(--ocf-border);
    border-radius: var(--card-radius-lg);
    background: var(--ocf-bg-alt);
    color: var(--ocf-body);
}

.ocf-inquiry-panel h3,
.ocf-inquiry-panel p { margin: 0; }

.ocf-inquiry-panel h3 { color: var(--ocf-heading); }

.ocf-inquiry-intro {
    font-size: calc(var(--font-body-size) * 0.889);
    line-height: 1.6;
}

.ocf-inquiry-panel .btn-primary,
.ocf-inquiry-panel .btn-secondary { width: 100%; }
.ocf-inquiry-panel .btn-primary { margin-top: calc(var(--ocf-space-unit) * 0.25); }

html[data-theme="dark"] .ocf-inquiry-panel { background: var(--ocf-dark-bg-alt); border-color: var(--ocf-dark-border); box-shadow: none; }

/* Long-form lists: ordered steps get display-type primary numbers (01, 02 ...). */
.ocf-longform ol {
    counter-reset: portola-step;
    list-style: none;
    padding-left: 0;
}

.ocf-longform ol > li {
    position: relative;
    padding-left: calc(var(--ocf-space-unit) * 2.5);
    counter-increment: portola-step;
}

.ocf-longform ol > li {
    min-height: calc(var(--ocf-space-unit) * 2.75);
    padding-left: calc(var(--ocf-space-unit) * 2.5);
}

/* Ordered steps: display-type primary numbers. */
.ocf-longform ol > li::before {
    content: counter(portola-step, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--ocf-primary);
    font-family: var(--ocf-font-heading), system-ui, sans-serif;
    font-size: calc(var(--font-body-size) * 1.1);
    font-weight: 800;
    line-height: 1.5;
}

.ocf-longform ul { padding-left: 0; list-style: none; }
.ocf-longform ul > li { position: relative; padding-left: calc(var(--ocf-space-unit) * 1.25); }
.ocf-longform ul > li { padding-left: calc(var(--ocf-space-unit) * 1.875); }
.ocf-longform ul > li::before {
    content: '';
    position: absolute;
    top: 0.3em;
    left: 0;
    width: calc(var(--ocf-space-unit) * 1.125);
    height: calc(var(--ocf-space-unit) * 1.125);
    background: var(--ocf-primary);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.5l4.8 4.6L19.5 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='square'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.5l4.8 4.6L19.5 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='square'/%3E%3C/svg%3E") center / contain no-repeat;
}