.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);
}

/* OCF_AGENT_BLOCK:site-area-override START */
/* Shared inline estimate form for service and service-area detail pages. */
.ocf-inline-estimate {
    background: var(--ocf-bg-alt);
    border-block: var(--card-border-width) solid var(--ocf-border-light);
    scroll-margin-top: calc(var(--header-height) + var(--ocf-grid-gap));
}
.ocf-inline-estimate__header { max-width: var(--ocf-section-heading-width); margin: 0 auto calc(var(--ocf-grid-gap) * 1.25); text-align: center; }
.ocf-inline-estimate__header .eyebrow { margin-bottom: calc(var(--ocf-space-unit) * 0.5); }
.ocf-inline-estimate__card { width: 100%; max-width: 900px; margin-inline: auto; }
.ocf-inline-estimate__card .ocf-simple-form { max-width: none; }
.ocf-inline-estimate .ocf-custom-form-field > label.sr-only {
    position: static !important; display: block; width: auto; height: auto; margin: 0 0 calc(var(--ocf-space-unit) * 0.375);
    overflow: visible; clip: auto; clip-path: none; white-space: normal; color: var(--ocf-body); font-size: var(--ocf-font-small-size); letter-spacing: 0.04em;
}
.ocf-inline-estimate .ocf-custom-form-field > label.sr-only span[aria-hidden="true"] { color: var(--ocf-error); }
.ocf-inline-estimate__card .ocf-form-disclosure { margin-block: calc(var(--ocf-space-unit) * 0.75); }
.ocf-inline-estimate__card .form-submit-btn { background: var(--ocf-secondary); border-color: var(--ocf-secondary); color: var(--ocf-heading); }
.ocf-inline-estimate__card .form-submit-btn:hover { background: var(--ocf-secondary-hover); border-color: var(--ocf-secondary-hover); color: #fff; }
.ocf-estimate-action,
.ocf-detail-content a.btn-primary { background: var(--ocf-secondary); border-color: var(--ocf-secondary); color: var(--ocf-heading); }
.ocf-estimate-action:hover,
.ocf-detail-content a.btn-primary:hover { background: var(--ocf-secondary-hover); border-color: var(--ocf-secondary-hover); color: #fff; }
.ocf-estimate-action:focus-visible,
.ocf-detail-content a.btn-primary:focus-visible { outline: 3px solid var(--ocf-heading-alt); outline-offset: 3px; }
.ocf-inline-estimate :is(input, select, textarea, button) { scroll-margin-bottom: var(--ocf-mobile-action-bar-height); }

/* Shared mobile action bar styles are centralized in assets/components/footer.css. */
/* OCF_AGENT_BLOCK:site-area-override END */