:root{
  --bg:#07111e;--bg2:#0b1829;--panel:#0f2238;--panel2:#0b1a2d;--panel3:#132b45;
  --line:#3b648d;--line-soft:#2d4968;--text:#f5f7fb;--muted:#aebfd2;
  --gold:#ffcb45;--gold2:#ef8d1a;--blue:#55a6ff;--violet:#9655ff;--red:#ff635f;--green:#73d774;
  --shadow:0 18px 48px rgba(0,0,0,.32);--r:26px;--rs:18px;--max:1460px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg)}
button,input{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.site{min-height:100vh;overflow:hidden}.shell{width:min(var(--max),calc(100% - 28px));margin:0 auto}

/* top bar */
.topbar{position:relative;z-index:40;padding:16px 0 8px}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:50px;height:58px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 14px rgba(139,75,255,.38))}
.brand-copy{line-height:1}.brand-name{font-weight:950;font-size:clamp(18px,2.1vw,34px);letter-spacing:.02em}.brand-sub{margin-top:5px;color:var(--gold);font-weight:900;letter-spacing:.12em;font-size:clamp(10px,1vw,17px)}
.crumbs{margin-top:8px;color:#e9f0f8;font-size:13px}.crumbs a,.crumbs button{border:0;background:none;color:inherit;padding:0;text-decoration:none}.crumbs a:hover,.crumbs button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.crumbs .current{color:#fff}.crumbs .sep{color:var(--gold);margin:0 7px}
.actions{display:flex;align-items:center;gap:10px}.icon-btn{width:56px;height:56px;border:0;background:transparent;padding:0;display:block;filter:drop-shadow(0 7px 10px rgba(0,0,0,.28))}.icon-btn img{display:block;width:100%;height:100%;object-fit:contain}

/* reusable fantasy art placeholder */
.art{position:relative;overflow:hidden;background:linear-gradient(145deg,#23558a,#84c3ec 42%,#648b55 70%,#172638);isolation:isolate}
.art:before{content:"";position:absolute;inset:auto -8% 16%;height:52%;background:linear-gradient(38deg,#253b50 0 38%,#779a61 39% 49%,#354d65 50%);clip-path:polygon(0 100%,11% 52%,23% 76%,34% 22%,45% 68%,58% 37%,72% 73%,84% 18%,100% 100%);opacity:.92}
.art:after{content:attr(data-art);position:absolute;left:12px;bottom:10px;z-index:2;padding:5px 8px;border-radius:8px;background:rgba(3,12,23,.68);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#dce8f4}
.art.gold{background:radial-gradient(circle at 50% 44%,#ffe069 0 4%,#aa39f3 5% 19%,#3d1479 20% 43%,#11192b 67%)}.art.gold:before{clip-path:none;inset:0;height:auto;background:radial-gradient(circle,#fff1a4 0 1.4%,transparent 1.6%);background-size:26px 26px;opacity:.14}
.art.dark{background:radial-gradient(circle at 64% 30%,rgba(130,62,224,.75),transparent 20%),linear-gradient(145deg,#0a0d17,#2a1249 47%,#0c1625)}
.art.fire{background:radial-gradient(circle at 37% 42%,#ffd15a 0 3%,#df5d18 14%,transparent 34%),linear-gradient(150deg,#25100d,#641e17 50%,#0d1623)}
.art.ice{background:linear-gradient(145deg,#214f77,#a5ddf7 42%,#dff5ff 53%,#4b6a8b 72%,#18273b)}
.art.bone{background:radial-gradient(circle at 56% 42%,#e7d7a5 0 4%,#756749 17%,transparent 35%),linear-gradient(145deg,#2c2831,#786951 50%,#171b23)}
.art.storm{background:radial-gradient(circle at 62% 22%,#c4f0ff 0 2%,transparent 3%),linear-gradient(145deg,#102a4d,#2e6ea0 48%,#121b2d)}
.art.forest{background:radial-gradient(circle at 58% 35%,rgba(111,255,189,.42),transparent 20%),linear-gradient(145deg,#0c3428,#246744 48%,#0b1920)}

/* homepage hero */
.home-hero{position:relative;padding:6px 0 34px;isolation:isolate}.home-hero:before{content:"";position:absolute;z-index:-2;left:50%;top:-90px;width:112vw;height:690px;transform:translateX(-50%);background-image:linear-gradient(180deg,rgba(4,12,23,.12),rgba(7,17,30,.18) 52%,rgba(7,17,30,.9) 100%),url('/codex/assets/codex/codex-cover.webp?v=19');background-position:center 42%;background-size:cover;background-repeat:no-repeat}
.home-hero:after{content:"";position:absolute;z-index:-1;inset:230px -20vw auto;height:540px;background:linear-gradient(180deg,transparent,rgba(7,17,30,.88) 82%,var(--bg))}
.home-hero h1{margin:0}.codex-title-img{display:block;width:auto;height:clamp(105px,16vw,220px);max-width:92vw;margin:-6px auto 0;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.42))}
.tagline{text-align:center;margin:8px 0 22px;font-family:"Arial Black",Impact,Inter,sans-serif;font-size:clamp(15px,1.9vw,25px);font-weight:950;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 3px 0 #02050a,0 6px 10px rgba(0,0,0,.98),0 0 22px #000;-webkit-text-stroke:.25px rgba(0,0,0,.85)}.tagline .tag-orange{color:#f1a017}.tagline .tag-blue{color:#7080ff}.tagline .tag-dot{color:#ff403b;margin:0 .28em}
.search-shell{max-width:1160px;margin:0 auto 17px;position:relative}.search-wrap{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(20,43,71,.97),rgba(11,29,50,.97));border:2px solid #405f82;border-radius:28px;padding:11px 14px 11px 20px;box-shadow:var(--shadow),inset 0 0 24px rgba(255,255,255,.025)}
.search-icon{font-size:30px;opacity:.9}.search-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:clamp(17px,1.6vw,23px);padding:7px 4px}.search-wrap input::placeholder{color:#9daec2}.browse-btn{border:0;background:transparent;color:#f5f7fa;font-weight:900;display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:16px;white-space:nowrap}.mini-grid{display:grid;grid-template-columns:repeat(2,7px);gap:4px}.mini-grid i{width:7px;height:7px;border-radius:2px;background:var(--gold);display:block}
.search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);background:rgba(9,24,42,.99);border:2px solid #476b91;border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.42);overflow:hidden}.search-head{padding:12px 16px;border-bottom:1px solid #294866;color:#b7c9da;font-size:13px}.search-item{width:100%;border:0;border-bottom:1px solid #1d3a56;background:transparent;color:inherit;text-align:left;padding:12px 15px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px}.search-item:last-child{border-bottom:0}.search-item:hover{background:#122b46}.search-thumb{width:54px;height:44px;border-radius:10px}.search-item strong{display:block}.search-item small{color:#9fb3c7}.search-kind{font-size:11px;text-transform:uppercase;font-weight:900;color:var(--gold)}
.mode-tabs{max-width:1160px;margin:0 auto 20px;background:rgba(9,23,41,.94);border:2px solid #4a5d73;border-radius:28px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.23)}.mode-tab{border:0;background:transparent;color:#b8c2d0;padding:16px 10px;font-weight:900;font-size:clamp(15px,1.65vw,22px);position:relative}.mode-tab+.mode-tab:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#42556c}.mode-tab.active{color:#fff;background:linear-gradient(180deg,#58a8ff,#2e6fb5);box-shadow:inset 0 0 24px rgba(255,255,255,.18)}.mode-tab[data-mode="legend"].active{background:linear-gradient(180deg,#a661ff,#6335aa)}.mode-tab[data-mode="chronicle"].active{background:linear-gradient(180deg,#ff8469,#b74343)}
.mode-intro{max-width:1160px;margin:0 auto 14px;text-align:center;color:#c7d3e1;line-height:1.5}.mode-intro strong{color:#fff}

/* category grids */
.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px auto 24px;max-width:1340px}.section-card{position:relative;border:2px solid #4a7199;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#1a3756 0 48%,#0d1e34 48%);min-height:250px;box-shadow:0 12px 26px rgba(0,0,0,.22);padding:0;color:inherit;text-align:left;transition:.16s ease}.section-card:hover{transform:translateY(-2px);border-color:#73a4d7}.section-card .art{height:138px;border-bottom:1px solid #426787}.section-card .cover-art{background-position:center;background-size:cover;background-repeat:no-repeat}.section-card .cover-art:before,.section-card .cover-art:after{display:none}.section-card .copy{padding:15px 17px 18px}.section-card h3{margin:0 0 7px;font-size:20px}.section-card p{margin:0;color:#c2cee0;line-height:1.35;font-size:14px}.round-go{position:absolute;z-index:3;top:13px;right:13px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff4d2;border:3px solid #efb536;color:#0c3a74;font-weight:950;font-size:21px;box-shadow:0 5px 11px rgba(0,0,0,.21)}
.legend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.legend-card{border-color:#6d4c9c;background:linear-gradient(180deg,#29184d 0 48%,#111b31 48%)}

/* chronicle home */
.timeline-home{max-width:1340px;margin:8px auto 26px;background:linear-gradient(180deg,#0f2238,#091a2d);border:2px solid #456b91;border-radius:26px;padding:18px;box-shadow:var(--shadow)}.era-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.era-btn{position:relative;border:2px solid #355775;background:#0c1e33;color:#c2cee0;border-radius:18px;padding:12px 8px;font-weight:900;min-height:70px}.era-btn small{display:block;color:#849bb2;margin-top:5px;font-weight:700}.era-btn.active{color:#fff;border-color:#f0b63b;background:linear-gradient(180deg,#4d3410,#201a18);box-shadow:0 0 24px rgba(240,182,59,.16)}.era-btn.active small{color:#ffd879}.era-detail{margin-top:14px;border:1px solid #35587b;border-radius:20px;background:#0b1d31;display:grid;grid-template-columns:minmax(180px,32%) 1fr;overflow:hidden}.era-detail .art{min-height:190px}.era-copy{padding:22px}.era-copy .eyebrow{color:#ffb15b}.era-copy h2{margin:4px 0 9px;font-size:clamp(23px,2.6vw,38px)}.era-copy p{margin:0 0 14px;color:#c5d2df;line-height:1.5}.era-events{display:flex;flex-wrap:wrap;gap:8px}.era-event{border:1px solid #486b8d;background:#132b45;color:#ecf3fa;border-radius:999px;padding:8px 11px;font-weight:750;font-size:13px}

/* featured + latest */
.feature{max-width:1340px;margin:0 auto 24px;display:grid;grid-template-columns:minmax(220px,38%) 1fr;min-height:188px;background:linear-gradient(180deg,#112840,#0a1a2c);border:2px solid #47719a;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.feature .art{min-height:188px}.feature-copy{padding:25px 28px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.eyebrow{color:#b97cff;font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.feature h2{margin:5px 0 8px;font-size:clamp(22px,2.3vw,34px)}.feature p{margin:0;color:#c9d4e3;line-height:1.45;max-width:680px}.primary-btn{border:3px solid #efb837;background:#fff7df;color:#173e77;border-radius:999px;padding:14px 20px;font-weight:950;box-shadow:0 5px 0 rgba(112,64,0,.36);white-space:nowrap}
.section-heading{max-width:1340px;margin:0 auto 12px;display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading h2{font-size:20px;margin:0}.section-heading button{border:0;background:transparent;color:#b67cff;font-weight:900}
.entries-grid{max-width:1340px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entry-card{position:relative;border:2px solid #43698e;border-radius:23px;overflow:hidden;background:#0e2239;color:inherit;text-align:left;padding:0;box-shadow:0 12px 24px rgba(0,0,0,.2);transition:.16s ease}.entry-card:hover{transform:translateY(-2px);border-color:#6b9ac7}.entry-card .art{height:170px}.entry-card .body{padding:15px 17px 18px}.entry-card h3{margin:6px 0 7px;font-size:21px}.entry-card p{margin:0;color:#becbdd;line-height:1.4}.meta-line{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}.tag{border:1px solid #3d5e7d;border-radius:999px;background:#13283f;color:#c8d6e5;padding:5px 9px;font-size:11px;font-weight:800}.badge{display:inline-flex;align-items:center;border:1px solid #4e6b89;border-radius:999px;padding:5px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:#dfe9f4;background:#14283d}.badge.canon{color:#ffd35a;border-color:#89671c}.badge.legend{color:#c69cff;border-color:#7754a1}.badge.chronicle{color:#ff8c82;border-color:#994a48}

/* section page */
.page-hero{position:relative;min-height:420px;margin-top:-78px;padding-top:120px;display:flex;align-items:end;isolation:isolate}.page-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 70% 32%,rgba(255,203,69,.25),transparent 20%),linear-gradient(145deg,#1c5182,#73b8e4 42%,#496e4d 70%,#0a1524)}.page-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,12,23,.1),rgba(7,17,30,.92) 86%)}.page-hero-inner{width:min(1340px,calc(100% - 28px));margin:0 auto;padding:48px 0 34px}.page-kicker{color:var(--gold);font-weight:950;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:4px 0 9px;font-family:Georgia,serif;font-size:clamp(58px,8vw,118px);line-height:.9;color:#f8d15f;text-shadow:0 5px 0 rgba(74,40,0,.6),0 11px 22px rgba(0,0,0,.28);text-transform:uppercase}.page-lead{max-width:760px;margin:0;color:#e5edf6;font-size:clamp(17px,1.7vw,24px);line-height:1.5}.page-wrap{width:min(1340px,calc(100% - 28px));margin:0 auto;padding:24px 0 72px}.back-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.back-btn,.subtle-btn{border:1px solid #456989;background:#10243a;color:#e6eff8;border-radius:999px;padding:10px 14px;font-weight:850;white-space:nowrap}.subtle-btn{color:#cba5ff}.inline-search{position:relative;width:max-content;max-width:100%;margin-left:auto;transition:flex-grow .2s ease}.inline-search.active{flex:1;min-width:0}.inline-search-trigger{display:block}.inline-search.active .inline-search-trigger{display:none}.inline-search-box{display:none;position:relative;align-items:center;gap:8px;width:100%;min-height:43px;padding:0 10px 0 14px;border:1px solid #547da2;border-radius:999px;background:#0d2137;box-shadow:0 0 0 2px rgba(85,166,255,.08)}.inline-search.active .inline-search-box{display:flex}.inline-search-icon{color:#cba5ff;font-weight:900}.inline-search-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.inline-search-input::placeholder{color:#9db0c4}.inline-search-close{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#18334f;color:#c9d8e7;font-size:20px}.inline-search-results{position:absolute;z-index:70;left:0;right:0;top:calc(100% + 7px);max-height:min(480px,62vh);overflow:auto;border:1px solid #4b7093;border-radius:18px;background:rgba(9,24,42,.995);box-shadow:0 18px 44px rgba(0,0,0,.42)}.inline-search-results .search-item{grid-template-columns:46px 1fr auto}.inline-search-results .search-thumb{width:46px;height:40px}.inline-search-results.hidden{display:none}.inline-search-empty{padding:15px;color:#9fb3c7;text-align:center}.group{margin:28px 0 36px}.group-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:12px}.group-head h2{margin:0;font-size:25px}.group-head p{margin:0;color:#97aabd;font-size:13px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.group-card{border:2px solid #3d6387;border-radius:22px;background:#0e2239;overflow:hidden;color:inherit;text-align:left;padding:0;position:relative}.group-card .art{height:150px}.group-card .body{padding:16px}.group-card h3{margin:6px 0 8px}.group-card p{margin:0;color:#becbdd;line-height:1.42}.group-card .round-go{width:40px;height:40px;font-size:19px}

/* article page */
.article-hero{position:relative;min-height:500px;margin-top:-78px;padding-top:120px;display:flex;align-items:end;isolation:isolate;overflow:hidden}.article-hero .hero-art{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 68% 34%,rgba(255,198,59,.4),transparent 21%),linear-gradient(145deg,#214f7c,#7ebde1 44%,#506a48 68%,#101a29)}.article-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,11,20,.12),rgba(7,17,30,.94) 88%)}.article-hero-inner{width:min(1340px,calc(100% - 28px));margin:0 auto;padding:52px 0 32px}.article-meta{display:flex;gap:8px;flex-wrap:wrap}.article-title{font-family:Georgia,serif;margin:8px 0 10px;font-size:clamp(55px,7.5vw,112px);line-height:.92;color:#f4c74e;text-shadow:0 5px 0 rgba(76,40,0,.62),0 12px 26px rgba(0,0,0,.34)}.article-lead{max-width:760px;margin:0 0 18px;font-size:clamp(17px,1.7vw,24px);line-height:1.48;color:#e5edf5}.audio-btn{width:min(650px,100%);border:3px solid #efbd41;background:linear-gradient(180deg,#183a60,#0b233e);color:#fff;border-radius:22px;padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;box-shadow:0 0 24px rgba(255,197,55,.13)}.audio-icon{font-size:27px}.audio-copy{text-align:left}.audio-copy strong,.audio-copy small{display:block}.audio-copy small{color:#adc0d3;margin-top:2px}.play{width:42px;height:42px;border-radius:50%;border:2px solid #dbe8f6;display:grid;place-items:center}.article-wrap{width:min(1340px,calc(100% - 28px));margin:0 auto;padding:18px 0 76px}.article-mode{max-width:none;margin:0 0 16px}.article-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.article-tags .tag{font-size:12px}.facet-note{border:1px solid #3d6082;background:#0c1f34;border-radius:16px;padding:11px 14px;color:#b8c9d9;margin:0 0 15px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:15px;margin:0 0 20px}.summary-card{border:2px solid #496d91;border-radius:22px;overflow:hidden;background:#0d2138}.summary-card .art{height:170px}.summary-card .copy{padding:16px}.summary-card h3{margin:0 0 7px;color:#ffd05d}.summary-card p{margin:0;color:#c3d0de;line-height:1.48}.article-mode .mode-tab.unavailable{opacity:.38;filter:saturate(.3);cursor:not-allowed}.article-mode .mode-tab.unavailable:after{content:" · no entry";font-size:.62em;font-weight:800;color:#8998a9}.facet-empty{grid-column:1/-1;border:1px dashed #486985;border-radius:20px;padding:24px;text-align:center;color:#9fb2c6;background:#0a1b2d}.facet-timeline{grid-column:1/-1;position:relative;display:grid;gap:11px;padding-left:18px}.facet-timeline:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--gold),#6e4fc0,#486985)}.facet-time-item{position:relative;border:1px solid #456887;border-radius:19px;background:#0d2137;padding:15px 17px 15px 20px}.facet-time-item:before{content:"";position:absolute;left:-18px;top:22px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:3px solid #17293e;box-shadow:0 0 0 2px #8e6b27}.facet-time-item h3{margin:0 0 5px;color:#ffd05d}.facet-time-item p{margin:0;color:#c3d0de;line-height:1.48}.longform{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.story{border:1px solid #2d4c6a;border-radius:24px;background:#0b1b2e;padding:25px}.story h2{font-size:31px;margin:0 0 14px}.story h3{color:#f3ca5d;margin:23px 0 8px}.story p{color:#c7d2df;line-height:1.67}.quote{margin:25px 0 0;border:2px solid #7147a3;background:linear-gradient(135deg,#251449,#10192d);border-radius:22px;padding:22px;color:#f4d16b;font-family:Georgia,serif;font-size:22px;font-style:italic}.quote small{display:block;color:#c1a0ef;margin-top:10px;font-family:Inter,system-ui,sans-serif;font-style:normal;font-size:13px}.sidebar{display:grid;gap:15px}.fact-card{border:1px solid #345979;border-radius:22px;background:#0e2136;padding:18px}.fact-card h3{margin:0 0 12px}.fact-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #263f58}.fact-row:last-child{border-bottom:0}.fact-row b{color:#97acc1}.fact-row span{text-align:right}.relations{display:flex;flex-wrap:wrap;gap:8px}.relation{border:1px solid #496a88;border-radius:999px;background:#12283e;color:#e6eef6;padding:8px 10px}.related{margin-top:31px}.related h2{text-align:center;font-size:22px;color:#f1f4f8}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}

/* browse page */
.browse-hero{padding:48px 0 24px}.browse-hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,84px);color:#f4c94f;margin:0 0 8px}.browse-hero p{color:#b9c9d8;margin:0}.browse-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.filter-pill{border:1px solid #466b8d;background:#10253c;color:#dce6ef;border-radius:999px;padding:9px 12px;font-weight:850}.filter-pill.active{border-color:#a968ff;background:#3b2264}.browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:70px}

/* drawer/toast */
.drawer{position:fixed;z-index:90;top:0;right:0;width:min(390px,90vw);height:100dvh;background:#0b1a2d;border-left:2px solid #3b5f7e;box-shadow:-20px 0 50px rgba(0,0,0,.4);transform:translateX(105%);transition:.2s ease;padding:18px;overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-head h2{margin:0}.close-btn{width:42px;height:42px;border-radius:50%;border:1px solid #55718d;background:#12283f;color:#fff;font-size:23px}.drawer nav{margin-top:15px;display:grid;gap:8px}.drawer nav button{border:1px solid #345775;background:#102238;color:#fff;border-radius:15px;padding:11px 12px;text-align:left}.drawer nav small{color:#9eb2c5}.drawer-sep{margin:15px 0 7px;color:#ffcf56;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.toast{position:fixed;z-index:100;left:50%;bottom:20px;transform:translate(-50%,120px);opacity:0;background:#142a42;border:1px solid #517493;border-radius:999px;padding:10px 16px;box-shadow:var(--shadow);transition:.2s ease}.toast.show{transform:translate(-50%,0);opacity:1}
.empty{max-width:1340px;margin:20px auto 70px;padding:30px;border:1px dashed #496985;border-radius:20px;text-align:center;color:#9eb2c5}

.story .quote:empty{display:none}
.lens-source-intro{margin-top:9px;padding-top:9px;border-top:1px solid #294866;color:#d5e0eb;line-height:1.5}.lens-source-intro p{margin:0 0 7px}.lens-source-intro p:last-child{margin-bottom:0}.summary-card.no-title .copy{padding-top:18px}.summary-card.no-title p{color:#d4dee8}
.section-card .cover-art{position:relative;left:-6px;top:-6px;width:calc(100% + 12px);height:146px;margin-bottom:-6px;background-size:cover}
@media (min-width:761px){.section-card .cover-art{left:-12px;top:-12px;width:calc(100% + 24px);height:152px;margin-bottom:-12px}}
.page-hero:before{background-image:linear-gradient(180deg,rgba(4,12,23,.12),rgba(7,17,30,.18) 48%,rgba(7,17,30,.9) 100%),var(--section-cover,linear-gradient(145deg,#1c5182,#73b8e4 42%,#496e4d 70%,#0a1524));background-position:center;background-size:cover;background-repeat:no-repeat}
.page-hero:after{background:linear-gradient(180deg,rgba(4,12,23,.08),rgba(7,17,30,.62) 68%,var(--bg) 100%)}.article-hero:after{background:linear-gradient(180deg,rgba(4,11,20,.08),rgba(7,17,30,.68) 70%,var(--bg) 100%)}
.site-footer{padding:10px 14px 54px;background:var(--bg);display:flex;justify-content:center}.footer-play{position:relative;display:grid;place-items:center;width:min(360px,calc(100vw - 32px));aspect-ratio:1198/242;text-decoration:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.42));transition:transform .16s ease}.footer-play:hover{transform:translateY(-2px)}.footer-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.footer-play span{position:relative;z-index:1;color:#173f79;font-weight:950;font-size:clamp(12px,3.6vw,17px);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.72)}
@media (max-width:1100px){
 .section-grid,.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entries-grid,.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.longform{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
 .shell,.page-wrap,.article-wrap,.page-hero-inner,.article-hero-inner{width:min(100% - 18px,var(--max))}.topbar{padding-top:10px}.brand-logo{width:43px;height:50px}.brand-name{font-size:20px}.brand-sub{font-size:10px}.crumbs{font-size:11px}.actions{gap:8px}.icon-btn{width:48px;height:48px}
 .home-hero{padding-top:4px}.codex-title-img{height:clamp(100px,28vw,150px)}.tagline{font-size:14px;margin-top:5px}.search-wrap{padding:9px 10px 9px 14px;border-radius:22px}.search-icon{font-size:25px}.browse-btn{font-size:13px}.mode-tabs{border-radius:22px}.mode-tab{padding:13px 6px;font-size:14px}
 .section-grid,.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.section-card{min-height:220px;border-radius:20px}.section-card .art{height:115px}.section-card .copy{padding:12px}.section-card h3{font-size:17px}.section-card p{font-size:12px}.round-go{width:38px;height:38px;font-size:18px}
 .timeline-home{padding:11px;border-radius:20px}.era-strip{display:flex;overflow-x:auto;padding-bottom:4px}.era-btn{flex:0 0 150px}.era-detail{grid-template-columns:1fr}.era-detail .art{min-height:145px}.era-copy{padding:16px}
 .feature{grid-template-columns:1fr;border-radius:22px}.feature .art{min-height:145px}.feature-copy{padding:17px;grid-template-columns:1fr}.primary-btn{justify-self:start}.entries-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:55px}.entry-card .art{height:132px}.entries-grid .entry-card .body{padding:12px}.entries-grid .entry-card h3{font-size:17px}.entries-grid .entry-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .page-hero,.article-hero{min-height:390px;padding-top:105px}.page-title{font-size:clamp(54px,17vw,86px)}.article-title{font-size:clamp(49px,15vw,82px)}.page-lead,.article-lead{font-size:16px}.back-row{flex-wrap:nowrap}.back-btn{flex:0 0 auto}.inline-search{min-width:0}.inline-search.active{width:auto}.inline-search-results .search-item{grid-template-columns:40px 1fr}.inline-search-results .search-kind{display:none}.group-grid{grid-template-columns:1fr}.group-card{display:grid;grid-template-columns:120px 1fr}.group-card .art{height:100%;min-height:130px}
 .summary-grid{grid-template-columns:1fr}.summary-card{display:grid;grid-template-columns:120px 1fr}.summary-card .art{height:100%;min-height:150px}.sidebar{grid-template-columns:1fr}.related-grid{display:flex;overflow-x:auto}.related-grid .entry-card{flex:0 0 78vw}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .search-item{grid-template-columns:46px 1fr}.search-thumb{width:46px;height:40px}.search-kind{display:none}
}
@media (max-width:460px){
 .topbar-row{gap:6px}.brand{gap:5px}.brand-logo{width:34px;height:40px}.brand-name{font-size:15px}.brand-sub{font-size:7px;letter-spacing:.09em}.crumbs{margin-top:5px;font-size:9px}.actions{gap:4px}.icon-btn{width:38px;height:38px}.codex-title-img{height:100px;max-width:94vw}.browse-btn{padding:6px 4px}.browse-btn .mini-grid{display:none}.mode-tab{font-size:12px}.section-card{min-height:205px}.section-card .art{height:104px}.section-card .cover-art{height:112px}.section-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entries-grid{gap:8px}.entries-grid .entry-card{border-radius:18px}.entries-grid .entry-card .art{height:108px}.entries-grid .entry-card h3{font-size:15px}.entries-grid .entry-card .badge{font-size:8px;padding:4px 6px}.group-card{grid-template-columns:105px 1fr}.summary-card{display:block}.summary-card .art{height:125px;min-height:0}.browse-grid{grid-template-columns:1fr}.article-mode .mode-tab{font-size:11px}.article-mode .mode-tab.unavailable:after{display:none}.article-wrap{padding-top:12px}.site-footer{padding-bottom:36px}
}
@media (min-width:1500px){.home-hero:before{height:760px}.section-card{min-height:290px}.section-card .art{height:165px}.entry-card .art{height:190px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.drawer-section-title{margin:18px 0 7px;color:#ffcf56;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drawer-grid button{min-height:46px;text-align:center!important;font-weight:850}
.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.language-grid button.active{border-color:#ffcb45;background:#1b3652;color:#ffda69}.translation-pending{display:block;margin-top:12px;color:#90a5ba;font-size:11px;line-height:1.35}
.seo-fallback{width:min(900px,calc(100% - 32px));margin:30px auto;color:#d4dee8;line-height:1.65}.seo-fallback h1,.seo-fallback h2{color:#ffd05d}
@media(max-width:460px){.drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V11 realm-lexicon terms */
.lexicon-term{display:inline;margin:0;padding:0 .03em;border:0;border-radius:.18em;background:linear-gradient(180deg,transparent 58%,rgba(153,92,255,.24) 58%);box-shadow:inset 0 -1px 0 rgba(216,179,255,.82);color:#e3c4ff;font:inherit;font-weight:850;line-height:inherit;text-align:inherit;cursor:help;-webkit-tap-highlight-color:transparent;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}
.lexicon-term:hover,.lexicon-term:focus-visible{outline:0;color:#ffd363;background:linear-gradient(180deg,transparent 54%,rgba(242,184,58,.25) 54%);box-shadow:inset 0 -2px 0 rgba(255,207,87,.9),0 0 13px rgba(191,123,255,.15)}
.lexicon-tooltip{position:fixed;z-index:180;left:0;top:0;width:min(360px,calc(100vw - 24px));padding:15px 17px 16px;border:1px solid #8f66c8;border-radius:17px;background:linear-gradient(150deg,rgba(39,23,72,.985),rgba(9,25,43,.99));box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 0 24px rgba(172,104,255,.08);opacity:0;visibility:hidden;transform:translateY(5px) scale(.985);pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.lexicon-tooltip.open{opacity:1;visibility:visible;transform:none}.lexicon-tooltip-label,.lexicon-mobile-label{margin-bottom:5px;color:#c68cff;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.lexicon-tooltip strong{display:block;color:#ffd15d;font-family:Georgia,serif;font-size:20px;line-height:1.15}.lexicon-tooltip p{margin:7px 0 0;color:#d8e2ec;font-size:13px;line-height:1.48}
.lexicon-mobile-layer{position:fixed;z-index:190;inset:0;display:flex;align-items:flex-end;background:rgba(2,8,16,0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,background-color .18s ease,visibility .18s ease}.lexicon-mobile-layer.open{background:rgba(2,8,16,.42);opacity:1;visibility:visible;pointer-events:auto}
.lexicon-mobile-sheet{width:100%;padding:10px max(20px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:1px solid #7b59b3;border-width:1px 0 0;border-radius:25px 25px 0 0;background:linear-gradient(155deg,#29194a,#0c2137 72%);box-shadow:0 -18px 48px rgba(0,0,0,.48);transform:translateY(104%);transition:transform .22s cubic-bezier(.2,.75,.22,1)}.lexicon-mobile-layer.open .lexicon-mobile-sheet{transform:none}.lexicon-mobile-handle{width:46px;height:4px;margin:0 auto 13px;border-radius:999px;background:#758aa0}.lexicon-mobile-sheet h3{margin:0;color:#ffd05d;font-family:Georgia,serif;font-size:clamp(25px,7vw,34px);line-height:1.08}.lexicon-mobile-sheet p{margin:9px 0 12px;color:#e0e8f1;font-size:16px;line-height:1.48}.lexicon-mobile-sheet small{color:#91a7bd;font-size:11px}
@media(max-width:760px),(hover:none),(pointer:coarse){.lexicon-term{cursor:pointer;color:#e7c9ff;background:linear-gradient(180deg,transparent 58%,rgba(153,92,255,.28) 58%)}.lexicon-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.lexicon-tooltip,.lexicon-mobile-layer,.lexicon-mobile-sheet{transition:none!important}}
/* V12 article covers and editorial layout */
.cover-art{background-position:center;background-size:cover;background-repeat:no-repeat}.cover-art:before,.cover-art:after{display:none!important}
.article-hero .hero-art{background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.92) contrast(1.02)}
.article-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,14,25,.72) 0,rgba(5,14,25,.34) 54%,rgba(5,14,25,.12) 100%)}
.article-hero:after{background:linear-gradient(180deg,rgba(4,11,20,.12),rgba(7,17,30,.25) 45%,rgba(7,17,30,.92) 100%)}
.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);grid-template-areas:"audio blank" "nav tabs" "story lens" "support lens";gap:16px 20px;align-items:start}
.article-audio{grid-area:audio;width:100%;max-width:none}.article-nav{grid-area:nav;min-width:0}.article-nav .back-row{margin:0 0 12px}.article-nav .article-tags{margin:0}
.article-mode{grid-area:tabs;margin:0;align-self:start;border-radius:18px}.article-mode .mode-tab{padding:13px 6px;font-size:clamp(11px,1.05vw,15px)}
.story{grid-area:story}.article-lens{grid-area:lens;min-width:0}.article-support{grid-area:support;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.article-lens .facet-note{font-size:13px;line-height:1.5}.article-lens .facet-note p{margin:0 0 8px}.article-lens .facet-note p:last-child{margin-bottom:0}
.article-lens .summary-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
.facet-card{position:relative;overflow:hidden;border:1px solid #4278a5;border-radius:20px;padding:18px 18px 19px;background:linear-gradient(145deg,rgba(19,71,116,.94),rgba(9,30,50,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.16)}
.facet-card.tone-2{border-color:#3d8c91;background:linear-gradient(145deg,rgba(14,83,86,.92),rgba(8,34,48,.98))}.facet-card.tone-3{border-color:#7258a6;background:linear-gradient(145deg,rgba(68,46,112,.94),rgba(18,25,47,.98))}
.facet-card.legend{border-color:#7455a9;background:linear-gradient(145deg,rgba(68,43,116,.96),rgba(22,24,49,.98))}.facet-card.legend.tone-2{background:linear-gradient(145deg,rgba(91,47,104,.94),rgba(28,27,49,.98))}.facet-card.legend.tone-3{background:linear-gradient(145deg,rgba(48,50,120,.94),rgba(16,28,52,.98))}
.facet-card.chronicle{border-color:#8b604e;background:linear-gradient(145deg,rgba(107,54,43,.94),rgba(35,27,38,.98))}.facet-card.chronicle.tone-2{background:linear-gradient(145deg,rgba(75,62,119,.94),rgba(24,28,51,.98))}.facet-card.chronicle.tone-3{background:linear-gradient(145deg,rgba(38,79,102,.94),rgba(15,31,49,.98))}
.facet-type{margin-bottom:7px;color:#81c7ff;font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.facet-card.legend .facet-type{color:#d0a6ff}.facet-card.chronicle .facet-type{color:#ffb69a}
.facet-card h3{margin:0 0 8px;color:#f1cc67;font-family:Georgia,serif;font-size:21px;line-height:1.16}.facet-card p{margin:0;color:#d4dee8;line-height:1.52;font-size:14px}
.article-lens .summary-grid.chronicle-timeline{position:relative;gap:16px;padding-left:42px}
.article-lens .summary-grid.chronicle-timeline:before{content:"";position:absolute;left:14px;top:24px;bottom:24px;width:2px;border-radius:999px;background:linear-gradient(180deg,#f4a071 0%,#ba6e8c 48%,#6b92bd 100%);box-shadow:0 0 12px rgba(224,125,106,.42)}
.chronicle-timeline .facet-card{overflow:visible}
.chronicle-card-head{position:relative;display:block;min-height:34px}
.chronicle-card-head>div{min-width:0}
.chronicle-order{position:absolute;left:-48px;top:-2px;z-index:1;width:30px;height:30px;display:grid;place-items:center;border:2px solid #f0a17e;border-radius:50%;background:#12243a;color:#ffd3bd;font-size:10px;font-weight:950;letter-spacing:.04em;box-shadow:0 0 0 4px #081827,0 0 15px rgba(240,130,101,.45)}
.chronicle-card-head .facet-type{margin-bottom:5px}.chronicle-card-head h3{margin-bottom:9px}
.chronicle-timeline .facet-card.tone-2 .chronicle-order{border-color:#bd88d5;color:#e4c0f2}.chronicle-timeline .facet-card.tone-3 .chronicle-order{border-color:#70a9c5;color:#bce7f7}
.entry-card .cover-art,.group-card .cover-art{background-position:center}.search-item .search-thumb{min-width:0}
@media(max-width:920px) and (min-width:761px){.article-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr)}.article-support{grid-template-columns:1fr}.article-mode .mode-tab{font-size:10px}}
@media(max-width:760px){
 .article-layout{grid-template-columns:1fr;grid-template-areas:"audio" "nav" "story" "tabs" "lens" "support";gap:13px}.article-audio{margin-bottom:2px}.article-mode{margin-top:2px}.article-lens .summary-grid{grid-template-columns:1fr}.article-support{grid-template-columns:1fr}.story{padding:20px}.facet-card{padding:16px}.facet-card h3{font-size:20px}.facet-card p{font-size:14px}.article-hero .hero-art{background-position:center}.article-hero:before{background:linear-gradient(90deg,rgba(5,14,25,.52),rgba(5,14,25,.12))}.article-lens .summary-grid.chronicle-timeline{padding-left:36px}.article-lens .summary-grid.chronicle-timeline:before{left:11px}.chronicle-order{left:-42px;width:28px;height:28px;font-size:9px}
}

/* V13 — guided discovery, typed links and reading history */
.mode-scope-note{display:block;margin-top:6px;color:#90a9c2;font-size:.9em}
.start-route{position:relative;isolation:isolate;overflow:hidden;max-width:1340px;min-height:278px;margin:18px auto 22px;border:2px solid #527ba0;border-radius:28px;background-image:linear-gradient(90deg,rgba(6,17,31,.98) 0%,rgba(7,20,35,.94) 46%,rgba(8,20,35,.3) 77%,rgba(8,20,35,.12) 100%),var(--start-cover);background-position:center;background-size:cover;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.start-route:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,13,24,.58))}.start-route-legend{border-color:#7658a7}.start-route-chronicle{border-color:#956050}
.start-route-copy{width:min(68%,790px);padding:31px 34px 28px}.start-route-kicker{color:#82c8ff;font-size:11px;font-weight:950;letter-spacing:.16em}.start-route-legend .start-route-kicker{color:#d0a6ff}.start-route-chronicle .start-route-kicker{color:#ffb69a}
.start-route h2{margin:6px 0 9px;color:#f3ce69;font-family:Georgia,serif;font-size:clamp(28px,3.4vw,48px);line-height:1.04;text-wrap:balance}.start-route p{max-width:720px;margin:0;color:#d2deea;font-size:15px;line-height:1.52}.start-route-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.start-route-links button{max-width:100%;border:1px solid #527ba0;border-radius:999px;background:rgba(11,31,52,.9);color:#edf4fb;padding:8px 11px;font-size:12px;font-weight:850;white-space:normal}.start-route-links button span{color:#f3c85f}.start-route-legend .start-route-links button{border-color:#7759a9}.start-route-chronicle .start-route-links button{border-color:#986453}
.visited-mark{position:absolute;z-index:5;top:10px;left:10px;border:1px solid rgba(137,211,168,.65);border-radius:999px;background:rgba(7,31,30,.9);color:#a8e4bc;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 13px rgba(0,0,0,.28)}
.recent-section{max-width:1340px;margin:35px auto 24px;padding-top:24px;border-top:1px solid #2b4660}.recent-head h2{margin:4px 0 4px;font-family:Georgia,serif;color:#f1ce70;font-size:30px}.recent-head p{margin:0 0 14px;color:#9fb2c6}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recent-card{position:relative;overflow:hidden;border:1px solid #3d6387;border-radius:20px;background:#0e2239;color:inherit;text-align:left;padding:0}.recent-card .art{height:120px}.recent-card .body{padding:12px}.recent-card h3{margin:5px 0 6px;font-size:17px}.recent-card p{display:-webkit-box;margin:0;color:#aebed0;font-size:12px;line-height:1.38;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-title{max-width:100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto}.article-mode .mode-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.facet-count{display:inline-grid;min-width:23px;height:23px;padding:0 5px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,17,31,.34);font-size:10px}.article-mode .mode-tab.unavailable:after{display:none}
.relations{display:grid;grid-template-columns:1fr;gap:8px}.relation{display:grid;gap:3px;width:100%;border-radius:14px;padding:9px 11px;text-align:left}.relation small{color:#7fbce9;font-size:8px;font-weight:950;letter-spacing:.11em;line-height:1.3}.relation span{font-size:13px;font-weight:850;line-height:1.25}
@media(max-width:760px){.start-route{min-height:330px;margin:14px auto 19px;border-radius:22px;background-image:linear-gradient(180deg,rgba(6,17,31,.24),rgba(6,17,31,.9) 35%,rgba(6,17,31,.99) 72%),var(--start-cover)}.start-route-copy{width:100%;padding:126px 18px 19px}.start-route h2{font-size:clamp(27px,8vw,39px)}.start-route p{font-size:13px}.start-route-links{gap:6px;margin-top:14px}.start-route-links button{font-size:11px;padding:7px 9px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.recent-card .art{height:105px}.recent-card .body{padding:10px}.recent-card h3{font-size:15px}.recent-section{margin-top:27px}.recent-head h2{font-size:26px}.article-title{font-size:clamp(38px,12vw,68px);line-height:.98}.article-mode .mode-tab{gap:4px;font-size:10px}.facet-tab-icon{display:none}.facet-count{min-width:20px;height:20px;font-size:9px}.article-tags .tag{overflow-wrap:anywhere}}
@media(max-width:460px){.start-route-copy{padding:120px 14px 16px}.start-route h2{font-size:clamp(25px,7.8vw,34px)}.start-route-links button{flex:1 1 calc(50% - 6px)}.recent-grid{grid-template-columns:1fr}.recent-card{display:grid;grid-template-columns:105px 1fr}.recent-card .art{height:100%;min-height:105px}.article-title{font-size:clamp(33px,11vw,52px);line-height:1}}

/* V16 — consistent related cards and deferred content artwork */
[data-lazy-bg]{background-color:#0c1d31;background-image:linear-gradient(135deg,#132b45,#091827)}
.article-mode .facet-tab-icon{display:none}
.related-grid{align-items:stretch;grid-auto-rows:1fr}
.related-grid .entry-card{display:grid;height:100%;min-height:370px;grid-template-rows:170px minmax(0,1fr)}
.related-grid .entry-card .art{width:100%;height:170px;min-height:170px;margin:0;border-radius:0;background-position:center;background-size:cover}
.related-grid .entry-card .body{display:grid;min-height:0;grid-template-rows:auto minmax(2.7em,auto) 1fr;align-content:start;padding:15px 17px 18px}
.related-grid .entry-card h3{display:-webkit-box;min-height:2.7em;margin:6px 0 7px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.related-grid .entry-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
@media(max-width:760px){
 .related-grid{display:flex;align-items:stretch;gap:12px;scroll-snap-type:x proximity;padding-bottom:4px}
 .related-grid .entry-card{flex:0 0 min(78vw,360px);height:350px;min-height:350px;grid-template-rows:140px minmax(0,1fr);scroll-snap-align:start}
 .related-grid .entry-card .art{height:140px;min-height:140px}
 .related-grid .entry-card .body{padding:13px 14px 15px}
 .related-grid .entry-card h3{font-size:18px}
 .related-grid .entry-card p{font-size:13px;line-height:1.4;-webkit-line-clamp:4}
}
@media(max-width:460px){
 .related-grid .entry-card{flex-basis:82vw;height:330px;min-height:330px;grid-template-rows:128px minmax(0,1fr)}
 .related-grid .entry-card .art{height:128px;min-height:128px}
}

/* Native buttons otherwise vertically center their anonymous content box. */
.entry-card,.section-card,.recent-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0}
.entry-card>.art,.section-card>.art,.recent-card>.art,.group-card>.art{flex:none;align-self:stretch;position:relative;left:-2px;top:-2px;width:calc(100% + 4px);margin:0 0 -2px;border-radius:0;background-size:cover;background-position:center}
.entry-card>.body,.section-card>.copy,.recent-card>.body,.group-card>.body{min-width:0;overflow-wrap:anywhere}
.entry-card h3,.section-card h3,.group-card h3,.recent-card h3{overflow-wrap:anywhere}
@media(min-width:761px){.group-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0}}
@media(max-width:460px){.recent-card{display:grid}}
:lang(ja),:lang(zh-CN){word-break:normal;line-break:strict}
:lang(ja) .article-title,:lang(zh-CN) .article-title{font-family:Georgia,"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK SC",serif;line-height:1.2}
:lang(ja) .story,:lang(zh-CN) .story{line-height:1.85}

/* English fallback routes stay selectable, but do not look fully translated. */
.language-grid button.language-pending{color:#98a2ad;border-color:#465260;background:#17212d}
.language-grid button.language-pending:hover{color:#bdc5ce;border-color:#758190;background:#232f3c}
.language-grid button.language-pending.active{color:#c4cbd3;border-color:#95a0ad;background:#293747}
.language-grid button:focus-visible{outline:2px solid #ffda69;outline-offset:3px}

/* V18: section headings follow the same width constraints as article titles. */
.page-hero-inner,.article-hero-inner,.group-head>div{min-width:0}
.page-title,.article-title,.group-head h2{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
@media(max-width:760px){
 .page-title,.article-title{font-size:clamp(32px,8.5vw,54px);line-height:1.08;letter-spacing:0}
 .group-head h2{font-size:clamp(23px,6vw,30px);line-height:1.2}
 .page-kicker{font-size:12px;overflow-wrap:anywhere}
 .back-row{gap:8px}
 .back-btn,.inline-search-trigger{font-size:13px;padding:10px 12px;max-width:100%}
 .inline-search-trigger{white-space:normal;overflow-wrap:anywhere;text-align:center}
 /* Reserve space inside the scrollport for lift, border, focus and shadow. */
 .related-grid{padding:12px 4px 24px;scroll-padding-inline:4px}
 .related-grid .entry-card{height:410px;min-height:410px;grid-template-rows:140px minmax(0,1fr)}
 .related-grid .entry-card .body{grid-template-rows:auto auto 1fr;align-content:start;padding-bottom:22px}
 .related-grid .entry-card .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .related-grid .entry-card h3{line-height:1.35;min-height:2.7em}
 .related-grid .entry-card p{align-self:start;line-height:1.5;-webkit-line-clamp:5;padding-bottom:1px}
}
@media(max-width:460px){
 .page-title,.article-title{font-size:clamp(30px,8.5vw,39px)}
 .related-grid .entry-card{height:390px;min-height:390px;grid-template-rows:128px minmax(0,1fr)}
}