:root {
      color-scheme: dark;
      --background: #111315;
      --surface: #171a1d;
      --text: #e8e7e2;
      --muted: #92989b;
      --rule: #303438;
      --accent: #a8c7b3;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      background: var(--background);
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
    }

    main {
      width: min(100% - 48px, 860px);
      margin: 0 auto;
      padding: 52px 0 64px;
    }

    .archive-meta,
    .path,
    .section-meta,
    .institutional-footer {
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .archive-meta {
      display: flex;
      justify-content: space-between;
      gap: 24px;
      margin: 0;
      padding-bottom: 14px;
      border-bottom: 1px solid var(--rule);
      color: var(--muted);
      font-size: 0.9rem;
      letter-spacing: 0.025em;
      text-transform: uppercase;
    }

    .archive-meta a {
      color: inherit;
      text-decoration-color: var(--accent);
      text-underline-offset: 4px;
    }

    .archive-meta a:hover,
    .archive-meta a:focus-visible {
      color: var(--text);
    }

    header {
      min-height: 48vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 72px 0;
    }

    .path {
      margin: 0 0 18px;
      color: var(--accent);
      font-size: 1rem;
    }

    h1 {
      margin: 0;
      font-size: clamp(2.6rem, 8vw, 5.5rem);
      font-weight: 400;
      letter-spacing: -0.045em;
      line-height: 0.95;
    }

    .descriptor {
      max-width: 540px;
      margin: 28px 0 0;
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.6;
    }

    .archive {
      border-top: 1px solid var(--rule);
    }

    section {
      display: grid;
      grid-template-columns: minmax(150px, 0.36fr) minmax(0, 1fr);
      gap: 36px;
      padding: 34px 0 52px;
      border-bottom: 1px solid var(--rule);
    }

    .section-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 16px;
    }

    h2 {
      margin: 0;
      font-size: 1.3rem;
      font-weight: 400;
    }

    .section-meta {
      color: var(--muted);
      font-size: 0.875rem;
    }

    .section-body p {
      max-width: 570px;
      margin: 0;
      color: var(--muted);
      line-height: 1.6;
    }

    .empty {
      color: #707679;
    }

    .project-number,
    .project-meta {
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 0.875rem;
    }

    .project-number {
      margin-bottom: 14px !important;
      color: var(--accent) !important;
    }

    h3 {
      margin: 0 0 14px;
      font-size: 1.5rem;
      font-weight: 400;
    }

    .project-description + .project-description {
      margin-top: 8px;
    }

    .project + .project {
      margin-top: 34px;
      padding-top: 34px;
      border-top: 1px solid var(--rule);
    }

    .project-meta {
      margin-top: 22px !important;
      color: var(--accent) !important;
    }

    .project-links {
      display: flex;
      flex-wrap: wrap;
      gap: 12px 28px;
      margin-top: 28px;
    }

    a {
      color: var(--text);
      text-decoration-color: var(--accent);
      text-decoration-thickness: 1px;
      text-underline-offset: 5px;
    }

    a:hover,
    a:focus-visible {
      color: var(--accent);
    }

    a:focus-visible {
      outline: 1px solid var(--accent);
      outline-offset: 5px;
    }

    .source-link {
      display: inline-block;
      margin-bottom: 12px;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 0.95rem;
    }


    @media (max-width: 620px) {
      main {
        width: min(100% - 36px, 860px);
        padding-top: 32px;
      }

      .archive-meta span:last-child {
        display: none;
      }

      header {
        min-height: 42vh;
        padding: 58px 0;
      }

      section {
        display: block;
        padding: 28px 0 40px;
      }

      .section-heading {
        margin-bottom: 22px;
      }
    }

    .visually-hidden {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }

    .path a {
      color: inherit;
      text-decoration: none;
    }

    .inline-download-counter {
      color: var(--muted);
      font-family: ui-monospace, SFMono-Regular, Consolas, Monaco, monospace;
      font-size: .78rem;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }

    .inline-download-counter[hidden] { display: none; }
    .inline-download-counter output { color: var(--accent); }

    .institutional-footer {
      --footer-ink: #eeece6;
      --footer-muted: #a8a69f;
      --footer-signal: #a4bd83;
      --footer-rule: rgba(238, 236, 230, .34);
      color: var(--footer-muted);
      border-top: 1px solid var(--footer-rule);
      background: #0c0d0d;
    }

    .footer-shell {
      width: min(100% - 48px, 1180px);
      margin: 0 auto;
    }

    .institutional-footer a {
      color: inherit;
      text-decoration-color: var(--footer-signal);
      text-underline-offset: 4px;
    }

    .institutional-footer a:hover,
    .institutional-footer a:focus-visible { color: var(--footer-signal); }

    .institutional-footer a:focus-visible {
      outline: 1px solid var(--footer-signal);
      outline-offset: 5px;
    }

    .footer-top {
      min-height: 138px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      border-bottom: 1px solid var(--footer-rule);
    }

    .footer-path {
      margin: 0;
      font-size: 1rem;
    }

    .back-to-top,
    .footer-motto {
      font-size: .76rem;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .back-to-top { color: var(--footer-signal) !important; }

    .footer-tree {
      display: grid;
      grid-template-columns: 1.15fr .85fr 1.55fr .58fr;
      border-bottom: 1px solid var(--footer-rule);
    }

    .footer-tree-column {
      min-width: 0;
      min-height: 170px;
      padding: 30px 28px 34px 0;
    }

    .footer-tree-column + .footer-tree-column {
      padding-left: 28px;
      border-left: 1px solid var(--footer-rule);
    }

    .footer-tree-title {
      display: inline-block;
      color: var(--footer-ink) !important;
      font-size: clamp(1rem, 1.7vw, 1.45rem);
      line-height: 1.18;
      text-decoration: none;
    }

    .footer-tree-title.signal { color: var(--footer-signal) !important; }

    .footer-tree ul {
      position: relative;
      margin: 23px 0 0;
      padding: 0 0 0 19px;
      list-style: none;
    }

    .footer-tree ul::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      border-left: 1px solid var(--footer-rule);
      content: "";
    }

    .footer-tree li {
      position: relative;
      margin: 10px 0;
      padding-left: 2px;
    }

    .footer-tree li::before {
      position: absolute;
      top: .75em;
      left: -19px;
      width: 12px;
      border-top: 1px solid var(--footer-rule);
      content: "";
    }

    .footer-tree li a {
      color: var(--footer-muted);
      text-decoration: none;
    }

    .footer-signature { padding: 34px 0 54px; }

    .footer-motto {
      margin: 0 0 3px;
      color: var(--footer-ink);
    }

    .footer-translation {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
    }

    .footer-founder {
      margin: 24px 0 0;
      font-size: .78rem;
    }

    .footer-resource-note {
      margin-top: 24px;
      padding-top: 22px;
      border-top: 1px solid rgba(238, 236, 230, .2);
    }

    .footer-resource-note p {
      margin: 4px 0;
      color: var(--footer-muted);
      font-size: .8rem;
    }

    @media (max-width: 620px) {
      .footer-shell { width: min(100% - 36px, 1180px); }

      .footer-top {
        min-height: 126px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
      }

      .footer-tree { grid-template-columns: 1fr; }

      .footer-tree-column,
      .footer-tree-column + .footer-tree-column {
        min-height: auto;
        padding: 24px 0 28px;
        border-top: 1px solid var(--footer-rule);
        border-left: 0;
      }

      .footer-tree-column:first-child { border-top: 0; }
    }

    @media (prefers-reduced-motion: reduce) {
      * { scroll-behavior: auto !important; transition: none !important; }
    }