/* Batch 35 (2026-10-03): FAQ level up. Enqueued on /explore/faq/ only, after the site-wide batch 33 reveal and button system.
   Groups:
   C1 hero: copy left, one approved photo right in the standard red frame (no chip or banner art)
   C2 three labelled groups, mint Tomorrow 12px caps kicker with a thin red rule
   C3 accordion rows: Tomorrow 700 question, chevron turns 90 degrees, answer panel eases open in 220ms, red 2px rule on the open answer
   C4 closing well: two buttons together on the left, one inline mint link row with middle dots
   Motion rules: opacity, block-size and transform only. The panel and chevron transitions exist only when the batch 33 head guard added html.rv33-js,
   so reduced motion and ?static=1 are static. Native details and summary stay, keyboard works. */

/* ---------- C1. Hero ---------- */
body.om-mvp .journey-page[data-plaid-area="journey-faq"] .faq35-hero{
  display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)!important;gap:clamp(24px,4vw,64px)!important;align-items:center!important;
  padding:clamp(24px,4vw,52px)!important}
body.om-mvp .faq35-hero .faq35-hero-copy{min-width:0;padding:0!important;text-align:left}
body.om-mvp .faq35-hero .journey-kicker{margin:0 0 14px!important;padding:0!important;text-align:left!important;color:#68f8b3!important;
  font:700 12px/1.6 "OMHM Tomorrow",system-ui,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase}
body.om-mvp .faq35-hero h1{margin:0 0 18px!important;text-align:left!important}
body.om-mvp .faq35-hero .journey-lead{max-width:46ch;margin:0!important;text-align:left!important}
body.om-mvp .faq35-hero .faq35-photo{box-sizing:border-box;position:relative;justify-self:end;width:100%;max-width:340px;aspect-ratio:4/5;margin:0;overflow:visible;
  border:0;background:transparent}
body.om-mvp .faq35-hero .faq35-photo picture{position:absolute;inset:0;display:block}
body.om-mvp .faq35-hero .faq35-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
@media(max-width:820px){
  body.om-mvp .journey-page[data-plaid-area="journey-faq"] .faq35-hero{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  body.om-mvp .faq35-hero .faq35-photo{justify-self:start;max-width:300px}
}

/* ---------- C2. Groups ---------- */
body.om-mvp .faq35-list{display:block!important;padding:clamp(22px,3vw,40px)!important}
body.om-mvp .faq35-list .faq35-group+.faq35-group{margin-top:clamp(30px,4vw,52px)}
body.om-mvp .faq35-list .faq35-kicker{margin:0 0 4px!important;padding:0 0 12px!important;border-bottom:1px solid #ef2435;text-align:left!important;color:#68f8b3!important;
  font:700 12px/1.6 "OMHM Tomorrow",system-ui,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase}

/* ---------- C3. Accordion rows ---------- */
body.om-mvp .faq35-list details{padding:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.2)!important;background:none!important;interpolate-size:allow-keywords}
body.om-mvp .faq35-list summary{display:flex;align-items:center;gap:16px;min-height:60px;box-sizing:border-box;padding:18px 4px!important;cursor:pointer;list-style:none;
  font:700 clamp(17px,1.6vw,20px)/1.35 "OMHM Tomorrow",system-ui,sans-serif!important;color:#fff}
body.om-mvp .faq35-list summary::-webkit-details-marker{display:none}
body.om-mvp .faq35-list summary::marker{content:""}
body.om-mvp .faq35-list summary::before{content:"";flex:0 0 auto;box-sizing:border-box;width:10px;height:10px;margin-left:4px;
  border-top:2px solid #ef2435;border-right:2px solid #ef2435;transform:rotate(45deg)}
body.om-mvp .faq35-list details[open]>summary::before{transform:rotate(135deg)}
body.om-mvp .faq35-list summary:focus-visible{outline:3px solid #68f8b3;outline-offset:2px}
/* Answer: 20px padding and a red 2px rule on the left. The older FAQ well style (journey.css, details[open]>div) is neutralised here. */
body.om-mvp .faq35-list details[open]>.faq35-answer,body.om-mvp .faq35-list .faq35-answer{box-sizing:border-box;margin:0 0 20px 4px!important;padding:20px!important;
  border:0!important;border-left:3px solid #000!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body.om-mvp .faq35-list .faq35-answer :is(p,li){margin:0;font-size:16px;line-height:1.65;color:#f2f2f2}
body.om-mvp .faq35-list .faq35-answer ul{margin:0;padding-left:1.3em;list-style:disc}
body.om-mvp .faq35-list .faq35-answer li+li{margin-top:8px}
/* Motion: the panel (native ::details-content) eases height and opacity over 220ms; the chevron turns over 200ms. Browsers without ::details-content open instantly. */
html.rv33-js body.om-mvp .faq35-list summary::before{transition:transform 200ms ease}
@supports selector(::details-content){
  html.rv33-js body.om-mvp .faq35-list details::details-content{block-size:0;opacity:0;overflow:clip;
    transition:block-size 220ms ease,opacity 220ms ease,content-visibility 220ms allow-discrete}
  html.rv33-js body.om-mvp .faq35-list details[open]::details-content{block-size:auto;opacity:1}
}

/* ---------- C4. Closing well ---------- */
body.om-mvp .journey-faq-crosslinks{display:block!important;text-align:left}
body.om-mvp .journey-faq-crosslinks .faq35-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px}
body.om-mvp .journey-faq-crosslinks .journey-support-links{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:4px 0!important;
  margin:22px 0 0!important;padding:20px 0 0 8px!important;border-top:1px solid rgba(255,255,255,.2)}
body.om-mvp .journey-faq-crosslinks .journey-support-links a,body.om-mvp .journey-faq-crosslinks .journey-support-links a[href^="mailto:"]{flex:0 0 auto!important;
  min-height:0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#68f8b3!important;font:700 16px/1.5 "OMHM Tomorrow",system-ui,sans-serif!important;text-align:left!important;text-decoration:underline;text-underline-offset:3px}
body.om-mvp .journey-faq-crosslinks .journey-support-links a+a::before{content:"\00b7" / "";display:inline-block;margin:0 12px;color:#68f8b3;text-decoration:none}
body.om-mvp .journey-faq-crosslinks .journey-support-links a:focus-visible{outline:3px solid #68f8b3;outline-offset:3px}
@media(max-width:640px){
  body.om-mvp .journey-faq-crosslinks .faq35-actions a{flex:1 1 100%;width:100%}
}
@media(max-width:640px){
  /* The email wraps onto its own line, so it carries no leading dot there. */
  body.om-mvp .journey-faq-crosslinks .journey-support-links a[href^="mailto:"]::before{display:none}
  body.om-mvp .journey-faq-crosslinks .journey-support-links a[href^="mailto:"]{flex-basis:100%!important}
}