:root{--paper:#f8fafb;--ink:#19364f;--muted:#536b7e;--line:#c7d3dc;--soft:#eaf0f4;--white:#fff;--serif:Georgia,'Times New Roman','Songti SC',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a,button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #2670a0;outline-offset:5px}button{border:0;background:none}p{margin:0}h1,h2,h3{margin:0;font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.055em}em{font-weight:400;color:#5c7890}button span,button strong,button small{pointer-events:none}html:not([lang=zh-CN]) .zh,html[lang=zh-CN] .en{display:none!important}.wrap{max-width:1256px;width:calc(100% - 112px);margin-inline:auto}.header{height:104px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:48px}.wordmark{font-family:var(--serif);font-size:39px;font-weight:700;letter-spacing:-2px}.wordmark span{color:#839bae}.header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.header nav a{padding:15px 0}.header-actions{display:flex;align-items:center;gap:22px;font-size:12px}.header-actions button{min-height:44px}.small-cta{display:flex;gap:22px;padding:13px 18px;border:1px solid var(--ink);border-radius:3px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:740px;padding-block:62px 78px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6}.tiny-cross{font-size:22px}.hero h1{font-size:clamp(68px,7.1vw,102px);line-height:1.06;margin:28px 0}.hero h1 em{font-style:italic}.hero-deck{font-size:18px;line-height:1.85;color:var(--muted);font-weight:350}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:17px 23px;border-radius:3px;font-size:13px;min-height:52px;transition:background .2s}.button:hover{background:#2d516d}.quiet-link{font-size:12px;display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--line)}.hero-note{font-size:11px;color:var(--muted);margin-top:22px}.hero-art{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#c8d4df 0.7px,transparent .7px);background-size:18px 18px;isolation:isolate}.orbit{position:absolute;border:1px solid #d3dfe7;border-radius:50%;width:96%;height:84%;z-index:-1;transform:rotate(-26deg)}.orbit-two{width:76%;height:98%;transform:rotate(29deg)}.art-coordinate{position:absolute;top:8px;left:15px;font-size:8px;letter-spacing:2px;color:var(--muted)}.paper-stack{width:365px;transform:rotate(5deg);position:relative}.paper-stack:before,.paper-stack:after{content:'';position:absolute;inset:0;background:#f1f5f8;border:1px solid #b7c7d4;z-index:-1;transform:rotate(-8deg)}.paper-stack:after{transform:rotate(-4deg);background:#fff}.mini-paper{background:#fff;padding:24px 25px 18px;border:1px solid #9fb2c2;box-shadow:14px 18px 32px #19364f0e}.mini-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px}.mini-masthead{font:700 62px/.95 var(--serif);letter-spacing:-3px;text-align:center;padding:17px 0 13px}.mini-date{display:flex;justify-content:space-between;font-size:6px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:7px 0;gap:10px}.paper-illustration{margin:13px 0 8px;background:#f7fafc}.paper-illustration svg{display:block;width:100%}.mini-category{font-size:6px;letter-spacing:1.3px;padding-top:8px}.mini-paper h2{font-size:35px;line-height:1.06;margin:10px 0}.mini-description{font:11px/1.7 var(--serif);color:var(--muted);max-width:245px}.mini-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;margin-top:18px;padding-top:10px;border-top:1px solid var(--line)}.glass-tag{position:absolute;bottom:69px;left:0;display:flex;gap:14px;align-items:center;background:#ffffffed;border:1px solid #b6c9d7;box-shadow:0 8px 25px #19364f09;border-radius:4px;padding:17px 21px;transform:rotate(-4deg)}.glass-tag strong{font-size:12px;font-weight:500}.glass-tag small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.glass-tag>span:last-child{margin-left:16px}.status-dot{height:7px;width:7px;background:#6f968e;border-radius:50%;box-shadow:0 0 0 5px #6f968e12}.art-caption{position:absolute;bottom:10px;right:14px;font-size:7px;letter-spacing:1.4px;color:var(--muted)}.principles{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:25px;gap:15px}.principles>span{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.principles b{font:26px var(--serif);color:var(--ink)}.principles>a{font-size:10px}.section{padding-block:112px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section h2{font-size:58px;line-height:1.12;margin-top:22px}.section-deck{max-width:350px;font-size:15px;line-height:1.9;color:var(--muted)}.edition-rhythm{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin-bottom:42px}.edition-rhythm>div{display:flex;gap:24px;padding:26px 0;align-items:center}.edition-rhythm>div+div{padding-left:45px;border-left:1px solid var(--line)}.edition-rhythm strong{font:23px var(--serif)}.edition-rhythm small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.sun-icon,.moon-icon{font-size:42px;line-height:1;font-family:var(--serif)}.edition-toolbar{display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:600;letter-spacing:1.5px}.edition-toolbar>div{display:flex;align-items:center;gap:9px}.live-mark{width:5px;height:5px;background:var(--ink);border-radius:50%}.sample-context{font-size:12px;color:var(--muted);max-width:690px;line-height:1.8;margin:14px 0 25px}.stories{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;border-top:1px solid var(--ink)}.story{border-bottom:1px solid var(--line);min-width:0}.story summary{list-style:none;display:grid;grid-template-columns:28px 1fr 18px;gap:12px;align-items:start;padding:23px 0;cursor:pointer;min-height:126px}.story summary::-webkit-details-marker{display:none}.story-rank{font:italic 18px var(--serif);color:#71899d;padding-top:3px}.story-title{font:23px/1.22 var(--serif);letter-spacing:-.5px;display:block}.story-source{font-size:9px;letter-spacing:.4px;display:block;color:var(--muted);margin-top:11px}.story-plus{font:23px var(--serif)}.story[open] .story-plus{transform:rotate(45deg)}.story-content{padding:0 8px 25px 40px;font-size:13px;line-height:1.8;color:var(--muted)}.story-content p{margin-bottom:16px;white-space:pre-line}.story-content a{font-size:11px;color:var(--ink);text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}.story-context-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--ink);font-weight:600;display:block;margin-bottom:8px}.edition-end{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font:italic 18px var(--serif);margin-top:34px}.end-symbol{font-size:23px}.newsroom-section{background:#edf3f7;border-block:1px solid #d9e3eb}.newsroom-figure{margin:0;background:white;border:1px solid var(--line);padding:15px 18px 0}.newsroom-figure img{display:block;width:100%;height:auto;max-height:740px;object-fit:contain}.newsroom-figure figcaption{font-size:9px;line-height:1.6;color:var(--muted);text-align:center;padding:12px;border-top:1px solid #e6ecf0}.workflow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:35px}.workflow button{text-align:left;padding:23px 18px;border-top:1px solid #a7bbcb;border-bottom:1px solid #a7bbcb;position:relative;min-width:0}.workflow button+button{border-left:1px solid #c3d1dc}.workflow button[aria-pressed=true]{background:var(--ink);color:#fff}.stage-number{display:block;font:italic 20px var(--serif);margin-bottom:20px;opacity:.65}.workflow strong{display:block;font-size:14px;font-weight:500}.workflow small{display:block;font-size:9px;margin-top:8px;opacity:.8}.stage-detail{padding:38px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;min-height:212px}.stage-detail h3{font:29px var(--serif);margin:10px 0 12px}.stage-detail p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted)}.receipt{border:1px solid #b9cbd8;padding:22px;align-self:center;background:#f8fafb}.receipt-label{font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:10px}.excluded{border-top:1px solid #b9cbd8;border-bottom:1px solid #b9cbd8}.excluded summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font:21px var(--serif);padding:22px 0;list-style:none}.excluded summary::-webkit-details-marker{display:none}.excluded p{font-size:11px;color:var(--muted);margin-bottom:20px}.excluded ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.excluded li b{font:18px/1.4 var(--serif);display:block;margin-bottom:10px}.excluded li span{font-size:12px;line-height:1.8;color:var(--muted)}.newsroom-bottom{font:italic 21px var(--serif);text-align:center;margin-top:38px}.dna-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.dna-copy .section-deck{margin-top:25px}.dna-note{font-size:11px;line-height:1.8;margin-top:25px;border-left:2px solid #a9bdcb;padding-left:15px}.dna-panel{border:1px solid #adbfcd;background:#fff;padding:30px;box-shadow:8px 8px 0 #e8eff4}.dna-panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;margin-bottom:28px}.preset-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:#f5f8fa}.preset-switch button{flex:1;font-size:11px;padding:12px 5px;min-height:44px}.preset-switch button[aria-pressed=true]{color:#fff;background:var(--ink)}.dna-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e1e8ed;font-size:12px;line-height:1.6}.dna-row>span{color:var(--muted)}.dna-row strong{font-weight:500;text-align:right}.prototype-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:22px}.about{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:25px 75px;padding-block:65px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:37px;line-height:1.3}.about>p:last-child{font-size:14px;line-height:1.9;color:var(--muted)}.closing{text-align:center;padding-block:90px 100px}.closing-star{font-size:35px;color:#66839a}.closing h2{font-size:47px;line-height:1.3;margin:23px 0 30px}.footer{border-top:1px solid var(--line);padding-block:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer .wordmark{font-size:31px}.footer p{font-size:9px;letter-spacing:1px;margin-top:7px}.footer-note{font-size:10px;line-height:1.9;color:var(--muted);text-align:center}.footer>a{font-size:10px;min-height:44px;display:flex;align-items:center}.skip-link{position:fixed;top:-100px;left:15px;background:var(--ink);color:#fff;padding:15px;z-index:10}.skip-link:focus{top:15px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{gap:22px}.header nav{gap:18px}.hero h1{font-size:75px}.hero-actions{gap:16px;flex-wrap:wrap}.paper-stack{width:315px}.hero-art{min-height:550px}.glass-tag{left:-12px}.hero{min-height:690px}.section h2{font-size:51px}.dna-section{gap:42px}.principles>a{display:none}}@media(max-width:800px){.header nav{display:none}.header-actions{margin-left:auto}.hero{gap:15px;min-height:620px}.hero h1{font-size:58px}.hero-deck{font-size:15px}.hero-art{min-height:490px}.paper-stack{width:270px}.mini-paper{padding:19px}.mini-paper h2{font-size:30px}.mini-masthead{font-size:50px}.glass-tag{bottom:43px;padding:12px;left:-10px}.art-coordinate{font-size:6px;left:0}.art-caption{font-size:6px;right:0}.section{padding-block:80px}.section-heading{gap:30px}.section-deck{max-width:280px;font-size:13px}.section h2{font-size:43px}.story-title{font-size:21px}.stories{column-gap:27px}.dna-section{grid-template-columns:1fr;gap:35px}.dna-copy .section-deck{max-width:520px}.about{gap:20px 35px}.about h2{font-size:30px}.closing h2{font-size:38px}.workflow button{padding:17px 12px}.workflow strong{font-size:12px}.workflow small{font-size:8px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:10px}.wordmark{font-size:32px}.header-actions{gap:14px}.small-cta{padding:11px 12px;gap:12px;font-size:10px}.header-actions button{font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:45px 35px;gap:30px}.hero h1{font-size:69px;margin:23px 0}.hero-deck{font-size:16px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-actions{gap:20px;margin-top:25px}.button{padding:15px 19px;font-size:12px;gap:20px}.quiet-link{font-size:11px}.hero-art{min-height:480px;width:100%;max-width:410px;align-self:center}.paper-stack{width:285px}.glass-tag{left:3px;bottom:35px}.art-caption{bottom:0}.art-coordinate{top:0;font-size:7px}.principles{padding-block:22px;align-items:flex-start;gap:8px}.principles>span{flex-direction:column;align-items:flex-start;gap:7px;font-size:9px;line-height:1.6;flex:1}.principles b{font-size:25px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section h2{font-size:45px;margin-top:18px}.section-heading .section-deck{margin-top:22px;max-width:100%;font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.5px}.edition-rhythm{grid-template-columns:1fr;margin-bottom:28px}.edition-rhythm>div{padding:20px 0;gap:20px}.edition-rhythm>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.edition-rhythm strong{font-size:22px}.edition-toolbar{font-size:7px;letter-spacing:.8px}.sample-context{font-size:11px}.stories{grid-template-columns:1fr}.story summary{min-height:100px;padding:21px 0}.story-title{font-size:23px}.story-content{padding-left:40px}.edition-end{font-size:15px;gap:8px}.newsroom-figure{padding:4px 4px 0;margin-inline:-8px}.newsroom-figure figcaption{font-size:8px;padding:9px}.workflow{grid-template-columns:repeat(5,1fr);margin-top:25px}.workflow button{padding:15px 4px}.stage-number{font-size:18px;margin-bottom:12px}.workflow strong{font-size:9px;letter-spacing:-.2px}.workflow small{display:none}.stage-detail{grid-template-columns:1fr;gap:22px;padding-block:25px;min-height:290px}.stage-detail h3{font-size:27px}.receipt{padding:17px}.excluded summary{font-size:19px;gap:10px}.excluded ul{grid-template-columns:1fr;gap:20px}.newsroom-bottom{font-size:19px;line-height:1.6;margin-top:28px}.dna-panel{padding:23px 18px}.dna-row{font-size:11px}.about{grid-template-columns:1fr;gap:20px;padding-block:45px}.about h2{font-size:31px}.about>p:last-child{font-size:13px}.closing{padding-block:65px}.closing h2{font-size:31px}.footer{flex-wrap:wrap;align-items:flex-start;padding-block:25px;gap:20px}.footer-note{text-align:right;max-width:180px;font-size:9px}.footer>a{width:100%;border-top:1px solid var(--line);padding-top:20px;justify-content:center}.hero-note{font-size:10px}html[lang=zh-CN] .hero h1{font-size:58px}html[lang=zh-CN] .section h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Decorative orbital lines must never widen the mobile layout. */
.hero-art{overflow:clip}

/* Glass is reserved for the editorial layers; the newspaper stays opaque. */
:root {
  --glass-edge: rgba(119, 153, 178, .38);
  --glass-highlight: rgba(255, 255, 255, .95);
}
html { scroll-padding-top: 118px; }
.header {
  position: sticky;
  top: 12px;
  z-index: 30;
  height: 80px;
  margin-top: 12px;
  padding-inline: 24px;
  background: #edf3f8;
  border: 1px solid var(--glass-edge);
  border-top-color: var(--glass-highlight);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 white, 0 8px 28px #19364f08;
}
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
  .header {
    background: rgba(244, 248, 251, .76);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
  }
}
.header .wordmark { font-size: 35px; }
.header .small-cta {
  border-color: #91a8ba;
  background: #ffffff45;
  box-shadow: inset 0 1px 0 #fff;
  border-radius: 7px;
}
.header nav a:hover { color: #577f9e; }
.skip-link { z-index: 40; }
.hero-art { min-height: 640px; }
.hero-art::before {
  content: '';
  position: absolute;
  inset: 32px 0;
  z-index: -1;
  background: radial-gradient(ellipse at 70% 45%, #ccdee975, transparent 65%);
  pointer-events: none;
}
.paper-stack { z-index: 3; width: 345px; }
.paper-stack::before, .paper-stack::after { display: none; }
.mini-paper { box-shadow: 10px 18px 38px #19364f12; }
.editorial-layer {
  position: absolute;
  z-index: 1;
  width: 255px;
  height: 146px;
  padding: 19px 20px;
  border: 1px solid var(--glass-edge);
  border-top-color: white;
  border-left-color: #ffffffd9;
  border-radius: 10px;
  background: linear-gradient(135deg, #ffffffc9, #e2edf58f 60%, #dae8f15e);
  box-shadow: inset 0 0 0 1px #ffffff66, 8px 14px 24px #294e6a0c;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  pointer-events: none;
}
.editorial-layer::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid #ffffff75;
  border-radius: 7px;
}
.layer-index { display: block; font-size: 8px; letter-spacing: 1.7px; }
.editorial-layer strong { display: block; font: 17px/1.4 var(--serif); margin-top: 13px; }
.layer-sources { top: 35px; left: 22px; transform: rotate(-11deg); }
.layer-evidence { top: 245px; right: -7px; transform: rotate(10deg); }
.layer-dna { bottom: 26px; left: 45px; transform: rotate(-8deg); }
.layer-lines { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
.layer-lines i { height: 1px; background: #9bb4c688; width: 68%; }
.layer-lines i:nth-child(2) { width: 48%; }
.layer-lines i:nth-child(3) { width: 58%; }
.layer-evidence-mark { display: block; color: #7193ac; margin-top: 13px; font-size: 13px; letter-spacing: 5px; }
.glass-tag {
  z-index: 4;
  left: 4px;
  bottom: 117px;
  border-radius: 9px;
  border-color: #a7becda6;
  border-top-color: white;
  background: #f7fbfdd9;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 #fff, 0 12px 25px #19364f0c;
}
.art-caption { z-index: 4; bottom: 0; }
.rooms-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 42px; }
.rooms-heading>p:last-child { font-size: 11px; color: var(--muted); line-height: 1.7; }
.workflow {
  position: relative;
  gap: 12px;
  padding: 20px 5px 25px;
  margin-top: 16px;
  background-image: linear-gradient(90deg, transparent 49.5%, #b7cddd44 50%, transparent 50.5%);
  background-size: 25% 100%;
}
.workflow button {
  padding: 19px 17px 25px;
  border: 1px solid #aec4d599;
  border-top-color: #fff;
  border-radius: 12px 12px 5px 5px;
  background: linear-gradient(140deg, #ffffffb8, #e0ecf657 65%, #fbfdff85);
  box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #c7dae84d, 0 12px 20px #274c6810;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: transform .22s, box-shadow .22s, background .22s;
  min-height: 260px;
}
.workflow button+button { border-left: 1px solid #aec4d599; }
.workflow button::before {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid #fff8;
  border-radius: 8px 8px 2px 2px;
  pointer-events: none;
}
.workflow button[aria-pressed=true] {
  color: var(--ink);
  background: linear-gradient(140deg, #ffffffed, #cde2f4c9 68%, #e3f1fadb);
  border-color: #789db9;
  border-top-color: white;
  box-shadow: inset 0 2px 0 white, 0 15px 25px #294e6a1c, 0 0 0 1px #9bbbd04d;
  transform: translateY(-6px);
}
.workflow button[aria-pressed=true]::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  right: 24px;
  background: #37678b;
  box-shadow: 0 0 0 4px #6b9fc51a;
}
@media (hover: hover) {
  .workflow button:hover { transform: translateY(-6px); box-shadow: inset 0 1px 0 white, 0 17px 27px #294e6a20; }
}
.workflow .stage-number { margin-bottom: 4px; opacity: .8; font-size: 18px; }
.room-visual { display: block; margin: 0 -7px 10px; }
.room-visual svg { width: 100%; height: 125px; display: block; stroke: #6086a3; stroke-width: 1; }
.room-wall { fill: #ffffff22; }
.room-floor { fill: #aac9e340; stroke: #8baac2; }
.room-frame { opacity: .65; }
.room-object { stroke: #294f6e; stroke-width: 1.25; }
.room-desk { fill: #f3f9ff75; }
.workflow strong { font: 21px var(--serif); }
.workflow small { display: block; font-size: 10px; opacity: 1; color: #4d687d; margin-top: 8px; line-height: 1.6; }
.stage-detail {
  min-height: 225px;
  margin: 0 5px 27px;
  padding: 30px;
  border: 1px solid #abc1d180;
  border-top-color: white;
  border-radius: 10px;
  background: #ffffff66;
  box-shadow: inset 0 1px 0 white, 0 8px 25px #264f6d06;
}
.receipt { background: #ffffff66; border-color: #bfd1df; border-radius: 6px; }
@media (max-width: 1100px) {
  .header { padding-inline: 20px; gap: 20px; }
  .header nav { gap: 17px; font-size: 12px; }
  .header-actions { gap: 14px; }
  .paper-stack { width: 310px; }
  .layer-sources { left: 8px; top: 30px; }
  .layer-evidence { right: -35px; top: 230px; }
  .layer-dna { left: 12px; }
  .workflow { gap: 8px; }
  .workflow button { padding-inline: 12px; }
  .workflow strong { font-size: 18px; }
}
@media (max-width: 800px) {
  .hero-art { min-height: 580px; }
  .paper-stack { width: 255px; }
  .editorial-layer { width: 215px; height: 133px; padding: 17px; }
  .layer-sources { top: 19px; left: 12px; }
  .layer-evidence { top: 225px; right: -45px; }
  .layer-dna { bottom: 22px; left: 30px; }
  .editorial-layer strong { font-size: 15px; }
  .glass-tag { bottom: 112px; left: 0; }
  .workflow button { padding-inline: 9px; min-height: 224px; }
  .workflow strong { font-size: 15px; }
  .workflow small { font-size: 9px; }
  .room-visual svg { height: 102px; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 104px; }
  .header { top: 8px; height: 70px; padding-inline: 14px; width: calc(100% - 24px); margin-top: 8px; border-radius: 12px; }
  .header .wordmark { font-size: 31px; }
  .header .small-cta { padding: 10px; min-height: 44px; }
  .header-actions { gap: 12px; }
  .hero-art { min-height: 595px; }
  .paper-stack { width: 273px; }
  .editorial-layer { width: 218px; }
  .layer-sources { top: 25px; left: 21px; }
  .layer-evidence { right: -15px; top: 262px; }
  .layer-dna { bottom: 19px; left: 42px; }
  .glass-tag { bottom: 133px; left: 1px; }
  .art-coordinate { top: 1px; font-size: 6px; }
  .art-caption { font-size: 6px; }
  .rooms-heading { display: block; margin-top: 30px; }
  .rooms-heading>p:last-child { margin-top: 9px; font-size: 11px; }
  .workflow {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 5px;
    gap: 14px;
    scrollbar-width: thin;
    scrollbar-color: #9db8cb transparent;
    margin-right: -10px;
    padding-right: 15px;
  }
  .workflow button { flex: 0 0 166px; scroll-snap-align: start; padding: 18px; min-height: 252px; }
  .workflow .room-visual svg { height: 116px; }
  .workflow strong { font-size: 21px; }
  .workflow small { display: block; font-size: 10px; }
  .stage-detail { padding: 22px; margin-inline: 0; min-height: 330px; gap: 18px; }
  .stage-detail h3 { font-size: 25px; }
}
@media (prefers-reduced-transparency: reduce) {
  .header, .editorial-layer, .glass-tag, .workflow button, .stage-detail, .receipt { background: #f1f6fa; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .workflow button[aria-pressed=true] { background: #dcebf6; }
}
@media (prefers-reduced-motion: reduce) {
  .workflow button, .workflow button[aria-pressed=true] { transition: none; transform: none; }
}
.layer-evidence { text-align: right; }
.layer-dna .layer-index { position: absolute; left: 20px; bottom: 17px; }
.layer-dna strong { position: absolute; left: 20px; bottom: 38px; }
.layer-dna .layer-lines { display: none; }
.rooms-mobile-hint { display: none; }
@media (max-width: 600px) {
  .rooms-mobile-hint { display: block; margin-top: 12px; font-size: 10px; color: var(--muted); }
}