/* AURA Module 01 — Guide component styles.
   Built on styles/v6-shared.css tokens (navy/teal/red/amber/green/ink/line/grad-*).
   Defines only the derived helpers v6 doesn't carry. Site nav/footer/lang-toggle
   are styled by v6-shared.css; this file styles the AURA content region only. */
:root{
  --teal-soft:rgba(43,212,203,.12);  --teal-line:rgba(43,212,203,.30);
  --red-soft:rgba(226,71,76,.12);    --red-line:rgba(226,71,76,.34);
  --amber-soft:rgba(247,185,85,.12); --amber-line:rgba(247,185,85,.34);
  --line-2:rgba(242,244,248,.07);
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ui:var(--font-ui,'Inter',-apple-system,system-ui,sans-serif);
  --r:16px; --r-sm:10px; --wrap:1040px;
}
/* preserve the guide's reading rhythm without touching the global body */
#content{font-size:17px;line-height:1.65;color:var(--ink)}
  html{scroll-behavior:smooth}
  img{display:block;max-width:100%}
  .ac{color:var(--red)}
  .g-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
  .g-kick{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:12px}
  .g-kick--red{color:var(--red)} .g-kick--amber{color:var(--amber)}
  .g-h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}
  .g-h3{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
  .g-lead{font-size:1.12rem;line-height:1.55;color:var(--ink-dim);max-width:64ch;margin-top:10px}
  .g-lead strong{color:var(--ink);font-weight:700}
  .g-note{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;color:var(--ink-mute);margin-top:14px;line-height:1.5}
  .g-block{margin-top:36px}
  .g-block:first-child{margin-top:0}
  .bk-head{margin-bottom:20px}

  /* buttons (small + condensed) */
  .g-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-weight:600;font-size:.9rem;
    padding:10px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;text-decoration:none}
  .g-btn--sm{padding:7px 14px;font-size:.82rem}
  .g-btn--red{background:var(--grad-red);color:#fff;box-shadow:0 10px 30px -12px rgba(226,71,76,.6)}
  .g-btn--red:hover{transform:translateY(-1px);box-shadow:0 14px 40px -10px rgba(226,71,76,.7)}
  .g-btn--ghost{border-color:var(--line);color:var(--ink);background:var(--navy-2)}
  .g-btn--ghost:hover{border-color:var(--teal);color:var(--teal)}

  /* progress + nav */
  .g-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;
    background:var(--grad-teal);z-index:120;transition:transform .1s linear}

  /* hero */
  .g-hero{position:relative;overflow:hidden;padding:68px 0 40px}
  .g-hero-glow{position:absolute;width:760px;height:760px;right:-200px;top:-280px;border-radius:50%;
    background:radial-gradient(circle,rgba(43,212,203,.16),transparent 62%);pointer-events:none}
  .g-hero-inner{position:relative}
  .g-mark{display:block;width:52px;height:58px;margin-bottom:20px}
  .g-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 26px rgba(43,212,203,.45))}
  .g-hero-h1{font-size:clamp(3rem,9vw,6.2rem);font-weight:900;letter-spacing:-.04em;line-height:.92}
  .g-hero-h1 .g-dot{color:var(--teal)}
  .g-hero-sub{font-size:clamp(1.15rem,2.3vw,1.5rem);color:var(--ink-dim);max-width:30ch;line-height:1.4;margin-top:22px}
  .g-hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
  .g-tag{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--teal);background:var(--teal-soft);border:1px solid var(--teal-line);border-radius:999px;padding:7px 15px}
  .g-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

  .g-intro{padding:30px 0 8px}

  /* generic card */
  .g-card{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px}
  .g-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .g-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .g-2col--wide{grid-template-columns:1fr 1.25fr}
  .g-stack{display:flex;flex-direction:column;gap:12px}
  @media(max-width:720px){.g-2col,.g-3col,.g-2col--wide{grid-template-columns:1fr}}

  /* two-panel */
  .g-panel{border-radius:var(--r);border:1px solid var(--line);padding:24px 26px;background:var(--navy-2)}
  .g-panel--teal{border-color:var(--teal-line);background:linear-gradient(180deg,rgba(43,212,203,.06),var(--navy-2) 55%)}
  .g-panel--red{border-color:var(--red-line);background:linear-gradient(180deg,rgba(226,71,76,.06),var(--navy-2) 55%)}
  .g-panel-h{font-size:1.18rem;font-weight:800;letter-spacing:-.01em;margin-bottom:16px}
  .g-pbody{color:var(--ink-dim);line-height:1.55}.g-pbody strong{color:var(--ink)}
  .g-plist{list-style:none;display:flex;flex-direction:column;gap:11px}
  .g-plist li{position:relative;padding-left:24px;color:var(--ink-dim);line-height:1.4}
  .g-plist li::before{content:"";position:absolute;left:0;top:.6em;width:11px;height:2.5px;border-radius:2px}
  .g-plist--teal li::before{background:var(--teal)} .g-plist--red li::before{background:var(--red)}

  /* personas */
  .g-pcard{display:flex;flex-direction:column}
  .g-badge{font-family:var(--mono);font-weight:700;font-size:.9rem;color:#002622;background:var(--grad-teal);align-self:flex-start;padding:6px 13px;border-radius:9px;margin-bottom:16px}
  .g-3col>.g-pcard:nth-child(2) .g-badge{background:var(--grad-red);color:#fff}
  .g-3col>.g-pcard:nth-child(3) .g-badge{background:linear-gradient(135deg,var(--amber),#FBCF87);color:#2a1a00}
  .g-pname{font-size:1.18rem;font-weight:800;letter-spacing:-.01em;line-height:1.16;margin-bottom:10px}
  .g-pmeta{color:var(--ink-mute);line-height:1.5;font-size:.96rem}

  /* TOC / agenda */
  .g-toc{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--r);padding:28px 30px}
  .g-toclist{margin-top:16px;columns:2;column-gap:36px;list-style:none;counter-reset:toc}
  .g-toclist li{counter-increment:toc;position:relative;padding:9px 0 9px 40px;color:var(--ink-dim);line-height:1.4;break-inside:avoid;border-top:1px solid var(--line-2)}
  .g-toclist li:first-child{border-top:none}
  .g-toclist li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:9px;font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--teal)}
  @media(max-width:600px){.g-toclist{columns:1}}

  /* statement */
  .g-stmt{background:linear-gradient(135deg,rgba(43,212,203,.06),var(--navy-2) 60%);border:1px solid var(--teal-line);border-radius:var(--r);padding:32px 34px}
  .g-stmt-lead{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:18px;text-wrap:balance}
  .g-stmt-body{display:flex;flex-direction:column;gap:10px;max-width:66ch}
  .g-stmt-body p{color:var(--ink-dim);line-height:1.55}.g-stmt-body strong{color:var(--ink)}
  .g-punch{margin-top:22px;padding-left:18px;border-left:5px solid var(--red);font-size:1.18rem;font-weight:700;line-height:1.35;color:var(--ink)}

  /* table */
  .g-tblwrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--navy-2)}
  .g-tbl{width:100%;border-collapse:collapse}
  .g-tbl th{text-align:left;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);background:var(--navy-3);padding:14px 18px;border-bottom:1px solid var(--line)}
  .g-tbl td{font-size:.95rem;line-height:1.4;color:var(--ink-dim);padding:15px 18px;border-bottom:1px solid var(--line-2);vertical-align:top}
  .g-tbl tbody tr:last-child td{border-bottom:none}
  .g-tbl .c0{color:var(--ink);font-weight:700}
  @media(max-width:720px){
    .g-tbl,.g-tbl thead,.g-tbl tbody,.g-tbl tr,.g-tbl td{display:block;width:100%}
    .g-tbl thead{display:none}
    .g-tbl tr{border-bottom:1px solid var(--line);padding:6px 0}
    .g-tbl tr:last-child{border-bottom:none}
    .g-tbl td{border:none;padding:6px 18px}
    .g-tbl td::before{content:attr(data-h);display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:2px}
    .g-tbl td.c0::before{display:none}
  }

  /* cards4 */
  .g-c4{border-left:4px solid var(--teal)}
  .g-c4t{font-size:1.12rem;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
  .g-c4d{color:var(--ink-dim);line-height:1.5;font-size:.98rem}.g-c4 strong{color:var(--ink)}

  /* numbered list */
  .g-numlist{list-style:none;display:flex;flex-direction:column;gap:12px}
  .g-numlist--2{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
  @media(max-width:600px){.g-numlist--2{grid-template-columns:1fr}}
  .g-numlist li{display:flex;gap:18px;align-items:flex-start;background:var(--navy-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 20px}
  .g-numlist--2 li{align-items:center}
  .g-num{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:#002622;background:var(--grad-teal);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
  .g-nt{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}
  .g-nd{color:var(--ink-dim);line-height:1.45;font-size:.96rem;margin-top:3px}

  /* bad/better */
  .g-bb{display:flex;flex-direction:column}
  .g-bb--bad{border-color:var(--red-line);background:linear-gradient(180deg,rgba(226,71,76,.07),var(--navy-2) 55%)}
  .g-bb--better{border-color:var(--teal-line);background:linear-gradient(180deg,rgba(43,212,203,.07),var(--navy-2) 55%)}
  .g-bb-lbl{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
  .g-bb--bad .g-bb-lbl{color:var(--red)} .g-bb--better .g-bb-lbl{color:var(--teal)}
  .g-bb-q{font-size:1.05rem;font-weight:600;line-height:1.45;color:var(--ink);margin-bottom:14px}
  .g-bb-r{font-size:.92rem;line-height:1.45;color:var(--ink-mute);margin-top:auto}

  /* avoid */
  .g-av{display:flex;gap:16px;align-items:flex-start}
  .g-av-x{width:30px;height:30px;border-radius:8px;flex:0 0 auto;background:var(--red-soft);border:1px solid var(--red-line);position:relative}
  .g-av-x::before,.g-av-x::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2.5px;background:var(--red);border-radius:2px}
  .g-av-x::before{transform:translate(-50%,-50%) rotate(45deg)}.g-av-x::after{transform:translate(-50%,-50%) rotate(-45deg)}

  /* patterns */
  .g-pt5{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:20px}
  .g-pt5n{font-family:var(--mono);font-size:1.3rem;font-weight:700;color:var(--red)}
  .g-pt5tag{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:999px;padding:6px 13px;white-space:nowrap}
  @media(max-width:600px){.g-pt5{grid-template-columns:42px 1fr}.g-pt5tag{grid-column:2}}

  /* case */
  .g-casewrap{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--r);padding:28px 30px;border-top:4px solid var(--red)}
  .g-case--amber{border-top-color:var(--amber)}
  .g-casewrap .g-2col{margin-top:18px}
  .g-mini-h{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px}
  .g-why{border-left:4px solid var(--red)}.g-why .g-mini-h{color:var(--red)}
  .g-prevent{border-left:4px solid var(--teal)}.g-prevent .g-mini-h{color:var(--teal)}
  .g-why p,.g-prevent p{color:var(--ink-dim);line-height:1.5;font-size:.96rem}
  .g-src{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;color:var(--ink-mute);margin-top:16px}

  /* dual case */
  .g-dc{display:flex;flex-direction:column}
  .g-dc--0{border-top:4px solid var(--red)}.g-dc--1{border-top:4px solid var(--amber)}
  .g-dc-tag{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
  .g-dc--0 .g-dc-tag{color:var(--red)}
  .g-dc-prev{margin-top:auto;background:var(--navy-3);border-radius:var(--r-sm);padding:16px 18px;font-size:.95rem;line-height:1.45;color:var(--ink)}
  .g-dc-prev .g-mini-h{color:var(--teal)}

  /* rules */
  .g-rule{display:flex;flex-direction:column}
  .g-rn{font-family:var(--mono);font-size:2.2rem;font-weight:700;color:var(--red);line-height:1;margin-bottom:16px}

  /* pilot */
  .g-check{border-left:4px solid var(--teal)}
  .g-checklist{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:4px}
  .g-checklist li{position:relative;padding-left:34px;color:var(--ink-dim);line-height:1.35}
  .g-checklist li::before{content:"";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:6px;background:var(--teal-soft);border:1px solid var(--teal-line)}
  .g-checklist li::after{content:"";position:absolute;left:6px;top:5px;width:9px;height:5px;border-left:2.5px solid var(--teal);border-bottom:2.5px solid var(--teal);transform:rotate(-45deg)}
  .g-track{display:flex;flex-direction:column;margin-top:4px}
  .g-trow{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line-2)}
  .g-trow:last-child{border-bottom:none}
  .g-twhen{font-family:var(--mono);font-size:.88rem;font-weight:700;color:var(--amber)}
  .g-twhat{color:var(--ink-dim);line-height:1.35;font-size:.96rem}

  /* hire */
  .g-hire{display:flex;gap:14px;align-items:center;font-size:.98rem;line-height:1.35;color:var(--ink-dim)}
  .g-hire-t{width:11px;height:11px;border-radius:50%;background:var(--grad-red);flex:0 0 auto}

  /* recap */
  .g-recap{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--r);padding:30px 32px}
  .g-recap-tbl{margin-top:18px;border-top:1px solid var(--line-2)}
  .g-rcrow{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line-2)}
  .g-rck{font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--teal)}
  .g-rcv{color:var(--ink);line-height:1.4}
  @media(max-width:600px){.g-rcrow{grid-template-columns:1fr;gap:4px}}

  /* cta */
  .g-cta{display:flex;flex-direction:column}
  .g-cta--feat{border-color:var(--red-line);background:linear-gradient(180deg,rgba(226,71,76,.10),var(--navy-2) 55%);box-shadow:0 18px 50px -28px rgba(226,71,76,.6)}
  .g-cta-tag{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
  .g-cta--feat .g-cta-tag{color:var(--red)}
  .g-cta-t{font-size:1.32rem;font-weight:800;letter-spacing:-.015em;margin-bottom:12px}
  .g-cta-d{color:var(--ink-dim);line-height:1.5;font-size:.95rem;margin-bottom:18px}
  .g-cta-p{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--ink);margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
  .g-cta-foot{text-align:center;color:var(--ink-mute);font-size:.92rem;margin-top:22px;line-height:1.5}

  /* ===== collapsible Parts ===== */
  .g-parts{padding:18px 0 10px}
  .g-part{border:1px solid var(--line);border-radius:var(--r);background:rgba(20,37,64,.5);margin-bottom:16px;overflow:hidden}
  .g-part[open]{border-color:var(--teal-line);background:var(--navy-2)}
  .g-part-head{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;padding:22px 26px;user-select:none;transition:background .15s}
  .g-part-head::-webkit-details-marker{display:none}
  .g-part-head:hover{background:rgba(43,212,203,.05)}
  .g-part-num{font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#002622;background:var(--grad-teal);padding:8px 13px;border-radius:8px;white-space:nowrap;flex:0 0 auto}
  .g-part-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
  .g-part-title{font-size:1.32rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
  .g-part-sub{color:var(--ink-mute);font-size:.96rem;line-height:1.35}
  .g-chev{width:13px;height:13px;border-right:2.5px solid var(--ink-mute);border-bottom:2.5px solid var(--ink-mute);transform:rotate(45deg);transition:transform .25s,border-color .2s;flex:0 0 auto;margin-top:-4px}
  .g-part[open] .g-chev{transform:rotate(-135deg);margin-top:4px;border-color:var(--teal)}
  .g-part-body{padding:6px 26px 30px}
  @media(prefers-reduced-motion:no-preference){
    .g-part[open] .g-part-body{animation:gfade .4s ease both}
    @keyframes gfade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  }
  @media(max-width:600px){.g-part-head{gap:14px;padding:18px 20px}.g-part-title{font-size:1.15rem}.g-part-sub{display:none}.g-part-body{padding:4px 20px 24px}}

  /* ===== quiz ===== */
  .g-quiz{padding:46px 0 30px}
  .g-quiz-head{margin-bottom:26px}
  .g-quiz-list{display:flex;flex-direction:column;gap:16px}
  .g-q{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px}
  .g-q-prompt{display:flex;gap:15px;align-items:flex-start;font-size:1.12rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:18px}
  .g-q-n{font-family:var(--mono);font-size:.95rem;font-weight:700;color:#002622;background:var(--grad-teal);min-width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}
  .g-q-opts{display:grid;gap:9px}
  .g-opt{text-align:left;font-family:var(--ui);font-size:.98rem;color:var(--ink-dim);background:var(--navy-3);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 16px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;position:relative}
  .g-opt:hover{border-color:var(--teal);color:var(--ink)}
  .g-q.is-locked .g-opt{cursor:default}
  .g-q.is-locked .g-opt:hover{border-color:var(--line);color:var(--ink-dim)}
  .g-opt.is-correct{border-color:var(--green);background:rgba(62,209,122,.12);color:var(--ink)}
  .g-opt.is-correct::after{content:"✓";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--green);font-weight:800}
  .g-opt.is-wrong{border-color:var(--red);background:rgba(226,71,76,.10);color:var(--ink)}
  .g-opt.is-wrong::after{content:"✕";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--red);font-weight:800}
  .g-q-explain{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;color:var(--ink-dim);font-size:.96rem;line-height:1.5;border-left:3px solid var(--teal);padding-left:0}
  .g-q.is-revealed .g-q-explain{max-height:200px;opacity:1;margin-top:16px;padding-left:16px}
  .g-quiz-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:22px;padding:20px 24px;background:linear-gradient(135deg,rgba(43,212,203,.08),var(--navy-2) 60%);border:1px solid var(--teal-line);border-radius:var(--r)}
  .g-score{font-size:1.05rem;color:var(--ink-dim);line-height:1.4}
  .g-score.is-done{color:var(--ink)}.g-score strong{color:var(--teal);font-weight:800}

  /* tail + footer */
  .g-tail{padding:30px 0 10px}.g-tail .g-block{margin-top:44px}