:root{--paper:#F7F5F1;--ink:#171A1F;--navy:#16233B;--amber:#C88A42;--muted:#5C5B57;--hair:#E4E0D8;
    --f-display:"Spectral",Georgia,serif;--f-body:"Golos Text",system-ui,sans-serif;
  --fs-xs:.85rem;--fs-sm:.93rem;--fs-md:.98rem;--fs-base:1.02rem;
    --fs-lg:1.08rem;--fs-h2:1.35rem;--fs-h1:clamp(1.9rem,5vw,2.6rem);}
  @media(prefers-color-scheme:dark){:root{--paper:#15171C;--ink:#ECE8E1;--navy:#0F1521;--amber:#D89A54;--muted:#A29E95;--hair:#2A2D35}}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:var(--f-body);background:var(--paper);color:var(--ink);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
  main{max-width:760px;margin:0 auto;padding:clamp(32px,5vw,60px) 24px 96px}
  .crumb{font-size:var(--fs-xs);color:var(--muted);margin-bottom:1.4rem}
  .crumb a{color:var(--muted);text-decoration:none}
  h1{font-family:var(--f-display);font-weight:500;font-size:var(--fs-h1);letter-spacing:-.01em;line-height:1.14}
  .meta{color:var(--muted);font-size:var(--fs-sm);margin:.9rem 0 2rem;padding-bottom:1.4rem;border-bottom:1px solid var(--hair)}
  h2{font-family:var(--f-display);font-weight:500;font-size:var(--fs-h2);margin:2.2rem 0 .8rem}
  h3{font-family:var(--f-body);font-weight:600;font-size:var(--fs-lg);margin:1.5rem 0 .5rem}
  p,li{font-size:var(--fs-base);margin:.7rem 0}
  ul,ol{padding-left:1.35em}
  li{margin:.5rem 0}
  a{color:var(--navy);text-underline-offset:2px;text-decoration-color:var(--amber)}
  @media(prefers-color-scheme:dark){a{color:var(--amber)}}
  .answer{font-size:var(--fs-lg);padding:1.1rem 1.3rem;border-radius:8px;background:color-mix(in srgb,var(--navy) 5%,transparent);border:1px solid var(--hair)}
  .callout{padding:1rem 1.3rem;border-left:2px solid var(--amber);background:color-mix(in srgb,var(--amber) 6%,transparent);margin:1.4rem 0;font-size:var(--fs-md);color:var(--muted)}
  .def{border-left:3px solid var(--amber);padding-left:1rem;margin:1.1rem 0;font-size:var(--fs-base)}
  table{border-collapse:collapse;width:100%;margin:1.1rem 0;font-size:var(--fs-md)}
  td,th{border:1px solid var(--hair);padding:.65em .8em;text-align:left;vertical-align:top}
  th{font-weight:600;background:color-mix(in srgb,var(--amber) 6%,var(--paper))}
  .wrap-t{overflow-x:auto}
  details{border-top:1px solid var(--hair)}
  details:last-of-type{border-bottom:1px solid var(--hair)}
  summary{list-style:none;position:relative;cursor:pointer;padding:14px 40px 14px 0;min-height:44px;display:flex;align-items:center;font-family:var(--f-display);font-weight:500;font-size:var(--fs-lg);transition:color .2s}
  summary::-webkit-details-marker{display:none}
  summary:hover{color:var(--amber)}
  summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--amber);font-size:var(--fs-h2);line-height:1}
  details[open]>summary::after{content:"\2013"}
  details>p{margin:0 0 16px}
  .rel{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--hair);color:var(--muted);font-size:var(--fs-sm)}
  .author{margin-top:2rem;padding:1.1rem 1.3rem;border:1px solid var(--hair);border-radius:8px;font-size:var(--fs-sm);color:var(--muted)}
  .cta{display:inline-block;background:var(--navy);color:#F4F1EA;padding:.75em 1.5em;border-radius:8px;text-decoration:none;font-weight:500}
  @media(prefers-color-scheme:dark){.cta{background:var(--amber);color:#1a1205}}
  footer{max-width:760px;margin:0 auto;padding:0 24px 64px;color:var(--muted);font-size:var(--fs-sm)}
  :focus-visible{outline:2px solid var(--amber);outline-offset:3px}
  .src{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--hair);color:var(--muted);font-size:var(--fs-sm)}
