:root{
    --ink:#16242E;
    --ink-deep:#0E171E;
    --ink-soft:#3D4E58;
    --ink-faint:#6B7A82;
    --paper:#E6ECE7;
    --panel:#F1F4F0;
    --panel-hi:#FAFBF9;
    --brass:#96701A;
    --brass-lite:#C0973A;
    --stop:#9E4028;
    --go:#2C6B5D;
    --line:rgba(22,36,46,.14);
    --line-mid:rgba(22,36,46,.24);
    --serif:Georgia,"Times New Roman","Songti TC","Noto Serif CJK TC",serif;
    --sans:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
    --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  }
  *{box-sizing:border-box}
  html,body{height:100%}
  body{margin:0;background:var(--ink-deep);font-family:var(--sans);overflow:hidden;
    -webkit-font-smoothing:antialiased}
  h1,h2,h3,p{margin:0}

  

/* ---------- SHARED TYPE ---------- */
  .eyebrow{font-family:var(--mono);font-size:16px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--brass);font-weight:600}
  .dark .eyebrow{color:var(--brass-lite)}
  .bearing{font-family:var(--mono);font-size:17px;color:var(--brass);font-weight:600;margin-bottom:18px}
  .dark .bearing{color:var(--brass-lite)}
  h2.t{font-family:var(--serif);font-weight:600;font-size:52px;line-height:1.22;letter-spacing:.01em;
    text-wrap:balance}
  .sub{font-size:27px;color:var(--ink-soft);margin-top:18px;max-width:30em;text-wrap:balance}
  .dark .sub{color:#C6CFCD}
  .tagchip{display:inline-block;align-self:flex-start;font-family:var(--mono);font-size:17px;font-weight:700;color:#fff;
    letter-spacing:.06em;padding:6px 18px;border-radius:999px;margin-top:26px}
  .tagchip.s{background:var(--stop)}
  .tagchip.g{background:var(--go)}
  .egg{margin-top:auto;font-family:var(--mono);font-size:16.5px;color:var(--brass-lite);
    background:var(--ink);border-radius:4px;padding:10px 16px;width:fit-content;max-width:100%}
  .flexcol{display:flex;flex-direction:column;height:100%}