:root{font-family:Georgia,'Times New Roman',serif;color:#172937;background:#f6f8fa;font-size:16px;line-height:1.65;--accent:#315cb4;--line:#dce3eb}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:30px 36px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit}.brand-mark{border:1px solid #718499;color:#315cb4;padding:8px;font-size:23px;font-weight:700}.kicker,.eyebrow,nav,.meta,.tags,.count,label,button,footer,.record-tools,.index-card span,.topic-index{font-family:system-ui,sans-serif}.kicker{display:block;font-size:12px;letter-spacing:.10em;color:#536375}.brand-title{display:block;font-size:30px;line-height:1.3}nav{display:flex;gap:23px;font-size:14px}nav a{color:#46566a;text-decoration:none;white-space:nowrap}nav a[aria-current],nav a:hover{color:var(--accent);text-decoration:underline}main{min-height:70vh;padding-top:38px}h1{font-size:38px;line-height:1.25;margin:0 0 16px;font-weight:500;letter-spacing:-.02em}h2{font-size:24px;line-height:1.35;font-weight:500;margin:12px 0}h3{font-size:20px}.eyebrow{font-size:12px;letter-spacing:.13em;color:#586b81;margin:0 0 12px}.intro{margin:0;color:#526275;font-size:17px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.count{font-size:14px;color:#5d6c7d;white-space:nowrap}.controls{display:flex;gap:20px;padding:20px;background:#edf2f8;border:1px solid var(--line);margin-bottom:28px}label{display:flex;flex-direction:column;font-size:14px;gap:6px}.search{flex:1}input,select{font:inherit;font-size:16px;padding:11px 12px;border:1px solid #aebdce;background:white;border-radius:3px;color:inherit;min-width:0}select{width:210px}.entries{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.entry{padding:25px 0;border-bottom:1px solid var(--line)}.entry h2 a{color:#172937;text-decoration:none}.entry h2 a:hover{color:var(--accent);text-decoration:underline}.entry p{color:#4a5b6e;margin:10px 0 16px;font-size:17px;line-height:1.55}.meta{display:flex;gap:16px;flex-wrap:wrap;color:#5d6d7e;font-size:12px}.meta>span:first-child{color:#315cb4}.id{font-family:ui-monospace,monospace;color:#65768a}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags a{font-size:13px;text-decoration:none;color:#31598d;border:1px solid #d7e1ef;background:#edf2fa;padding:3px 9px;border-radius:3px}.tags a:hover{background:#dde8f8}.reader{max-width:760px;margin:30px auto 55px}.reader h1{margin-top:20px;font-size:42px}.lead{font-size:21px;color:#51677e;line-height:1.55}.prose{margin-top:30px;font-size:18px;line-height:1.8}.prose h2{margin-top:32px}.prose blockquote{border-left:3px solid #6889bc;padding-left:20px;color:#526579}.prose code{font-size:15px;background:#eaf0f7;padding:2px 5px}.prose pre{white-space:pre-wrap;overflow:auto;padding:15px;background:#eaf0f7}.reference{margin-top:32px;padding-top:14px;border-top:1px solid var(--line)}.reference p{overflow-wrap:anywhere}.record-tools{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px;font-size:14px}button{background:white;color:#31598d;padding:8px 14px;border:1px solid #aebdce;border-radius:3px;font-size:14px;cursor:pointer}.related{max-width:760px;margin:auto}.back{font:14px system-ui,sans-serif}.index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.index-card{padding:23px;border:1px solid var(--line);background:white;text-decoration:none}.index-card h2{color:#172937}.index-card span{font-size:14px}.topic-index{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.topic-index a{display:flex;gap:20px;padding:12px 20px;background:white;border:1px solid var(--line);text-decoration:none}.topic-index span{color:#6d7d8e}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#5d6d7e}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;background:white;padding:12px;z-index:1}:focus-visible{outline:3px solid #396ec8;outline-offset:4px}[hidden]{display:none!important}@media(max-width:750px){header,main,footer{padding:24px 20px}header{align-items:start;flex-direction:column;gap:20px}nav{gap:18px;flex-wrap:wrap}.kicker{font-size:11px}.brand-title{font-size:27px}h1{font-size:32px}.reader h1{font-size:34px}.entries{display:block}.controls{flex-direction:column;gap:13px}select{width:100%}.index-grid{grid-template-columns:1fr}.section-heading{align-items:start}.count{padding-top:32px}footer{flex-direction:column}.reader{margin-top:24px}.lead{font-size:20px}}
/* Reading-room identity: pale paper, dark petrol ink, violet and burnt orange. */
:root{color:#172e32;background:#fafaf6;--accent:#18545c;--line:#d4dedc}
header{border-bottom:2px solid #244e55}.brand-mark{border:0;background:#244e55;color:#fafaf6;font-size:21px;padding:10px 12px;box-shadow:4px 4px 0 #db7947}.brand-title{color:#203d43}.kicker{color:#4e6265}nav a{color:#354d53}nav a[aria-current],nav a:hover{color:#713f8e;text-decoration-color:#c96b35;text-decoration-thickness:2px}.eyebrow{color:#6e477e}.intro{color:#3d585e}.controls{background:#f0f3ef;border-color:#ccd8d4;border-top:3px solid #345d63}input,select{border-color:#9fada9;background:#fffefa;color:#203c42}.entry h2 a{color:#203c42}.entry h2 a:hover{color:#713f8e}.entry p{color:#425b60}.meta{color:#526468}.meta>span:first-child{color:#794329}.id{color:#596a6d}.tags a{color:#66437b;border-color:#ded1e6;background:#f3edf7}.tags a:hover{background:#e8daf0}.lead{color:#345a62}.reference{border-color:#cad7d3}.prose code,.prose pre{background:#eef0e9}.index-card{background:#fffefa;border-color:#cfd9d5;border-top:3px solid #6c4b83}.index-card h2{color:#203c42}.topic-index a{background:#fffefa;border-color:#cfd9d5}.topic-index a:hover{border-color:#745284}.back{color:#18545c}button{background:#fffefa;color:#18545c;border-color:#9aaea8}footer{color:#526468}:focus-visible{outline-color:#7a4c96}
.section-heading.illustrated{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:28px;row-gap:4px;align-items:center;margin-bottom:24px}.illustrated .room-art{display:block;grid-column:2;grid-row:1 / span 2;width:100%;height:auto;max-height:225px;object-fit:contain;mix-blend-mode:multiply}.illustrated .count{grid-column:1;font-size:13px}.illustrated h1:after{content:'';display:block;width:48px;height:3px;background:#c96b35;margin-top:18px}.illustrated .intro{max-width:490px}.index-card:hover{border-color:#735185}
@media(max-width:750px){.section-heading.illustrated{grid-template-columns:minmax(0,1fr) 140px;gap:10px;margin-bottom:22px}.illustrated .room-art{max-height:140px;grid-row:1}.illustrated .count{padding:0;grid-column:1 / -1}.illustrated h1{font-size:30px}.illustrated .intro{font-size:16px}.illustrated .eyebrow{font-size:11px;letter-spacing:.08em}.illustrated h1:after{margin-top:12px}.brand-mark{box-shadow:3px 3px 0 #db7947}}
@media(max-width:420px){.section-heading.illustrated{grid-template-columns:minmax(0,1fr) 110px;column-gap:8px}.illustrated h1{font-size:28px}}
/* Compact layout and locally served Inter. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.ttf') format('truetype')}
:root{font-family:Inter,sans-serif;background:#fcfbf6;line-height:1.5}
body,input,select,button,.kicker,.eyebrow,nav,.meta,.tags,.count,label,footer,.record-tools,.index-card span,.topic-index,.id,.back{font-family:Inter,sans-serif}
header,main,footer{max-width:1120px;padding-left:30px;padding-right:30px}header{padding-top:20px;padding-bottom:20px;gap:20px}.brand{gap:12px}.brand-title{font-size:27px;font-weight:600;letter-spacing:-.025em}.brand-mark{font-size:18px;padding:8px 10px}.kicker{font-size:12px;letter-spacing:.065em}nav{gap:20px}
main{padding-top:22px;padding-bottom:28px}h1{font-size:32px;font-weight:600;margin-bottom:10px}h2{font-size:21px;font-weight:600;margin:8px 0;line-height:1.35}.eyebrow{margin-bottom:8px;letter-spacing:.08em}.intro{font-size:16px;line-height:1.5}
.section-heading{margin-bottom:18px}.section-heading.illustrated{grid-template-columns:minmax(0,1fr) 260px;column-gap:24px;margin-bottom:18px}.illustrated .room-art{max-height:165px;mix-blend-mode:normal}.illustrated h1:after{margin-top:12px}.illustrated .count{font-size:14px}.controls{padding:14px 16px;gap:16px;margin-bottom:10px}label{gap:4px}input,select{padding:8px 10px}.entries{column-gap:28px}.entry{padding:19px 0}.entry p{font-size:16px;line-height:1.5;margin:8px 0 11px}.meta{font-size:12px;gap:12px}.tags{gap:6px}.tags a{font-size:13px;padding:2px 8px}
.reader{margin:20px auto 36px;max-width:760px}.reader h1{font-size:34px;margin-top:14px}.lead{font-size:19px;line-height:1.6}.prose{font-size:17px;line-height:1.75;margin-top:24px}.prose h2{margin-top:26px}.prose h3{font-weight:600}.prose p{margin-top:12px;margin-bottom:12px}.reference{margin-top:24px}.record-tools{margin-top:22px;gap:16px}.index-grid{gap:14px;margin-top:22px}.index-card{padding:18px}.topic-index{gap:10px;margin-top:22px}.topic-index a{padding:9px 14px}footer{padding-top:18px;padding-bottom:18px}
@media(max-width:750px){header,main,footer{padding-left:18px;padding-right:18px}header{padding-top:16px;padding-bottom:16px;gap:14px}nav{gap:18px}.brand-title{font-size:25px}main{padding-top:18px}.section-heading.illustrated{grid-template-columns:minmax(0,1fr) 130px;gap:8px;margin-bottom:16px}.illustrated .room-art{max-height:120px}.illustrated .count{padding:0}.illustrated h1{font-size:27px}.illustrated .intro{font-size:16px}.controls{padding:12px;gap:10px}.entry{padding:17px 0}.reader h1{font-size:30px}.lead{font-size:18px}.prose{font-size:17px}.count{padding-top:24px}.kicker{font-size:11px}.index-grid{grid-template-columns:1fr}footer{gap:8px}}
@media(max-width:420px){.section-heading.illustrated{grid-template-columns:minmax(0,1fr) 100px}.illustrated h1{font-size:25px}.illustrated .room-art{max-height:105px}}
.tags{column-gap:13px;row-gap:4px}.tags a{padding:0;border:0;border-radius:0;background:transparent;color:#18545c;text-decoration:underline;text-decoration-color:#9fb6b5;text-underline-offset:3px;font-size:14px}.tags a:hover{background:transparent;color:#713f8e;text-decoration-color:currentColor}
.topic-index{column-gap:22px;row-gap:12px}.topic-index a{padding:0;border:0;background:transparent;gap:7px;text-decoration:underline;text-decoration-color:#9fb6b5;text-underline-offset:3px}.topic-index a:hover{border:0;color:#713f8e;text-decoration-color:currentColor}.topic-index span{font-size:12px;text-decoration:none;color:#596a6d}

/* Browsing cards: the title leads; record metadata remains on the opened page. */
.controls{margin-bottom:18px}
.entries{gap:18px 20px}
.entry{--card-bg:#fffefa;--card-edge:#cfd9d5;padding:17px 18px;border:1px solid var(--card-edge);border-top:3px solid #345d63;border-radius:4px;background:var(--card-bg)}
.entry[data-type="source"]{--card-bg:#eef2ee;--card-edge:#cad7d1}
.entry[data-type="pebble"]{--card-bg:#f2edf5;--card-edge:#ddd2e3;border-top-color:#765488}
.entry[data-type="note"]{--card-bg:#eaf2f2;--card-edge:#cbdcda;border-top-color:#3f7478}
.entry[data-type="glossary"]{--card-bg:#f7eee6;--card-edge:#e5d3c5;border-top-color:#c16d43}
.entry[data-type="concept"]{--card-bg:#f5f3eb;--card-edge:#ded9c9;border-top-color:#8a7b4f}
.entry[data-type="essay"]{--card-bg:#f3f0ec;--card-edge:#ddd6cf;border-top-color:#725d50}
.entry h2{font-size:18px;line-height:1.35;margin:0 0 7px}
.entry p{font-size:15px;line-height:1.5;margin:7px 0 11px}
@media(max-width:750px){.entries{gap:14px}.entry{padding:16px}.entry h2{font-size:18px}}

/* Compact research-index density, following the InfoMagpie overview. */
.entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 13px;align-items:start}
.entry{padding:11px 12px;border-radius:2px}
.entry h2{font-size:16px;line-height:1.28;margin:0 0 5px}
.entry p{font-size:13.5px;line-height:1.42;margin:4px 0 7px}
.entry .tags{column-gap:9px;row-gap:1px}
.entry .tags a{font-size:12.5px;line-height:1.35}
@media(max-width:950px){.entries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.entries{display:grid;grid-template-columns:1fr;gap:9px}.entry{padding:10px 11px}.entry h2{font-size:16px}}