.lhero{background:radial-gradient(1100px 460px at 50% -160px, var(--glow), transparent 66%), var(--bg); border-bottom:1px solid var(--line)}
  .lhero .wrap{padding:clamp(18px,2vw,26px) 22px clamp(20px,2.5vw,30px)}
  .crumb{font-family:var(--mono); font-size:.72rem; color:var(--faint); letter-spacing:-.01em; margin-bottom:clamp(12px,1.4vw,18px)}
  .crumb a{color:var(--muted); border-bottom:1px solid var(--line-2)} .crumb a:hover{color:var(--accent); border-color:var(--accent)} .crumb .sep{opacity:.5; margin:0 7px}
  .lhero-grid{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:clamp(20px,2.4vw,34px); align-items:center}
  @media (max-width:900px){.lhero-grid{grid-template-columns:minmax(0,1fr); gap:26px}}
  .lstatus{display:inline-flex; align-items:center; gap:11px; flex-wrap:wrap; font-family:var(--mono); font-size:.72rem; color:var(--muted); background:var(--card); border:1px solid var(--line); border-radius:9px; padding:7px 13px; box-shadow:var(--sh-1); margin-bottom:16px}
  .lstatus .on{color:var(--live); display:inline-flex; align-items:center; gap:7px; font-weight:600}
  .lstatus .on .d{width:7px; height:7px; border-radius:50%; background:var(--live); animation:pl 2.4s ease-out infinite}
  .lstatus .sep{opacity:.34} .lstatus .t{color:var(--text)}
  .lhero h1{font-size:clamp(1.65rem,3vw,2.25rem); font-weight:600; letter-spacing:-.035em; line-height:1.06; text-wrap:balance}
  .lhero .sub{color:var(--muted); font-size:1rem; line-height:1.55; margin-top:16px; max-width:56ch; text-wrap:pretty}
  .lhero .cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; align-items:center}
  .lhero .cta .em{font-family:var(--mono); font-size:.8rem; color:var(--muted)}
  .lhero-kpis{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px}
  .lhero-kpis .kpi{box-shadow:var(--sh-1)}
  .lhero-kpis .kpi .l{font-size:.72rem;line-height:1.4;text-transform:none}
  @media (min-width:901px){.lhero-kpis{align-self:center;grid-auto-rows:auto}.lhero-kpis .kpi{justify-content:center}}
  .arch-lite{background:linear-gradient(180deg,var(--bg),var(--bg-2))}
  .sec.lead-sec .slab{margin-bottom:clamp(14px,1.8vw,20px)}
  .rv.in,.en.in{opacity:1; transform:none}
  [data-conversion-block="narrow-pilot"] .dcards+.slab{margin-top:clamp(18px,2.5vw,26px)}
  [data-conversion-block="narrow-pilot"] .slab h3{font-size:clamp(1.25rem,2.4vw,1.55rem); font-weight:600; letter-spacing:-.025em; line-height:1.15}
  [data-conversion-block="narrow-pilot"] .manifesto+.cta{display:flex; flex-wrap:wrap; margin-top:18px}

  /* Consistent reading density across generated guides, comparisons and tools. */
  .page :is(.gm-body,.gc-body,.cmp-body,.os-body) h2{font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.2}
  .page :is(.gm-answer,.gc-answer,.cmp-answer){padding:14px 16px}
  .page :is(.gm-card,.gc-group,.cmp-when .w,.tcard){padding:16px 18px}
  .page .tcard h3{font-size:1rem;margin:9px 0 7px}
  .page .article h2{font-size:clamp(1.3rem,2.2vw,1.6rem);margin:26px 0 10px}
  .page .article h2:first-child{margin-top:0}
  .page .article p{font-size:1rem;line-height:1.62;margin-bottom:13px}

  /* Content follows the same compact engineering language as the home page. */
  .page .lhero{background:var(--bg);border-bottom:1px solid var(--line)}
  .page .lhero h1{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.17;letter-spacing:-.045em}
  .page .lhero .sub{font-size:1rem;line-height:1.6}
  .page .lstatus{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;font-size:.7rem}
  .page .lhero .cta>.btn{background:var(--accent)}
  .page .lhero .cta>.btn:hover{background:var(--accent-2)}
  .page .lhero-kpis{border:1px solid var(--line);border-radius:8px;gap:0;background:var(--card)}
  .page .lhero .cta .btn-ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
  .page .lhero .cta .btn-ghost:hover{background:var(--card-h);color:var(--text);border-color:var(--text)}
  .page .lhero-kpis .kpi{border:0;border-radius:0;background:transparent;gap:9px;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .page .lhero-kpis .kpi:nth-child(2n){border-right:0}
  .page .lhero-kpis .kpi:nth-last-child(-n+2){border-bottom:0}
  .page .lhero-kpis .kpi .v{font-size:1.45rem;line-height:1.15;letter-spacing:-.04em}
  .page .lhero-kpis .kpi .l{font-family:var(--sans);font-size:.78rem;line-height:1.5;color:var(--muted)}
  .page .lhero-kpis .spark{display:none}
  .page .arch-lite{background:var(--bg-2)}
  .page :is(.gm-card,.gc-group,.cmp-when .w,.tcard,.gm-answer,.gc-answer,.cmp-answer){border-radius:8px;box-shadow:none;border-color:var(--line)}
  .page :is(.gm-answer,.gc-answer,.cmp-answer){background:var(--card-2);border-left:3px solid var(--accent)}
  .page .article{max-width:78ch}
  .page .task-links{gap:0;margin-top:12px;border-top:1px solid var(--line)}
  .page .task-links a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;font-family:var(--sans);font-size:.8rem;line-height:1.5}
  .page .task-links a:last-child{border-bottom:0}
  .page :is(.tpanel,.kpanel,.gcp){background:var(--card);border-radius:10px;padding:18px;box-shadow:none}
  .page :is(.tproof,.kproof,.gcproof,.scwatch){background:var(--card-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;box-shadow:none}
  .page :is(.tproof,.kproof,.gcproof){margin-top:20px;padding:16px 18px}
  .page .scwatch::before{display:none}
  .page :is(.codebox,.tnote,.knote){border-radius:8px}
  .page :is(.tpanel .ph,.kpanel .ph,.gcp .ph,.tproof .ph,.kproof .ph,.gcproof .ph,.tvalid,.badge){font-size:.6875rem;letter-spacing:.025em;line-height:1.5}
  .page :is(.tf>.lab,.thint,.khint,.gchint){font-size:.75rem;line-height:1.5;letter-spacing:0}
  .page :is(.tf input,.tf textarea,.tf select,.gcp textarea){border-radius:6px}
  .page :is(.tseg button,.tadd){border-radius:6px}
  @media(max-width:760px){
    .page .lhero h1{font-size:clamp(1.65rem,5vw,1.9rem)}
    .page .lhero-kpis .kpi{padding:12px}
    .page .lhero-kpis .kpi .v{font-size:1.25rem}
    .page .lhero-kpis .kpi .l{font-size:.76rem}
  }

  /* The answer and navigation share the wide overview; article line lengths stay intact. */
  .page .lead-sec > .wrap:has(> .gp-toc) > .gp-toc{max-width:none;border-radius:6px;padding:14px 18px;background:var(--card)}
  .page .gp-toc ol{display:block;margin-top:9px;line-height:1.5}
  .page .gp-toc li{break-inside:avoid;margin-bottom:7px;font-size:.875rem;padding-left:2px}
  .page .gp-toc li:last-child{margin-bottom:0}
  .page .gp-toc .t{font-size:.6875rem;line-height:1.5;color:var(--muted)}
  @media(min-width:640px){.page .gp-toc ol{column-count:2;column-gap:32px}}
  @media(min-width:1101px){
    .page .lead-sec > .wrap:has(> .gp-toc){display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:start}
    .page .lead-sec > .wrap:has(> .gp-toc) > :is(.gm-answer,.gp-toc){margin-top:0;max-width:none;min-width:0}
  }
/* Reading surfaces and mobile content sizes, independent of legacy generator specificity. */
.page :is(.cmp-scroll,.defrow .def,.cmp-sources li,.cmp-verdict,.gm-note,.gc-note,.article .note,.cl-entry,.cl-answer,.cl-legend){border-radius:8px;box-shadow:none}
.page .cl-entry{padding:18px}
.page .cmp-table :is(th,td){padding:10px 12px}
.page .gscore{align-items:flex-start;gap:12px}
.page .gscore .ring{width:44px;height:32px;border-radius:4px;background:var(--card-2);border-color:var(--line)}
.page .gscore .ring b{font-size:.75rem;letter-spacing:.025em}
.page .gscore .lbl{font-size:1rem;line-height:1.4;min-width:0}
@media(max-width:720px){
 .page :is(.cmp-when,.defrow):is(.cols-2,.cols-3){grid-template-columns:minmax(0,1fr)}
 .page .gp-flow>.gp-box{flex:0 0 auto;min-width:0}
 .page .gcp textarea{min-height:180px}
}
@media(max-width:560px){
 .page .gci{grid-template-columns:20px minmax(0,1fr);gap:8px}
 .page .gci .pts{grid-column:2;text-align:left;white-space:normal;max-width:none}
}