/* Academic project presentation, inspired by the title-led SVG project page. */
:root{--paper:#fff;--ink:#202d36;--green:#286f67;--muted:#617079;--line:#e1e7eb;--tint:#f6f9fa;--lime:#e5f1ed}
body{background:#f7f9fb;color:var(--ink);font-family:'Segoe UI',Inter,'Microsoft YaHei',Arial,sans-serif;font-size:16px}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e5e9ec;box-shadow:0 1px 7px #142d3a06}
.header-inner{padding-top:15px;padding-bottom:15px}.lab-brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:13px}.lab-brand>a{text-decoration:none;font-weight:600}.lab-brand>a:first-child{color:#567278}.lab-brand>span{color:#b6c1c7}.brand{font-size:16px;letter-spacing:0;font-weight:650}.lab-brand a:hover{text-decoration:underline}
nav a{font-size:12px}
.hero{margin-top:40px;margin-bottom:30px;padding:42px 35px 36px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 28px #26394706;max-width:1096px}
.hero .venue{font-size:10px;letter-spacing:.09em;margin-bottom:22px}.status-dot{background:#418d80}
h1,h2,h3{font-family:'Segoe UI',Inter,'Microsoft YaHei',Arial,sans-serif;font-weight:650;letter-spacing:-.035em}
h1{font-size:clamp(29px,3.2vw,42px);line-height:1.23;max-width:1000px;color:#24313b}
.hero-deck{font-size:15px;line-height:1.75;max-width:760px;margin:20px auto 24px;color:#69777e}
.authors{gap:25px;font-size:16px;line-height:1.7}.authors a{color:#286e92;font-weight:500}.authors a:hover{text-decoration:underline}.author-name{color:#495c67}.affiliation{font-size:14px;margin:17px 0 22px}.hero-actions{gap:12px}.button{border-radius:8px;font-size:13px;padding:10px 18px}.hero-code-status{font-size:11px;margin-top:14px}
.visual-story{max-width:1160px}.story-top{background:white;color:var(--ink);border:1px solid var(--line);border-bottom:0;padding:18px 22px;border-radius:9px 9px 0 0}.story-top .micro{color:var(--muted)}.story-grid{background:white;color:var(--ink);border:1px solid var(--line);border-top-color:#eef1f3}.story-stage{padding:23px 24px 20px}.story-stage:not(:last-child){border-right:1px solid var(--line)}.story-stage:not(:last-child):after{background:#edf5f2;color:#438479}.story-stage-label>span:first-child{color:#78948c}.story-stage p{color:var(--muted)}.story-shared{background:#f8fbfa}.theta{color:#306d65}.theta small{color:#7c8b8b}.story-bottom{background:#f0f5f4;border:1px solid var(--line);border-top:0}
.section{padding-top:64px;padding-bottom:64px}.section-heading h2{font-size:34px;line-height:1.25;margin-top:9px}.section-heading>p{font-size:15px}.section-tint{background:#f5f8f9;border-color:#e6ecef}.prose .lead{font-size:19px}.eyebrow{letter-spacing:.1em;font-size:10px;color:#55716d}.step-list button[aria-selected=true] small{color:#d0e4de}.step-list button[aria-selected=true]>span:first-child{color:#d9eee7}.step-tag{color:#69797c}.equation{background:#f0f6f3;border-left-color:#78a798}.dimension-lab{background:#f1f6f5}.paper-figure{border-radius:9px}.paper-figure figcaption{background:#fafcfc}.section-tint .step-panel{background:white}.result-panel{box-shadow:0 3px 15px #24384203}.gallery-boundary{background:#edf4f1;border-left-color:#79a699}.theory-layout h2{font-size:32px;line-height:1.3}.theory-box{background:#f4f8f7}.theory-equation{font-size:23px}.theory-equation>span{color:#50877b}
.resources-section{background:white;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.resources-section .eyebrow{color:#55716d}.resource-heading h2{font-size:34px;line-height:1.3}.button.light{border-color:#cad8d8;color:var(--green)}.button.light:hover{background:#f0f6f4}.resources-list{border-top-color:var(--line)}.resources-list>a,.resources-list>div{border-bottom-color:var(--line)}.resources-list>a:hover{background:#f7faf9}.resources-list>a>span:first-child,.resources-list>div>span:first-child{color:#78948c}.resources-list small{color:var(--muted)}.resource-status{border-color:#cedbd8;color:#758884}.citation-head h2{font-size:32px}.citation-section pre{background:#f2f5f7}.footer{border-top:0}.footer .brand{font-size:13px;color:#55716d}
.hero-acronym{display:none}
@media(min-width:1400px){.hero{padding-top:42px}.visual-story{margin-top:0}}
@media(max-width:950px){.hero{margin-left:32px;margin-right:32px}.lab-brand{font-size:12px;gap:8px}.header-inner{gap:17px}.authors{font-size:15px;gap:18px}}
@media(max-width:700px){.hero{margin:25px 22px;padding:30px 21px 26px;border-radius:12px}h1{font-size:29px;line-height:1.25}.hero .venue{font-size:9px;margin-bottom:18px}.hero-deck{font-size:12px;margin:17px auto 20px}.authors{gap:9px 17px;font-size:13px}.affiliation{font-size:12px;margin:15px 0 20px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:9px 11px}.lab-brand{font-size:12px}.brand{font-size:14px}.story-top{padding:14px}.story-stage{padding:18px}.story-stage:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.story-stage:not(:last-child):after{background:#e5efeb}.section{padding-top:49px;padding-bottom:49px}.section-heading h2{font-size:29px}.theory-layout h2,.resource-heading h2{font-size:29px}.citation-head h2{font-size:27px}.theta{font-size:13px}.hero-code-status{font-size:10px}.story-bottom{font-size:10px}}

/* Compact linked badges and paper-style section shortcuts. */
.resource-badges{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:0 auto 17px}
.resource-badges a{display:inline-flex;line-height:0;border-radius:3px;transition:opacity .15s,transform .15s}
.resource-badges a:hover{opacity:.86;transform:translateY(-1px)}
.resource-badges img{display:block;height:20px;max-width:100%}
.hero-jump-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px 8px;margin:0 auto;line-height:1.8}
.hero-jump-links a{font-size:13px;color:#246d97;text-decoration:underline;text-underline-offset:3px}
.hero-jump-links a:hover{color:#164b6b}.hero-jump-links>span{font-size:12px;color:#8b9ba4}
@media(max-width:700px){.resource-badges{gap:6px;margin-bottom:14px}.hero-jump-links{gap:2px 6px}.hero-jump-links a{font-size:11px}}