/* The FAQ in the calm shell. It shares the docs bundle, so the hero and
   the reading type come from halde-docs-calm.css; this file sets the
   section rail, the question rows, and the two hero actions. */
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-hero-actions>a{min-height:40px;padding:0 14px;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;font:700 10px/1 var(--font-technical);letter-spacing:.12em;box-shadow:none;transition:box-shadow .15s ease}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-hero-actions>a:is(:hover,:focus-visible){box-shadow:3px 3px 0 #111;outline:none;color:#111;background:#fff3ee}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-hero-actions>.faq-executive-link{color:#fff;background:#ff5a1f;box-shadow:3px 3px 0 #111}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-hero-actions>.faq-executive-link:is(:hover,:focus-visible){color:#fff;background:#e64e17;box-shadow:5px 5px 0 #111}

/* layout and section rail */
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-layout{width:min(100%,var(--page-max));max-width:none;box-sizing:border-box;margin:0 auto;padding:0 var(--page-gutter);grid-template-columns:240px minmax(0,900px);gap:0 56px}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index{top:72px;padding:40px 0 80px}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index>span{display:none}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav a{grid-template-columns:30px minmax(0,1fr);gap:10px;min-height:40px;padding:10px 10px;color:var(--text-secondary);border:0;border-top:1px dotted rgba(17,17,17,.35);background:transparent}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav a:first-child{border-top:0}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav b{color:#ff5a1f;font:600 10px/1.4 var(--font-technical);letter-spacing:.08em}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav span{font:400 13.5px/1.3 var(--font-editorial);letter-spacing:-.01em}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav a:hover{color:var(--text-primary)}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav a[aria-current="location"]{color:var(--text-primary);background:#fff3ee;box-shadow:inset 3px 0 0 #ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav a[aria-current="location"] span{font-weight:500}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-docs-link{margin-top:24px;padding:14px;color:#111;border:1.5px solid #111;border-radius:0;background:#fff;font:400 13px/1.4 var(--font-editorial);transition:box-shadow .15s ease}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-docs-link b{color:#ff5a1f;font:700 10px/1 var(--font-technical);letter-spacing:.12em;text-transform:uppercase}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-docs-link:is(:hover,:focus-visible){box-shadow:3px 3px 0 #111;outline:none}

/* the answers */
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-article{max-width:900px;padding:40px 0 110px;border-left:0}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-article>blockquote{max-width:none;margin:0 0 28px;padding:18px 22px;color:#111;border:1.5px solid #111;border-left:4px solid #ff5a1f;border-radius:0;background:#fff3ee}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-article>blockquote strong{display:block;margin-bottom:4px;font-weight:500}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-article h2{margin:64px 0 14px;font:400 var(--type-landing-section-size)/1.12 var(--font-editorial);font-variation-settings:"wght" 400;letter-spacing:-.03em;scroll-margin-top:84px}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item{max-width:none;border-top:1px dotted rgba(17,17,17,.4);scroll-margin-top:84px}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item:last-of-type{border-bottom:1px dotted rgba(17,17,17,.4)}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item summary{grid-template-columns:minmax(0,1fr) 30px;gap:16px;min-height:60px;padding:14px 0;color:var(--text-primary)}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item summary span{font:400 clamp(17px,1.3vw,19px)/1.3 var(--font-editorial);letter-spacing:-.02em}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item summary:hover span{color:#ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item summary b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#ff5a1f;border:1.5px solid #111;border-radius:0;background:#fff;font:400 16px/1 var(--font-technical);transition:background-color .15s ease,color .15s ease}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item summary b::after{display:none}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item[open] summary b{color:#fff;background:#ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item.is-inviting summary b{animation:none}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-answer{padding:0 46px 26px 0}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-answer :is(p,li){max-width:66ch;color:var(--text-primary);font:400 15.5px/1.6 var(--font-editorial)}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-objection summary span::before{content:'OBJECTION';display:block;margin-bottom:4px;color:#ff5a1f;font:600 9px/1 var(--font-technical);letter-spacing:.12em}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-article>hr{border:0;border-top:1.5px solid #111;margin:48px 0}

/* dark */
html[data-design-system="halde"][data-calm][data-route-bundle="docs"][data-resolved-theme="dark"] :is(.faq-hero-actions>a,.faq-docs-link,.faq-item summary b){color:#f1f1ed;border-color:#f1f1ed;background:#0a0a09}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"][data-resolved-theme="dark"] .faq-hero-actions>.faq-executive-link{color:#fff;background:#ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"][data-resolved-theme="dark"] :is(.faq-article>blockquote,.faq-index nav a[aria-current="location"],.faq-hero-actions>a:hover){color:#f1f1ed;background:rgba(255,90,31,.12)}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"][data-resolved-theme="dark"] .faq-article>blockquote{border-color:#f1f1ed;border-left-color:#ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"][data-resolved-theme="dark"] .faq-item[open] summary b{background:#ff5a1f;color:#fff}

@media (max-width:980px){
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-layout{grid-template-columns:200px minmax(0,1fr);gap:0 32px}
}
@media (max-width:760px){
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-layout{display:block;padding:0}
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index{top:60px;padding:0;border-bottom:1.5px solid #111;background:var(--bg-page)}
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index-toggle{font-family:var(--font-technical)}
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-index nav a{padding:0 var(--page-gutter)}
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-article{padding:28px var(--page-gutter) 80px}
  html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-answer{padding-right:0}
}

/* open state: the square fills orange with an × and nothing rotates */
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item[open] summary b{transform:none;border-color:#111;color:#fff;background:#ff5a1f}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item[open] summary::after{content:none}
html[data-design-system="halde"][data-calm][data-route-bundle="docs"] .faq-item[open] summary span{color:var(--text-primary)}