/* Shared archive art direction: translucent surfaces, departmental color, readable copy. */
.archive-shell { --archive-accent: #75d1ba; --archive-rgb: 117, 209, 186; }
.archive-shell .nav__brand { border-top: 2px solid var(--archive-accent); }
.archive-shell .nav__item.is-active { box-shadow: inset 3px 0 var(--archive-accent); }
.archive-shell .nav__name { font-family: var(--sans); font-size: 14px; line-height: 1.5; }
.archive-shell .nav__list { padding: 12px; gap: 7px; }
.archive-shell .nav__item { min-width: 0; }
.archive-shell .nav__home { padding: 11px 14px; min-height: 44px; }
.archive-shell .reader-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; margin-bottom: 20px; }
.archive-reading-controls, .archive-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.archive-reading-controls > span { margin-right: 4px; color: var(--muted); }
.archive-shell .archive-breadcrumbs a { padding: 5px 0; color: var(--muted); font: 11px/1.6 var(--mono); text-decoration: none; }
.archive-breadcrumbs a + a::before { content: "/"; margin-right: 8px; color: var(--dim); opacity: .6; }
.archive-shell .archive-breadcrumbs a:hover, .archive-shell .archive-breadcrumbs a[aria-current] { color: var(--archive-accent); }
.archive-shell .reader-tools button { color: var(--archive-accent); }
.archive-shell .archive-document-head { padding: 0; border: 1px solid rgba(var(--archive-rgb), .23); border-radius: 4px; background: linear-gradient(110deg, rgba(var(--archive-rgb), .065), transparent 70%), rgba(0, 0, 0, .22); }
.archive-shell .archive-document-head::before, .archive-shell .archive-document-head::after { display: none; }
.archive-head-kicker, .archive-head-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 10px 18px; color: var(--archive-accent); font: 10px/1.7 var(--mono); letter-spacing: .07em; }
.archive-head-kicker { border-bottom: 1px solid rgba(var(--archive-rgb), .16); }
.archive-head-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 24px; }
.archive-head-copy { min-width: 0; }
.archive-shell .archive-head-copy .paper__title { margin: 10px 0 0; color: var(--text); font: 700 clamp(23px, 2.5vw, 32px)/1.35 var(--mono); text-transform: uppercase; letter-spacing: .02em; }
.archive-shell .archive-head-copy .paper__h { font-size: 10px; line-height: 1.8; letter-spacing: .05em; }
.archive-head-code { padding: 13px 10px; border: 1px solid rgba(var(--archive-rgb), .2); border-radius: 3px; color: var(--archive-accent); font: 12px/1 var(--mono); letter-spacing: .08em; opacity: .65; }
.archive-head-foot { border-top: 1px solid rgba(var(--archive-rgb), .16); font-size: 9px; color: var(--muted); padding-block: 8px; }
.archive-head-foot > :last-child { color: var(--archive-accent); letter-spacing: .16em; }
.archive-shell .paper__body { border-color: rgba(var(--archive-rgb), .12); }
.archive-shell .paper__body > :is(h2, h3):first-child { margin-top: 0; }
.archive-shell :is(.paper__body, .newbie-route) :is(p, li) { text-wrap: pretty; }
.archive-shell :is(.paper__body, .newbie-route) a:not(.law-summary-link) { text-underline-offset: 4px; }
.archive-shell .source-note { font: 13px/1.8 var(--sans); color: var(--muted); }
.archive-shell .document-body > p.doc-subhead:not(.archive-lead-copy) { color: var(--archive-accent); }
.archive-shell .paper__body p.archive-lead-copy { color: var(--text); font: var(--reading-size)/1.8 var(--sans); text-transform: none; letter-spacing: normal; }
.archive-shell :is(a, button, summary, input):focus-visible { outline: 2px solid var(--archive-accent); outline-offset: 4px; }
.archive-shell :is(.guide-category, .terminal-panel-card, .step-card, .rank-card, .term-grid > article) { border-radius: 4px; }

/* Structured articles and operating regulations. */
.archive-shell .archive-prose-body { border: 0; padding: 18px 0; background: transparent; overflow-wrap: anywhere; hyphens: manual; }
.archive-shell .archive-prose-body::before, .archive-shell .archive-prose-body::after { display: none; }
.archive-shell .archive-prose-body a { hyphens: none; }
.archive-clause { margin: 16px 0; border: 1px solid var(--line); border-radius: 4px; background: rgba(0, 0, 0, .2); }
.archive-clause-head { padding: 16px 20px; border-left: 2px solid var(--archive-accent); border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(var(--archive-rgb), .035), transparent); }
.archive-unit-label { display: block; margin-bottom: 7px; color: var(--archive-accent); opacity: .65; font: 10px/1.6 var(--mono); letter-spacing: .08em; }
.archive-shell .archive-clause-head > h3 { margin: 0; padding: 0; border: 0; color: var(--archive-accent); font: 600 17px/1.6 var(--mono); letter-spacing: .02em; text-transform: uppercase; }
.archive-clause-body { padding: 20px 24px; }
.archive-shell .archive-clause-body > :last-child { margin-bottom: 0; }
.archive-shell .archive-clause-body :is(p, ul, ol) { max-width: 76ch; }
.archive-shell .archive-prose-body :is(ul, ol) { padding-left: 24px; }
.archive-shell .archive-prose-body .list { margin: 12px 0; padding-left: 22px; }
.archive-shell .archive-prose-body li + li { margin-top: 12px; }
.archive-shell .archive-prose-body .archive-long-note { display: block; margin: 18px 0; padding: 16px 18px; border-left: 2px solid var(--archive-accent); color: var(--text); font: var(--reading-size)/1.8 var(--sans); text-transform: none; letter-spacing: normal; background: rgba(var(--archive-rgb), .025); }
.archive-shell .archive-prose-indexed > p { margin: 0; padding: 18px 16px; border-bottom: 1px solid var(--line); max-width: none; }
.archive-shell .archive-prose-indexed > p:nth-child(even) { background: rgba(255, 255, 255, .012); }
.archive-shell .archive-ooc-note { border-left: 2px solid var(--warn); padding: 12px 16px; color: #e8c89f; background: rgba(242, 166, 90, .035); }
.archive-role-profile { margin: 16px 0; padding: 22px; border: 1px solid var(--line); border-top: 2px solid var(--archive-accent); border-radius: 4px; background: rgba(0, 0, 0, .2); }
.archive-shell .archive-role-heading { margin: 0 0 16px; padding: 0; border: 0; color: var(--archive-accent); font: 600 17px/1.6 var(--mono); }
.archive-role-profile > p:last-child { margin-bottom: 0; }
.archive-section-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 12px 0 24px; }
.archive-shell .archive-section-routes a { display: block; padding: 20px; border: 1px solid var(--line); border-top: 2px solid var(--archive-accent); border-radius: 4px; background: rgba(0, 0, 0, .2); color: var(--text); text-decoration: none; }
.archive-section-routes strong { display: block; font: 600 17px/1.6 var(--sans); }
.archive-route-arrow { display: block; margin-top: 16px; color: var(--archive-accent); }
/* Team flowchart: a common root and independent vertical chains. */
.team-directory { margin: 8px 0 28px; --team-line: rgba(var(--archive-rgb), .4); }
.team-root { position: relative; max-width: 470px; margin: 0 auto; padding: 20px; text-align: center; border: 1px solid var(--team-line); border-top: 2px solid var(--archive-accent); border-radius: 3px; background: rgba(var(--archive-rgb), .055); }
.team-root::after { content: ""; position: absolute; left: 50%; top: 100%; height: 32px; border-left: 1px solid var(--team-line); }
.team-root__label, .team-root__name { display: block; color: var(--archive-accent); font: 10px/1.7 var(--mono); letter-spacing: .06em; }
.team-root strong { display: block; margin: 10px 0 4px; color: var(--text); font: 700 22px/1.4 var(--mono); }
.archive-shell .team-root p { margin: 12px 0 0; color: var(--muted); font-size: 13px; }
.team-branches { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; align-items: start; }
.team-branches::before { content: ""; position: absolute; top: 0; left: calc((100% - 48px) / 6); right: calc((100% - 48px) / 3); border-top: 1px solid var(--team-line); }
.team-branch, .team-other-branches { position: relative; min-width: 0; --team-color: #dfb673; }
.team-branch::before, .team-other-branches::before { content: ""; display: block; height: 24px; background: linear-gradient(var(--team-line), var(--team-line)) center top / 1px 24px no-repeat; }
.team-branch--development { --team-color: #e4cc65; }
.team-branch--editorial, .team-branch--mentors { --team-color: #6ab9dd; }
.team-branch--lore { --team-color: #da89d5; }
.team-branch__head { box-sizing: border-box; height: 120px; display: grid; grid-template-rows: 18px 44px 38px; align-items: center; padding: 10px 8px; text-align: center; }
.team-branch__code { color: var(--team-color); font: 9px/1.7 var(--mono); letter-spacing: .05em; }
.archive-shell .team-branch__head h4 { margin: 0; color: var(--team-color); font: 600 15px/1.5 var(--mono); }
.archive-shell .team-branch__head p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.archive-shell .archive-prose-body .team-chain, .archive-shell .archive-prose-body .team-specialists ul { list-style: none; margin: 0; padding: 0; max-width: none; }
.archive-shell .team-chain > li + li { margin-top: 26px; }
.team-node { box-sizing: border-box; position: relative; min-height: 96px; display: flex; flex-direction: column; justify-content: center; padding: 16px 12px; border: 1px solid color-mix(in srgb, var(--team-color) 40%, transparent); border-radius: 3px; background: rgba(0, 0, 0, .35); text-align: center; }
.team-node strong { display: block; font: 600 13px/1.6 var(--mono); color: var(--text); }
.team-node > span { display: block; margin-top: 7px; font: 12px/1.6 var(--sans); color: var(--muted); }
.team-chain > li + li::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 26px; border-left: 1px solid var(--team-line); }
.team-specialists { position: relative; }
.archive-shell .archive-prose-body .team-specialists ul { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding-top: 16px; }
.team-specialists ul::before { content: ""; position: absolute; top: 0; left: calc(100% / 6); right: calc(100% / 6); border-top: 1px solid var(--team-line); }
.team-specialists .team-node::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 16px; border-left: 1px solid var(--team-line); }
.archive-shell .team-specialists li + li { margin-top: 0; }
.team-specialists .team-node { border-style: solid; padding: 10px 3px; min-height: 86px; }
.team-specialists .team-node strong { font-size: 11px; overflow-wrap: normal; }
.team-other-branches > .team-branch::before { display: none; }
.team-other-branches { padding-left: 16px; }
.team-other-branches::before { background: none; }
.team-other-branches::after { content: ""; position: absolute; top: 0; bottom: 72px; left: 0; border-left: 1px solid var(--team-line); }
.team-other-branches > .team-branch { margin-bottom: 24px; }
.team-other-branches > .team-branch::after { content: ""; position: absolute; top: 168px; left: -16px; width: 16px; border-top: 1px solid var(--team-line); }
@media (max-width: 700px) {
  .team-root { padding: 18px; }
  .team-root strong { font-size: 20px; }
  .team-root::after { left: 12px; }
  .team-branches { display: block; margin-left: 12px; padding: 0 0 0 18px; border-left: 1px solid var(--team-line); }
  .team-branches::before { display: none; }
  .team-branches > .team-branch, .team-other-branches { margin-bottom: 30px; }
  .team-branch::before, .team-other-branches::before { position: absolute; top: 168px; right: 100%; margin: 0; width: 19px; height: 0; background: none; border-top: 1px solid var(--team-line); }
  .team-other-branches { padding-left: 0; border: 0; }
  .team-other-branches::before { display: none; }
  .team-other-branches::after { display: none; }
  .team-other-branches > .team-branch::after { left: -19px; width: 18px; }
}
.archive-outline { margin-top: 16px; border: 1px solid var(--line); border-radius: 3px; background: rgba(0, 0, 0, .18); }
.archive-outline > summary { padding: 13px 16px; color: var(--archive-accent); cursor: pointer; font: 11px/1.7 var(--mono); text-transform: uppercase; }
.archive-outline nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding: 4px 16px 12px; }
.archive-outline a { padding: 10px 0; color: var(--text); border-bottom: 1px solid var(--line); text-decoration: none; font: 14px/1.6 var(--sans); }
.archive-shell .archive-clause-head h3 { scroll-margin-top: 18px; }
[data-archive-alert="green"] { --archive-accent: #93cbb6; --archive-rgb: 147, 203, 182; }
[data-archive-alert="blue"] { --archive-accent: #8cb7ef; --archive-rgb: 140, 183, 239; }
[data-archive-alert="purple"] { --archive-accent: #c4a2e5; --archive-rgb: 196, 162, 229; }
[data-archive-alert="orange"] { --archive-accent: #eab074; --archive-rgb: 234, 176, 116; }
[data-archive-alert="amber"] { --archive-accent: #ebbf72; --archive-rgb: 235, 191, 114; }
[data-archive-alert="red"], [data-archive-alert="delta"] { --archive-accent: #ff8a83; --archive-rgb: 255, 138, 131; }
[data-archive-alert="gamma"] { --archive-accent: #b7c6cc; --archive-rgb: 183, 198, 204; }

/* Home: the archive entrance rather than another regulation page. */
[data-archive-surface="home"] .archive-head-main { min-height: 200px; }
.archive-shell[data-archive-surface="home"] .archive-head-copy .paper__title { font-size: clamp(42px, 5.5vw, 76px); line-height: 1.08; color: #c8eee1; letter-spacing: -.035em; }
.archive-shell .home-route { margin: 20px 0 28px; gap: 12px; }
.archive-shell .home-route a { position: relative; padding: 22px; border-top: 2px solid var(--archive-accent); transition: border-color .15s ease, background .15s ease; }
.archive-shell .home-route strong { color: var(--archive-accent); font-size: 17px; }
.archive-shell .home-route span { display: block; color: var(--muted); font-size: 15px; line-height: 1.8; }
.archive-shell .home-route a::after { content: "↗"; display: block; margin-top: 16px; color: var(--archive-accent); font: 16px var(--mono); }
.archive-shell .terminal-panel { border-radius: 4px; }
.archive-shell .terminal-panel a { padding: 18px; }
.archive-shell .terminal-panel__head { color: var(--archive-accent); }
.archive-shell #connection { margin-top: 24px; border-top: 2px solid var(--archive-accent); }
.archive-shell #connection li { padding-block: 6px; }
.archive-shell .connection-details { padding: 16px; border: 1px solid var(--line); border-radius: 3px; background: rgba(0, 0, 0, .16); }

/* A real guide directory: published documents lead, drafts stay discoverable. */
.archive-shell .guide-grid { gap: 16px; margin-top: 20px; }
.archive-shell .guide-category { border-top: 2px solid var(--archive-accent); background: rgba(0, 0, 0, .2); }
.archive-shell .guide-category[data-archive-category="4"] { --archive-accent: #e6a0a5; }
.archive-shell .guide-category[data-archive-category="5"] { --archive-accent: #dfc17d; }
.archive-shell .guide-category[data-archive-category="6"] { --archive-accent: #bba6e0; }
.archive-shell .guide-category[data-archive-category="7"] { --archive-accent: #dcb280; }
.archive-shell .guide-category[data-archive-category="8"] { --archive-accent: #acd0a1; }
.archive-shell .guide-category[data-archive-category="9"] { --archive-accent: #94bbd0; }
.archive-shell .guide-category[data-archive-category="10"] { --archive-accent: #de9194; }
.archive-shell .guide-category > header { flex-wrap: wrap; padding: 18px; background: rgba(var(--archive-rgb), .025); }
.archive-shell .guide-category > header h2 { flex: 1 1 180px; font-size: 17px; line-height: 1.5; color: var(--text); }
.archive-shell .guide-category > header > span:first-child { color: var(--archive-accent); font: 11px var(--mono); }
.archive-guide-count { width: 100%; padding-left: 30px; color: var(--muted); font: 9px/1.7 var(--mono); letter-spacing: .05em; }
.archive-shell .guide-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 18px; }
.archive-shell .guide-links a { display: flex; justify-content: space-between; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--text); font-size: 15px; line-height: 1.7; text-decoration: none; }
.archive-shell .guide-links a::after { content: "↗"; padding-left: 12px; color: var(--archive-accent); }
.archive-shell .guide-links a:last-child { border-bottom: 0; }
.archive-shell .guide-links a:hover { color: var(--archive-accent); background: transparent; }
.archive-guide-pending { margin: 0 18px; }
.archive-guide-pending > summary { padding: 14px 0; color: var(--muted); cursor: pointer; font: 11px/1.7 var(--mono); }
.archive-pending-topics { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 18px; }
.archive-shell .archive-pending-topics .guide-pending { padding: 6px 8px; border-radius: 3px; font-size: 12px; }
.archive-shell .guide-search { max-width: none; }
.archive-shell .guide-search input { padding: 14px 16px; font: 16px/1.5 var(--sans); border-color: rgba(var(--archive-rgb), .25); }

/* First-shift route and lore chapters. */
.archive-shell .newbie-route { gap: 18px; }
.archive-shell :is(.step-card, .terminal-panel-card, .practice-inline, .lesson-steps section) { padding: 22px; background: rgba(0, 0, 0, .2); }
.archive-shell .step-card { border-top: 2px solid rgba(var(--archive-rgb), .55); }
.archive-shell .step-grid { align-items: start; }
.archive-shell .card-code { color: var(--archive-accent); border-radius: 3px; font: 11px var(--mono); }
.archive-shell .step-card h3, .archive-shell .newbie-route h3 { font-size: 17px; line-height: 1.5; color: var(--archive-accent); }
.archive-shell .step-card h3 { margin: 14px 0; }
.archive-shell .intro-panel h2 { margin: 0 0 16px; }
.archive-shell .intro-panel > .card-code { margin-bottom: 16px; }
.archive-shell .newbie-route h2 { font-size: 21px; line-height: 1.4; }
.archive-shell .section-terminal-heading { align-items: baseline; gap: 10px 18px; }
.archive-shell .newbie-route p { color: var(--text); }
.archive-shell :is(.terminal-button, .inline-terminal-link, .archive-link-grid a) { border-radius: 3px; text-decoration: none; }
.archive-shell .lore-facts { margin: 24px 0; }
.archive-shell .lore-facts > div { border-top: 2px solid var(--archive-accent); padding: 20px; }
.archive-shell .lore-facts dd { color: var(--archive-accent); }
.archive-shell .lore-toc { gap: 10px; padding: 18px 0; }
.archive-shell .lore-toc a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 3px; color: var(--archive-accent); text-decoration: none; font: 12px/1.6 var(--mono); }
.archive-shell .lore-section { padding: 24px 0 8px; border-top: 1px solid rgba(var(--archive-rgb), .22); }
.archive-shell .lore-section h2 { margin-top: 0; color: #d4c8ee; font-size: 24px; line-height: 1.4; }
.archive-shell .lore-section h3 { color: var(--archive-accent); font-size: 17px; }
.archive-shell .lore-section :is(p, ul, ol) { max-width: 76ch; }

/* Reference desk: keycaps, visor tags, terms, and assignment cards. */
.archive-shell .key-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.archive-shell .key-grid > article { display: block; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 4px; background: rgba(0, 0, 0, .18); }
.archive-key-combo { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.archive-shell .archive-key-combo > kbd { margin: 0; padding: 5px 9px; border: 1px solid rgba(var(--archive-rgb), .25); border-bottom-width: 3px; color: var(--archive-accent); background: rgba(var(--archive-rgb), .035); border-radius: 4px; font: 12px/1.5 var(--mono); }
.archive-shell .key-grid > article > span { display: block; color: var(--text); font: calc(var(--reading-size) - 1px)/1.8 var(--sans); }
.archive-shell .hud-grid { grid-template-columns: repeat(auto-fit, minmax(min(215px, 100%), 1fr)); gap: 12px; }
.archive-shell .hud-card { min-height: 0; padding: 18px; border-radius: 4px; }
.archive-hud-card-head { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; margin-bottom: 12px; }
.archive-shell .archive-hud-card-head img { width: 32px; height: 32px; margin: 0; object-fit: contain; }
.archive-shell .archive-hud-card-head h3 { margin: 0; padding: 0; border: 0; color: var(--text); font: 600 15px/1.5 var(--sans); text-transform: none; letter-spacing: normal; }
.archive-shell .hud-card p { margin: 0; font-size: calc(var(--reading-size) - 1px); line-height: 1.8; color: var(--muted); }
.archive-shell .hud-device { padding: 20px; border-radius: 4px; }
.archive-shell .hud-device > img { width: 64px; height: 64px; }
.archive-shell .hud-section-title { margin: 28px 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--archive-accent); }
.archive-shell .term-grid { gap: 14px; }
.archive-shell .term-grid > article { min-height: 0; padding: 20px; border-top: 2px solid rgba(var(--archive-rgb), .45); background: rgba(0, 0, 0, .2); scroll-margin-top: 18px; }
.archive-shell .term-grid > article h3 { margin: 0 0 12px; padding: 0; border: 0; color: var(--archive-accent); font: 600 16px/1.6 var(--mono); }
.archive-shell .term-grid > article p { margin: 0; font-size: calc(var(--reading-size) - 1px); line-height: 1.8; }
.archive-term-search { display: grid; gap: 8px; margin-bottom: 20px; color: var(--archive-accent); font: 11px/1.7 var(--mono); }
.archive-term-search input { min-width: 0; width: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: 3px; background: rgba(0, 0, 0, .3); color: var(--text); font: 16px/1.5 var(--sans); }
.archive-term-results { margin-bottom: 20px; padding: 16px 20px; border: 1px solid var(--line); background: rgba(0, 0, 0, .3); }
.archive-term-results[hidden] { display: none; }
.archive-term-results a { display: block; padding: 9px 0; color: var(--archive-accent); text-underline-offset: 3px; }
.archive-term-status { margin: 0 0 6px; color: var(--muted); font: 12px/1.6 var(--mono); }
.archive-shell .jobs-brief { grid-template-columns: minmax(0, 1fr) 96px; }
.archive-shell .jobs-brief figure { margin: 0; min-width: 0; }
.archive-shell .jobs-brief img { width: 48px; height: 48px; object-fit: contain; }
.archive-shell .jobs-brief figcaption { font-size: 8px; line-height: 1.8; overflow-wrap: anywhere; }
.archive-shell .rank-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.archive-shell .rank-card { padding: 20px; min-height: 0; background: rgba(0, 0, 0, .2); }
.archive-shell .rank-card h3 { margin: 12px 0; padding: 0; border: 0; font-size: 18px; }
.archive-shell .rank-card p { margin: 0; }
.archive-shell .jobs-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.archive-shell .jobs-flow > article { padding: 20px; border-radius: 4px; background: rgba(0, 0, 0, .2); }
.archive-shell .jobs-flow > article h3 { font-size: 16px; line-height: 1.5; }

@media (max-width: 1100px) {
  .archive-shell .key-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .archive-shell .nav__list { padding: 10px; }
  .archive-shell .nav__bottom { padding: 12px; }
  .archive-shell .nav__home { flex: 1 1 180px; }
}
@media (max-width: 600px) {
  .archive-shell .archive-prose-body { hyphens: auto; }
  .archive-shell .topbar { justify-content: space-between; padding-block: 10px; }
  .archive-shell .topbar__left > :is(.muted, .sep) { display: none; }
  .archive-shell .nav.is-collapsible { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .archive-shell .nav.is-collapsible .nav__brand { grid-column: 1; min-width: 0; border-bottom: 0; }
  .archive-shell .nav.is-collapsible .mobile-menu { grid-column: 2; margin: 10px; max-width: 96px; padding: 10px; text-align: center; font: 12px/1.5 var(--mono); }
  .archive-shell .nav.is-collapsible :is(.nav__list, .nav__bottom) { grid-column: 1 / -1; }
  .archive-head-main { grid-template-columns: minmax(0, 1fr); padding: 20px; }
  .archive-head-code { display: none; }
  .archive-head-foot > :last-child { display: none; }
  .archive-head-foot { display: none; }
  .archive-head-kicker, .archive-head-foot { padding-inline: 16px; }
  .archive-shell .archive-head-copy .paper__title { font-size: clamp(20px, 6vw, 23px); }
  .archive-shell[data-archive-surface="home"] .archive-head-copy .paper__title { font-size: 44px; }
  [data-archive-surface="home"] .archive-head-main { min-height: 170px; }
  .archive-shell .reader-tools { gap: 8px; margin-bottom: 16px; padding-bottom: 12px; }
  .archive-reading-controls > span { font-size: 10px; }
  .archive-shell .archive-breadcrumbs a { font-size: 10px; }
  .archive-outline nav { grid-template-columns: minmax(0, 1fr); }
  .archive-section-routes, .archive-shell .org-row { grid-template-columns: minmax(0, 1fr); }
  .archive-clause-head, .archive-clause-body { padding: 16px; }
  .archive-shell .archive-clause-head > h3 { font-size: 16px; }
  .archive-shell .home-route a, .archive-shell :is(.step-card, .terminal-panel-card, .practice-inline, .lesson-steps section) { padding: 18px; }
  .archive-shell .jobs-brief { grid-template-columns: minmax(0, 1fr); }
  .archive-shell .jobs-brief figure { display: none; }
  .archive-shell .rank-grid, .archive-shell .jobs-flow { grid-template-columns: minmax(0, 1fr); }
  .archive-shell .lore-section h2 { font-size: 21px; }
  .archive-shell .connection-details { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .archive-shell .connection-details dd + dt { margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) { .archive-shell * { transition: none !important; } }
@media print {
  .archive-outline, .archive-head-kicker, .archive-head-foot, .archive-head-code, .archive-term-search, .archive-term-results, .reader-tools { display: none; }
  .archive-shell :is(.archive-document-head, .archive-clause, .archive-clause-head, .archive-clause-body, .archive-role-profile) { background: white; border-color: #aaa; }
  .archive-shell .archive-pending-topics { display: block; }
}