.paper-companion { margin:0; color:var(--text, #24342f); background:var(--bg-page, #f6f3ea); font:18px/1.7 Georgia, 'Times New Roman', serif; }
.paper-companion main { max-width:1000px; margin:auto; padding:36px 30px 72px; }
.paper-companion nav { display:flex; justify-content:space-between; gap:20px; font:14px/1.5 system-ui,sans-serif; margin-bottom:38px; color:var(--text-secondary,#60746a); }
.paper-companion a { color:#08786d; text-underline-offset:3px; overflow-wrap:anywhere; }
.paper-companion h1,.paper-companion h2,.paper-companion h3 { font-weight:400; line-height:1.18; overflow-wrap:anywhere; }
.paper-companion h1 { font-size:clamp(34px,4.5vw,60px); margin:12px 0 32px; }
.paper-companion h2 { font-size:30px; margin:32px 0 18px; }
.paper-companion h3 { font-size:23px; margin:0 0 10px; }
.paper-companion .eyebrow,.paper-companion .source-version { font:13px/1.5 system-ui,sans-serif; color:var(--text-secondary,#60746a); }
.paper-sources { border:1px solid var(--border,#cfd8cb); border-radius:12px; padding:24px; background:var(--bg-card,#fffdf7); }
.paper-sources h2 { margin:0 0 20px; font-size:23px; }
.paper-sources article+article { border-top:1px solid var(--border,#cfd8cb); padding-top:22px; margin-top:22px; }
.source-links { display:flex; gap:18px; flex-wrap:wrap; font:14px/1.5 system-ui,sans-serif; }
.paper-companion .cover { margin:28px 0; }
.paper-companion img,.paper-companion video { display:block; max-width:100%; width:100%; height:auto; border-radius:10px; }
.paper-companion video { background:#e9eee4; margin:22px 0; }
.paper-companion .reading-copy { margin:32px 0; }
.paper-companion .reading-copy h1 { font-size:30px; }
.paper-companion footer { border-top:1px solid var(--border,#cfd8cb); padding-top:20px; margin-top:42px; font:13px/1.6 system-ui,sans-serif; color:var(--text-secondary,#60746a); }
.paper-companion .topics { color:#08786d; }
.caption-downloads { display:flex; flex-wrap:wrap; gap:12px 25px; padding:20px; }
.paper-companion summary { cursor:pointer; }
.skip-link { position:absolute; left:12px; top:-80px; background:var(--bg-card,#fff); padding:10px; }
.skip-link:focus { top:12px; z-index:10; }
@media(max-width:650px) { .paper-companion main { padding:24px 18px 50px; } .paper-sources { padding:18px; } .paper-companion h1 { font-size:34px; } .paper-companion nav { gap:12px; flex-wrap:wrap; margin-bottom:24px; } }
@media(prefers-color-scheme:dark) { .paper-companion { --text:#e2e8f0; --text-secondary:#94a3b8; --bg-page:#0f172a; --bg-card:#111827; --border:#334155; } .paper-companion a,.paper-companion .topics { color:#6cd2be; } }