@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

.topic-edition{--ink:#1d2c40;--muted:#5d6878;--line:#dce1e8;--accent:#203c61;--tint:#f0f3f7;--display:'Space Grotesk',Arial,sans-serif;background:#fff}
.topic-edition.models{--ink:#1c2746;--muted:#5d6883;--line:#dbe2f0;--accent:#284bc0;--tint:#f0f4ff}
.topic-edition.biology{--ink:#332b32;--muted:#71636d;--line:#e2dbe0;--accent:#69334e;--tint:#f7f1f5;--display:'Newsreader',Georgia,serif}
.topic-edition.agents{--ink:#25382f;--muted:#5b6c63;--line:#d4e1d9;--accent:#21624f;--tint:#eef5f0}
.topic-edition.society{--ink:#392b28;--muted:#75625c;--line:#e8dcd7;--accent:#913e2b;--tint:#fbf2ef;--display:'Newsreader',Georgia,serif}
.topic-edition.benchmarks{--ink:#34322d;--muted:#6e685a;--line:#e4dece;--accent:#835100;--tint:#f8f4e9}
.edition-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;padding:32px 0}
.edition-intro>div{min-width:0}
.edition-focus{font-size:.8125rem;color:var(--accent);margin:0 0 10px}
.edition-intro h1{font:500 clamp(2.2rem,3.7vw,3.4rem)/1.07 var(--display);letter-spacing:-.045em;margin:0}
.edition-description{max-width:54ch;margin-top:15px}
.edition-description p{font-size:.9375rem;line-height:1.6;margin:0 0 8px}
.edition-description>span{font-size:.75rem;color:var(--muted)}
.edition-loading{padding:60px 0;border-block:1px solid var(--line);color:var(--muted)}
.library-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:16px 0}
.library-controls .periods button{font-size:.875rem;padding:8px 11px}
.library-count{font-size:.75rem;color:var(--muted);margin:0 0 18px}
.library-empty{padding:35px 0;border-block:1px solid var(--line)}
.library-empty h2{font:500 1.7rem/1.2 var(--display);margin:0 0 10px}
.library-empty p{color:var(--muted);margin:0 0 15px}
.library-empty button{text-decoration:underline;padding:0;color:var(--accent)}
.edition-section{margin-top:42px}
.edition-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.edition-section-heading h2{font:500 1.6rem/1.15 var(--display);letter-spacing:-.025em;margin:0}
.edition-sourcebook{padding:28px 0 0;border-top:1px solid var(--line)}
.edition-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 36px}
.edition-source{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.edition-source .source-mark{width:34px;height:34px;font-size:.875rem;background:var(--accent)}
.edition-source strong{font-size:.9375rem;font-weight:600}
.edition-source p{font-size:.8125rem;color:var(--muted);line-height:1.6;margin:6px 0 0}
.related-editions{border-top:1px solid var(--line);padding:28px 0}
.related-editions h2{font:500 1.5rem/1.2 var(--display);margin:0 0 24px}
.related-editions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.related-editions a{border-left:3px solid var(--related-accent);padding-left:15px}
.related-editions strong{display:block;font-size:.9375rem;font-weight:600;margin-bottom:6px}
.related-editions span{display:block;color:var(--muted);font-size:.8125rem}
.topic-edition dialog h2{font-family:var(--display)}
.topic-edition dialog p{color:var(--muted)}
.text-link{padding:0;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;color:var(--accent)}
/* Each field keeps its visual language, with equal emphasis on all five picks. */
.models .edition-intro h1{color:var(--accent);font-weight:600}
.models .ranked-highlights{border-top:3px solid var(--accent);padding-top:16px}
.security .ranked-highlights{background:var(--tint);padding:20px}
.security .ranked-art{border-bottom:3px solid var(--accent)}
.biology .edition-intro h1,.society .edition-intro h1{font-size:clamp(2.6rem,4.2vw,3.9rem);font-weight:400}
.biology .ranked-art{border-radius:42% 42% 4px 4px}
.biology .ranked-more{background:#f2f6f3}
.agents .ranked-art{border-radius:8px}
.agents .story-rank{background:var(--accent);color:white;border-radius:3px;padding:2px 6px}
.society .ranked-highlights{border-top:1px solid var(--accent);padding-top:16px}
.society .ranked-art{border-radius:2px 18px 2px 2px}
.society .ranked-heading h2{font-size:1.9rem;font-weight:400}
.benchmarks .ranked-art{border:1px solid var(--line)}
.benchmarks .ranked-label{border-bottom:1px solid var(--line);padding-bottom:9px}
.benchmarks .story-rank{font-variant-numeric:tabular-nums;border-left:3px solid var(--accent);padding-left:7px}
@media(max-width:1100px){.library-controls{align-items:flex-start;flex-direction:column}.edition-intro{gap:25px}.edition-sources{gap:25px}}
@media(max-width:800px){.edition-intro{grid-template-columns:1fr;gap:17px;padding:27px 0}.edition-description{justify-self:start;max-width:550px}.edition-description p{margin-bottom:6px}.edition-sources,.related-editions>div{grid-template-columns:1fr 1fr}.security .ranked-highlights{padding:16px}}
@media(max-width:560px){.edition-intro h1{font-size:2.3rem}.biology .edition-intro h1,.society .edition-intro h1{font-size:2.85rem}.edition-description p{font-size:.875rem}.edition-focus{margin-bottom:8px}.library-controls{gap:12px;padding:14px 0}.format-controls{gap:0;width:100%;justify-content:space-between}.format-controls button{padding:8px 6px;font-size:.8125rem}.library-controls .periods button{padding:8px 5px}.edition-sources,.related-editions>div{grid-template-columns:1fr}.edition-section{margin-top:32px}.edition-section-heading{gap:14px}.edition-section-heading h2{font-size:1.5rem}.text-link{font-size:.8125rem}}

/* A compact, sourced voice alongside each field's introduction. */
.edition-quote{margin:0;padding:4px 0 4px 26px;border-left:3px solid var(--accent);min-width:0}
.edition-quote blockquote{margin:0}
.edition-quote blockquote p{font:500 clamp(1.1rem,1.55vw,1.4rem)/1.4 var(--display);letter-spacing:-.02em;color:var(--accent);margin:0 0 17px;text-wrap:pretty}
.edition-quote figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-size:.75rem;line-height:1.5}
.edition-quote figcaption strong{display:block;font-size:.875rem;font-weight:600}
.edition-quote figcaption div>span{display:block;color:var(--muted);margin-top:2px}
.edition-quote figcaption a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.edition-quote figcaption a:hover{color:var(--accent)}
.biology .edition-quote,.society .edition-quote{border-left-width:1px}
.biology .edition-quote blockquote p,.society .edition-quote blockquote p{font-size:clamp(1.35rem,1.8vw,1.65rem);font-weight:400;line-height:1.3}
.agents .edition-quote{background:var(--tint);padding:20px 22px;border-radius:0 8px 8px 0}
.benchmarks .edition-quote{border-left-width:0;border-top:2px solid var(--accent);padding:17px 0 0}
@media(max-width:1100px){.edition-quote figcaption{align-items:flex-start;flex-direction:column;gap:8px}.edition-quote{padding-left:20px}}
@media(max-width:800px){.edition-intro{gap:24px}.edition-description{margin-top:12px}.edition-quote{max-width:620px;width:100%;padding-block:0}.edition-quote blockquote p{font-size:1.15rem;margin-bottom:12px}.biology .edition-quote blockquote p,.society .edition-quote blockquote p{font-size:1.4rem}.edition-quote figcaption{flex-direction:row;align-items:flex-end}.agents .edition-quote{padding:17px 20px}.benchmarks .edition-quote{padding-top:17px}}
@media(max-width:380px){.edition-quote figcaption{flex-direction:column;align-items:flex-start}}