/* Batch 45 (2026-10-05): FAQ. Enqueued on /explore/faq/ only, after the batch 35 FAQ sheet and the batch 41 background and motion tokens.
   Rows FQ-02 to FQ-08, FQ-10, FQ-12 of the handoff R2 reconciliation.
   H hero: (batch 45) the literal tree plate is retired by the review wave Phase C (Vera 11): the hero is a box holding an ornament wall on the batch 58 drift layer; the copy block is the local directional
      support (.om41-support); the photo is the batch 59a framed photograph. About a 60/40 text to photo split, natural height.
   G groups: mint Backline script headings, a 2px red rule under each, every group on the calm reading support, a bright plaid interlude (.om41-interlude) between groups.
   R rows: chevron rotation and answer transition are the batch 35 ones (they read the batch 41 accordion token: 220ms); the open answer keeps a calm near-black surface.
   D deep links: every question id lands below the sticky header (scroll margin is the header height plus a small gap).
   C closing well: adopts the shared support instead of the grey slab. Links and form are untouched.
   Motion: nothing here moves. The only arrival motion is the batch 33 data-reveal on the hero, the three group headings and the closing well. */

/* ---------- H. Hero ---------- */
/* Review wave Phase C (Vera 11, 2026-10-07; Justin: "Not the literal tree"): the literal flocked tree plate and its red fade are gone. The hero is a box (2 px red edge, 10 px corners, the glossary Box)
   holding an ornament wall (ornament-wall-a crop, an approved wall from assets/art-20261003) on the shared batch 58 drift layer (.tb58-clip / .tb58-tree, 16 px travel, transform only, off under reduced
   motion and ?static=1). Back to front: the page plaid, the wall (clipped to the box), the copy support (confined to the copy block, feathered so the wall shows around and to its right), the copy
   and the batch 59a framed photograph. The support stays dense under the words so the heading and lead clear 4.5 (measured: proof/contrast-final.json). */
body.om-mvp .journey-page[data-plaid-area="journey-faq"] .faq45-hero{
  --tb58-host-travel:16;position:relative;isolation:isolate;
  display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;gap:clamp(24px,4vw,56px)!important;align-items:center!important;
  box-sizing:border-box;padding:clamp(18px,2vw,28px)!important;margin:0 0 48px!important;
  background:transparent!important;border:3px solid #000!important;border-radius:10px!important;box-shadow:none!important}
/* Wave G edges (2026-10-07): the hero box edge is black 3 px (Justin: red outlines on all the boxes to black); a 1 px white keyline just inside it, because the ornament wall sits behind. */
body.om-mvp .journey-page[data-plaid-area="journey-faq"] .faq45-hero::after{content:"";position:absolute;inset:0;z-index:6;box-sizing:border-box;border:1px solid rgba(255,255,255,.85);border-radius:inherit;pointer-events:none}
body.om-mvp .faq45-hero .faq35-hero-copy{box-sizing:border-box;padding:clamp(22px,2.6vw,36px) clamp(30px,3vw,40px) clamp(22px,2.6vw,36px) clamp(20px,2.2vw,28px)!important}
/* The wall: a landscape crop that keeps the OH10 medallions and the plaid bow on the right behind the photo; the copy side carries the support. */
body.om-mvp .faq45-hero .tb58-tree{background-image:url('./art-20261003/ornament-wall-a-1600.webp');background-size:cover;background-position:72% 56%}
/* The support numbers live on the ::before (the batch 41 rule sets them there, so a value on the element would never be read). Directional: dense under the words, thinning toward the photo,
   and feathered only at the right so the wall shows there; it is a confined box inside the hero box, never a slab across the page. */
body.om-mvp .faq45-hero .faq35-hero-copy::before{
  --om41-support-a:.9;--om41-support-b:.74;--om41-support-angle:100deg;
  --om41-support-inset-x:0px;--om41-support-inset-y:0px;--om41-support-fx:0px;--om41-support-fy:0px;--om41-support-radius:8px;
  -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);
  mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}
body.om-mvp .faq45-hero h1{font-size:clamp(34px,3.9vw,54px)!important;line-height:1.02!important;margin:0 0 14px!important}
body.om-mvp .faq45-hero .journey-kicker{margin:0 0 10px!important}
body.om-mvp .faq45-hero .faq35-photo{max-width:300px;justify-self:center}

/* ---------- G. Groups ---------- */
body.om-mvp .faq35-list{display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.om-mvp .faq35-list .faq35-group{box-sizing:border-box;padding:clamp(22px,2.6vw,34px) clamp(18px,3vw,44px) 10px}
body.om-mvp .faq35-list .faq35-group::before{
  --om41-support-a:.88;--om41-support-b:.76;--om41-support-angle:100deg;
  --om41-support-inset-x:0px;--om41-support-inset-y:0px;--om41-support-fx:28px;--om41-support-fy:26px;--om41-support-radius:12px}
body.om-mvp .faq35-list .faq35-group+.faq35-group{margin-top:0}
body.om-mvp .faq35-list .faq45-interlude{--om41-interlude-h:36px}
body.om-mvp .faq35-list .faq35-kicker{margin:0 0 4px!important;padding:0 0 10px!important;border-bottom:3px solid #000;text-align:left!important;color:#68f8b3!important;
  font:400 clamp(24px,2.2vw,28px)/1.1 "OMHM Backline",cursive!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- R. Rows ---------- */
body.om-mvp .faq35-list details{border-bottom:1px solid rgba(255,255,255,.22)!important}
body.om-mvp .faq35-list details:last-of-type{border-bottom-color:transparent!important}
body.om-mvp .faq35-list summary:focus-visible{outline:3px solid #68f8b3;outline-offset:2px;border-radius:4px}
body.om-mvp .faq35-list details[open]>.faq35-answer,body.om-mvp .faq35-list .faq35-answer{background:rgba(5,5,5,.92)!important;border-radius:0 10px 10px 0!important}

/* ---------- D. Deep links ---------- */
body.om-mvp .faq35-list summary[id]{scroll-margin-top:calc(var(--om-header-h) + 12px)!important}

/* ---------- C. Closing well ---------- */
body.om-mvp .journey-faq-crosslinks.faq45-close::before{
  --om41-support-a:.86;--om41-support-b:.7;--om41-support-angle:100deg;
  --om41-support-inset-x:0px;--om41-support-inset-y:0px;--om41-support-fx:28px;--om41-support-fy:26px;--om41-support-radius:12px}
body.om-mvp .journey-faq-crosslinks.faq45-close{
  box-sizing:border-box;margin-top:clamp(36px,4vw,48px)!important;padding:clamp(28px,3vw,44px) clamp(22px,3vw,44px)!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* ---------- Phones and narrow screens ---------- */
@media(max-width:820px){
  body.om-mvp .faq35-list .faq35-group{padding-top:30px}
  body.om-mvp .faq35-list .faq35-group::before,body.om-mvp .journey-faq-crosslinks.faq45-close::before{--om41-support-fx:18px;--om41-support-fy:20px}
  body.om-mvp .journey-page[data-plaid-area="journey-faq"] .faq45-hero{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  body.om-mvp .faq45-hero .faq35-photo{justify-self:start;max-width:232px}
  body.om-mvp .faq45-hero .tb58-tree{background-image:url('./art-20261003/ornament-wall-portrait-940.webp');background-position:50% 30%}
  body.om-mvp .faq45-hero .faq35-hero-copy::before{--om41-support-a:.9;--om41-support-b:.78;
    -webkit-mask-image:none;mask-image:none}
}