/* Bella paper website: quiet typography, direct resources, figures on the page. */
:root { color-scheme: light; --paper:#fff; --ink:#252629; --muted:#62666d; --link:#366b91; --rule:#e2e3e5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--link); text-decoration:none; text-underline-offset:4px; }
a:hover { text-decoration:underline; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid var(--link); outline-offset:5px; }
.skip { position:absolute; top:-100px; left:20px; background:var(--paper); padding:12px; z-index:2; }
.skip:focus { top:8px; }
.hero { max-width:1100px; margin:auto; padding:52px 24px 34px; text-align:center; }
.venue { margin:0 0 17px; color:var(--muted); font-size:13px; letter-spacing:.09em; text-transform:uppercase; }
h1 { font:normal clamp(30px,3.3vw,46px)/1.13 Georgia,"Times New Roman",serif; letter-spacing:-.035em; margin:0 auto; max-width:1000px; text-wrap:balance; }
.subtitle { margin:16px 0 24px; font-size:20px; line-height:1.4; color:var(--muted); text-wrap:balance; }
.authors { max-width:920px; margin:0 auto 7px; font-size:15px; line-height:1.9; }
.au { white-space:nowrap; }
.authors sup { margin-left:2px; }
sup { font-size:.68em; line-height:0; }
.affiliations { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 24px; margin:0; font-size:13px; color:var(--muted); }
.resources { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:25px; }
.resource { display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:9px 19px; border-radius:999px; color:#fff; background:#303236; font-size:15px; line-height:1.6; min-height:44px; transition:background .15s; }
.resource:hover { background:#4c5056; text-decoration:none; }
.resource svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.overview { max-width:1128px; padding:16px 24px 0; margin:auto; }
figure { margin:0; }
.figure-link { display:block; }
figure img { display:block; width:100%; height:auto; /* White image canvas blends with the page; no card or frame. */ }
figcaption { margin:20px auto 0; max-width:850px; font:20px/1.5 Georgia,"Times New Roman",serif; text-align:center; text-wrap:balance; }
.figure-note { display:block; margin-top:8px; color:var(--muted); font:13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.reading { max-width:800px; margin:0 auto; padding:46px 24px 0; }
h2 { font:normal 27px/1.3 Georgia,"Times New Roman",serif; letter-spacing:-.015em; margin:0 0 16px; }
p { margin:0 0 16px; }
.detail-links { display:flex; flex-wrap:wrap; gap:8px 25px; margin-top:20px; font-size:14px; }
.citation { padding-top:32px; }
.section-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px; }
.section-heading>a { font-size:13px; }
.citation p { font-size:15px; }
details { border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:12px 0; }
summary { cursor:pointer; font-size:14px; padding:3px 0; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; margin:20px 0; }
.copy { font:inherit; font-size:13px; padding:7px 12px; background:transparent; color:var(--ink); border:1px solid var(--rule); border-radius:4px; cursor:pointer; }
.copy-status { font-size:13px; margin-left:12px; color:var(--muted); }
footer.reading { padding-top:38px; padding-bottom:35px; font-size:12px; color:var(--muted); }
.footer-links { display:flex; justify-content:space-between; margin-top:22px; font-size:13px; }
@media(max-width:640px) { .hero { padding-top:36px; padding-bottom:24px; } h1 { font-size:32px; line-height:1.14; } .desktop-break { display:none; } .subtitle { font-size:17px; margin:16px 0 22px; } .authors { font-size:14px; } .affiliations { font-size:12px; } .resources { display:grid; grid-template-columns:repeat(2,max-content); gap:8px; } .resource { padding:8px 14px; font-size:14px; } .overview { padding-top:12px; } figcaption { font-size:18px; } .reading { padding-top:34px; } h2 { font-size:25px; } body { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .resource { transition:none; } }

.figure-full { display:block; width:max-content; margin:10px auto 0; font-size:12px; }

.release-note { font: 14px/1.65 system-ui, sans-serif; color: #555; }