:root { color-scheme: dark; }
      * { box-sizing: border-box; }
      body {
        margin: 0; background: #0a0c11; color: #e7e7ea;
        font: 16px/1.65 'PT Serif', Georgia, serif;
        -webkit-font-smoothing: antialiased;
      }
      a { color: #f472b6; text-decoration: none; }
      a:hover { text-decoration: underline; }
      .wrap { max-width: 1000px; margin: 0 auto; padding: 0 20px 90px; }
      header.top {
        display: flex; justify-content: space-between; align-items: baseline;
        padding: 26px 0 6px; font-family: ui-sans-serif, system-ui, sans-serif;
      }
      header.top .home { font-weight: 700; font-size: 19px; color: #e7e7ea; }
      header.top .crumb { color: #6b7280; font-size: 12.5px; font-family: ui-monospace, monospace; }
      h1 { font-family: ui-sans-serif, system-ui, sans-serif; font-size: 30px; line-height: 1.18; margin: 16px 0 6px; }
      .lede { color: #b7bcc6; font-size: 18px; margin: 0 0 6px; max-width: 70ch; }
      nav.tabs {
        display: flex; gap: 2px; border-bottom: 1px solid #23262f; margin: 24px 0 28px;
        font-family: ui-sans-serif, system-ui, sans-serif; font-size: 14px;
      }
      nav.tabs button {
        background: none; border: 0; border-bottom: 2px solid transparent;
        color: #9aa0a6; padding: 9px 15px; cursor: pointer;
      }
      nav.tabs button:hover { color: #e7e7ea; }
      nav.tabs button[data-active='true'] { color: #f472b6; border-color: #f472b6; }
      h2 { font-family: ui-sans-serif, system-ui, sans-serif; font-size: 22px; margin: 36px 0 10px; }
      h3 {
        font-family: ui-sans-serif, system-ui, sans-serif; font-size: 13px; letter-spacing: .06em;
        text-transform: uppercase; color: #9aa0a6; margin: 28px 0 8px;
      }
      p { margin: 0 0 14px; max-width: 72ch; }
      strong { color: #fff; }
      table { border-collapse: collapse; width: 100%; font-family: ui-monospace, monospace; font-size: 12.5px; margin: 8px 0; }
      th, td { border: 1px solid #23262f; padding: 6px 9px; text-align: left; white-space: nowrap; }
      th { background: #13161d; color: #cfd3da; font-weight: 600; }
      td.num { text-align: right; }
      .muted { color: #6b7280; }
      .callout {
        border-left: 3px solid #f472b6; background: #13141a; padding: 13px 17px;
        margin: 18px 0; border-radius: 0 6px 6px 0;
      }
      .callout p:last-child { margin-bottom: 0; }
      .dimbar { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 16px; font-family: ui-sans-serif, system-ui; font-size: 12px; }
      .dimbar button {
        background: #13161d; border: 1px solid #23262f; color: #9aa0a6;
        border-radius: 999px; padding: 4px 11px; cursor: pointer;
      }
      .dimbar button:hover { color: #e7e7ea; border-color: #3a3f4b; }
      .dimbar button[data-active='true'] { background: #f472b6; border-color: #f472b6; color: #0a0c11; font-weight: 700; }
      .legend { display: flex; flex-wrap: wrap; gap: 14px; font-family: ui-sans-serif, system-ui; font-size: 12px; color: #b7bcc6; margin: 12px 0 6px; }
      .legend span { display: inline-flex; align-items: center; gap: 6px; }
      .legend i { width: 11px; height: 11px; border-radius: 2px; display: inline-block; }
      .legend a { color: inherit; text-decoration: none; border-bottom: 1px dotted #3a3f4b; }
      .legend a:hover { color: #f472b6; border-color: #f472b6; }
      figure.tbl th a { color: inherit; text-decoration: none; }
      figure.tbl th a:hover { color: #f472b6; }
      .chart svg { width: 100%; height: auto; background: #0c0e14; border: 1px solid #1c1f28; border-radius: 8px; }
      .charthead { font-family: ui-sans-serif, system-ui; font-size: 14px; color: #cfd3da; margin: 0 0 6px; }
      .charthead em { color: #7a808c; font-style: normal; font-family: ui-monospace, monospace; font-size: 12px; }
      .dimdesc { font-size: 17px; line-height: 1.5; color: #e7e7ea; font-style: italic; margin: 2px 0 8px; max-width: 70ch; border-left: 3px solid #2a2e38; padding-left: 13px; }
      .dimmeta { font-family: ui-sans-serif, system-ui; font-size: 11.5px; color: #6b7280; margin: 0 0 12px; }
      .tag { font-family: ui-monospace, monospace; font-size: 11px; padding: 1px 6px; border-radius: 4px; background: #1a1d25; color: #cfd3da; }
      figure.tbl { margin: 0 0 22px; }
      figure.tbl figcaption { font-family: ui-sans-serif, system-ui; font-size: 13px; color: #9aa0a6; margin-bottom: 6px; }
      ul { margin: 0 0 14px; padding-left: 20px; max-width: 72ch; }
      li { margin: 0 0 9px; }
      footer { margin-top: 54px; padding-top: 18px; border-top: 1px solid #23262f; color: #6b7280; font-size: 13px; font-family: ui-sans-serif, system-ui; }
      footer code { font-family: ui-monospace, monospace; color: #9aa0a6; }
      [hidden] { display: none !important; }