@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&display=swap');
:root{--bg:#f9f8f5;--ink:#252530;--muted:#72717b;--line:#dedddf;--purple:#69549a;--lavender:#ede8f5;--blue:#5577ad;--gray:#a6a8b3;--sans:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--text-note:12px;--text-ui:14px;--text-body:16px;--text-subheading:20px;--text-brand:24px;--text-heading:32px;--text-display:48px;--weight-regular:400;--weight-medium:500;--weight-semibold:600}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}p{color:#696875;margin:0 0 20px}h1,h2,h3{margin:0}h2{margin-bottom:24px}h3{margin-bottom:20px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{position:sticky;top:0;z-index:20;background:#f9f8f5f2;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{max-width:1380px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:10px;}.brand svg{width:27px;height:27px;fill:none;stroke:var(--purple);stroke-width:1.7}.brand>span{color:var(--muted);margin-left:6px}.header nav{display:flex;gap:29px;}.header nav a{color:#65636e}.header nav a:hover,.header nav a.active{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:25px;}#language{border:0;background:none;padding:10px 0;}#language span{color:var(--muted)}.nav-paper{padding:10px 17px;border:1px solid #ccc8d3;border-radius:5px}.reading-progress{height:2px;position:fixed;left:0;top:0;width:0;background:var(--purple);z-index:40}.hero{text-align:center;padding-top:66px}.eyebrow{color:var(--purple);display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:26px}.dot{width:6px;height:6px;border-radius:50%;background:var(--purple)}h1 em{color:var(--purple);}.hero-sub{margin:25px auto 24px;max-width:620px}.hero-actions{display:flex;gap:12px;justify-content:center}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:14px 22px;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#65518f;color:white}.primary:hover{background:#544079}.secondary{border:1px solid #d8d4de}.hero-meta{color:#898690;margin-top:17px;}.hero-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:43px}.hero-photo{position:relative;overflow:hidden;border-radius:7px;isolation:isolate;background:#ddd;aspect-ratio:1.45}.hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hero-photo:hover img{transform:scale(1.04)}.hero-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#14131aaf);z-index:0}.hero-photo>span{position:absolute;left:17px;right:17px;bottom:17px;color:white;text-align:left;display:flex;align-items:center;gap:8px;z-index:1}.hero-photo small{color:#d3cfdc}.hero-photo b{margin-left:auto;}.gallery-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);margin-top:12px;text-align:left}.gallery-caption span:last-child{color:#99959f}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:39px;padding:28px 0 34px;border-block:1px solid var(--line);text-align:left}.hero-stats>div{padding-left:35px;border-left:1px solid var(--line)}.hero-stats>div:first-child{border:0;padding-left:0}.stat-label{display:block;color:#7f7b88}.hero-stats strong{display:block;}.hero-stats strong span{margin-left:2px;color:var(--purple)}.hero-stats small{color:#817d89}.chapter{padding-block:95px}.section-label{display:flex;align-items:center;gap:14px;color:var(--purple);margin-bottom:32px}.section-label>span{border-left:1px solid #d3ccdf;padding-left:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.concept{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f0efee;border:1px solid #e4e1e5;border-radius:8px;padding:26px 22px}.concept-line{display:flex;flex-direction:column;align-items:center}.tiny{color:var(--muted)}.concept .tiny{margin-bottom:20px;min-height:22px;text-align:center;}.concept-box{padding:16px 12px;text-align:center;border:1px solid #d7d4db;border-radius:5px;width:100%;background:var(--bg)}.concept-box.muted{min-height:131px;display:grid;place-items:center;color:#8a8690}.lavender{background:#eae3f3;border-color:#d7c9eb;color:#68528c}.blue{background:#e4ebf4;border-color:#c6d3e5;color:#4e6995}.flow-down{color:#a5a0ad;}.takeaway{display:flex;gap:17px;border-top:1px solid var(--line);padding-top:22px;margin-top:34px}.takeaway>span{color:var(--purple);}.takeaway p{color:#585063;margin:0;max-width:850px}.method-section{background:#efedf3;border-block:1px solid #e5e0eb}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:70px;margin-bottom:34px}.section-heading h2{flex:1;margin:0}.section-heading>p{flex:0 0 40%;margin:0;padding-top:5px}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d5cede;gap:24px}.stage-tabs button{border:0;border-bottom:2px solid transparent;background:none;text-align:left;padding:20px 0;color:#8b8297}.stage-tabs button small{display:block;margin-bottom:10px}.stage-tabs button[aria-selected=true]{color:var(--purple);border-bottom-color:var(--purple)}.stage-panel{padding:36px;background:#faf9fc;border:1px solid #e3deeb;border-top:0;border-radius:0 0 8px 8px}.stage-description{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.stage-description h3{margin-bottom:12px}.stage-description p{margin-bottom:0}.stage-status{margin-top:17px;color:var(--purple);}.pipeline{display:flex;align-items:center;gap:10px;margin-top:32px}.pipeline>div{flex:1;min-height:88px;padding:17px 13px;text-align:center;border-radius:6px;border:1px solid #d8c9e6;background:#eae3f3;color:#645179}.pipeline small{display:block;color:#8a749d;margin-top:5px}.pipeline>.frozen{background:#eeedf0;border-color:#dddae2;color:#77717e}.pipeline>.generation{background:#e2e9f6;border-color:#c3d1e6;color:#4e6899}.pipeline>span{color:#a096ad}details{border-bottom:1px solid var(--line)}summary{padding:21px 0;cursor:pointer;list-style:none;color:#6b5a83;display:flex;align-items:center;gap:16px}summary:after{content:'+';margin-left:auto;}details[open]>summary:after{content:'−'}summary::-webkit-details-marker{display:none}.figure-zoom{padding:0;background:white;border:0;width:100%;cursor:zoom-in}.figure-zoom img{width:100%;display:block}.caption{color:#8c8793;margin-top:18px}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.segmented{display:inline-flex;background:#eeecee;padding:4px;border:1px solid #e4e0e6;border-radius:6px;gap:3px}.segmented button{border:0;padding:9px 15px;background:transparent;border-radius:4px;color:#89828e}.segmented button[aria-pressed=true]{background:white;color:var(--purple);box-shadow:0 1px 3px #3123440d}.benchmark-chart{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.bar-group{border-bottom:1px solid #ddd6e3;padding-bottom:18px}.bar-group h3{margin-bottom:22px}.bar-row{display:grid;grid-template-columns:57px 1fr 39px;gap:10px;align-items:center;margin-top:14px}.bar-track{background:#eae7ec;height:22px;border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--gray);border-radius:2px;transition:width .45s}.bar-row.ours .bar-fill{background:var(--blue)}.bar-row.ours{color:#4a6b9c}.bar-row>strong{text-align:right;font-variant-numeric:tabular-nums}.efficiency{display:grid;grid-template-columns:repeat(3,1fr);background:#f0efed;border:1px solid #e6e2e7;border-radius:6px;padding:27px 30px;margin-top:30px}.efficiency>div{padding-left:30px;border-left:1px solid #dcd7e0}.efficiency>div:first-child{padding:0;border:0}.efficiency span{color:#81798a}.efficiency strong{display:block;margin:10px 0}.efficiency strong small{color:#9a8da5}.efficiency p{margin:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}caption{text-align:left;padding:14px 0}th{color:#82778e}td,th{padding:14px 10px;border-bottom:1px solid #e2dce7;white-space:nowrap}th:first-child,td:first-child{padding-left:0}td:last-child,th:last-child{text-align:right}.best{color:var(--purple);background:#ede7f377;}.real-section{background:#f0efec;border-block:1px solid #e5e1e6}.real-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.real-card img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:6px;display:block;transition:transform .4s}.real-card>button{padding:0;border:0;background:none;width:100%;cursor:zoom-in;overflow:hidden;border-radius:6px}.real-card>button:hover img{transform:scale(1.03)}.real-card h3{margin-top:22px;margin-bottom:14px;}.real-card .description{min-height:65px;margin-bottom:20px}.real-metric{display:flex;justify-content:space-between;align-items:end;padding-block:17px;border-block:1px solid #dcd5e0}.real-metric strong{color:var(--purple)}.real-metric span{color:#8b8393}.real-metric small{display:block;color:#9c91a6;margin-bottom:5px}.scaling-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center}.scaling-tabs{margin-bottom:15px}#scaling-chart svg{display:block;width:100%;height:auto;overflow:visible}.scaling-insight>span{color:var(--purple)}.scaling-insight h3{margin-top:13px}.research-note{background:#eeebf1;border-left:2px solid #baa9ce;padding:24px 28px;margin-top:30px}.research-note>span{color:#8a789b}.research-note p{margin:12px 0 0}.ablation-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.ablation-bar{margin-top:18px}.ablation-bar>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;color:#797181}.ablation-bar .bar-track{height:13px}.ablation-bar.best-bar .bar-fill{background:var(--blue)}.ablation-bar.best-bar strong{color:var(--blue)}.small-tables{display:flex;flex-direction:column;gap:28px}.small-tables h3{margin-bottom:8px}.small-tables td,.small-tables th{padding-block:11px;}.outlook{background:#ebe7ef;border-block:1px solid #ded7e5}.outlook .split{gap:95px}.outlook-question{margin-top:25px;color:var(--purple)}.resource-row{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:12px}.resource-row>a,.resource-row>div{position:relative;padding:30px 25px;min-height:125px;border-right:1px solid var(--line)}.resource-row>:first-child{padding-left:0}.resource-row>:last-child{border-right:0}.resource-row span{color:#b0a6ba}.resource-row strong{display:block;margin-top:13px}.resource-row b{position:absolute;right:25px;top:50px;color:var(--purple);}.resource-row small{color:#9e95a8;margin-top:10px;display:block}.resource-row>a:hover{color:var(--purple)}#abstract-text{max-width:830px;padding-bottom:15px}footer{display:flex;justify-content:space-between;align-items:center;padding-block:32px;border-top:1px solid var(--line)}footer>a:last-child{color:#8e8399}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:100}.skip:focus{top:15px}dialog{border:0;border-radius:8px;padding:40px 15px 15px;max-width:94vw;max-height:92vh;background:#fff;overflow:auto}dialog::backdrop{background:#21192dcc;backdrop-filter:blur(5px)}dialog img{display:block;max-width:100%;max-height:80vh;object-fit:contain}#close-dialog{position:absolute;right:12px;top:3px;background:none;border:0;padding:0 6px}.stage-panel,.bar-group{animation:appear .25s ease}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:80px}.hero-gallery{margin-top:50px}}@media(max-width:1000px){.header nav{gap:17px}.brand>span{display:none}.wrap{width:calc(100% - 48px)}.nav-wrap{padding-inline:24px}.split{gap:35px}.section-heading{gap:35px}.scaling-layout{gap:30px}.ablation-layout{gap:35px}.benchmark-chart{gap:20px}.hero-stats>div{padding-left:20px}.stage-panel{padding:26px}.stage-description{gap:25px}.real-cards{gap:17px}.outlook .split{gap:35px}}
@media(max-width:700px){.nav-wrap{height:64px;gap:15px;padding-inline:20px}.header nav{display:none}.nav-actions{gap:18px}.wrap{width:calc(100% - 40px)}.hero{padding-top:44px}.hero-gallery{gap:7px;margin-top:32px}.hero-photo{aspect-ratio:.8}.hero-photo>span{left:8px;right:8px;bottom:10px;gap:3px;flex-wrap:wrap}.hero-photo small{display:none}.hero-photo b{display:none}.gallery-caption span:first-child{max-width:62%}.hero-stats{gap:10px;padding:20px 0}.hero-stats>div{padding-left:12px}.stat-label{min-height:26px}.hero-stats small{display:block}.chapter{padding-block:62px}.section-label{margin-bottom:25px}.split,.scaling-layout,.ablation-layout{grid-template-columns:1fr;gap:30px}.concept{padding:20px;gap:17px}.concept .tiny{min-height:0}.concept-box.muted{min-height:130px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:22px;}.stage-tabs{gap:13px}.stage-tabs button{padding-block:15px}.stage-tabs button span{display:block}.stage-panel{padding:24px 18px}.stage-description{grid-template-columns:1fr;gap:16px}.pipeline{flex-wrap:wrap;gap:6px;margin-top:22px}.pipeline>div{min-width:70px;min-height:94px;padding:12px 6px;display:flex;justify-content:center;flex-direction:column}.chart-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.segmented button{padding:9px 12px;}.benchmark-chart{gap:13px;margin-top:25px}.bar-row{grid-template-columns:1fr 30px;gap:6px;}.bar-row>span:first-child{grid-column:1/-1}.bar-track{height:16px}.efficiency{padding:20px 13px;gap:10px}.efficiency>div{padding-left:12px}.efficiency span{min-height:27px;display:block}.real-cards{grid-template-columns:1fr;gap:34px}.real-card img{aspect-ratio:1.5}.real-card h3{margin-top:16px}.real-card .description{min-height:0;margin-bottom:13px}.real-metric{padding-block:12px}.scaling-insight{padding-inline:15px}.research-note{padding:20px}.outlook .split{gap:10px}.resource-row{grid-template-columns:1fr}.resource-row>a,.resource-row>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 0;min-height:95px}.resource-row>:last-child{border-bottom:0}.resource-row b{top:30px;right:0}.resource-row strong{margin-top:8px}footer .brand>span{display:none}footer{padding-block:25px}.button{padding:13px 17px;gap:19px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Typography roles: one bilingual family, three weights, seven fixed sizes.
   Note 12 / UI 14 / body 16 / subheading 20 / brand 24 / heading 32 / display 48.
   Mobile changes display to 32 and heading to 24; body and note text stay readable. */
body{font-family:var(--sans);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:1.75}
button,input,select,textarea,svg text{font-family:inherit}
strong,b,.best{font-weight:var(--weight-semibold)}
h1,h2,h3{font-family:inherit;font-weight:var(--weight-semibold);line-height:1.35;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:var(--text-display);line-height:1.3}
h1 em{font-style:normal;font-weight:inherit}
h2{font-size:var(--text-heading)}
h3,.stage-description h3,.scaling-insight h3,.real-card h3,.resource-row strong{font-size:var(--text-subheading);font-weight:var(--weight-semibold);line-height:1.5}
p,.split p,.hero-sub,.takeaway p,.section-heading>p,.stage-description p,.real-card .description,.scaling-insight p,.research-note p,#abstract-text{font-size:var(--text-body);line-height:1.8}
.hero-sub{max-width:720px}
.brand,footer .brand{font-size:var(--text-brand);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:0}
.header nav,.nav-actions,#language,.button,.hero-photo>span,.concept-box,.stage-tabs button span,.pipeline>div,summary,.segmented button,.bar-row,.bar-row>strong,.efficiency span,table,caption,.real-metric span,.ablation-bar>div:first-child,.ablation-bar strong,.small-tables td,.small-tables th,footer>a:last-child{font-size:var(--text-ui);line-height:1.6}
.button,.stage-tabs button span,.segmented button,summary,th,.bar-group h3{font-weight:var(--weight-medium)}
.bar-group h3{font-size:var(--text-body);line-height:1.5}
.brand>span,footer .brand>span,.eyebrow,.hero-meta,.hero-photo small,.gallery-caption,.stat-label,.hero-stats small,.section-label,.tiny,.stage-tabs button small,.stage-status,.pipeline small,.caption,.scaling-insight .caption,.efficiency p,.real-metric small,.scaling-insight>span,.research-note>span,.resource-row span,.resource-row small{font-size:var(--text-note);line-height:1.7;font-weight:var(--weight-regular);letter-spacing:0}
.eyebrow,.section-label,.tiny,.stage-tabs button small,.stat-label,.research-note>span,.scaling-insight>span{font-weight:var(--weight-medium);letter-spacing:.06em}
.hero-stats strong,.efficiency strong,.real-metric strong{font-size:var(--text-heading);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hero-stats strong span,.efficiency strong small{font-size:var(--text-body);font-weight:var(--weight-medium);letter-spacing:0}
.outlook-question{font-family:inherit;font-size:var(--text-subheading);font-weight:var(--weight-medium);line-height:1.6}
.flow-down,.takeaway>span,summary:after,.pipeline>span,.resource-row b{font-size:var(--text-subheading);line-height:1.5}
#close-dialog{font-size:var(--text-heading);line-height:1.25}
#scaling-chart text{font-family:var(--sans);font-size:var(--text-ui);line-height:1.6}
#scaling-chart .chart-label{font-size:var(--text-note)}
#scaling-chart .chart-value{font-weight:var(--weight-medium)}
.bar-row{grid-template-columns:82px 1fr 52px}
.hero-photo small{flex-shrink:0}
.stat-label{min-height:42px}
.hero-stats small{display:block;margin-top:8px}
.real-card .description{min-height:112px}
@media(max-width:1000px){.benchmark-chart{gap:20px}.bar-row{grid-template-columns:1fr 52px}.bar-row>span:first-child{grid-column:1/-1}.brand>span{display:none}}
@media(max-width:700px){
  :root{--text-display:32px;--text-heading:24px}
  .nav-wrap{padding-inline:16px;gap:10px}.nav-actions{gap:12px;flex-shrink:0}.nav-paper{padding-inline:12px;white-space:nowrap}#language{white-space:nowrap}
  .split,.scaling-layout,.ablation-layout{grid-template-columns:minmax(0,1fr)}
  .split>*,.scaling-layout>*,.ablation-layout>*{min-width:0}
  .concept{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-line{min-width:0}.concept-box{overflow-wrap:anywhere}
  .small-tables table{table-layout:fixed}.small-tables td,.small-tables th{white-space:normal;overflow-wrap:anywhere}.small-tables td:first-child,.small-tables th:first-child{width:68%}
  h1{line-height:1.4}h2{line-height:1.5}
  .eyebrow{letter-spacing:.02em;flex-wrap:wrap}
  .hero-photo>span{line-height:1.5}
  .hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .button{flex:1 0 auto;gap:10px;padding-inline:10px}.hero-actions .button>span{white-space:nowrap}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-stats strong,.efficiency strong,.real-metric strong{font-size:var(--text-heading)}
  .hero-stats strong span{font-size:var(--text-ui)}
  .stat-label{min-height:64px;letter-spacing:0;overflow-wrap:anywhere}
  .gallery-caption{flex-direction:column;gap:4px}
  .gallery-caption span:first-child{max-width:none}
  .stage-tabs{gap:12px}.stage-tabs button{overflow-wrap:anywhere}
  .pipeline{flex-direction:column}.pipeline>div{width:100%;min-height:80px}.pipeline>span{transform:rotate(90deg)}
  .benchmark-chart{grid-template-columns:1fr;gap:24px}
  .bar-row{grid-template-columns:82px 1fr 52px}.bar-row>span:first-child{grid-column:auto}
  .efficiency{grid-template-columns:1fr;padding:8px 20px}
  .efficiency>div,.efficiency>div:first-child{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}
  .efficiency>div:last-child{border-bottom:0}.efficiency span{min-height:0}
  .real-card .description{min-height:0}
  .hero-photo>span>span{overflow-wrap:anywhere}
}

/* The author's original Figure 2 is the centerpiece; controls annotate its regions. */
.method-section{background:#f0eef7}
.method-figure{margin:0 0 32px;background:#fff;border:1px solid #d9d2e9;border-radius:10px;overflow:hidden;box-shadow:0 10px 35px #4e3e7910}
.method-figure-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #eae5f1;background:#fcfbfe}
.method-figure-toolbar>div{display:flex;gap:24px;align-items:center}
.method-figure-toolbar button,.method-figure-toolbar a{background:none;border:0;padding:0;color:var(--purple);font-size:var(--text-ui);line-height:1.6}
.method-figure-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#c6b8de #f2eef8;scrollbar-width:thin;padding:24px}
.method-figure-canvas{position:relative;width:100%;min-width:760px;isolation:isolate}
.method-figure-canvas>img{display:block;width:100%;height:auto}
.method-region{position:absolute;border:2px solid transparent;border-radius:8px;padding:0;background:transparent;transition:border-color .2s,box-shadow .2s;cursor:pointer}
.region-0{left:.1%;top:0;width:35.8%;height:99%}
.region-1{left:21.5%;top:65%;width:14.4%;height:33.5%;z-index:2}
.region-2{left:41.2%;top:0;width:58.7%;height:97%}
.method-region:hover,.method-region:focus-visible{border-color:#8b75bb;box-shadow:0 0 0 5px #a391c51a;outline:0}
.method-figure[data-focus="0"] .region-0,.method-figure[data-focus="1"] .region-1,.method-figure[data-focus="2"] .region-2{border-color:#8b75bb;box-shadow:0 0 0 5px #a391c51a}
.method-figure-bottom{padding:18px 24px;border-top:1px solid #eae5f1;background:#fcfbfe}
.method-figure-bottom .caption{margin:0;max-width:950px}
.figure-scroll-hint{display:none;font-size:var(--text-note);line-height:1.7;color:var(--purple);margin-top:10px}
.stage-panel{border-radius:0 0 8px 8px;margin-bottom:32px}
.stage-description{grid-template-columns:1fr 1.35fr;align-items:start}
.stage-description h3{margin:10px 0 12px}
.stage-location{font-size:var(--text-note);line-height:1.7;color:var(--purple)}
.method-lightbox #dialog-image{width:min(1600px,calc(100vw - 64px));max-height:none}
@media(max-width:1000px){.figure-scroll-hint{display:block}}
@media(max-width:700px){
 .method-figure-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}
 .method-figure-toolbar>div{gap:20px;flex-wrap:wrap}
 .method-figure-scroll{padding:16px}
 .method-figure-bottom{padding:16px}
 .stage-description{grid-template-columns:minmax(0,1fr);gap:20px}
 .method-lightbox #dialog-image{width:1100px;max-width:none}
}

/* Research editorial layout: clear argument, authentic media, readable evidence. */
:root{--ink:#202638;--muted:#626879;--purple:#594985;--line:#dcdde4}
p{color:#555d6d}.caption,.hero-meta,.gallery-caption,.stat-label,.hero-stats small{color:#626879}
.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:0 52px;text-align:left;padding-top:64px}
.hero-copy{align-self:center;min-width:0}.eyebrow{justify-content:flex-start;letter-spacing:.09em}
h1{font-size:var(--text-display);line-height:1.22;letter-spacing:-.045em}h1 br{display:none}h1 span:after{content:' '}
.hero-sub{margin:24px 0;max-width:550px}.hero-actions{justify-content:flex-start}.hero-meta{line-height:1.9;margin-top:24px}.affiliation{display:inline-block;margin-top:8px;color:var(--purple)}
.hero-media{align-self:center;min-width:0}.hero-gallery{grid-template-columns:1fr 1fr;gap:10px;margin:0}.hero-photo{aspect-ratio:1.3;border-radius:12px}.hero-photo:first-child{grid-column:1/-1;aspect-ratio:1.8}.hero-photo:first-child img{object-position:center 48%}.hero-photo>span{font-size:var(--text-note)}.gallery-caption{font-size:var(--text-note);gap:5px;flex-direction:column}.hero-stats{grid-column:1/-1;width:100%;margin-top:42px;background:#242c40;color:#fff;border:0;border-radius:12px;padding:28px 32px}.hero-stats .stat-label,.hero-stats small{color:#d0d7e5}.hero-stats strong{font-size:var(--text-display);margin-top:5px}.hero-stats strong span{color:#c5bcf3}.hero-stats>div{border-color:#ffffff25}.stat-label{min-height:0}
.reading-map{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 32px;padding:48px 0 0}.map-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.map-intro h2{font-size:var(--text-subheading);margin:0}.map-intro .tiny{color:var(--purple)}.reading-map>a{padding:24px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.map-number{font-size:var(--text-note);color:var(--purple);margin-bottom:12px}.reading-map h3{font-size:var(--text-body);margin-bottom:10px}.reading-map p{font-size:var(--text-ui);margin-bottom:20px}.map-link{font-size:var(--text-ui);color:var(--purple);margin-top:auto}.reading-map>a:hover .map-link{text-decoration:underline}
.chapter{padding-block:80px}.section-label{margin-bottom:24px}.method-section{background:#f0f1f6}.method-bridge{display:grid;grid-template-columns:1fr 1.65fr;gap:40px;padding:24px 0;margin-bottom:12px;border-block:1px solid #d7d9e3}.method-bridge h3{margin:8px 0 0}.method-bridge p{margin:0;font-size:var(--text-ui)}.stage-panel{background:#fff}.stage-status{line-height:1.9}.inference-strip{border:1px solid #d5d9e5;background:#e6eaf2;border-radius:10px;padding:28px}.inference-strip h3{margin:7px 0 20px}.inference-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.inference-flow li{position:relative;background:#fff;border:1px solid #d4dbe8;border-radius:6px;padding:16px;font-size:var(--text-ui);color:#344764}.inference-flow li+li:before{content:'→';position:absolute;left:-25px;top:25px;color:#687e9e}.inference-strip>p{font-size:var(--text-ui);margin:18px 0 0;max-width:900px}
.result-callout{display:flex;gap:32px;align-items:center;padding:24px 28px;background:#eef1f6;border-left:3px solid var(--blue);margin-bottom:30px}.result-callout strong{font-size:var(--text-heading);color:#375c8e;white-space:nowrap}.result-callout strong span{display:block;font-size:var(--text-note);font-weight:400}.result-callout p{margin:0;font-size:var(--text-body);max-width:760px}.bar-track{background:#e4e7ee}.bar-row.ours .bar-fill,.ablation-bar.best-bar .bar-fill{background:#5274a4}.paper-language{font-size:var(--text-ui);color:var(--purple);padding:10px 0}.real-section{background:#efefec}.real-card{background:var(--bg);padding:16px;border:1px solid #dedfdc;border-radius:12px}.real-card .description{font-size:var(--text-ui)}.research-note{border-radius:0 8px 8px 0}.outlook{background:#e8ebf2}.resource-row>a:hover{background:#efedf4}
@media(max-width:1100px){.hero{gap:0 28px}h1{font-size:40px}.hero-meta{font-size:12px}.hero-photo>span{left:10px;right:10px}.hero-photo small{display:none}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr);padding-top:36px}.hero h1{font-size:var(--text-display);line-height:1.3}.hero-sub{margin-block:20px}.hero-media{margin-top:30px}.hero-gallery{grid-template-columns:1fr 1fr}.hero-photo{aspect-ratio:1.4}.hero-photo:first-child{aspect-ratio:1.7}.hero-stats{margin-top:24px;padding:20px 16px;grid-template-columns:1fr;gap:0}.hero-stats>div,.hero-stats>div:first-child{padding:16px 0;border-left:0;border-bottom:1px solid #ffffff25;display:grid;grid-template-columns:1fr auto;column-gap:12px}.hero-stats>div:last-child{border:0}.hero-stats strong{grid-column:2;grid-row:1/3;font-size:32px;align-self:center}.hero-stats .stat-label{min-height:0}.hero-stats small{margin:4px 0 0;max-width:210px}.reading-map{grid-template-columns:1fr;padding-top:32px}.map-intro{gap:18px;align-items:flex-start;flex-direction:column}.reading-map>a{padding-block:22px}.reading-map p{margin-bottom:10px}.chapter{padding-block:56px}.method-bridge{grid-template-columns:1fr;gap:16px}.inference-strip{padding:20px}.inference-flow{grid-template-columns:1fr;gap:28px}.inference-flow li+li:before{content:'↓';left:50%;top:-28px}.result-callout{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.real-card .description{min-height:0}}

/* Action-space visual essay */
.space-explainer{padding-bottom:80px}.space-player{background:#101b2a;color:#f2f5fa;border-radius:16px;overflow:hidden;border:1px solid #29374a}.space-top{display:flex;justify-content:space-between;padding:22px 28px;color:#a9bacd;font:11px/1.5 monospace;letter-spacing:1.4px}.space-panels{display:grid;grid-template-columns:1fr 1fr}.space-panels>div{min-width:0;padding:10px 0 0}.space-panels>div+div{border-left:1px solid #ffffff16}.space-panels h3{font-size:18px;margin:0 24px;color:#e4ecf8}.space-panels p{font-size:12px;color:#9dacc0;margin:7px 24px 0;min-height:36px}.space-panels canvas{display:block;width:100%;height:290px}.space-legend{display:flex;justify-content:center;gap:26px;padding:8px 20px 22px;color:#b6c7d7;font-size:12px}.space-caption{display:flex;gap:24px;padding:24px 28px;background:#182538;min-height:136px}.space-caption>span{font:13px monospace;color:#7de1cd;padding-top:5px;white-space:nowrap}.space-caption h3{margin:0 0 8px;font-size:21px;color:#fff}.space-caption p{margin:0;max-width:850px;color:#becbda;font-size:14px;line-height:1.8}.space-controls{display:flex;gap:14px;align-items:center;padding:20px 28px}.space-controls button,.space-chapters button{font:inherit;color:inherit;background:transparent;border:1px solid #526276;border-radius:6px;padding:8px 14px;cursor:pointer}.space-controls button:first-child{background:#b0edde;color:#102b2b;border-color:#b0edde;min-width:80px}.space-controls input{flex:1;min-width:40px;accent-color:#8fdbc9}.space-controls>span{font:12px monospace;white-space:nowrap}.space-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 28px 24px}.space-chapters button{font-size:12px;text-align:left;color:#9baec4;border-color:#2e4157}.space-chapters button[aria-pressed=true]{color:#9de9d5;border-color:#73b9ad;background:#18353b}.space-player button:focus-visible,.space-player input:focus-visible{outline:3px solid #f6d590;outline-offset:3px}.space-evidence{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:26px 0;border-bottom:1px solid #dcdfe3}.space-evidence p{font-size:13px;line-height:1.8;margin:8px 0}.space-evidence>div p{font-size:17px}.space-evidence strong{color:#365f8f}.space-evidence a{font-size:12px;text-decoration:underline}@media(max-width:700px){.space-panels{grid-template-columns:1fr}.space-panels>div+div{border-left:0;border-top:1px solid #ffffff16}.space-panels canvas{height:210px}.space-panels h3{font-size:16px}.space-panels p{min-height:0}.space-top{padding:18px}.space-legend{flex-direction:column;gap:6px;padding:12px 18px}.space-caption{padding:20px 18px;gap:12px;min-height:185px}.space-caption h3{font-size:18px}.space-controls{padding:18px;gap:8px}.space-controls button{padding:8px 10px;font-size:12px}.space-chapters{padding:0 18px 18px;grid-template-columns:1fr 1fr}.space-evidence{grid-template-columns:1fr;gap:12px}.space-explainer{padding-bottom:45px}}

.real-card video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#10151e;border-radius:8px}.real-card .video-link{display:inline-block;margin-top:8px;font-size:12px;color:var(--purple);text-decoration:underline}

/* Short visual story: one caption, three deliberately paced scenes. */
.space-chapters{grid-template-columns:repeat(3,1fr)}
.space-caption{min-height:92px;align-items:center}
.space-caption h3{margin:0;font-size:23px}
#space-caption-body{display:none}
.space-details summary{cursor:pointer;font-size:14px;color:var(--purple)}
.space-details p{max-width:64ch}
@media(max-width:700px){.space-caption{min-height:105px}.space-caption h3{font-size:19px}.space-chapters{grid-template-columns:repeat(3,1fr)}.space-chapters button{padding:9px 6px;font-size:11px}}

/* Centered paper heading and compact method viewer. */
.hero{display:block;text-align:center;padding-top:44px}
.hero-copy{max-width:960px;margin:0 auto}
.hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.25;margin:0}
.hero-acronym{display:block;font-size:1.12em;font-weight:700;margin-bottom:12px}
.hero-title-text{display:block;font-weight:600}
.hero-sub{margin:22px auto;max-width:760px}
.hero-actions{justify-content:center}
.hero-meta{margin-top:22px}
.hero-stats{margin-top:32px}
#method .section-heading{margin-bottom:20px}
.stage-tabs{gap:18px}
.stage-tabs button{padding:10px 0;display:flex;gap:12px;align-items:baseline}
.stage-tabs button small{margin:0;white-space:nowrap}
.stage-panel{padding:14px 20px;margin-bottom:12px;min-height:130px}
.stage-description{grid-template-columns:1fr 1.7fr;gap:24px;align-items:start}
.stage-description .tiny{display:none}
.stage-description h3{font-size:18px;margin:0 0 6px}
.stage-description p{font-size:14px;line-height:1.6;margin:0}
.stage-status{margin-top:8px;font-size:12px;line-height:1.5}
.stage-location{font-size:12px}
.method-figure-toolbar{padding:10px 16px;gap:12px}
.method-figure-scroll{padding:10px 16px}
.method-figure-canvas{width:min(100%,850px);min-width:0;margin:0 auto}
.method-figure-bottom{padding:10px 16px}
.method-figure-bottom .caption{font-size:12px;line-height:1.5}
@media(min-width:701px){.method-figure-canvas{max-width:calc((100svh - 340px)*2.02)}}
@media(max-width:700px){
 .hero{padding-top:32px}.hero h1{font-size:29px}.hero-acronym{margin-bottom:10px}
 .hero-actions .button{flex:0 1 auto}.hero-sub{font-size:15px}
 .stage-tabs{gap:8px}.stage-tabs button{display:block;padding:10px 0}.stage-tabs button small{margin-bottom:4px}
 .stage-tabs button span{font-size:12px}.stage-panel{padding:12px;min-height:0}
 .stage-description{grid-template-columns:1fr;gap:8px}.stage-description h3{font-size:16px}
 .stage-location{display:none}.stage-status{margin-top:5px}
 .method-figure-toolbar{flex-direction:row;flex-wrap:wrap;padding:10px 12px}
 .method-figure-toolbar>div{gap:12px}.method-figure-toolbar button,.method-figure-toolbar a{font-size:12px}
 .method-figure-scroll{padding:8px}.figure-scroll-hint{display:none}
}
.hero .hero-title-text br{display:block}

.hero-actions{margin-top:26px;align-items:center}.hero-actions .resource-icon{width:22px;height:22px;flex:0 0 22px}.hero-actions .button{gap:10px}.code-pending{cursor:default;color:#686477;opacity:1}.code-pending small{font-size:11px;font-weight:400}.real-card video{aspect-ratio:16/9;object-fit:contain}
