/* Build additions on top of the design stylesheet. */
body{font-variant-numeric:tabular-nums}
.nav-menu{display:none}
.dates{font:12px/1.5 var(--py-font-mono);color:var(--py-text-faint);margin:0 0 var(--py-s4)}
.answer{border-left:3px solid var(--py-link);padding:2px 0 2px 16px;margin:0 0 var(--py-s5)}
.answer p{margin:0;font-size:var(--py-fs-md);color:var(--py-text);max-width:68ch}
.prose{max-width:72ch}
.prose p,.prose li{color:var(--py-text-muted)}
.prose h2{margin-top:var(--py-s6)}
.keynums{padding-left:1.2em;max-width:72ch}
.keynums li{margin:8px 0}
.faq h3{font-size:var(--py-fs-md);margin-top:var(--py-s5)}
.faq p{max-width:72ch}
.cite{font:600 11px var(--py-font-mono);background:none;border:0;padding:0;color:var(--py-link);cursor:pointer;text-decoration:underline;min-height:0}
.cite-line{font-size:var(--py-fs-xs);color:var(--py-text-faint);margin:8px 0 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--py-s5);align-items:start}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--py-s5);padding-top:var(--py-s6)}
.guides section h2{font-size:var(--py-fs-md)}
.guides ul{list-style:none;padding:0;margin:0}
.guides li{margin:6px 0}
.links{font-size:var(--py-fs-sm)}
.aka{color:var(--py-text-muted);font-size:var(--py-fs-sm);margin:0 0 var(--py-s4)}
.badge--stale{color:var(--py-warn);background:transparent;border-style:dashed;border-color:var(--py-warn)}
.sb tbody tr[hidden]{display:none !important}
.sticky-sub[hidden]{display:none !important}
.sticky-x{background:transparent;border:0;color:var(--py-text-muted);width:36px;height:36px;border-radius:var(--py-r-pill);cursor:pointer;font-size:18px}
.nav-menu summary{min-height:36px;display:flex;align-items:center;cursor:pointer;color:var(--py-text);font-weight:600;font-size:var(--py-fs-sm);list-style:none}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu__panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--py-surface);border:1px solid var(--py-border-strong);border-radius:var(--py-r);min-width:220px;padding:8px;box-shadow:var(--py-shadow-2);z-index:40;display:flex;flex-direction:column}
.nav-menu__panel a{color:var(--py-text);text-decoration:none;padding:10px 12px;min-height:36px;display:flex;align-items:center;border-radius:var(--py-r-sm)}
.nav-menu__panel a:hover{background:var(--py-surface-2)}
.lchip a{color:inherit;text-decoration:none}
.foot nav{max-width:640px}
@media (max-width:1024px){
  .nav-menu{display:block;position:relative;margin-left:auto}
  .split{grid-template-columns:1fr}
}
@media (max-width:760px){
  .guides{grid-template-columns:1fr}
  .btn,.seg button,summary.menu-sum{min-height:36px}
}
@media (prefers-reduced-motion:reduce){
  .live{box-shadow:none}
}