/* RIRI v1 — a question atlas, not a wall of cards. */
:root { --deep-plum: #38212D; --atlas-pink: #D8B8C8; --atlas-line: #A98C9A; }
body { font-size:16px; }
.site-header { height:90px; gap:32px; padding:0 32px; }
.brand { width:180px; }
.brand img { width:175px; }
.header-nav { gap:30px; font-size:15px; }
.tool-link,.my-shelf { font-size:14px; }
.site-layout { grid-template-columns:192px minmax(0,1fr); max-width:1920px; }
.index-rail { top:90px; height:calc(100dvh - 90px); padding:32px 24px; }
.rail-title { font-size:14px; }
.rail-title span { font-size:10px; margin-top:7px; }
.rail-home { font-size:13px; }
.rail-topic { font-size:19px; padding:16px 0; gap:12px; }
.rail-topic>span:first-child { font-size:13px; }
.rail-chapters a { font-size:12px; min-height:42px; align-items:center; }
.rail-chapters span { font-size:11px; }
.rail-bottom p { font-size:18px; }
.rail-bottom a { font-size:12px; }
main { padding:0 40px; }
.page-meta { font-size:12px; padding:18px 0 15px; }
.intro-section { grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); gap:36px; padding:28px 0 32px; }
.intro-kicker { font-size:12px; font-weight:400; letter-spacing:.04em; }
.intro-copy h1 { font-size:clamp(32px,3.1vw,54px); line-height:1.45; letter-spacing:-.065em; margin:12px 0 16px; }
.intro-copy p { font-size:15px; line-height:1.9; }
.search-block>label { font:500 15px var(--sans); margin-bottom:13px; }
.knowledge-search { min-height:64px; padding:10px 10px 10px 15px; border-radius:4px; gap:10px; }
.knowledge-search input { font-size:13px; }
.knowledge-search button { min-width:44px; height:44px; border-radius:2px; }
.search-hints { gap:7px; margin-top:12px; }
.search-hints button { font-size:11px; padding:6px 11px; min-height:36px; }
.search-results { top:100px; }
.search-result-link { font-size:15px; padding:14px 10px; }
.search-result-link small { font-size:12px; }
.search-empty { font-size:14px; }
.atlas { margin-bottom:48px; scroll-margin-top:115px; }
.atlas-top { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:20px; }
.atlas-title-label { font-size:10px; letter-spacing:.17em; color:var(--plum); }
.atlas-top h2 { font-family:var(--serif); font-weight:500; font-size:28px; margin-top:4px; letter-spacing:-.04em; }
.atlas-top>p { font-size:12px; color:var(--muted); line-height:1.8; text-align:right; }
.atlas-tabs { display:flex; gap:0; border-top:1px solid var(--line); }
.atlas-tab { position:relative; flex:1; display:flex; align-items:baseline; text-align:left; gap:15px; padding:18px 25px 20px; border-top:3px solid transparent; min-height:97px; }
.atlas-tab:not(:first-child) { border-left:1px solid var(--line); }
.atlas-tab>span:first-child { font-family:var(--serif); font-size:16px; color:var(--plum); }
.atlas-tab strong { font-family:var(--serif); font-size:36px; font-weight:500; letter-spacing:-.055em; line-height:1.5; }
.atlas-tab small { font-size:9px; letter-spacing:.1em; color:var(--muted); margin-left:2px; }
.atlas-tab-arrow { font-size:20px; margin-left:auto; }
.atlas-tab.is-active { border-color:var(--plum); color:var(--plum); background:#F0E5E955; }
.atlas-tab:hover:not(.is-active) { background:var(--rose); }
.atlas-sheet { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); min-height:470px; border:1px solid var(--line); }
.atlas-map { color:var(--paper); background:var(--deep-plum); padding:26px 28px 18px; display:flex; flex-direction:column; position:relative; }
.atlas-map:after { content:''; position:absolute; top:0; right:0; bottom:0; width:3px; background:var(--atlas-pink); }
.atlas-map-top { display:flex; gap:15px; align-items:center; justify-content:space-between; font-size:10px; color:#D8B8C8; padding-bottom:20px; border-bottom:1px solid #A98C9A55; }
.atlas-map-top>span:first-child { letter-spacing:.14em; }
.atlas-map-body { display:grid; grid-template-columns:minmax(145px,.85fr) minmax(0,1.25fr); gap:45px; align-items:center; flex:1; padding:22px 0; }
.atlas-topic-root { position:relative; padding-right:8px; }
.atlas-topic-root:after { content:''; position:absolute; right:-24px; top:50%; width:30px; height:1px; background:var(--atlas-line); }
.atlas-root-number { font-family:var(--serif); font-size:18px; color:var(--atlas-pink); }
.atlas-topic-root h3 { font-family:var(--serif); font-weight:500; font-size:clamp(40px,4.4vw,65px); letter-spacing:-.075em; margin:0 0 14px; }
.atlas-topic-root p { font-size:13px; line-height:1.9; color:#E7DADD; word-break:keep-all; max-width:180px; }
.atlas-topic-root a { font-size:12px; display:flex; align-items:center; gap:16px; color:var(--paper); margin-top:24px; min-height:38px; border-bottom:1px solid #A98C9A; padding-bottom:7px; width:max-content; }
.atlas-topic-root a:hover { color:var(--atlas-pink); }
.atlas-branches { display:flex; flex-direction:column; gap:10px; position:relative; }
.atlas-branches:before { content:''; left:-21px; top:33px; bottom:33px; width:1px; background:var(--atlas-line); position:absolute; }
.atlas-node { position:relative; color:var(--paper); border:1px solid #A98C9A77; border-radius:3px; padding:11px 40px 11px 16px; display:block; min-height:66px; background:#FAF8F608; }
.atlas-node:before { content:''; position:absolute; width:20px; height:1px; background:var(--atlas-line); top:50%; left:-21px; }
.atlas-node>span:first-child { display:block; font-size:15px; font-weight:500; line-height:1.6; }
.atlas-node small { display:block; color:#D9C9D1; font-size:10px; margin-top:3px; line-height:1.5; }
.atlas-node .node-arrow { position:absolute; right:15px; top:14px; font-size:16px; }
.atlas-node:hover,.atlas-node.is-active { background:var(--paper); color:var(--deep-plum); border-color:var(--paper); transform:translateX(3px); }
.atlas-node.is-active small,.atlas-node:hover small { color:var(--plum); }
.atlas-node:focus-visible,.atlas-map a:focus-visible { outline-color:var(--paper); }
.atlas-map-foot { border-top:1px solid #A98C9A55; padding-top:15px; display:flex; justify-content:space-between; gap:15px; font-size:9px; color:#D9C9D1; }
.atlas-map-foot b { font-size:14px; color:var(--paper); font-weight:500; margin-right:2px; }
.atlas-preview { padding:25px 30px 22px; display:flex; flex-direction:column; min-width:0; background:var(--paper); }
.atlas-preview-top { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted); margin-bottom:22px; }
.atlas-preview-top .save-button { margin:0; min-width:40px; height:40px; }
.atlas-preview-keyword { font-size:12px; color:var(--plum); }
.atlas-preview h3 { font-family:var(--serif); font-weight:500; font-size:27px; line-height:1.75; letter-spacing:-.055em; margin-top:8px; }
.atlas-preview-rule { height:1px; width:34px; background:var(--plum); margin:20px 0; }
.atlas-preview>p { font-size:14px; color:var(--muted); line-height:2; word-break:keep-all; }
.atlas-read-link { background:var(--plum); color:var(--paper); display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:14px; padding:14px 16px; margin-top:24px; border-radius:3px; min-height:50px; }
.atlas-read-link:hover { background:var(--ink); color:var(--paper); }
.atlas-related { padding-top:25px; margin-top:auto; }
.atlas-related>span { color:var(--muted); font-size:10px; }
.atlas-related a { border-top:1px solid var(--line); padding:12px 0; display:flex; justify-content:space-between; gap:15px; font-size:12px; line-height:1.7; word-break:keep-all; }
.atlas-related a:first-child { margin-top:9px; }
.atlas-preview>small { color:var(--muted); font-size:9px; line-height:1.8; margin-top:14px; }
.workspace { grid-template-columns:minmax(0,1fr) 305px; gap:36px; }
.section-top h2,.library-heading h2 { font-size:30px; line-height:1.55; }
.chapter-number { font-size:11px; letter-spacing:.03em; font-weight:400; }
.section-intro { font-size:14px; margin-top:13px; }
.map-switch { border-radius:4px; padding:3px; }
.map-topic { font-size:12px; border-radius:2px; padding:7px 12px; min-height:38px; }
.path-workspace { grid-template-columns:185px minmax(0,1fr); min-height:330px; }
.path-step strong { font-size:14px; }
.path-step small { font-size:11px; }
.path-step { min-height:73px; }
.path-node { font-size:11px; width:25px; height:25px; }
.path-detail { padding:25px 0 22px 28px; }
.detail-overline,.path-title-label { font-size:12px; }
.path-detail h3 { font-size:25px; line-height:1.8; }
.path-detail p { font-size:14px; line-height:2; }
.dark-button { font-size:13px; min-height:48px; border-radius:3px; padding:12px 17px; }
.path-detail-foot { font-size:10px; }
.comparison { margin-top:30px; padding:28px 30px; background:transparent; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.comparison-symbol { font-size:56px; }
.comparison .section-top h2 { font-size:27px; }
.comparison-pair h3 { font-size:30px; }
.comparison-pair small { font-size:11px; }
.comparison-bottom { display:block; }
.comparison-bottom p { font-size:14px; line-height:1.95; }
.comparison-bottom a { display:flex; justify-content:space-between; font-size:13px; margin-top:18px; min-height:40px; align-items:center; }
.reading-aside { padding-left:28px; }
.aside-heading { font-size:15px; }
.article-row--compact h3 { font-size:19px; line-height:1.9; }
.article-row--compact .article-topic { font-size:11px; }
.save-button { min-width:36px; height:40px; }
.save-button svg { width:17px; height:17px; }
.cycle-entry { border-radius:3px; padding:27px 23px 21px; }
.cycle-heading { font-size:12px; }
.cycle-entry h2 { font-size:23px; }
.cycle-entry p { font-size:13px; }
.cycle-entry a { font-size:13px; min-height:48px; border-radius:2px; }
.cycle-entry small { font-size:10px; }
.library { margin-top:48px; }
.library-heading { margin-bottom:28px; }
.library-count { font-size:12px; }
.library-columns { gap:30px; }
.library-group-head>h3 { font-size:28px; }
.library-group-head>a { font-size:12px; }
.library-columns .article-row h3 { font-size:18px; line-height:1.9; }
.library-columns .article-row p { font-size:14px; line-height:1.95; }
.article-topic { font-size:11px; }
.brand-editorial { padding:32px 0; gap:32px; }
.editorial-media { width:235px; }
.editorial-copy>span { font-size:12px; }
.editorial-copy h2 { font-size:28px; }
.editorial-copy p { font-size:14px; }
.editorial-copy a { font-size:13px; }
.editorial-ring { width:100px; height:130px; margin-right:5px; }
.editorial-ring:before,.editorial-ring:after { width:65px; height:120px; }
.editorial-ring:after { left:30px; }
.page-footer,.page-footer>p { font-size:11px; }
body[data-reading=large] .atlas-preview>p { font-size:16px; }
body[data-reading=large] .article-row h3 { font-size:21px; }
body[data-reading=large] .article-row p,body[data-reading=large] .path-detail p { font-size:16px; }
@media(min-width:1700px) {
  main { padding:0 56px; }
  .intro-section { grid-template-columns:minmax(0,1.5fr) minmax(420px,1fr); gap:60px; }
  .atlas-sheet { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
  .atlas-map { padding:30px 38px 22px; }
  .atlas-map-body { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:65px; }
  .atlas-topic-root:after { right:-44px; width:50px; }
  .atlas-topic-root h3 { font-size:78px; }
  .atlas-topic-root p { font-size:16px; max-width:250px; }
  .atlas-node { min-height:75px; padding:14px 45px 14px 20px; }
  .atlas-node>span:first-child { font-size:18px; }
  .atlas-node small { font-size:12px; }
  .atlas-preview { padding:30px 38px; }
  .atlas-preview h3 { font-size:34px; }
  .atlas-preview>p { font-size:16px; }
  .atlas-map-foot { font-size:11px; }
  .workspace { grid-template-columns:minmax(0,1fr) 350px; gap:48px; }
}
@media(max-width:1280px) {
  .site-layout { grid-template-columns:155px minmax(0,1fr); }
  .index-rail { padding:30px 17px; }
  .rail-chapters a { font-size:11px; }
  .rail-bottom p { font-size:16px; }
  .rail-topic { font-size:17px; }
  main { padding:0 28px; }
  .intro-copy h1 { font-size:36px; }
  .intro-section { grid-template-columns:minmax(0,1.3fr) minmax(285px,1fr); gap:25px; }
  .intro-copy p { font-size:14px; }
  .atlas-tab { gap:11px; padding:16px 20px; min-height:85px; }
  .atlas-tab strong { font-size:31px; }
  .atlas-tab small { display:none; }
  .atlas-map { padding:23px 22px 18px; }
  .atlas-map-body { grid-template-columns:minmax(125px,.7fr) minmax(0,1fr); gap:33px; }
  .atlas-topic-root h3 { font-size:45px; }
  .atlas-topic-root:after { width:22px; right:-17px; }
  .atlas-topic-root p { font-size:12px; }
  .atlas-topic-root a { font-size:11px; gap:12px; }
  .atlas-map-top { font-size:9px; }
  .atlas-map-top>span:last-child { display:none; }
  .atlas-map-foot>span:last-child { display:none; }
  .atlas-preview { padding:24px; }
  .atlas-preview h3 { font-size:25px; }
  .atlas-preview>p { font-size:13px; }
  .atlas-read-link { font-size:12px; }
  .workspace { grid-template-columns:minmax(0,1fr) 265px; gap:26px; }
  .path-workspace { grid-template-columns:160px minmax(0,1fr); }
  .path-detail { padding-left:22px; }
  .path-detail h3 { font-size:23px; }
  .path-step strong { font-size:13px; }
  .path-step small { font-size:10px; }
  .reading-aside { padding-left:22px; }
  .section-top h2 { font-size:26px; }
  .article-row--compact h3 { font-size:18px; }
  .cycle-entry { padding:24px 20px; }
  .cycle-entry h2 { font-size:21px; }
  .comparison .section-top h2 { font-size:24px; }
}
@media(max-width:1000px) {
  .site-header { height:78px; padding:0 24px; }
  .site-layout { grid-template-columns:135px minmax(0,1fr); }
  .index-rail { top:78px; height:calc(100dvh - 78px); padding:28px 15px; }
  .rail-chapters span { display:none; }
  .rail-topic { font-size:15px; gap:10px; }
  .rail-home { font-size:11px; }
  .rail-bottom p { font-size:15px; }
  .rail-title { font-size:12px; }
  .intro-section { display:block; }
  .intro-copy h1 { font-size:40px; }
  .search-block { max-width:none; margin-top:24px; }
  .atlas-sheet { grid-template-columns:1fr; }
  .atlas-map-body { grid-template-columns:minmax(150px,1fr) minmax(0,1.5fr); gap:60px; }
  .atlas-topic-root h3 { font-size:65px; }
  .atlas-topic-root p { font-size:15px; max-width:220px; }
  .atlas-topic-root:after { width:48px; right:-44px; }
  .atlas-map { padding:25px 28px; }
  .atlas-map-top>span:last-child { display:block; }
  .atlas-node>span:first-child { font-size:16px; }
  .atlas-node small { font-size:11px; }
  .atlas-preview { padding:30px; }
  .atlas-preview h3 { font-size:28px; }
  .atlas-preview>p { font-size:15px; }
  .atlas-related { padding-top:23px; }
  .atlas-related a { font-size:14px; }
  .atlas-read-link { font-size:14px; }
  .workspace { grid-template-columns:1fr; }
  .reading-aside { border-left:0; padding:25px 0 0; display:grid; grid-template-columns:1.2fr 1fr; gap:26px; }
  .section-top h2 { font-size:28px; }
  .path-workspace { grid-template-columns:185px minmax(0,1fr); }
  .path-step strong { font-size:14px; }
  .path-step small { font-size:11px; }
  .article-row--compact h3 { font-size:20px; }
  .library-columns .article-row h3 { font-size:20px; }
  .header-nav { gap:23px; }
  .brand,.brand img { width:145px; }
}
@media(max-width:700px) {
  body { font-size:16px; }
  .preview-note { font-size:10px; padding:5px 18px; }
  .site-header { height:72px; gap:13px; padding:0 17px; }
  .brand,.brand img { width:115px; }
  .header-nav { font-size:12px; gap:15px; }
  .header-nav a { min-height:44px; }
  .my-shelf { min-width:35px; min-height:44px; }
  .site-layout { display:block; }
  .index-rail { display:none; }
  main { padding:0 18px; }
  .page-meta { font-size:11px; padding:15px 0; }
  .intro-section { padding:22px 0 25px; }
  .intro-kicker { font-size:11px; letter-spacing:0; }
  .intro-copy h1 { font-size:clamp(28px,7.6vw,41px); line-height:1.65; letter-spacing:-.065em; margin:12px 0; }
  .intro-copy p { font-size:14px; line-height:1.9; }
  .search-block { margin-top:23px; }
  .search-block>label { font-size:14px; margin-bottom:10px; }
  .knowledge-search { min-height:60px; padding:8px; gap:9px; }
  .knowledge-search input { font-size:12px; }
  .knowledge-search svg { width:17px; height:17px; margin-left:3px; }
  .knowledge-search button { min-width:42px; height:42px; }
  .search-hints { gap:6px; }
  .search-hints button { font-size:11px; min-height:40px; padding:7px 11px; }
  .search-results { top:88px; }
  .atlas { margin:2px -18px 35px; }
  .atlas-top { padding:0 18px; margin-bottom:15px; }
  .atlas-top h2 { font-size:25px; margin-top:3px; }
  .atlas-title-label { font-size:9px; }
  .atlas-top>p { font-size:10px; }
  .atlas-tabs { margin:0 18px; }
  .atlas-tab { padding:14px 10px; min-height:78px; gap:8px; }
  .atlas-tab strong { font-size:25px; line-height:1.55; }
  .atlas-tab>span:first-child { font-size:12px; }
  .atlas-tab-arrow { display:none; }
  .atlas-tab small { display:none; }
  .atlas-sheet { border-left:0; border-right:0; }
  .atlas-map { padding:21px 20px 19px; }
  .atlas-map:after { display:none; }
  .atlas-map-top { font-size:10px; padding-bottom:15px; }
  .atlas-map-top>span:last-child { font-size:9px; }
  .atlas-map-body { grid-template-columns:minmax(90px,.72fr) minmax(0,1.3fr); gap:24px; padding:22px 0; }
  .atlas-topic-root h3 { font-size:42px; margin:3px 0 12px; }
  .atlas-root-number { font-size:16px; }
  .atlas-topic-root p { font-size:12px; line-height:1.9; max-width:115px; }
  .atlas-topic-root:after { width:16px; right:-11px; }
  .atlas-topic-root a { font-size:10px; margin-top:20px; gap:8px; min-height:44px; }
  .atlas-branches { gap:9px; }
  .atlas-branches:before { left:-14px; }
  .atlas-node:before { width:13px; left:-14px; }
  .atlas-node { padding:10px 27px 10px 12px; min-height:63px; }
  .atlas-node>span:first-child { font-size:13px; }
  .atlas-node small { font-size:9px; }
  .atlas-node .node-arrow { right:10px; font-size:13px; }
  .atlas-map-foot { font-size:10px; }
  .atlas-preview { padding:24px 23px; background:var(--paper); border-bottom:1px solid var(--line); }
  .atlas-preview-top { font-size:12px; margin-bottom:12px; }
  .atlas-preview-keyword { font-size:12px; }
  .atlas-preview h3 { font-size:27px; line-height:1.75; }
  .atlas-preview-rule { margin:17px 0; }
  .atlas-preview>p { font-size:15px; line-height:1.95; }
  .atlas-read-link { font-size:14px; margin-top:22px; min-height:51px; }
  .atlas-related a { font-size:13px; min-height:44px; }
  .atlas-related>span { font-size:11px; }
  .atlas-preview>small { font-size:10px; }
  .workspace { gap:26px; }
  .section-top h2,.library-heading h2 { font-size:29px; }
  .section-intro { font-size:14px; line-height:1.9; }
  .chapter-number { font-size:11px; }
  .map-switch { padding:3px; }
  .map-topic { min-height:44px; font-size:13px; }
  .path-workspace { display:block; }
  .path-steps { gap:5px; margin-bottom:18px; }
  .path-step { min-height:85px; padding:9px 4px; }
  .path-step strong { font-size:11px; }
  .path-detail { padding:24px; }
  .path-detail h3 { font-size:26px; line-height:1.75; }
  .path-detail p { font-size:15px; line-height:1.95; }
  .detail-overline,.path-title-label { font-size:12px; }
  .dark-button { width:100%; font-size:14px; }
  .path-detail-foot { font-size:10px; }
  .comparison { padding:26px 0; }
  .comparison .section-top h2 { font-size:26px; }
  .comparison-symbol { font-size:49px; }
  .comparison-pair h3 { font-size:28px; }
  .comparison-bottom p { font-size:15px; line-height:1.95; }
  .comparison-bottom a { font-size:14px; }
  .reading-aside { display:block; padding-top:24px; }
  .aside-heading { font-size:16px; }
  .article-row--compact h3 { font-size:21px; }
  .article-row--compact .article-topic { font-size:12px; }
  .save-button { min-width:44px; height:44px; }
  .cycle-entry { padding:27px; }
  .cycle-entry h2 { font-size:28px; }
  .cycle-entry p { font-size:15px; }
  .cycle-heading { font-size:13px; }
  .cycle-entry a { font-size:14px; min-height:51px; }
  .cycle-entry small { font-size:11px; }
  .library { margin-top:36px; }
  .library-group-head>h3 { font-size:29px; }
  .library-group-head>a { font-size:13px; }
  .library-columns .article-row h3 { font-size:20px; line-height:1.85; }
  .library-columns .article-row p { font-size:15px; line-height:1.95; }
  .article-topic { font-size:12px; }
  .library-count { font-size:12px; }
  .editorial-media { width:100%; }
  .editorial-copy>span { font-size:12px; }
  .editorial-copy h2 { font-size:29px; }
  .editorial-copy p { font-size:14px; }
  .editorial-copy a { font-size:13px; }
  .page-footer,.page-footer>p { font-size:11px; }
  .tweaks { right:10px; bottom:10px; }
  .tweaks summary { font-size:10px; }
}
@media(max-width:360px) {
  .brand,.brand img { width:104px; }
  .header-nav { gap:12px; font-size:11px; }
  .site-header { padding:0 12px; gap:10px; }
  .intro-copy h1 { font-size:27px; }
  .atlas-map { padding-left:16px; padding-right:16px; }
  .atlas-map-body { gap:20px; }
  .atlas-topic-root h3 { font-size:37px; }
  .atlas-node>span:first-child { font-size:12px; }
  .atlas-node small { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .atlas-node:hover,.atlas-node.is-active { transform:none; }
}

/* Keep the first reading surface close to the entrance. */
@media(min-width:1001px) and (max-width:1699px) {
  .intro-section { padding:23px 0 25px; }
  .intro-copy h1 { font-size:38px; margin:10px 0 12px; line-height:1.5; }
  .intro-copy p { font-size:14px; line-height:1.85; }
  .atlas-top { margin-bottom:15px; }
  .atlas-top h2 { font-size:26px; }
  .atlas-tab { min-height:81px; padding:14px 23px; }
  .atlas-tab strong { font-size:32px; }
  .atlas-preview { padding:23px 28px 20px; }
  .atlas-preview-top { margin-bottom:13px; }
  .atlas-preview h3 { font-size:26px; line-height:1.65; }
  .atlas-preview-rule { margin:17px 0; }
  .atlas-preview>p { font-size:14px; line-height:1.9; }
  .atlas-related { padding-top:20px; }
}

@media(max-width:700px) {
  .page-meta { padding:12px 0; }
  .intro-section { padding:18px 0 23px; }
  .intro-copy h1 { font-size:28px; line-height:1.55; }
  .intro-kicker { font-size:10px; }
  .intro-copy p { font-size:14px; }
  .atlas-top { align-items:center; gap:15px; }
  .atlas-top>div { flex:1; min-width:0; }
  .atlas-top h2 { font-size:22px; white-space:nowrap; }
  .atlas-top>p { width:105px; flex-shrink:0; font-size:9px; }
}

/* Preview controls must never obscure a reading action. */
.tweaks { position:relative; bottom:auto; right:auto; width:max-content; margin:0 40px 25px auto; box-shadow:none; }
@media(max-width:700px) { .tweaks { bottom:auto; right:auto; margin-right:18px; } }