html[data-theme="dark"] .rcol.get{background:#16241A;border-color:#28402F}
  html[data-theme="dark"] .rcol.get li{color:var(--ink)}
  html[data-theme="dark"] .rcol.get .ch{color:#7FC894}
  html[data-theme="dark"] .rcol.get li::before{color:#7FC894}
  html[data-theme="dark"] .rcol.skip{background:#2C2012;border-color:#4A3620}
  html[data-theme="dark"] .rcol.skip li{color:var(--ink)}
  html[data-theme="dark"] .explain-btn{background:#2B2112;border-color:#4A3A1A;color:#E8C77A}
  html[data-theme="dark"] .explain-btn:hover,html[data-theme="dark"] .explain-btn.open{background:#352915}
  html[data-theme="dark"] .explain-box{background:#241C0F;border-color:#4A3A1A;color:#E8DCC8}
  html[data-theme="dark"] .explain-box b{color:#F0C868}
  html[data-theme="dark"] .msrow{border-color:#4A3A1A}
  html[data-theme="dark"] .msrow-l{color:#E8C77A}
  html[data-theme="dark"] .rincl{background:#2B2012;color:var(--ink)}
  html[data-theme="dark"] .rincl b{color:var(--orange-l)}
  html[data-theme="dark"] .bcard{background:#2A2420}
  html[data-theme="dark"] .gfeat{border-color:#332B24}
  html[data-theme="dark"] .mslink{background:transparent}
  html[data-theme="dark"] .rprice span{color:var(--slate)}
  html[data-theme="dark"] .rprice{color:#7FC894}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  /* Single-door AI section: one clear entry instead of a grid of tool cards. */
  .onedoor-copy{display:block;max-width:760px}
  .onedoor-cta{display:inline-block;margin-top:1.4rem}
  /* "We pick the tool": route a Microsoft AI question to the AI Value Advisor. */
  .describe-route{border:1px solid color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 8%,transparent)}
  .describe-route .btn.primary{margin-top:.6rem}
  /* Hero leads with one primary path; the rest are a compact secondary line. */
  .hero-decisions.hero-single{display:block;max-width:640px}
  .hero-single .hero-path{min-height:auto}
  .hero-secondary{margin-top:1.1rem;color:rgba(255,255,255,.62);font-size:.85rem;line-height:1.7}
  .hero-secondary a{color:#ff9a58;text-decoration:underline;text-underline-offset:2px}
  /* Summary-first result: the deep breakdown opens on demand. */
  .rec-fulldetail{margin:1rem 0}
  .rec-fulldetail-toggle{cursor:pointer;font-weight:700;padding:.75rem .95rem;border:1px solid color-mix(in srgb,var(--color-accent) 40%,var(--color-border));border-radius:12px;background:color-mix(in srgb,var(--color-accent) 8%,transparent);list-style:none}
  .rec-fulldetail-toggle::-webkit-details-marker{display:none}
  .rec-fulldetail-toggle::after{content:" \25be";color:var(--color-accent)}
  .rec-fulldetail[open] .rec-fulldetail-toggle::after{content:" \25b4"}
  .rec-fulldetail[open] .rec-fulldetail-toggle{margin-bottom:1rem}
  body{font-family:var(--font-body);color:var(--ink);background:var(--page) !important;line-height:1.5;-webkit-font-smoothing:antialiased}
  .serif{font-family:var(--font-display)}

  header{background:var(--navy);color:#fff;padding:.85rem 1.1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;position:sticky;top:0;z-index:40;box-shadow:0 2px 16px rgba(0,0,0,.2)}
  header .brand{font-weight:700;font-size:.95rem;color:#fff}
  header .brand span{color:var(--orange-l)}
  header .tablinks{margin-left:auto;display:flex;gap:.3rem}
  .tablink{background:transparent;border:none;color:#E7D8CC;font-weight:600;font-size:.82rem;padding:.4rem .8rem;border-radius:7px;cursor:pointer}
  .tablink.active{background:var(--orange);color:#fff}
  .tablink:hover{color:#fff}
  .tablink-sec{opacity:.72;font-size:.76rem}
  .tablink-sec:not(.active){font-weight:500}
  .themebtn{background:var(--charcoal);border:1px solid #4A4038;color:#fff;font-size:1rem;padding:.35rem .6rem;border-radius:7px;cursor:pointer;line-height:1}
  .themebtn:hover{background:#3A332C}

  .wrap{max-width:var(--container-app);margin:0 auto;padding:1.6rem 1.1rem 4rem}

  .intro{text-align:center;margin-bottom:var(--sp-4)}
  .intro h1,.intro .panel-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.04;letter-spacing:-.015em;margin-bottom:.6rem;color:var(--ink)}
  .intro p{color:var(--slate);font-size:1.02rem;max-width:560px;margin:0 auto}
  .partnerline{display:block;text-align:center;color:var(--slate);font-size:.92rem;margin:.5rem auto 0;max-width:560px}
  .partnerline b{color:var(--ink)}
  .outcomes{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:680px;margin:1.4rem auto 0}
  .outcome{flex:1 1 185px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:12px;padding:.85rem .95rem;text-align:left;box-shadow:var(--shadow-sm)}
  .outcome b{display:block;color:var(--ink);font-size:.92rem;margin-bottom:.25rem}
  .outcome b::before{content:"✓";color:var(--orange);font-weight:800;margin-right:.35rem}
  .outcome span{color:var(--slate);font-size:.82rem;line-height:1.4}
  .proofcard{display:flex;gap:.7rem;align-items:flex-start;text-align:left;max-width:480px;margin:1.6rem auto 0;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:14px;padding:.9rem 1.2rem;box-shadow:var(--shadow-sm)}
  .proofcard .pqmark{font-family:var(--font-display);font-size:2.1rem;line-height:.9;color:var(--orange);flex-shrink:0}
  .proofcard blockquote{margin:0}
  .proofcard blockquote p{margin:0;font-style:italic;color:var(--ink);font-size:1rem;line-height:1.45}
  .proofcard cite{display:block;font-style:normal;font-size:.78rem;color:var(--slate);margin-top:.4rem}
  .nphint{display:block;text-align:center;color:var(--slate);font-size:.82rem;line-height:1.4;max-width:560px;margin:.45rem auto .7rem;opacity:.9}

  /* ===== ADVISOR ===== */
  .advisor-tool-shortcut{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:760px;margin:0 auto var(--sp-4);padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--orange) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--orange) 8%,var(--card));box-shadow:var(--shadow-sm)}
  .advisor-tool-shortcut p{margin:0;color:var(--slate);font-size:.9rem;line-height:1.45}
  .advisor-tool-shortcut strong{color:var(--ink)}
  .advisor-tool-shortcut a{flex:0 0 auto;color:var(--orange-d);font-weight:800;text-decoration:none}
  .advisor-tool-shortcut a:hover{text-decoration:underline}
  @media(max-width:600px){.advisor-tool-shortcut{align-items:flex-start;flex-direction:column}.advisor-tool-shortcut a{min-height:44px;display:inline-flex;align-items:center}}

  .panel{display:none}
  .panel.active{display:block}

  .progress{display:flex;gap:.4rem;justify-content:center;margin:0 0 1.5rem}
  .pdot{width:40px;height:5px;border-radius:3px;background:var(--line)}
  .pdot.done{background:var(--msblue)}
  .pdot.now{background:var(--bizblue)}

  .qcard{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:1.8rem 1.5rem;max-width:var(--container-advisor);margin:0 auto}
  .qnum{color:var(--msblue);font-weight:700;letter-spacing:1px;font-size:.74rem;margin-bottom:.5rem}
  .qcard h2{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;margin-bottom:.4rem}
  .qsub{color:var(--slate);font-size:.92rem;margin-bottom:1.3rem}
  .opts{display:flex;flex-direction:column;gap:.7rem}
  .opt{display:flex;align-items:center;gap:.9rem;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:var(--radius-lg);padding:1.15rem 1.2rem;cursor:pointer;transition:border-color var(--duration-base),background var(--duration-base),box-shadow var(--duration-base),transform var(--duration-fast);font-size:1rem;width:100%;position:relative}
  .opt:hover{border-color:var(--bizblue);background:var(--ice);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
  .opt:active{transform:translateY(0)}
  .opt.sel{border-color:var(--msblue);background:var(--ice);box-shadow:0 0 0 1px var(--msblue) inset,var(--shadow-sm)}
  .opt .oic{font-size:1.6rem;line-height:1.1;flex-shrink:0}
  .opt .otxt{flex:1;min-width:0}
  .opt .otxt b{display:block;font-size:1.04rem;margin-bottom:.1rem}
  .opt .otxt span{color:var(--slate);font-size:.86rem}
  .opt .ochk{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;transition:all .15s}
  .opt .ochk::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--msblue);transform:scale(0);transition:transform .15s}
  .opt:hover .ochk{border-color:var(--bizblue)}
  .opt.sel .ochk{border-color:var(--msblue)}
  .opt.sel .ochk::after{transform:scale(1)}

  .navrow{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;gap:1rem}
  .btn{border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit}
  .btn.primary{background:var(--msblue);color:#fff}
  .btn.primary:disabled{background:var(--line);color:#94a7b8;cursor:not-allowed}
  .btn.ghost{background:transparent;color:var(--slate)}
  .btn.ghost:hover{color:var(--ink)}

  /* ===== RESULT ===== */
  .result{max-width:var(--container-content);margin:0 auto}
  .rec{background:var(--card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-elevated);overflow:hidden;margin-bottom:1.3rem;animation:recReveal var(--duration-reveal) var(--ease-reveal) both}
  @keyframes recReveal{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.rec{animation:none}}
  .rec-head{padding:1.8rem 1.5rem 1.6rem;color:#fff;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-d) 100%);position:relative;overflow:hidden}
  .rec-head::after{content:"";position:absolute;top:-40%;right:-10%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
  .rec-head .reckick{font-size:.78rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;opacity:.92;position:relative}
  .rec-head .recname{font-family:var(--font-display);font-weight:600;font-size:2.1rem;line-height:1.05;letter-spacing:-.015em;margin:.35rem 0 .25rem;position:relative}
  .rec-head .rectrack{font-size:.92rem;opacity:.94;font-weight:600;position:relative}
  .rec-body{padding:1.4rem 1.5rem}
  .rec-why{font-size:1.02rem;margin-bottom:1.2rem}
  .rec-why b{color:var(--msblue)}
  .rec-stack{background:var(--ice);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1.2rem}
  .rec-stack .sl{font-size:.72rem;font-weight:700;letter-spacing:1px;color:var(--msblue);margin-bottom:.4rem}
  .rec-stack .sval{font-weight:700;font-size:1.05rem}
  .priceband{background:#0B3D2E;border-radius:12px;padding:1rem 1.1rem;margin-bottom:1.2rem;color:#fff}
  .priceband .pbl{font-size:.7rem;font-weight:700;letter-spacing:1px;color:#7FE0A8;margin-bottom:.3rem}
  .priceband .pbtotal{font-size:2.6rem;font-weight:700;line-height:1;letter-spacing:-.02em;font-family:var(--font-display)}
  .priceband .pbunit{font-size:.9rem;font-weight:600;opacity:.85;font-family:-apple-system,sans-serif}
  .priceband .pbmath{font-size:.83rem;color:#bfe6cf;margin-top:.45rem}
  .pbnote{font-size:.76rem;line-height:1.45;color:#cfe6da;margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.16)}
  .pbnote b{color:#fff}
  .rprice{font-weight:800;font-size:1rem;color:var(--green);margin-bottom:.4rem}
  .rprice span{font-weight:600;font-size:.78rem;color:var(--slate)}
  .ladder-note{background:#0B3D2E;border-radius:10px;padding:.8rem 1rem;margin-top:.5rem;border-top:none;color:#cfe6da}
  .pbverify{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.16)}
  .pbcheck{display:inline-block;background:var(--orange);color:#fff;font-size:.8rem;font-weight:700;padding:.4rem .8rem;border-radius:8px;text-decoration:none}
  .pbcheck:hover{background:var(--orange-l)}
  .pbverified{font-size:.74rem;color:#bfe6cf}

  /* frontline F-SKU additions */
  .tbtn.active.frn{background:var(--orange-d);color:#fff}
  .frule{background:var(--orange-pale);border-left:4px solid var(--orange);border-radius:8px;padding:.85rem 1rem;margin-bottom:1.2rem;font-size:.9rem;line-height:1.5;color:var(--ink)}
  .frule b{color:var(--orange-d)}
  html[data-theme="dark"] .frule b{color:var(--orange-l)}
  .vfy{opacity:.6;font-weight:600;font-style:italic}
  .gfavail{font-size:.84rem;color:var(--orange-d);font-weight:600;margin-top:.35rem}
  html[data-theme="dark"] .gfavail{color:var(--orange-l)}

  @media print{
    html[data-theme="dark"]{--page:#fff;--card:#fff;--ink:#1C1813;--slate:#6B5E52;--line:#E7D8CC;--ice:#FFF1E8;--ice2:#FBE0CE;--orange-pale:#FFF1E8;--amber:#C9540E}
    html[data-theme="dark"] .rcol.get{background:#EAF6EE !important;border-color:#c4e6cf !important}
    html[data-theme="dark"] .rcol.get .ch,html[data-theme="dark"] .rcol.get li::before{color:#1E7A34 !important}
    html[data-theme="dark"] .rcol.get li,html[data-theme="dark"] .rcol.skip li{color:#1C1813 !important}
    html[data-theme="dark"] .rcol.skip{background:#FBF0E4 !important;border-color:#f0d8b8 !important}
    html[data-theme="dark"] .explain-box{background:#FFFBF2 !important;color:#4A3A1A !important}
    html[data-theme="dark"] .bcard{background:#F7F3FB !important}
    html[data-theme="dark"] .rincl{background:#FFF1E8 !important;color:#1C1813 !important}
    header,.tablinks,#mapPanel,#glossPanel,#newPanel,#gamePanel,#aiPanel,.restart,.explain-btn,.intro p,.pbtoggle{display:none !important}
    body{background:#fff}
    .wrap{padding:0}
    .rec,.upgrade,.prodbox,.linksbox,.beyondbox,.priceband{box-shadow:none !important;break-inside:avoid}
    .priceband{background:#fff !important;color:#000 !important;border:1.5px solid var(--orange)}
    .priceband .pbl,.priceband .pbmath,.pbnote,.pbverified{color:#333 !important}
    .priceband .pbtotal{color:var(--orange-d) !important}
    .mslink{border-color:#999 !important;color:#000 !important}
    footer{background:#fff;color:#000;border-top:2px solid var(--orange)}
    .footbrand{color:var(--orange-d)}
    .footlinks a{color:var(--orange-d);border-color:#ccc}
    .footmeta,.footmeta #footDate{color:#333}
    .footsister{color:#333}
    .footsister strong,.footsister a{color:#000}
    a[href]:after{content:""}
  }

  /* explain toggle */
  .explain-btn{background:#FFF6E6;border:1px solid #F0D9A8;color:#9A6A00;font-weight:600;font-size:.86rem;padding:.55rem .9rem;border-radius:9px;cursor:pointer;margin-bottom:1rem;width:100%;text-align:left;font-family:inherit}
  .explain-btn:hover{background:#FCEFD0}
  .explain-btn.open{background:#FCEFD0}
  .explain-box{background:#FFFBF2;border:1px solid #F0D9A8;border-radius:10px;padding:1rem 1.1rem;margin-bottom:1.2rem;font-size:.9rem;line-height:1.55;color:#4A3A1A}
  .explain-box b{color:#7A5400}

  /* teams toggle */
  .pbtoggle{display:flex;gap:.3rem;background:rgba(255,255,255,.12);padding:.25rem;border-radius:9px;margin-bottom:.9rem;width:max-content}
  .pbt{background:transparent;border:none;color:#bfe6cf;font-weight:700;font-size:.82rem;padding:.4rem .9rem;border-radius:7px;cursor:pointer;font-family:inherit}
  .pbt.active{background:#1E7A34;color:#fff}
  .pbent{font-size:.8rem;line-height:1.45;color:#ffe2c2;margin-top:.6rem;background:rgba(0,0,0,.2);padding:.6rem .7rem;border-radius:8px}
  .pbent b{color:#fff}
  .nptoggle{margin-top:.5rem}
  .nptoggle .pbt.active{background:var(--orange);color:#fff}
  .npcaveat{font-size:.8rem;line-height:1.5;color:#ffe7d2;margin-top:.7rem;background:rgba(0,0,0,.22);padding:.7rem .8rem;border-radius:9px}
  .npcaveat-h{font-weight:700;color:#fff;margin-bottom:.4rem;font-size:.82rem}
  .npcaveat ul{margin:.2rem 0 .55rem;padding-left:1.1rem}
  .npcaveat li{margin-bottom:.3rem}
  .npverify{color:#ffd9b0;font-style:italic}
  /* government scope */
  .govbox{background:var(--card);border-radius:12px;box-shadow:var(--shadow-subtle);margin:0 auto var(--sp-4);max-width:var(--container-content);overflow:hidden}
  .govbox-first{margin-top:var(--sp-5);position:relative}
  .govbox-first::before{content:"";position:absolute;top:calc(var(--sp-5) * -0.5);left:50%;transform:translateX(-50%);width:56px;height:3px;border-radius:3px;background:var(--line)}
  .govbox summary{cursor:pointer;padding:.85rem 1.2rem;font-weight:700;font-size:.98rem;line-height:1.3;font-family:var(--font-display);color:var(--ink);list-style:none;display:flex;align-items:flex-start;gap:.55rem;min-height:44px}
  .govbox summary::-webkit-details-marker{display:none}
  .govbox summary::before{content:"▸";color:var(--orange);font-size:.9rem;line-height:1.45;flex-shrink:0}
  .govbox[open] summary::before{content:"▾"}
  .govbody{padding:0 1.2rem 1.1rem;font-size:.86rem;line-height:1.55;color:var(--slate)}
  .govbody ul{margin:.2rem 0 .8rem;padding-left:1.1rem}
  .govbody li{margin-bottom:.4rem}
  .govbody b{color:var(--ink)}
  .govlinks{display:flex;flex-wrap:wrap;gap:.5rem}
  .govlinks a{font-size:.82rem;font-weight:600;color:var(--orange-d);text-decoration:none;background:var(--orange-pale);padding:.45rem .7rem;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
  /* cowork estimator */
  .cwlede{font-size:.85rem;line-height:1.55;color:var(--slate);margin:.2rem 0 .9rem}
  .cw-use,.cw-boundary{margin:0 0 1.2rem;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 88%,transparent)}
  .cw-use h2,.cw-boundary h2,.cw-evidence-split h2{margin:0 0 .45rem;font-size:1.08rem;line-height:1.3}
  .cw-use p:last-child,.cw-boundary p:last-child,.cw-evidence-split p,.cw-evidence-split ul{margin:0;color:var(--slate);line-height:1.6}
  .cw-use a,.cw-boundary a{color:var(--orange-d);font-weight:700}
  .cw-evidence-split{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0 0 1.2rem}
  .cw-evidence-split section{padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,var(--orange) 32%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 7%,var(--card)),var(--card))}
  .cw-evidence-split .cw-assumption{border-color:var(--line);background:var(--card)}
  .cw-evidence-split ul{padding-left:1.15rem}
  .cw-evidence-split li+li{margin-top:.25rem}
  .cw-boundary{margin-top:1.2rem;border-left:3px solid var(--orange)}
  @media(max-width:680px){.cw-evidence-split{grid-template-columns:1fr}}
  .cwlede b{color:var(--ink)}
  .cwpresets{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.2rem 0 .9rem}
  .cwpresetlbl{font-size:.78rem;font-weight:600;color:var(--slate);margin-right:.2rem}
  .cwpreset{background:var(--ice);border:1px solid var(--line,#E7D8CC);border-radius:999px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;color:var(--orange-d);cursor:pointer}
  .cwpreset:hover{border-color:var(--orange)}
  .cwpreset.on{background:var(--orange);color:#fff;border-color:var(--orange)}
  .cwcompare{margin-top:.7rem;background:var(--card);border:1px solid var(--line,#E7D8CC);border-radius:9px;padding:.7rem .85rem}
  .cwcomphd{font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--slate);margin-bottom:.5rem}
  .cwcomprow{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.25rem 0;font-size:.9rem}
  .cwcomprow span{color:var(--slate)}
  .cwcomprow b{color:var(--ink);white-space:nowrap}
  .cwcomprow.cwpp b{color:var(--green)}
  .cwsave{font-size:.78rem;line-height:1.5;color:var(--slate);margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--line,#E7D8CC)}
  .cwgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:.9rem}
  .cwfield{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--ink)}
  .cwfield small{display:block;font-weight:400;color:var(--slate);font-size:.72rem;margin-top:.1rem}
  .cwfield input{font-size:1rem;padding:.6rem .7rem;border:1.5px solid var(--line,#E7D8CC);border-radius:8px;background:var(--card);color:var(--ink);min-height:44px}
  .cwfield input:focus{outline:none;border-color:var(--orange)}
  .cwresult{min-height:1.5rem;margin:.4rem 0 .8rem}
  .cwband{font-size:1.05rem;color:var(--ink);background:var(--orange-pale);border-left:4px solid var(--orange);padding:.7rem .8rem;border-radius:8px}
  .cwbreak{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem}
  .cwbi{background:var(--card);border:1px solid var(--line,#E7D8CC);border-radius:8px;padding:.55rem .6rem;text-align:center}
  .cwbi span{display:block;font-size:.68rem;color:var(--slate);margin-bottom:.2rem}
  .cwbi b{font-size:.92rem;color:var(--ink)}
  .cwcredits{margin-top:.9rem;background:var(--card);border:1px solid var(--line,#E7D8CC);border-radius:9px;padding:.8rem .85rem}
  .cwcredits h4{font-size:.85rem;color:var(--ink);margin:0 0 .35rem}
  .cwcredits p{font-size:.78rem;line-height:1.5;color:var(--slate);margin:0 0 .5rem}
  @media (max-width:540px){ .cwbreak{grid-template-columns:1fr} }
  .cwprint{margin-top:.8rem;display:inline-flex;align-items:center;gap:.4rem;background:var(--orange);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;min-height:44px}
  .cwprint:hover{background:var(--orange-d)}
  /* print-only branding, hidden on screen */
  /* print-only sheet, hidden on screen */
  #cwPrintSheet{display:none}
  @media print{
    /* hide the entire app, show only the cloned estimate sheet */
    body.print-cowork > *{display:none !important}
    body.print-cowork #cwPrintSheet{display:block !important;font-family:Arial,Helvetica,sans-serif;color:#1A1A1A;padding:0.3in}
    #cwPrintSheet .cwps-head{border-bottom:2px solid #F26A1B;padding-bottom:8px;margin-bottom:14px}
    #cwPrintSheet .cwps-brand{font-size:18px;font-weight:700;color:#1A1A1A}
    #cwPrintSheet .cwps-brand span{color:#F26A1B}
    #cwPrintSheet .cwps-title{font-size:14px;color:#F26A1B;font-weight:600;margin-top:3px}
    #cwPrintSheet .cwps-inputs{width:100%;border-collapse:collapse;margin-bottom:14px}
    #cwPrintSheet .cwps-inputs td{font-size:12px;padding:6px 8px;border-bottom:1px solid #eee}
    #cwPrintSheet .cwps-inputs td:last-child{text-align:right;font-weight:700}
    #cwPrintSheet .cwps-result{font-size:13px;margin-bottom:14px}
    #cwPrintSheet .cwps-result .cwband{background:#FFF1E8;border-left:4px solid #F26A1B;padding:10px 12px;border-radius:6px;font-size:15px;color:#1A1A1A}
    #cwPrintSheet .cwps-result .cwband b{color:#C9540E}
    #cwPrintSheet .cwps-result .cwbreak{display:flex;gap:10px;margin-top:8px}
    #cwPrintSheet .cwps-result .cwbi{flex:1;border:1px solid #ddd;border-radius:6px;padding:8px;text-align:center}
    #cwPrintSheet .cwps-result .cwbi span{display:block;font-size:9px;color:#666}
    #cwPrintSheet .cwps-result .cwbi b{font-size:12px}
    #cwPrintSheet .cwps-result .cwsub{font-size:10px;color:#555;margin-top:6px}
    #cwPrintSheet .cwps-note{font-size:9.5px;color:#555;line-height:1.45;margin-bottom:12px}
    #cwPrintSheet .cwps-foot{font-size:8.5px;color:#888;line-height:1.4;border-top:1px solid #ccc;padding-top:8px}
  }
  .cwband b{color:var(--orange-d)}
  .cwsub{font-size:.78rem;color:var(--slate);margin-top:.4rem;line-height:1.5}
  .cwwarn{font-style:italic}
  .cwhint{font-size:.82rem;color:var(--slate);font-style:italic}
  .cwnote{font-size:.78rem;line-height:1.5;color:var(--slate);margin:.2rem 0 .7rem;padding-left:1.1rem}
  .cwnote li{margin-bottom:.3rem}
  .cwnote b{color:var(--ink)}
  @media (max-width:540px){ .cwgrid{grid-template-columns:1fr} }

  /* beyond E7 */
  .beyondbox{background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.3rem}
  .beyondhead{background:var(--best);color:#fff;padding:1.2rem 1.4rem}
  .beyondhead .bt{font-size:.78rem;font-weight:700;letter-spacing:1px;margin-bottom:.3rem}
  .beyondhead .bsub{font-size:.9rem;opacity:.93}
  .beyondgrid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;padding:1.3rem 1.4rem}
  .bcard{display:flex;gap:.8rem;align-items:flex-start;background:#F7F3FB;border-radius:11px;padding:.9rem 1rem}
  .bcard .bic{font-size:1.5rem;line-height:1;flex-shrink:0}
  .bcard .bttl{font-weight:700;font-size:.95rem;margin-bottom:.2rem;color:var(--ink)}
  .bcard .bdesc{font-size:.84rem;color:var(--slate);line-height:1.45}

  /* microsoft links */
  .mslink{display:inline-block;background:var(--card);border:1px solid var(--msblue);color:var(--msblue);font-size:.82rem;font-weight:600;padding:.35rem .7rem;border-radius:7px;text-decoration:none;margin:.25rem .35rem .25rem 0;transition:all .15s}
  .ytlink{display:inline-block;background:var(--card);border:1px solid #C4302B;color:#C4302B;font-size:.82rem;font-weight:700;padding:.35rem .7rem;border-radius:7px;text-decoration:none;margin:.25rem .35rem .25rem 0;transition:all .15s}
  .ytlink:hover{background:#C4302B;color:#fff}
  .mslink:hover{background:var(--msblue);color:#fff}
  .msrow{margin-top:.9rem;padding-top:.8rem;border-top:1px solid #F0D9A8}
  .msrow-l{display:block;font-size:.78rem;font-weight:700;color:#7A5400;margin-bottom:.5rem}
  .linksbox{background:var(--ice);border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1.3rem}
  .linksbox .lt{font-size:.74rem;font-weight:700;letter-spacing:1px;color:var(--msblue);margin-bottom:.7rem}
  .lgrid{display:flex;flex-wrap:wrap;gap:.2rem}
  .linksbox .lnote{font-size:.76rem;color:var(--slate);margin-top:.7rem;line-height:1.4}
  .bcard-link{margin-top:.5rem}
  .bcard-link .mslink{font-size:.76rem;padding:.25rem .55rem;margin:0}

  /* ladder suite links */
  .rlinks{margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.2rem}
  .rincl{font-size:.8rem;font-weight:600;color:var(--ink);background:var(--orange-pale);border-left:3px solid var(--orange);border-radius:6px;padding:.45rem .7rem;margin-bottom:.6rem;display:block;line-height:1.4}
  .rincl b{color:var(--orange-d);font-weight:700}
  .rincl .rinclcheck{color:var(--orange);font-weight:800;margin-right:.35rem}
  .rlinks .mslink{font-size:.75rem;padding:.25rem .55rem;margin:.1rem .2rem .1rem 0}

  /* glossary */
  .glossary{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}
  .gsuite{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}
  .ghead{width:100%;display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;background:var(--card);border:none;cursor:pointer;text-align:left;font-family:inherit}
  .ghead:hover{background:var(--ice)}
  .gic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
  .gtitle{flex:1;min-width:0}
  .gname{display:block;font-weight:700;font-size:1.1rem;font-family:Cambria,Georgia,serif;color:var(--ink)}
  .gblurb{display:block;font-size:.86rem;color:var(--slate);margin-top:.15rem}
  .gcount{font-size:.8rem;font-weight:700;color:var(--msblue);white-space:nowrap;align-self:flex-start;padding-top:.3rem}
  .gbody{padding:0 1.2rem 1.2rem}
  .gsuitelink{font-size:.82rem;color:var(--slate);padding:.6rem 0 1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}
  .gfeat{padding:.9rem 0;border-bottom:1px solid #EEF3F8}
  .gfeat:last-child{border-bottom:none;padding-bottom:0}
  .gfname{font-weight:700;font-size:1rem;color:var(--ink);margin-bottom:.35rem}
  .gfwhat,.gfwhy{font-size:.88rem;color:var(--slate);line-height:1.5;margin-bottom:.3rem}
  .gfwhat b,.gfwhy b{color:var(--ink)}
  .gflink{margin-top:.45rem}

  /* NEW badge */
  .newb{display:inline-block;background:var(--orange);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.5px;padding:.12rem .42rem;border-radius:5px;vertical-align:middle;position:relative;top:-1px}

  /* what's new cards */
  .newsgrid{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .newsgrid.collapsed .nx{display:none}
  #newsmorewrap{text-align:center}
  .newsmorebtn{margin:1.2rem auto 0;display:inline-block;background:var(--card);border:1.5px solid var(--orange);color:var(--orange-d);font-weight:700;font-size:.9rem;padding:.6rem 1.5rem;border-radius:999px;cursor:pointer;box-shadow:var(--shadow-sm)}
  .newsmorebtn:hover{background:var(--orange);color:#fff}
  html[data-theme="dark"] .newsmorebtn{color:var(--orange-l)}
  html[data-theme="dark"] .newsmorebtn:hover{color:#1C1813}
  .ncard{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm);padding:1.2rem 1.3rem;display:flex;flex-direction:column}
  .nhead{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}
  .nic{font-size:1.6rem;line-height:1}
  .ndate{font-size:.68rem;font-weight:800;letter-spacing:.8px;color:var(--orange-d);background:var(--orange-pale);padding:.25rem .55rem;border-radius:6px}
  .ntitle{font-family:Cambria,Georgia,serif;font-weight:700;font-size:1.25rem;color:var(--ink);margin-bottom:.45rem}
  .nwhat{font-size:.89rem;color:var(--slate);line-height:1.5;margin-bottom:.6rem}
  .nwhy{font-size:.86rem;color:var(--ink);line-height:1.5;background:var(--ice);border-left:3px solid var(--orange);border-radius:6px;padding:.6rem .75rem;margin-bottom:.7rem}
  .nwhy b{color:var(--orange-d)}
  .nlinks{margin-top:auto}

  /* live roadmap feed */
  .livefeed{max-width:820px;margin:0 auto 1.4rem;background:var(--card);border:1.5px solid var(--orange);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}
  .lft{font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--orange-d);margin-bottom:.25rem}
  html[data-theme="dark"] .lft{color:var(--orange-l)}
  .lfsub{font-size:.8rem;color:var(--slate);margin-bottom:.7rem}
  .lfitem{display:block;padding:.55rem 0;border-top:1px solid var(--line);text-decoration:none}
  .lfitem:hover .lftitle{color:var(--orange-d)}
  .lfdate{font-size:.72rem;font-weight:700;color:var(--orange-d);margin-right:.5rem}
  html[data-theme="dark"] .lfdate{color:var(--orange-l)}
  .lfstatus{font-size:.68rem;font-weight:700;background:var(--ice);color:var(--slate);padding:.1rem .45rem;border-radius:5px;margin-right:.5rem}
  .lftitle{display:block;font-size:.9rem;color:var(--ink);line-height:1.4;margin-top:.15rem}
  .lfall{display:inline-block;margin-top:.7rem;font-size:.84rem;font-weight:700;color:var(--orange-d);text-decoration:none}
  html[data-theme="dark"] .lfall{color:var(--orange-l)}

  /* Verified Microsoft changes archive */
  .changes-page{max-width:1180px}
  .changes-hero{max-width:920px;margin:0 auto clamp(2rem,6vw,4.5rem);padding:clamp(1.35rem,5vw,3rem);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--color-accent) 20%,transparent),transparent 38%),linear-gradient(145deg,var(--color-surface-raised),var(--color-surface));box-shadow:var(--shadow-subtle)}
  .changes-hero .panel-title{max-width:15ch;margin:.45rem 0 .8rem;font-family:var(--font-sans);font-size:clamp(2.2rem,6vw,4.6rem);line-height:.98;letter-spacing:-.055em}
  .changes-hero>p:not(.section-eyebrow){max-width:70ch;color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}
  .changes-trust{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.changes-trust span{padding:.45rem .68rem;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface-raised) 76%,transparent);color:var(--color-text-muted);font-size:.76rem;font-weight:750}
  .verified-changes{max-width:1040px;margin:0 auto}.changes-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:clamp(1rem,5vw,3rem);align-items:end;margin-bottom:1.25rem}
  .changes-section-head h2{margin:.25rem 0 0;color:var(--color-text-strong);font-family:var(--font-sans);font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;letter-spacing:-.04em}.changes-section-head>p{margin:0;color:var(--color-text-muted);line-height:1.65}
  .change-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.15rem}.change-filters button{min-height:44px;padding:.55rem .85rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}.change-filters button[aria-pressed="true"]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,var(--color-surface-raised));color:var(--color-text-strong)}
  .newsgrid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ncard{min-width:0;padding:clamp(1rem,3vw,1.35rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(155deg,var(--color-surface-raised),var(--color-surface));box-shadow:var(--shadow-subtle)}
  .nhead{align-items:center}.nic{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface)}.ndate{background:color-mix(in srgb,var(--color-accent) 13%,var(--color-surface));color:var(--color-accent);font-size:.66rem;text-transform:uppercase}
  .ntitle{margin:.3rem 0 .9rem;color:var(--color-text-strong);font-family:var(--font-sans);font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.15;letter-spacing:-.025em}.change-facts{display:grid;gap:.72rem;margin:0}.change-facts>div{padding-top:.72rem;border-top:1px solid var(--color-border)}.change-facts dt{color:var(--color-text-strong);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.change-facts dd{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.88rem;line-height:1.55}
  .change-verified{margin:.9rem 0;color:var(--color-text-muted);font-size:.76rem;line-height:1.5}.change-verified strong{color:var(--color-text)}.nlinks{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.nlinks .mslink{margin:0;padding:.42rem .58rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface);color:var(--color-accent);font-size:.75rem;text-decoration:none}
  .newsmorebtn{min-height:44px;background:var(--color-surface-raised);border-color:var(--color-accent);color:var(--color-accent);box-shadow:none}.newsmorebtn:hover{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface-raised));color:var(--color-text-strong)}
  .external-feeds{max-width:1040px;margin:clamp(2rem,7vw,5rem) auto 0;padding:clamp(1rem,3vw,1.35rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);overflow:hidden}.external-feeds-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:clamp(1rem,5vw,3rem);align-items:end}.external-feeds-head h2{margin:.25rem 0 0;color:var(--color-text-strong);font-family:var(--font-sans);font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.035em}.external-feeds-head>p{margin:0;color:var(--color-text-muted);line-height:1.6}.external-feed-status{margin:.8rem 0 1rem;padding:.62rem .75rem;border-left:3px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,transparent);color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.external-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .livefeed{max-width:none;margin:0;border-color:var(--color-border);background:var(--color-surface);box-shadow:none}.livefeed[hidden]{display:none}.lft{margin:0 0 .3rem;color:var(--color-text-strong);font-family:var(--font-sans);font-size:.78rem;text-transform:uppercase}.lfsub,.lftitle{color:var(--color-text-muted)}

  /* stay current */
  .staycurrent{max-width:1040px;margin:1rem auto 0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:16px;padding:1.4rem 1.4rem}
  .sct{font-size:1rem;font-weight:800;letter-spacing:0;color:var(--color-text-strong);margin-bottom:.3rem}
  .scsub{font-size:.88rem;color:var(--color-text-muted);margin-bottom:1rem}
  .scgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
  .sclink{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:11px;padding:.85rem 1rem;text-decoration:none;transition:all .15s}
  .sclink:hover{background:rgba(242,106,27,.15);border-color:var(--orange)}
  .sclink b{display:block;color:var(--color-text-strong);font-size:.93rem;margin-bottom:.2rem}
  .sclink b::after{content:" ↗";color:var(--orange-l)}
  .sclink span{display:block;color:var(--color-text-muted);font-size:.8rem;line-height:1.4}

  /* glossary search */
  .gsearchwrap{max-width:820px;margin:0 auto 1rem}
  .gsearch{width:100%;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:.85rem 1rem;font-size:1rem;color:var(--ink);font-family:inherit;box-shadow:var(--shadow-sm)}
  .gsearch:focus{outline:none;border-color:var(--orange)}
  .gsearch::placeholder{color:var(--slate)}
  .gnone{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm);padding:1.4rem;text-align:center;color:var(--slate);font-size:.95rem}

  /* pdf fallback toast */
  .pdftoast{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:1rem}
  .pdftoast-box{background:var(--card);border-radius:16px 16px 12px 12px;max-width:480px;width:100%;padding:1.3rem 1.3rem 1.1rem;box-shadow:0 -8px 40px rgba(0,0,0,.3)}
  .pdftoast-t{font-weight:800;font-size:1.05rem;color:var(--ink);margin-bottom:.5rem}
  .pdftoast-b{font-size:.9rem;color:var(--slate);line-height:1.55;margin-bottom:1rem}
  .pdftoast-b b{color:var(--orange-d)}
  html[data-theme="dark"] .pdftoast-b b{color:var(--orange-l)}

  @media(max-width:640px){
    .newsgrid{grid-template-columns:1fr}
    .scgrid{grid-template-columns:1fr}
  }
  .rec-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.1rem}
  .rcol{border-radius:12px;padding:1rem 1.1rem}
  .rcol.get{background:#EAF6EE;border:1px solid #c4e6cf}
  .rcol.skip{background:#FBF0E4;border:1px solid #f0d8b8}
  .rcol .ch{font-size:.74rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem}
  .rcol.get .ch{color:var(--green)}
  .rcol.skip .ch{color:var(--amber)}
  .rcol ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}
  .rcol li{font-size:.88rem;padding-left:1.3rem;position:relative;color:var(--ink)}
  .rcol.get li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
  .rcol.skip li::before{content:"✕";position:absolute;left:0;color:var(--amber);font-weight:800}

  .upgrade{background:var(--charcoal);color:#F3E9DF;border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1.3rem}
  .upgrade .ut{font-size:.74rem;font-weight:700;letter-spacing:1px;color:var(--orange-l);margin-bottom:.6rem}
  .upgrade .uline{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;margin-bottom:.5rem;color:#F3E9DF}
  .upgrade .uline b{color:#fff}
  .upgrade .uline:last-child{margin-bottom:0}
  .upgrade .uarrow{color:var(--orange-l);font-weight:800;flex-shrink:0}
  .upgrade .unext{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.18);font-size:.92rem;color:#F3E9DF}
  .upgrade .unext b{color:var(--orange-l)}

  .prodbox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1.3rem}
  .prodbox .pt{font-size:.74rem;font-weight:700;letter-spacing:1px;color:var(--slate);margin-bottom:.7rem}
  .pgrp{margin-bottom:.7rem}
  .pgrp:last-child{margin-bottom:0}
  .pgrp .pc{font-size:.78rem;font-weight:700;color:var(--msblue);margin-bottom:.15rem}
  .pgrp .pi{font-size:.85rem;color:var(--slate);line-height:1.45}

  .restart{text-align:center}

  /* ===== REFERENCE MAP (tab 2) ===== */
  .legend{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.4rem;font-size:.82rem;color:var(--slate)}
  .legend span{display:flex;align-items:center;gap:.4rem}
  .legend i{width:14px;height:14px;border-radius:4px}
  .toggle-wrap{display:flex;justify-content:center;margin:0 auto var(--sp-4);background:var(--card);padding:.35rem;border-radius:12px;box-shadow:var(--shadow-sm);width:max-content;max-width:100%}
  .tbtn{border:none;background:transparent;cursor:pointer;font-weight:700;font-size:.92rem;padding:.65rem 1.4rem;border-radius:9px;color:var(--slate)}
  .tbtn.active.biz{background:var(--bizblue);color:var(--navy)}
  .tbtn.active.ent{background:var(--msblue);color:#fff}
  .ladder{display:flex;flex-direction:column;gap:.9rem;max-width:760px;margin:0 auto}
  .rung{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;display:grid;grid-template-columns:130px 1fr}
  .rung .rL{color:#fff;padding:1.1rem .9rem;display:flex;flex-direction:column;justify-content:center;text-align:center}
  .rung .rL .rw{font-size:.72rem;font-weight:700;letter-spacing:1px;opacity:.9}
  .rung .rL .rn{font-size:1.15rem;font-weight:800;line-height:1.1;margin-top:.2rem}
  .rung .rR{padding:1rem 1.2rem}
  .rung .rstack{font-weight:700;font-size:1rem;margin-bottom:.35rem}
  .rung .rfor{font-size:.88rem;color:var(--slate);margin-bottom:.5rem}
  .rung .rfor b{color:var(--ink)}
  .rung .rtrig{font-size:.83rem;color:var(--amber);font-weight:600}
  .arrowup{text-align:center;color:var(--slate);font-size:1.3rem;line-height:.5}

  footer{text-align:center;color:var(--slate);font-size:.8rem;padding:2rem 1rem 3rem;background:var(--black);color:#E7D8CC;margin-top:2rem}
  .footbrand{font-family:Cambria,Georgia,serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.3rem}
  .footbrand span{color:var(--orange-l);font-size:.95rem;font-weight:600}
  .footlinks{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:.7rem 0 1rem}
  .footlinks a{color:var(--orange-l);text-decoration:none;font-weight:600;font-size:.88rem;padding:.4rem .8rem;border:1px solid var(--charcoal);border-radius:8px}
  .footlinks a:hover{background:var(--charcoal);color:#fff}
  .footmeta{font-size:.78rem;color:#A89A8C;line-height:1.5}
  .footsister{max-width:620px;margin:.2rem auto 1rem;font-size:.83rem;line-height:1.55;color:#C9BCAD}
  .footsister strong{color:#fff}
  .footsister a{color:var(--orange-l);font-weight:600;text-decoration:none}
  .footsister a:hover{text-decoration:underline}
  .footmeta #footDate{color:var(--orange-l);font-weight:600}

  @media(max-width:600px){
    .rec-cols{grid-template-columns:1fr}
    .beyondgrid{grid-template-columns:1fr}
    .rung{grid-template-columns:90px 1fr}
    header{padding:.7rem .9rem}
    header .tablinks{width:100%;margin-left:0;margin-top:.5rem;flex-wrap:wrap;justify-content:center;gap:.25rem .3rem}
    header .tablink{font-size:.8rem;padding:.35rem .6rem}
    header .tablink-sec{font-size:.74rem;padding:.3rem .5rem}
    header .themebtn{padding:.3rem .5rem}
  }
  .engage{max-width:820px;margin:2rem auto 0;padding:1.2rem 1.3rem;
    background:var(--card);border:1px solid var(--line);
    border-radius:14px;box-shadow:var(--shadow-sm)}
  .engage-share{display:flex;gap:.6rem;flex-wrap:wrap;
    margin-bottom:1rem;padding-bottom:1rem;
    border-bottom:1px solid var(--line)}
  .engage-fb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
  .engage-q{font-weight:600;color:var(--ink);margin-right:.3rem}
  .fb-btn{background:transparent;border:1.5px solid var(--line);
    border-radius:8px;padding:.4rem .7rem;font-size:1.1rem;
    cursor:pointer;line-height:1}
  .fb-btn:hover{border-color:var(--orange);background:var(--orange-pale)}
  .fb-btn.active{border-color:var(--orange);background:var(--orange);
    color:#fff}
  .fb-expand{width:100%;margin-top:.7rem;display:flex;
    flex-direction:column;gap:.5rem}
  .fb-text{width:100%;background:var(--page);border:1.5px solid
    var(--line);border-radius:8px;padding:.7rem;font-family:inherit;
    font-size:.9rem;color:var(--ink);resize:vertical;min-height:70px}
  .fb-text:focus{outline:none;border-color:var(--orange)}
  .fb-send{align-self:flex-start}
  .fb-thanks{color:var(--orange-d);font-weight:600;font-size:.9rem;
    margin-top:.3rem}
  html[data-theme="dark"] .fb-thanks{color:var(--orange-l)}
  @media print{.engage{display:none !important}}
  .trustline{max-width:560px;margin:1.4rem auto 0;font-size:.8rem;color:var(--slate);line-height:1.5;opacity:.9}
  .trustline b{color:var(--ink)}
  .reclink{max-width:760px;margin:1.5rem auto 0;text-align:center;background:var(--ice);border:1px dashed var(--orange);border-radius:14px;padding:1.1rem 1.2rem}
  .reclink .btn{width:auto}
  .reclinkhint{display:block;margin-top:.55rem;font-size:.82rem;color:var(--slate)}
  @media print{.reclink{display:none !important}}

  .ownbox{max-width:760px;margin:0 auto var(--sp-4);background:var(--card);border:1.5px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}
  .ownbox>summary{list-style:none;cursor:pointer;padding:1rem 1.2rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
  .ownbox>summary::-webkit-details-marker{display:none}
  .ownbox>summary::after{content:"▾";color:var(--orange-d);transition:transform .2s;flex-shrink:0}
  .ownbox[open]>summary::after{transform:rotate(180deg)}
  .ownsub{color:var(--slate);font-weight:400;font-size:.88rem}
  .ownbody{padding:0 1.2rem 1.2rem}
  .ownchips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem}
  .ownchip{background:var(--ice);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--ink)}
  .ownchip.on{background:var(--orange);color:#fff;border-color:var(--orange)}
  .ownresult{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}
  .ownname{font-family:var(--font-display);font-weight:600;font-size:1.2rem;margin-bottom:.25rem}
  .owngood{color:var(--slate);font-size:.92rem;margin-bottom:.9rem;line-height:1.5}
  .ownlbl{font-weight:700;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;color:var(--slate);margin-bottom:.4rem}
  .ownmoves{list-style:none;margin:0 0 .9rem;padding:0}
  .ownmoves li{display:flex;gap:.5rem;padding:.35rem 0;font-size:.92rem;line-height:1.45}
  .ownmoves li::before{content:"→";color:var(--orange-d);font-weight:700;flex-shrink:0}
  .ownnext{background:var(--ice);border-radius:10px;padding:.75rem .9rem;font-size:.9rem;line-height:1.5}
  .ownnext b{color:var(--orange-d)}
  .owncta-row{margin-top:1rem;text-align:center}
  .owncta{width:auto}
  .ownwiz{display:block;width:100%;margin-top:.7rem;background:none;border:none;color:var(--orange-d);font-weight:600;font-size:.88rem;cursor:pointer;padding:0;text-decoration:underline}
  /* Copilot eligibility reveal for the selected current plans */
  .own-elig{margin-bottom:1.1rem}
  .own-elig-row{border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;margin-bottom:.55rem;background:var(--card,#fff)}
  .own-elig-plan{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;justify-content:space-between}
  .own-elig-plan b{font-size:.98rem;color:var(--ink)}
  .own-elig-yes{font-size:.7rem;font-weight:700;color:var(--good);border:1px solid var(--good);border-radius:999px;padding:.18rem .55rem;white-space:nowrap}
  .own-elig-no{font-size:.72rem;font-weight:700;color:var(--slate)}
  .own-elig-add{font-size:.85rem;color:var(--slate);margin-top:.3rem}
  .own-elig-caveat{font-size:.82rem;color:var(--slate);margin-top:.25rem;font-style:italic}
  .own-confirm{margin-top:.7rem;background:var(--ice);border-radius:10px;padding:.7rem .9rem}
  .own-confirm b{font-size:.82rem;color:var(--ink)}
  .own-confirm ul{margin:.4rem 0 0;padding-left:1.1rem}
  .own-confirm li{font-size:.86rem;line-height:1.5;margin-bottom:.25rem;color:var(--ink)}
  .own-multi-note{font-size:.9rem;color:var(--slate);line-height:1.55;background:var(--ice);border-radius:10px;padding:.8rem .9rem}
  /* Audience context: tailor language without adding another licensing question. */
  .audience-picker{max-width:760px;margin:0 auto var(--sp-4);padding:0;border:0}
  .audience-picker legend{width:100%;margin:0 0 .55rem;text-align:center;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
  .audience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .audience-btn{display:flex;align-items:center;gap:.75rem;min-height:66px;padding:.8rem .95rem;text-align:left;background:color-mix(in srgb,var(--card) 90%,transparent);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
  .audience-btn:hover{border-color:color-mix(in srgb,var(--orange) 65%,var(--line));transform:translateY(-1px)}
  .audience-btn.active{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--orange) 35%,transparent),var(--shadow-sm)}
  .audience-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--ice);font-size:1.05rem}
  .audience-btn.active .audience-icon{background:var(--orange);color:#fff}
  .audience-label{display:block;font-weight:800;font-size:.92rem}
  .audience-sub{display:block;margin-top:.12rem;color:var(--slate);font-size:.76rem;line-height:1.35}
  .audience-hint{min-height:1.3em;margin:.55rem 0 0;text-align:center;color:var(--slate);font-size:.78rem;line-height:1.45}
  @media(max-width:520px){.audience-options{grid-template-columns:1fr}.audience-btn{min-height:60px}}
  /* Advisor mode toggle (Help me choose vs I already have a license) */
  .advmode{display:flex;gap:.4rem;max-width:520px;margin:0 auto var(--sp-4);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.35rem;box-shadow:var(--shadow-sm)}
  .advmode-btn{flex:1;background:transparent;border:none;border-radius:9px;padding:.7rem .8rem;font-weight:700;font-size:.9rem;color:var(--slate);cursor:pointer;transition:background .15s,color .15s}
  .advmode-btn:hover{color:var(--ink)}
  .advmode-btn.active{background:var(--orange);color:#fff}
  /* Two alternate ways in, demoted below the primary "Describe your situation". */
  .advmode-btn.secondary{flex:0 1 auto;font-size:.82rem;font-weight:600;color:var(--slate)}
  .advmode-btn.secondary.active{background:var(--orange);color:#fff}
  .ownpanel{max-width:760px;margin:0 auto var(--sp-4);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.4rem 1.3rem}
  .ownlead{color:var(--slate);font-size:.92rem;margin:0 0 1rem;text-align:center}
  .advref{max-width:820px;margin:var(--sp-5) auto 0}
  .advref-lbl{text-align:center;font-size:.74rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--slate);margin-bottom:.7rem;opacity:.85}
  /* Glossary: which license includes this suite */
  .ginc{background:var(--orange-pale);border:1px solid var(--ice2);border-radius:9px;padding:.6rem .8rem;font-size:.86rem;line-height:1.5;color:var(--ink);margin-bottom:.7rem}
  .ginc b{color:var(--orange-d)}
  .glosscta{max-width:760px;margin:.6rem auto 1rem;text-align:center;font-size:.9rem;color:var(--slate)}
  .linklike{background:none;border:none;color:var(--orange-d);font-weight:700;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;font-family:inherit}
  /* Ladder: decision CTA */
  .laddercta{max-width:760px;margin:1.4rem auto 0;background:var(--card);border:1.5px solid var(--orange);border-radius:16px;padding:1.3rem 1.3rem;text-align:center;box-shadow:var(--shadow-sm)}
  .lcta-t{font-family:var(--font-display);font-weight:600;font-size:1.15rem;margin-bottom:.8rem}
  .laddercta .btn{width:auto}
  .lcta-guides{margin-top:1rem;font-size:.88rem;color:var(--slate);display:flex;flex-wrap:wrap;gap:.3rem .9rem;justify-content:center;align-items:center}
  .lcta-guides span{font-weight:700}
  .lcta-guides a{color:var(--orange-d);font-weight:600;text-decoration:none;white-space:nowrap}
  .lcta-guides a:hover{text-decoration:underline}
  /* Game cross-promo */
  .gameteaser{max-width:760px;margin:1.4rem auto 0;background:var(--ice);border:1.5px solid var(--orange);border-radius:16px;padding:1.2rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:var(--shadow-sm)}
  .gt-txt{font-size:.95rem;line-height:1.5;flex:1;min-width:220px}
  .gt-txt b{color:var(--orange-d)}
  .gameteaser .btn{width:auto;white-space:nowrap}
  @media print{.gameteaser{display:none !important}}
  .tsnext{max-width:760px;margin:1.6rem auto 0;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:16px;padding:1.3rem 1.4rem;box-shadow:var(--shadow-sm)}
  .tsnext-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:.3rem}
  .tsnext-h{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--ink);margin-bottom:.4rem}
  .tsnext-p{font-size:.95rem;line-height:1.55;color:var(--slate);margin-bottom:.9rem}
  .tsnext .btn{display:inline-block;width:auto;text-decoration:none}
  .tsnext-note{font-size:.76rem;color:var(--slate);margin-top:.8rem;opacity:.85}
  @media print{.tsnext{display:none !important}}
  .refgame{text-align:center;margin-top:1rem;font-size:.9rem;color:var(--slate)}

  .gloss{border-bottom:1px dotted var(--orange-d);cursor:help;position:relative;outline:none}
  .gloss::after{content:attr(data-def);position:absolute;left:0;top:calc(100% + 7px);z-index:30;width:min(260px,78vw);background:#2B2622;color:#fff;font-size:.8rem;font-weight:400;line-height:1.45;letter-spacing:normal;text-transform:none;text-align:left;padding:.6rem .75rem;border-radius:9px;box-shadow:0 8px 30px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .12s,transform .12s;pointer-events:none}
  .gloss:hover::after,.gloss:focus::after{opacity:1;visibility:visible;transform:translateY(0)}
  @media print{.gloss{border-bottom:none}.gloss::after{display:none}}

  /* ================= TECH SIMPLIFIED SUBSTACK FUNNEL ================= */
  .capbox{max-width:920px;margin:1.8rem auto 0;display:flex;flex-direction:column;align-items:stretch;gap:1.35rem;overflow:hidden;background:linear-gradient(145deg,rgba(255,92,53,.14),rgba(16,19,26,.98) 48%);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:1.6rem;box-shadow:0 28px 80px rgba(0,0,0,.32)}
  .capcopy{width:100%;padding:.35rem .6rem 0}
  .capeyebrow{margin-bottom:.55rem;color:var(--orange-l);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .capttl{max-width:760px;margin-bottom:.7rem;color:var(--color-text-strong);font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
  .capsub{max-width:760px;margin-bottom:1.05rem;color:var(--color-text-muted);font-size:1rem;line-height:1.65}
  .capbenefits{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.05rem}
  .capbenefits span{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .62rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.05);color:var(--color-text);font-size:.72rem;font-weight:700}
  .capactions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.capactions .btn{text-decoration:none}
  .capprofile{color:var(--orange-l);font-size:.82rem;font-weight:750;text-decoration:none}
  .capprofile:hover{text-decoration:underline}
  .capembed{position:relative;width:min(100%,560px);margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.3)}
  .capembed::before{content:"Subscribe securely through Substack";display:block;padding:.62rem .8rem;background:#10131A;color:#C7CCD6;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}
  .capembed iframe{display:block;width:100%;height:320px;border:0;background:#fff}
  html[data-theme="light"] .capbox{background:linear-gradient(145deg,#FFF0EC,#FFFFFF 52%);border-color:var(--color-border);box-shadow:var(--shadow-elevated)}
  html[data-theme="light"] .capbenefits span{border-color:var(--color-border);background:rgba(255,92,53,.06)}
  @media(max-width:780px){.capbox{gap:1.1rem;padding:1rem}.capcopy{padding:.25rem}.capembed{width:100%;max-width:480px}.capttl{font-size:1.65rem}.capsub{font-size:.92rem}}
  @media(max-width:420px){.capbox{border-radius:18px}.capembed iframe{height:330px}.capactions .btn{width:100%}.capprofile{width:100%;text-align:center}}
  @media print{.capbox{display:none !important}}
  /* ================= LICENSING CHALLENGE (Test yourself tab) ================= */
  #gamePanel{--g-red:#C0392B}
  #gamePanel .g-inner{max-width:640px;margin:0 auto}
  #gamePanel .g-hero{text-align:center;margin-bottom:var(--sp-4)}
  #gamePanel .g-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--orange-d);margin-bottom:.5rem}
  #gamePanel .g-hero h1,#gamePanel .g-hero .panel-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,6vw,2.8rem);line-height:1.02;letter-spacing:-.02em;margin-bottom:.6rem}
  #gamePanel .g-hero p{color:var(--slate);max-width:460px;margin:0 auto}
  #gamePanel .g-card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:1.8rem 1.5rem;margin-bottom:1.2rem}
  #gamePanel .g-learning-start{border:1px solid color-mix(in srgb,var(--orange) 42%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 9%,var(--card)),var(--card))}
  #gamePanel .g-section-label,.cw-context-label{margin:0 0 .45rem;color:var(--orange-d);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  #gamePanel .g-learning-start h2,#gamePanel .g-next-learning h2{margin:0 0 .55rem;font-size:1.25rem}
  #gamePanel .g-learning-start p,#gamePanel .g-next-learning p{margin:0 0 1rem;color:var(--slate);line-height:1.6}
  #gamePanel .g-play-options{margin:0 0 1.2rem;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 75%,transparent);overflow:hidden}
  #gamePanel .g-play-options>summary{min-height:52px;padding:.9rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;color:var(--ink);font-weight:700;list-style:none}
  #gamePanel .g-play-options>summary::-webkit-details-marker{display:none}
  #gamePanel .g-play-options>summary::after{content:'+';color:var(--orange);font-size:1.3rem}
  #gamePanel .g-play-options[open]>summary::after{content:'−'}
  #gamePanel .g-play-options-body{padding:0 1rem 1rem}
  #gamePanel .g-play-options-body .g-card{margin:0;box-shadow:none;border:1px solid var(--line)}
  #gamePanel .g-next-learning{border:1px solid color-mix(in srgb,var(--orange) 38%,var(--line));box-shadow:none}
  #gamePanel .g-next-learning .g-btn{text-decoration:none}
  #gamePanel .g-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.2rem 0}
  #gamePanel .g-chip{background:var(--ice);color:var(--orange-d);border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-size:.82rem;font-weight:600}
  #gamePanel .g-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--orange);color:#fff;border:none;border-radius:12px;padding:.95rem 1.6rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s,background .15s;width:100%}
  #gamePanel .g-btn:hover{background:var(--orange-d);transform:translateY(-2px)}
  #gamePanel .g-btn:active{transform:translateY(0)}
  #gamePanel .g-btn.g-ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
  #gamePanel .g-btn.g-ghost:hover{background:var(--ice);border-color:var(--orange)}
  #gamePanel .g-btn:disabled{opacity:.6;cursor:default;transform:none}
  #gamePanel .g-modes{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
  @media(max-width:420px){#gamePanel .g-modes{grid-template-columns:1fr}}
  #gamePanel .g-difftog{display:flex;flex-wrap:wrap;gap:.4rem;background:var(--ice);padding:.3rem;border-radius:12px;width:max-content;max-width:100%;margin:1rem auto}
  #gamePanel .g-difftog button{background:transparent;border:none;border-radius:9px;padding:.5rem 1rem;font-weight:600;cursor:pointer;color:var(--slate);font-size:.9rem}
  #gamePanel .g-difftog button.g-on{background:var(--orange);color:#fff}
  #gamePanel .g-qtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:var(--slate);font-weight:600}
  #gamePanel .g-qcat{color:var(--orange-d);background:var(--ice);padding:.2rem .6rem;border-radius:999px}
  #gamePanel .g-timerbar{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-bottom:1.3rem}
  #gamePanel .g-timerfill{height:100%;background:var(--orange);width:100%;transition:width 1s linear}
  #gamePanel .g-timerfill.g-warn{background:var(--g-red)}
  #gamePanel .g-qtext{font-family:var(--font-display);font-weight:600;font-size:1.4rem;line-height:1.2;letter-spacing:-.01em;margin-bottom:1.3rem}
  #gamePanel .g-answers{display:flex;flex-direction:column;gap:.7rem}
  #gamePanel .g-ans{display:flex;align-items:center;gap:.8rem;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:13px;padding:1.05rem 1.1rem;cursor:pointer;font-size:1rem;font-weight:500;transition:border-color .15s,background .15s,transform .1s;width:100%;color:var(--ink)}
  #gamePanel .g-ans:hover:not(:disabled){border-color:var(--orange);background:var(--ice);transform:translateY(-1px)}
  #gamePanel .g-ans .g-letter{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--ice);color:var(--orange-d);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
  #gamePanel .g-ans.g-correct{border-color:var(--green);background:rgba(46,125,79,.12)}
  #gamePanel .g-ans.g-correct .g-letter{background:var(--green);color:#fff}
  #gamePanel .g-ans.g-wrong{border-color:var(--g-red);background:rgba(192,57,43,.1)}
  #gamePanel .g-ans.g-wrong .g-letter{background:var(--g-red);color:#fff}
  #gamePanel .g-ans:disabled{cursor:default}
  #gamePanel .g-why{margin-top:1.1rem;background:var(--ice);border-radius:12px;padding:.9rem 1rem;font-size:.92rem;line-height:1.45;display:none}
  #gamePanel .g-why.g-show{display:block}
  #gamePanel .g-why b{color:var(--orange-d)}
  #gamePanel .g-streak{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--orange)}
  #gamePanel .g-scorebig{font-family:var(--font-display);font-weight:700;font-size:3.4rem;line-height:1;letter-spacing:-.02em;color:var(--orange)}
  #gamePanel .g-scorelbl{color:var(--slate);font-weight:600;margin-top:.3rem}
  #gamePanel .g-rank{font-family:var(--font-display);font-weight:600;font-size:1.5rem;margin:1rem 0 .3rem}
  #gamePanel .g-badge{display:inline-block;background:var(--ice);color:var(--orange-d);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;margin-bottom:.7rem}
  #gamePanel .g-lbtabs{display:flex;gap:.4rem;margin-bottom:.8rem}
  #gamePanel .g-lbtab{flex:1;background:var(--ice);border:1px solid var(--line);border-radius:10px;padding:.5rem;font-weight:700;font-size:.85rem;cursor:pointer;color:var(--slate)}
  #gamePanel .g-lbtab.g-on{background:var(--orange);color:#fff;border-color:var(--orange)}
  #gamePanel .g-lbrow{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
  #gamePanel .g-lbrow:last-child{border-bottom:none}
  #gamePanel .g-lbrank{font-weight:800;color:var(--orange);width:28px}
  #gamePanel .g-lbname{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #gamePanel .g-lbscore{font-weight:700;color:var(--slate)}
  #gamePanel .g-lbrow.g-you{background:var(--ice);border-radius:10px;padding-left:.6rem;padding-right:.6rem;margin:0 -.6rem}
  #gamePanel .g-nameinput{width:100%;padding:.9rem 1rem;border:2px solid var(--line);border-radius:12px;font-size:1rem;background:var(--card);color:var(--ink);margin-bottom:.8rem;font-family:inherit}
  #gamePanel .g-nameinput:focus{outline:none;border-color:var(--orange)}
  #gamePanel .g-muted{color:var(--slate);font-size:.85rem;text-align:center;margin-top:1.5rem;line-height:1.5}
  #gamePanel .g-muted a{color:var(--orange-d)}
  #gamePanel .g-row2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
  @media (max-width:420px){#gamePanel .g-row2{grid-template-columns:1fr}}
  #gamePanel .g-hide{display:none}
  #gamePanel .g-fadein{animation:gfade .35s ease both}
  @keyframes gfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){#gamePanel *{animation:none!important;transition:none!important}}
  #gamePanel .g-sharewrap{margin-top:1rem;text-align:center}
  #gamePanel .g-sharelbl{font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--slate);margin-bottom:.6rem}
  #gamePanel .g-sharetray{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
  #gamePanel .g-share{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:11px;font-weight:700;font-size:.85rem;text-decoration:none;color:#fff;border:none;cursor:pointer;transition:opacity .15s,transform .1s}
  #gamePanel .g-share svg{width:16px;height:16px;fill:currentColor}
  #gamePanel .g-share:hover{opacity:.92;transform:translateY(-1px)}
  #gamePanel .g-share.g-li{background:#0A66C2}
  #gamePanel .g-share.g-x{background:#000}
  #gamePanel .g-share.g-fb{background:#1877F2}
  #gamePanel .g-share.g-wa{background:#25D366}
  #gamePanel .g-share.g-copy,#gamePanel .g-share.g-more{background:var(--ice);color:var(--orange-d);border:1px solid var(--line)}
  html[data-theme="dark"] #gamePanel .g-share.g-x{border:1px solid var(--line)}

  @media (max-width:760px){
    .changes-section-head,.external-feeds-head,.newsgrid,.external-feed-grid{grid-template-columns:1fr}
    .changes-hero{margin-bottom:2.5rem}
    .changes-hero .panel-title{font-size:clamp(2.15rem,12vw,3.4rem)}
  }
  @media (prefers-reduced-motion:reduce){.change-filters button,.newsmorebtn,.sclink{transition:none}}