/* ODS page (/on-demand-company-stores), preview ODS-PAGE-v1. Page-only styles; loaded after styles.css.
   styles.css is NOT modified (shared with home; hero Bulk rules stay synced from v1.4.9.7).
   The At a glance block reuses the home .ondemand / .ondemand-grid / .ondemand-bullets-row / .were-different-seal
   rules unchanged, so the seal is 112/101/86px, rotated 19deg inward, no outline, same pocket positions.
   No maroon is used on this page's own elements (brand rule: maroon on black needs a Stone outline). */

/* Copy placeholders (visible in preview; scripts/apply-copy.mjs --check fails if any remain) */
.copy-ph{display:inline-block;max-width:100%;padding:8px 12px;border:2px dashed currentColor;border-radius:4px;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1.4;letter-spacing:0;text-transform:none;opacity:.9}
/* Preview-only PROOF markers (stripped by apply-copy.mjs --release) */
.proof-marker{display:inline-block;margin-top:18px;padding:3px 9px;border:1px dashed var(--dark-gold);border-radius:3px;background:var(--gold-tint);color:var(--black);font-family:var(--font-head);font-weight:700;font-size:10.5px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}

/* Header: current page */
.nav a[aria-current="page"]{color:var(--gold)}

/* Hero */
.ods-hero{background:var(--black);color:var(--white);padding:44px 0 56px}
.ods-breadcrumb ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--stone)}
.ods-breadcrumb li+li::before{content:"/";margin-right:6px;color:var(--gold)}
.ods-breadcrumb a{color:var(--gold);text-decoration:none}
.ods-breadcrumb a:hover{text-decoration:underline}
.ods-hero .eyebrow{color:var(--gold)}
.ods-h1{color:var(--white);font-size:clamp(32px,4.6vw,52px);line-height:1.1;letter-spacing:-.015em;max-width:880px}
.ods-intro{max-width:760px;margin-top:20px}
.ods-intro p{margin:0 0 14px;color:var(--stone);font-size:18px;line-height:1.55}
.ods-intro p:first-child{color:var(--white)}
.ods-hero-cta{margin-top:26px}

/* At a glance: home ODS section; separator from the hero */
.ods-glance{border-top:1px solid #222}
.ods-glance .proof-marker{display:table;margin-left:auto;margin-right:auto}

/* Generic page sections */
.ods-section{padding:80px 0}
.ods-narrow>*{max-width:860px}
.nowrap-term{white-space:nowrap}
.ods-section .h1{color:var(--black)}
.ods-section.on-dark .h1{color:var(--white)}
.ods-benefits{background:var(--gold-tint)}
.ods-benefit-list{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.ods-benefit-list li{background:var(--white);border:1px solid var(--stone);border-left:4px solid var(--gold);border-radius:4px;padding:18px 20px;font-size:16px;line-height:1.5;color:var(--charcoal)}
.ods-benefit-list strong{display:block;font-family:var(--font-head);font-weight:700;font-size:16px;color:var(--black);margin-bottom:4px}

.ods-minimums{background:var(--white);border-top:1px solid var(--stone)}
.ods-minimums p{margin:18px 0 0;font-size:18px;line-height:1.6;color:var(--charcoal)}

.ods-fit{background:var(--black)}
.ods-fit .fit-steps{margin-top:0}
.ods-fit .fit-card h2,.ods-fit .steps-card h2{color:var(--stone);margin-bottom:16px}
.ods-fit-addon p{margin:16px 0 0;font-size:15px;color:var(--stone);font-style:italic}

.ods-faq{background:var(--gold-tint)}
.faq-list{margin-top:28px;display:grid;gap:14px}
.faq-item{background:var(--white);border:1px solid var(--stone);border-radius:4px;padding:20px 22px}
.faq-q{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:1.3;color:var(--black);margin:0 0 8px}
.faq-a p{margin:0;font-size:16px;line-height:1.6;color:var(--charcoal)}

.ods-cta{background:var(--black);color:var(--white);padding:80px 0;border-top:4px solid var(--gold);text-align:center}
.ods-cta .ods-narrow>*{margin-left:auto;margin-right:auto}
.ods-cta .h1{color:var(--white)}
.ods-cta p{color:var(--stone);font-size:18px;line-height:1.55;margin:16px auto 0;max-width:640px}
.ods-cta-btn{margin-top:26px;display:flex;justify-content:center}
.ods-contact-line{font-size:16px !important}
.ods-contact-line a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--dark-gold)}
.ods-contact-line a:hover{border-color:var(--gold)}
.ods-dot{color:var(--gold);padding:0 4px}

.ods-related{background:var(--gold-tint);border-top:1px solid var(--stone);padding:22px 0}
.ods-related .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:15px}
.ods-related-k{font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-gold)}
.ods-related a{color:var(--charcoal);text-underline-offset:3px}
.ods-related a:hover{color:var(--dark-gold)}

@media (max-width:860px){
  .ods-section{padding:60px 0}
  .ods-benefit-list{grid-template-columns:1fr}
  .ods-cta{padding:60px 0}
}
@media (max-width:600px){
  .ods-hero{padding:28px 0 44px}
  .ods-intro p{font-size:17px}
  .ods-hero-cta .btn{width:100%}
  .ods-minimums p,.ods-cta p{font-size:17px}
  .faq-item{padding:18px 16px}
  .faq-q{font-size:17px}
  .ods-cta-btn .btn{width:100%}
}

/* Placeholder pages (/did-you-know, /news) */
.ph-hero{padding:64px 0 88px;min-height:52vh}
.ph-ctas{margin-top:28px}
@media (max-width:600px){.ph-hero{padding:32px 0 56px}}