.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(--cardinal-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; } }

/* Inquiry panel: alternate-surface card in a heading-colored frame; phone in display type. */
.ocf-inquiry-panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--ocf-space-unit) * 0.75);
    padding: calc(var(--ocf-space-unit) * 1.75);
    border: calc(var(--card-border-width) * 1.333) solid var(--ocf-heading);
    border-radius: var(--card-radius);
    background: var(--cardinal-bg-alt);
    color: var(--ocf-body);
}

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

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

.ocf-inquiry-intro {
    font-size: var(--ocf-font-small-size);
    line-height: 1.6;
}

.ocf-inquiry-panel .btn-primary {
    justify-content: center;
    margin-top: calc(var(--ocf-space-unit) * 0.25);
    text-align: center;
}

.ocf-inquiry-call {
    display: flex;
    flex-direction: column;
    gap: calc(var(--ocf-space-unit) * 0.125);
    margin-top: calc(var(--ocf-space-unit) * 0.25);
    color: var(--ocf-heading);
}

.ocf-inquiry-call > span { display: contents; }

.ocf-inquiry-call__label { color: var(--ocf-body); font-size: var(--ocf-font-small-size); }

.ocf-inquiry-call strong {
    font-family: var(--ocf-font-heading), system-ui, sans-serif;
    font-size: calc(var(--font-h3-size) * 1.25);
    font-weight: var(--ocf-font-h2-weight);
    line-height: 1.07;
}

.ocf-inquiry-call:hover strong { color: var(--ocf-link); }

html[data-theme="dark"] .ocf-inquiry-panel { border-color: var(--ocf-border); }

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

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

.ocf-longform ol > li::before {
    content: counter(cardinal-step, decimal-leading-zero);
    position: absolute;
    top: -0.1em;
    left: 0;
    color: var(--ocf-link);
    font-family: var(--ocf-font-heading), system-ui, sans-serif;
    font-size: calc(var(--font-h3-size) * 1);
    font-weight: var(--ocf-font-h2-weight);
    line-height: 1.2;
}

.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::before {
    content: '';
    position: absolute;
    top: 0.68em;
    left: 0;
    width: calc(var(--ocf-space-unit) * 0.4375);
    height: calc(var(--ocf-space-unit) * 0.4375);
    background: var(--ocf-primary);
}
