/* V2: escenario central y continuidad entre el titular y su lectura. */
html{scrollbar-gutter:stable}
.masthead{padding-block:20px}
.edition{align-items:center;padding-block:17px;letter-spacing:1.25px}
.compare{font-size:10px;letter-spacing:.25px;color:#c6c3b9;border-bottom:1px solid #645a51;padding-bottom:3px}
.hero-layout{display:block;min-height:0}
.intro{display:flex;align-items:end;justify-content:space-between;padding:16px 0 0;gap:30px}
.intro .eyebrow{margin-bottom:12px;font-size:9px}
.intro h1{font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-1.7px;margin:0}
.intro-copy{font-size:12px;line-height:1.7;margin:0;color:#a9aaa0}
.scene-wrap{width:min(100%,1420px);margin:auto}
.scene{height:clamp(520px,64vh,730px);margin:0;transition:transform .85s cubic-bezier(.16,.8,.2,1),filter .85s,opacity .85s}
.scene canvas{pointer-events:none}
.globe-core{width:140px;height:140px;box-shadow:inset -13px -10px 30px #31000077,0 0 110px #ed383445}
.globe-core strong{font-size:34px}
.globe-core>span{font-size:8px;letter-spacing:1.9px}
.globe-core .core-caption{font-size:6px;letter-spacing:1.9px;margin:8px 0 0;opacity:.75}
.story-node{width:clamp(240px,23vw,320px);padding:14px 16px 14px 23px;background:linear-gradient(90deg,#121313f2,#121313bc 80%,transparent);border-color:#db5549a0}
.story-node strong{font-size:clamp(22px,2.1vw,30px);line-height:1.12;letter-spacing:-.55px}
.story-node small{font-size:9px;letter-spacing:1.4px;margin-bottom:10px}
.story-node:before{width:8px;height:8px;top:21px;left:-4px}
.axis-label{bottom:12px;font-size:8px;color:#99998c;letter-spacing:2px}
.scene-controls{gap:30px;font-size:11px;margin-top:2px}
.scene-controls button{font-size:11px;min-height:44px;padding:10px 6px}
.scene-controls #reset{min-width:44px}
.motion-note{font-size:10px;margin:0 0 19px;color:#96988c;line-height:1.5}
.section-bridge{padding-block:14px;font-size:9px}
.readings{padding-top:52px}
body.reading-open .scene{transform:scale(.64) translateY(-25px);filter:blur(2px);opacity:.38}
dialog::backdrop{background:#0c11118c;backdrop-filter:blur(2px)}
.reader-shell{width:min(1000px,calc(100% - 180px));margin-top:36px;animation:none}
.reader-paper{min-height:90vh}
.reader-head{padding-top:40px}
.reader-head h2{font-size:clamp(34px,4.5vw,64px);line-height:1.08;text-wrap:pretty}
.nav-prev{left:max(14px,calc((100vw - 1000px)/2 - 70px))}
.nav-next{right:max(14px,calc((100vw - 1000px)/2 - 70px))}
.reader-title-flight{position:fixed;z-index:20;pointer-events:none;margin:0;transform-origin:0 0;will-change:transform,color,opacity;overflow:visible}
dialog.is-morphing #reader-title{visibility:hidden}
@media(min-width:1700px){.scene{height:730px}.hero-layout{min-height:0}}
@media(max-width:1050px){
  .scene{height:580px}
  .story-node{width:240px}
  .story-node strong{font-size:23px}
}
@media(max-width:760px){
  .masthead{padding-block:17px}
  .edition{display:grid;grid-template-columns:1fr auto;font-size:8px;gap:12px;padding-block:14px}
  .edition span:last-child{max-width:none;grid-column:2;grid-row:1}
  .compare{grid-column:1/-1;justify-self:start;font-size:10px}
  .intro{padding:8px 0 8px;display:block}
  .intro .eyebrow{font-size:8px;margin-bottom:9px}
  .intro h1{font-size:clamp(30px,7.3vw,44px);letter-spacing:-1.2px}
  .intro h1 em{display:inline}
  .intro-copy{font-size:11px;margin-top:12px}
  .intro-copy br{display:none}
  .scene{height:540px}
  .globe-core{width:106px;height:106px}
  .globe-core strong{font-size:26px}
  .globe-core>span{font-size:7px}
  .globe-core .core-caption{font-size:5px;margin-top:5px}
  .story-node{width:clamp(148px,43vw,240px);padding:10px 8px 10px 14px}
  .story-node strong{font-size:clamp(17px,4.5vw,23px);line-height:1.14}
  .story-node small{font-size:7px;letter-spacing:.8px;margin-bottom:7px}
  .story-node:before{width:6px;height:6px;top:16px;left:-3px}
  .scene-controls{gap:12px;font-size:10px}
  .scene-controls button{font-size:10px}
  .drag-hint>span{margin-right:4px}
  .motion-note{max-width:330px;font-size:9px;margin:2px auto 20px}
  .axis-label{font-size:6px;letter-spacing:1.5px}
  .reader-shell{width:calc(100% - 76px);margin-top:18px}
  .reader-head{padding:30px 18px 20px}
  .reader-head h2{font-size:32px}
  .nav-prev{left:4px}.nav-next{right:4px}
  .round{width:32px;height:44px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){body.reading-open .scene{transform:none;filter:none}}