:root{
    --paper:#F7F5F0; --paper-deep:#EFEBE1; --paper-deeper:#E7E1D2; --card:#FDFCF8;
    --ink:#1C1914; --ink-soft:#6B6353;
    --rule:#D9D3C4; --rule-dark:#B8B09C;
    --a-blue:#29508F; --a-tint:#E7ECF5;
    --g-rust:#B04E24; --g-tint:#F5E7DD;
    --orange:#BF4A05;
    --agree:#1F6E52;
    --mx-parity:#F1EBDC; --mx-asym:#ECE1C6; --mx-tension:#E4D6B4;
    --alpha:#7A6A2F; --beta:#8F2D3C; --gamma:#3E5E75; --delta:#3F6B4F;
    --el-n:#6E4E9E; --el-s:#2E7D6E; --el-t:#56606E; --el-f:#AD3E56;
    --sans:'IBM Plex Sans',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
    --mono:'IBM Plex Mono','SF Mono',Consolas,'Liberation Mono',monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:auto;}
  body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;}
  ::selection{background:var(--orange);color:var(--card);}
  a{color:inherit;}
  code,.mono{font-family:var(--mono);}
  .elg{vertical-align:-1px;flex:none;display:inline-block;}
  .nox{text-transform:none!important;}

  /* ── chrome ── */
  .topbar{border-bottom:1px solid var(--rule-dark);background:var(--paper);position:sticky;top:0;z-index:9;}
  .topbar-in{max-width:1080px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .wordmark{font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.22em;text-decoration:none;color:var(--ink);
    display:inline-flex;align-items:center;gap:9px;}
  .wordmark svg{display:block;flex:none;}
  .crumb{font-family:var(--mono);font-size:12px;color:var(--ink-soft);letter-spacing:.03em;}
  .topnav{display:flex;gap:20px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;align-items:baseline;}
  .topnav a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule-dark);padding-bottom:1px;white-space:nowrap;}
  .topnav a.hot{color:var(--orange);border-bottom-color:var(--orange);}
  .navdrop{position:relative;display:inline-block;}
  .navdrop summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--ink);border-bottom:1px solid var(--rule-dark);padding-bottom:1px;white-space:nowrap;}
  .navdrop summary::-webkit-details-marker{display:none;}
  .navdrop[open] summary{color:var(--orange);border-bottom-color:var(--orange);}
  .navdrop .ddmenu{position:absolute;left:0;top:calc(100% + 10px);background:var(--card);border:1px solid var(--rule-dark);box-shadow:0 2px 0 var(--rule);min-width:220px;z-index:20;padding:6px 0;display:flex;flex-direction:column;}
  .navdrop .ddmenu a{border-bottom:none;padding:8px 14px;}
  .navdrop .ddmenu a:first-child{border-bottom:1px solid var(--rule);margin-bottom:4px;padding-bottom:10px;}
  .navdrop .ddmenu a:hover{background:var(--paper-deep);color:var(--orange);}
  .page{max-width:1080px;margin:0 auto;padding:36px 20px 80px;}
  .narrow{max-width:960px;}
  .seclabel{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-soft);
    text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 18px;}
  .seclabel::after{content:"";flex:1;height:1px;background:var(--rule);}
  .seclabel .no{color:var(--orange);}
  section{margin-top:52px;}
  .prose{max-width:640px;}
  .prose p{margin-bottom:13px;}
  .footnote{font-size:13px;color:var(--ink-soft);}
  .sitefoot{border-top:1px solid var(--rule-dark);margin-top:70px;}
  .sitefoot .in{max-width:1080px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;gap:14px;
    font-family:var(--mono);font-size:11px;color:var(--ink-soft);flex-wrap:wrap;letter-spacing:.04em;}
  .sitefoot a{color:var(--ink-soft);}

  /* chips, tags, buttons */
  .chip{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;
    padding:2px 7px;border:1px solid;border-radius:2px;vertical-align:middle;}
  .chip.a{color:var(--a-blue);border-color:var(--a-blue);background:var(--a-tint);}
  .chip.g{color:var(--g-rust);border-color:var(--g-rust);background:var(--g-tint);}
  .qtag{display:inline-block;font-family:var(--mono);font-size:11px;padding:1px 6px;border:1px solid var(--rule-dark);
    border-radius:2px;color:var(--ink-soft);vertical-align:middle;}
  .qtag.alpha{color:var(--alpha);border-color:var(--alpha);}
  .qtag.beta{color:var(--beta);border-color:var(--beta);}
  .qtag.gamma{color:var(--gamma);border-color:var(--gamma);}
  .qtag.delta{color:var(--delta);border-color:var(--delta);}
  .btn{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;
    display:inline-block;background:transparent;color:var(--orange);border:1px solid var(--orange);padding:9px 16px;border-radius:2px;}
  .btn.solid{background:var(--orange);color:var(--card);font-weight:600;padding:12px 26px;font-size:13px;}
  .tchip{font-family:var(--mono);font-size:12px;border:1px solid var(--rule-dark);background:var(--card);
    color:var(--ink);text-decoration:none;padding:4px 9px;display:inline-block;}
  .tchip.here{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .chiprow{display:flex;flex-wrap:wrap;gap:7px;}

  /* tables */
  table{border-collapse:collapse;width:100%;background:var(--card);}
  th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);
    text-align:left;font-weight:500;padding:8px 12px;border-bottom:1px solid var(--rule-dark);background:var(--paper-deep);}
  td{padding:9px 12px;border-bottom:1px solid var(--rule);font-size:13.5px;vertical-align:top;}
  td.mono{font-size:12.5px;}
  tr:last-child td{border-bottom:none;}
  .tframe{border:1px solid var(--rule-dark);background:var(--card);}

  /* relation page */
  .relhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 24px;align-items:start;}
  .relaside{display:flex;flex-direction:column;gap:12px;align-items:flex-end;justify-self:end;min-width:0;}
  .codes.amode,.typehead .big.amode{color:var(--a-blue);}
  .relhead .codes{font-family:var(--mono);font-weight:600;font-size:34px;letter-spacing:.04em;}
  .relhead .rname{font-size:15px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;margin-top:2px;
    border-bottom:3px double var(--rule-dark);display:inline-block;padding-bottom:6px;}
  .notation{display:flex;gap:6px;align-items:center;font-family:var(--mono);font-size:11px;color:var(--ink-soft);}
  .nbtn{font-family:var(--mono);font-size:11.5px;border:1px solid var(--rule-dark);background:transparent;padding:4px 10px;cursor:pointer;color:var(--ink-soft);}
  .nbtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .nbtn.a.on{background:var(--a-blue);color:#fff;border-color:var(--a-blue);}
  .dirbadge{border:1px solid var(--ink);background:var(--card);font-family:var(--mono);font-size:11.5px;
    letter-spacing:.1em;padding:10px 16px;text-align:center;}
  .dirbadge b{display:block;font-size:13px;letter-spacing:.14em;}
  details.primer{margin-top:22px;border:1px solid var(--rule-dark);background:var(--paper-deep);max-width:640px;}
  details.primer summary{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;padding:11px 16px;cursor:pointer;color:var(--ink);list-style:none;}
  details.primer summary::-webkit-details-marker{display:none;}
  details.primer div{padding:2px 16px 14px;font-size:14px;max-width:60ch;}
  details.primer p{margin-bottom:10px;}
  details.acc{border:1px solid var(--rule-dark);background:var(--card);max-width:760px;margin:0 0 10px;}
  details.acc summary{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.06em;padding:14px 18px;cursor:pointer;color:var(--ink);list-style:none;}
  details.acc summary::-webkit-details-marker{display:none;}
  details.acc summary::before{content:'▸';color:var(--orange);display:inline-block;width:1.3em;}
  details.acc[open] summary::before{content:'▾';}
  details.acc summary .sub{color:var(--ink-soft);font-weight:400;letter-spacing:.03em;}
  details.acc .inner{padding:4px 18px 16px;font-size:14.5px;border-top:1px solid var(--rule);}
  details.acc .inner p{margin:12px 0 0;max-width:66ch;}
  details.acc .inner .tframe{margin-top:12px;}
  .slotkey{font-size:12.5px;color:var(--ink-soft);margin-top:10px;max-width:720px;line-height:1.6;}
  .slotkey b{font-family:var(--mono);font-size:11px;color:var(--ink);letter-spacing:.04em;}
  .twocol{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule-dark);background:var(--card);}
  .twocol>div{padding:20px 22px;}
  .twocol>div:first-child{border-right:1px solid var(--rule);}
  .twocol h3{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;}
  .twocol ol{list-style:none;counter-reset:n;}
  .twocol li{counter-increment:n;font-size:13.5px;line-height:1.5;margin-bottom:12px;padding-left:22px;position:relative;}
  .twocol li::before{content:counter(n,decimal-leading-zero);font-family:var(--mono);font-size:10.5px;color:var(--orange);position:absolute;left:0;top:2px;}
  .schoolnote{border-left:3px solid var(--rule-dark);padding:4px 0 4px 18px;max-width:620px;}
  .ctaband{border:1px solid var(--ink);background:var(--card);padding:22px 26px;display:flex;align-items:center;
    justify-content:space-between;gap:18px;flex-wrap:wrap;}
  .ctaband p{font-weight:600;font-size:16.5px;}

  /* matrix */
  .mxwrap{overflow-x:auto;border:1px solid var(--rule-dark);background:var(--card);}
  table.mx{width:auto;min-width:100%;}
  .mx th,.mx td{padding:0;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);text-align:center;}
  .mx th{background:var(--paper-deep);font-size:11px;padding:6px 4px;border-bottom:1px solid var(--rule-dark);}
  .mx th.rowh{border-right:1px solid var(--rule-dark);padding:4px 8px;white-space:nowrap;position:sticky;left:0;z-index:1;}
  .mx td a{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.02em;text-decoration:none;
    padding:7px 5px;min-width:44px;color:var(--ink);}
  .mx td.ide{background:var(--ink);}
  .mx td.ide a{color:var(--paper);}
  .mx td.ide a:hover{background:var(--ink-soft);color:var(--paper);}
  .mx td.parity{background:var(--mx-parity);}
  .mx td.tension{background:var(--mx-tension);}
  .mx td.attract{background:var(--card);}
  .mx td.asym{background:var(--mx-asym);}
  .mx td a:hover{background:var(--ink);color:var(--paper);}
  .mx .hl{outline:1px solid var(--ink);}
  .mxhint{display:none;font-size:12.5px;color:var(--ink-soft);margin:0 0 8px;}
  .mxkey{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);line-height:1.7;}
  .mxkey b{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-right:4px;}
  .mxkey i.sw,.mxrail i.sw{display:inline-block;width:11px;height:11px;border:1px solid var(--rule-dark);vertical-align:-1px;margin-right:6px;font-style:normal;}
  .mxrail{display:none;}
  @media (min-width:1280px){
    .mxkey{display:none;}
    .mxrail{display:block;position:fixed;right:14px;top:104px;width:176px;
      font-family:var(--mono);font-size:11px;color:var(--ink-soft);line-height:1.55;
      border-left:1px solid var(--rule-dark);padding-left:14px;}
    .mxrail .grp{margin-bottom:14px;}
    .mxrail b{display:block;color:var(--ink);letter-spacing:.1em;font-weight:600;margin-bottom:2px;}
    .mxrail span{display:block;}
    .mxrail .note{font-size:10.5px;margin-top:2px;}
  }
  .sw.attract{background:var(--card);}
  .sw.parity{background:var(--mx-parity);}
  .sw.tension{background:var(--mx-tension);}
  .sw.asym{background:var(--mx-asym);}
  .sw.ide{background:var(--ink);}

  /* type page */
  .typehead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;}
  .typehead .big{font-family:var(--mono);font-weight:600;font-size:56px;letter-spacing:.04em;line-height:1;}
  .typehead .alias{font-family:var(--mono);font-size:13px;color:var(--ink-soft);margin-top:8px;}
  .relgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  .relgrid.five{grid-template-columns:repeat(5,1fr);}
  .relcell{border:1px solid var(--rule-dark);background:var(--card);padding:12px 14px;text-decoration:none;display:block;}
  .relcell .rk{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase;display:block;}
  .relcell .rt{font-family:var(--mono);font-weight:600;font-size:19px;}
  .relcell:hover{border-color:var(--ink);}
  .relcell .dir{font-family:var(--mono);font-size:11px;color:var(--orange);}

  /* result card (sample) */
  .cardwrap{max-width:760px;margin:0 auto;}
  .vcard{background:var(--card);border:1px solid var(--rule-dark);aspect-ratio:1200/630;
    display:flex;flex-direction:column;padding:4.2% 4.6%;box-shadow:0 1px 0 var(--rule);}
  .vcard-top{display:flex;justify-content:space-between;align-items:baseline;}
  .vcard-kicker{font-family:var(--mono);font-size:clamp(10px,1.6vw,13px);font-weight:600;letter-spacing:.24em;}
  .vcard-kicker .agree-k{color:var(--agree);}
  .vcard-url{font-family:var(--mono);font-size:clamp(9px,1.4vw,12px);color:var(--ink-soft);}
  .vcard-schools{display:flex;flex:1;align-items:center;margin-top:2%;}
  .vschool{flex:1;text-align:center;padding:0 2%;}
  .vschool-label{font-family:var(--mono);font-size:clamp(9px,1.5vw,12px);letter-spacing:.16em;margin-bottom:4%;}
  .vschool.a .vschool-label{color:var(--a-blue);}
  .vschool.g .vschool-label{color:var(--g-rust);}
  .typebox{display:inline-block;border:2px solid;padding:3% 9%;}
  .vschool.a .typebox{border-color:var(--a-blue);color:var(--a-blue);}
  .vschool.g .typebox{border-color:var(--g-rust);color:var(--g-rust);}
  .typebox .tcode{font-family:var(--mono);font-weight:600;font-size:clamp(26px,5.4vw,44px);letter-spacing:.06em;line-height:1.1;}
  .typebox .tsub{font-family:var(--mono);font-size:clamp(9px,1.5vw,12.5px);color:var(--ink-soft);margin-top:2px;}
  .vdivider{width:1px;align-self:stretch;background:var(--rule);margin:1% 0;}
  .vagree{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;gap:3%;}
  .vagree .typebox{border-color:var(--ink);color:var(--ink);}
  .agreebadge{font-family:var(--mono);font-size:clamp(9px,1.5vw,12px);font-weight:600;letter-spacing:.14em;
    color:var(--agree);border:1px solid var(--agree);padding:.6% 2%;}
  .agreebadge .dot-a,.agreebadge .dot-g{display:inline-block;width:.65em;height:.65em;margin:0 .15em 0 .4em;}
  .dot-a{background:var(--a-blue);}
  .dot-g{background:var(--g-rust);}
  .vcard.agree .vcard-schools{display:none;}
  .vcard.agree .vagree{display:flex;}
  .vmargins{margin-top:2.5%;}
  .mlabel{font-family:var(--mono);font-size:clamp(9px,1.4vw,11px);letter-spacing:.1em;color:var(--ink-soft);margin-bottom:.6%;}
  .mrow{display:flex;align-items:center;gap:2%;font-family:var(--mono);font-size:clamp(10px,1.8vw,14px);margin-top:1.2%;}
  .mcode{width:3.6em;font-weight:600;display:flex;align-items:center;gap:.45em;}
  .mdot{width:.6em;height:.6em;flex:none;}
  .mdot.none{background:transparent;}
  .mbar{flex:1;height:.85em;background:var(--paper-deep);position:relative;}
  .mfill{position:absolute;inset:0 auto 0 0;background:var(--ink);}
  .mpct{width:3em;text-align:right;color:var(--ink-soft);}
  .mkey{display:flex;gap:18px;font-family:var(--mono);font-size:clamp(9px,1.4vw,11px);color:var(--ink-soft);margin-top:1.4%;}
  .mkey i{display:inline-block;width:.7em;height:.7em;margin-right:.4em;font-style:normal;vertical-align:-1px;}
  .vhook{margin-top:auto;padding-top:2.5%;display:flex;justify-content:space-between;align-items:flex-end;gap:4%;}
  .vhook p{font-size:clamp(12px,2vw,16.5px);font-weight:500;max-width:70%;}
  .vhook p .arrow{color:var(--orange);}
  .sharerow{display:flex;gap:10px;justify-content:center;margin:18px 0 0;flex-wrap:wrap;}
  .cardgloss{text-align:center;margin:12px auto 0;max-width:640px;}
  .statetoggle{display:flex;justify-content:center;gap:0;margin:0 0 14px;}
  .statetoggle span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-soft);align-self:center;margin-right:10px;}
  .stbtn{font-family:var(--mono);font-size:11px;border:1px solid var(--rule-dark);background:transparent;color:var(--ink-soft);padding:5px 12px;cursor:pointer;}
  .stbtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px;}
  .rel{border:1px solid var(--rule-dark);background:var(--card);padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px;}
  .rel .rk{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--ink-soft);}
  .rel .rt{font-family:var(--mono);font-weight:600;font-size:22px;}
  .rel p{font-size:13.5px;line-height:1.45;flex:1;}
  .rel a{font-family:var(--mono);font-size:11.5px;color:var(--orange);text-decoration:none;}
  .paywall{border:1px solid var(--ink);background:var(--card);max-width:760px;margin:0 auto;padding:34px 34px 30px;}
  .paywall h2{font-size:21px;margin-bottom:6px;}
  .paywall .sub{color:var(--ink-soft);max-width:56ch;margin-bottom:24px;}
  .toc{border-top:1px solid var(--rule);}
  .toc-item{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--rule);}
  .toc-no{font-family:var(--mono);color:var(--orange);font-weight:600;font-size:13px;padding-top:2px;}
  .toc-body b{display:block;font-size:14.5px;margin-bottom:3px;}
  .toc-body i{font-style:normal;color:var(--ink-soft);font-size:13.5px;}
  .toc-body i::before{content:"“";}
  .buyrow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;flex-wrap:wrap;}
  .priceline{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);letter-spacing:.03em;}
  .priceline b{color:var(--ink);font-size:15px;}

  /* home */
  .hero{max-width:720px;margin:26px auto 0;text-align:left;}
  .hero h1{font-size:30px;line-height:1.25;font-weight:600;max-width:22ch;}
  .hero .sub{margin-top:14px;max-width:56ch;color:var(--ink);}
  .homelinks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;}
  .homelink{border:1px solid var(--rule-dark);background:var(--card);padding:18px;text-decoration:none;display:block;}
  .homelink b{font-family:var(--mono);font-size:13px;letter-spacing:.08em;display:block;margin-bottom:6px;}
  .homelink span{font-size:13px;color:var(--ink-soft);}
  .homelink:hover{border-color:var(--ink);}

  /* test flow */
  .progressbar{height:3px;background:var(--paper-deep);margin:0 0 16px;max-width:640px;}
  .progressbar i{display:block;height:100%;background:var(--orange);}
  .qtext{font-size:18px;font-weight:600;max-width:640px;line-height:1.45;margin:10px 0 18px;}
  .likert,.fcbox{display:flex;flex-direction:column;gap:9px;max-width:640px;}
  .optbtn{font-family:var(--sans);font-size:14px;text-align:left;background:var(--card);border:1px solid var(--rule-dark);
    padding:11px 14px;cursor:pointer;color:var(--ink);line-height:1.4;}
  .optbtn:hover{border-color:var(--ink);}
  .optbtn.selected{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .optbtn .num{font-family:var(--mono);font-size:11px;color:var(--orange);margin-right:8px;}
  .optbtn.selected .num{color:var(--paper);}
  .qnavrow{display:flex;justify-content:space-between;margin-top:22px;max-width:640px;}
  .ghostbtn{font-family:var(--mono);font-size:11.5px;background:transparent;border:1px solid var(--rule-dark);color:var(--ink-soft);padding:7px 13px;cursor:pointer;}
  .ghostbtn:disabled{opacity:.35;cursor:default;}
  textarea.open{width:100%;max-width:640px;min-height:140px;background:var(--card);border:1px solid var(--rule-dark);
    padding:12px;font-family:var(--sans);font-size:14px;color:var(--ink);box-sizing:border-box;}
  .warnblock{border:1px solid var(--rule-dark);border-left:3px solid var(--g-rust);background:var(--card);padding:13px 16px;font-size:13.5px;max-width:640px;margin-top:14px;}
  .mbtigrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:560px;}
  .mbtibtn{font-family:var(--mono);font-weight:600;font-size:16px;background:var(--card);border:1px solid var(--rule-dark);padding:14px 0;cursor:pointer;color:var(--ink);}
  .mbtibtn:hover{border-color:var(--orange);color:var(--orange);}
  a.mbtibtn{display:block;text-align:center;text-decoration:none;}
  .dichrow{display:grid;grid-template-columns:104px 1fr 104px;gap:10px;align-items:center;margin-bottom:7px;max-width:640px;}
  .dichrow .dl{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);text-align:right;}
  .dichrow .dr{font-family:var(--mono);font-size:10.5px;color:var(--ink-soft);}
  .dichrow .onp{color:var(--ink);font-weight:600;}
  .dtrack{height:10px;background:var(--paper-deep);position:relative;}
  .dtrack .mid{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--rule-dark);}
  .dtrack .fill{position:absolute;top:0;bottom:0;background:var(--ink);}
  .confbadge{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;border:1px solid var(--ink);padding:3px 9px;background:var(--card);}
  ol.drivers{max-width:660px;padding-left:20px;}
  ol.drivers li{margin-bottom:13px;font-size:14px;line-height:1.45;}
  ol.drivers .ans{font-size:12px;color:var(--ink-soft);font-family:var(--mono);margin-top:3px;}
  .keytable td{font-size:12.5px;}
  details.keys{border:1px solid var(--rule-dark);background:var(--paper-deep);margin-top:14px;}
  details.keys summary{font-family:var(--mono);font-size:12.5px;padding:11px 16px;cursor:pointer;list-style:none;}
  details.keys summary::-webkit-details-marker{display:none;}
  details.keys .inner{max-height:420px;overflow:auto;border-top:1px solid var(--rule);}

  @media print{
    .topbar,.sitefoot,.sharerow,.statetoggle,.noprint,.ctaband{display:none!important;}
    body{background:#fff;}
    .page{padding-top:0;}
  }
  @media (max-width:760px){
    .trio,.homelinks{grid-template-columns:1fr;}
    .relgrid,.relgrid.five{grid-template-columns:repeat(2,1fr);}
    .twocol{grid-template-columns:1fr;}
    .twocol>div:first-child{border-right:none;border-bottom:1px solid var(--rule);}
    .vhook p{max-width:100%;}
    .typehead .big{font-size:42px;}
    .relhead{grid-template-columns:1fr;}
    .relaside{justify-self:start;align-items:flex-start;}
    .topnav{flex-wrap:wrap;gap:10px 16px;}
    .tframe{overflow-x:auto;}
    .mxhint{display:block;}
    .mxkey{grid-template-columns:1fr;}
    table.collide, .collide tbody{display:block;}
    .collide tr:first-child{display:none;}
    .collide tr{display:block;padding:10px 14px;border-bottom:1px solid var(--rule);}
    .collide tr:last-child{border-bottom:none;}
    .collide td{display:block;border:none;padding:1px 0;}
    .collide td[data-th]::before{content:attr(data-th) ": ";font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
    .collide td:last-child{padding-top:4px;}
  }