/* 17c / midnight blueprint: typography, layout, navigation, editorial modules */
:root{--rose:#05AFA5;--rose-2:#12CBBB;--rose-light:#80E6DC;--rose-soft:#E4FAF6;--cream:#F7FAFC;--cream-2:#EDF3F7;--cream-3:#DDE8EE;--mauve:#687C93;--mauve-deep:#3E5570;--plum:#182B43;--plum-dark:#0A1628;--lavender:#8495B8;--lavender-soft:#EDF0FA;--peach:#7567E8;--peach-soft:#EFEDFF;--sage:#4B8B9B;--sage-soft:#E8F5F7;--ink:#17243A;--ink-2:#42556A;--ink-3:#718296;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.96);--line:rgba(23,36,58,.12);--line-strong:rgba(23,36,58,.24);--shadow:0 8px 28px rgba(10,22,40,.08);--shadow-hover:0 18px 42px rgba(10,22,40,.15);--radius:10px;--radius-card:16px;--radius-large:24px;--radius-pill:999px;--wrap:1320px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}button,input{font:inherit}button{cursor:pointer}img,video{display:block;max-width:100%;height:auto}p{margin:0 0 1.25em}h1,h2,h3,h4{line-height:1.35;letter-spacing:-.025em;margin:0 0 .65em;font-weight:660}h1{font-size:clamp(2.5rem,5vw,5.15rem)}h2{font-size:clamp(1.55rem,2.7vw,2.45rem)}h3{font-size:1.25rem}.wrap{width:min(var(--wrap),calc(100% - 72px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;z-index:101;top:-100px;left:10px;background:white;padding:12px}.skip-link:focus{top:10px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--rose-2);outline-offset:3px}.eyebrow{display:inline-block;font-size:.73rem;font-weight:760;letter-spacing:.19em;text-transform:uppercase;color:var(--rose);margin-bottom:16px}.section{padding:68px 0 34px;position:relative}.section-alt{background:linear-gradient(130deg,#edf3f7,#f9fcfd);border-radius:24px;padding:42px;margin-top:25px}.section-ink{background:#101f33;color:white;border-radius:24px;padding:45px;margin-top:34px}.section-ink .section-head p,.section-ink .section-head .eyebrow{color:#a8c8d3}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{margin:0;max-width:700px}.section-head>p{max-width:450px;color:var(--ink-2);font-size:.96rem;margin:0}.text-link{color:#008e87;display:inline-block;font-weight:750;margin-top:12px}.text-link:hover{text-decoration:underline}.action-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;min-height:45px;justify-content:center;align-items:center;padding:10px 22px;border-radius:999px;font-size:.9rem;font-weight:720;border:1px solid transparent;transition:.2s transform,.2s background,.2s border-color}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--rose-2);color:#052c2d}.btn-primary:hover{background:var(--rose-light);color:#052c2d}.btn-light{background:white;color:var(--ink);border-color:var(--line)}.btn-dark{background:#1a3047;color:white}.btn-outline{border-color:rgba(255,255,255,.36);color:white;background:transparent}.btn-outline:hover{border-color:var(--rose-light);color:var(--rose-light)}.article-header .btn-outline,.reading-head .btn-outline{border-color:rgba(255,255,255,.45)}
/* Header and navigation */
.site-header{height:70px;position:sticky;top:0;z-index:50;background:rgba(10,22,40,.97);border-bottom:1px solid rgba(255,255,255,.1);color:#dce8f0;transition:background .2s}.site-header.is-scrolled{background:rgba(24,43,67,.985);box-shadow:0 10px 20px rgba(7,14,28,.13)}.nav-shell{height:100%;width:min(1450px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;gap:10px;align-items:center;flex:none;color:#fff;font-size:1.5rem;font-weight:820;letter-spacing:-.08em;line-height:1}.brand:hover{color:white}.brand-symbol{display:grid;place-items:center;background:linear-gradient(150deg,var(--rose-2),#5cdbc6);width:35px;height:35px;border-radius:9px;color:#092332;font-size:1.08rem;letter-spacing:-.1em;transform:skew(-7deg)}.brand small{font-size:9px;color:#a8c4d2;letter-spacing:.13em;font-weight:560;display:block;margin-top:7px}.main-nav{display:flex;align-items:stretch;height:100%;gap:clamp(8px,1.2vw,20px);white-space:nowrap}.main-nav a{display:flex;align-items:center;position:relative;font-size:13px;font-weight:580;color:#dce8f0;transition:color .2s}.main-nav a:hover{color:var(--rose-light)}.main-nav a:hover:after{content:'';position:absolute;bottom:12px;left:25%;width:50%;height:2px;background:var(--rose-2);border-radius:2px}.header-actions{display:flex;align-items:center;gap:11px}.header-actions button,.header-actions a{color:white}.search-trigger{border:1px solid rgba(255,255,255,.22);background:#22384e;padding:6px 13px;border-radius:99px;white-space:nowrap;font-size:.85rem}.search-trigger:hover{border-color:var(--rose-2)}.icon-link{font-size:27px;line-height:1}.app-link{border-radius:99px;background:rgba(18,203,187,.14);border:1px solid rgba(18,203,187,.36);padding:4px 12px;font-size:.76rem;font-weight:800}.menu-toggle{display:none;border:0;background:none;font-size:22px}.mobile-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#13263b;padding:20px 25px;box-shadow:var(--shadow)}.mobile-menu:not([hidden]){display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mobile-menu a{padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-bottom{display:none}.search-modal{display:none;position:fixed;inset:0;z-index:100;align-items:flex-start;justify-content:center;padding:12vh 18px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(4,13,25,.75);backdrop-filter:blur(6px)}.search-dialog{position:relative;z-index:2;width:min(650px,100%);border-radius:20px;background:#fff;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.search-dialog-head{display:flex;justify-content:space-between;align-items:center}.search-dialog-head h2{font-size:1.5rem}.search-dialog-head button{background:none;border:0;font-size:2rem;line-height:1}.search-dialog label{display:block;font-size:.85rem;color:var(--ink-2);margin:8px 0}.search-form-row{display:flex;border:1px solid var(--line-strong);padding:5px;border-radius:12px;gap:5px;background:#fff}.search-form-row:focus-within{border-color:var(--rose)}.search-form-row input{border:0;min-width:0;flex:1;outline:none;padding:8px 12px;background:transparent;color:var(--ink)}.search-form-row button{background:var(--rose);color:white;border:0;border-radius:9px;padding:8px 24px;font-weight:720}.quick-terms{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;font-size:.84rem;align-items:center}.quick-terms span{color:var(--ink-3)}.quick-terms a{background:var(--cream-2);padding:3px 10px;border-radius:99px}.modal-open{overflow:hidden}
/* Hero: rail / asymmetric central stage / editor panel */
.hero{background:linear-gradient(135deg,#0A1628 0%,#182B43 58%,#284C67 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(165px,2fr) minmax(0,7fr) minmax(190px,3fr);min-height:600px;gap:32px;padding-block:50px 46px}.hero-rail{border-right:1px solid rgba(255,255,255,.15);padding-right:23px;display:flex;flex-direction:column}.hero-rail>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#8da6b8;font-size:.72rem;display:flex;gap:9px;align-items:center}.hero-rail>a strong{color:#eaf5f8;font-size:.87rem;font-weight:540;flex:1}.hero-rail>a:hover strong{color:var(--rose-light)}.rail-caption{margin-top:auto;color:#99b1c2;font-size:.75rem;line-height:1.8}.hero-main{position:relative;padding:34px 0 44px;z-index:1}.hero-main h1{font-size:clamp(2.6rem,4.5vw,4.65rem);line-height:1.22;letter-spacing:-.045em;margin:10px 0 22px;position:relative;z-index:1}.hero-main h1 em{font-style:normal;color:var(--rose-light)}.hero-lead{font-size:1rem;color:#c9dce7;max-width:570px;line-height:2;position:relative;z-index:1}.hero-search{max-width:570px;background:white;border-radius:12px;display:flex;padding:5px;margin:23px 0 22px;position:relative;z-index:1;box-shadow:0 12px 32px rgba(0,0,0,.17)}.hero-search input{flex:1;min-width:0;border:0;padding:9px 14px;outline:0;background:none;color:#152b42}.hero-search button{background:var(--rose-2);border:0;border-radius:8px;color:#082a2b;padding:10px 19px;font-weight:780}.hero-main .action-row{position:relative;z-index:1}.hero-note{font-size:.76rem;color:#8da5b4;margin-top:19px;position:relative;z-index:1}.hero-art{position:absolute;right:-90px;bottom:-82px;width:390px;height:320px;z-index:0;pointer-events:none;opacity:.62}.art-orbit{position:absolute;border:1px solid rgba(123,228,225,.28);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:400px;height:185px;right:0;bottom:40px}.orbit-b{width:270px;height:270px;right:40px;bottom:0}.art-panel{position:absolute;bottom:67px;right:60px;width:240px;height:148px;transform:perspective(500px) rotateY(-18deg) rotateX(7deg);background:linear-gradient(140deg,rgba(21,48,72,.95),rgba(17,73,81,.75));border:1px solid rgba(130,244,223,.5);border-radius:16px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column}.art-panel>span,.art-panel>small{font-size:9px;letter-spacing:.22em;color:#9be5da}.art-panel strong{font-size:18px;margin-top:13px}.art-panel i{height:2px;width:70%;background:var(--rose-2);margin-top:auto}.art-dot{position:absolute;right:30px;top:40px;width:18px;height:18px;border-radius:50%;background:var(--rose-2);box-shadow:0 0 45px var(--rose-2)}.hero-side{padding:31px 0 0 22px;border-left:1px solid rgba(255,255,255,.13)}.side-label{font-size:.7rem;letter-spacing:.2em;color:#a9beca}.side-feature{padding:22px 0}.side-feature .kicker{font-size:12px;color:var(--rose-light)}.side-feature h2{font-size:clamp(1.65rem,2.8vw,2.65rem);margin-top:10px}.side-feature p{color:#afc5d3;font-size:.85rem}.side-feature a{color:var(--rose-light);font-weight:720}.side-divider{height:1px;background:rgba(255,255,255,.19);margin:12px 0}.side-line{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:.82rem}.side-line span{color:var(--rose-2)}.side-line b{margin-left:auto}.channel-strip{border-bottom:1px solid var(--line);background:white}.channel-strip-inner{display:flex;align-items:center;gap:25px;overflow:auto;padding:15px 0;white-space:nowrap;font-size:.82rem}.channel-strip strong{color:#008b85}.channel-strip a{color:var(--ink-2)}
/* Cards and editorial grids */
.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.story-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(14,39,61,.07);min-width:0;transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.story-cover{display:flex;aspect-ratio:16/9;padding:17px;flex-direction:column;position:relative;background:linear-gradient(135deg,#17344b,#155969);color:white;overflow:hidden}.story-card:nth-child(4n+2) .story-cover{background:linear-gradient(135deg,#18283e,#53638d)}.story-card:nth-child(4n+3) .story-cover{background:linear-gradient(135deg,#142c40,#316e76)}.story-card:nth-child(4n) .story-cover{background:linear-gradient(135deg,#1d3653,#49758e)}.story-cover:after{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);right:-18%;bottom:-65%;border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.035)}.story-cover:hover{color:white}.cover-kicker{font-size:.69rem;letter-spacing:.08em;color:#a5e8dd}.cover-mark{margin:auto 0 auto 18%;font-size:clamp(35px,5vw,75px);font-weight:780;letter-spacing:-.12em;opacity:.74;line-height:1}.cover-action{font-size:.72rem;letter-spacing:.02em;margin-top:auto}.story-info{padding:18px}.story-info .tag{font-size:.7rem;color:#078d87;font-weight:750}.story-info h3{font-size:1.05rem;margin:7px 0 10px;line-height:1.45}.story-info p{font-size:.82rem;line-height:1.8;color:var(--ink-2);margin-bottom:14px}.story-tags{display:flex;gap:7px;flex-wrap:wrap}.story-tags a{font-size:.69rem;background:var(--cream-2);border-radius:5px;padding:2px 7px;color:#587083}.story-tags a:hover{color:#008b85}.editorial-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:22px}.editorial-large>.story-card{height:100%}.editorial-large .story-cover{aspect-ratio:16/9}.editorial-large .story-info h3{font-size:1.55rem}.editorial-large .story-info p{font-size:.95rem}.editorial-stack{display:grid;gap:12px}.card-compact{display:grid;grid-template-columns:40% 60%;min-height:125px}.card-compact .story-cover{aspect-ratio:auto}.card-compact .cover-mark{font-size:34px}.card-compact .story-info{padding:10px 14px}.card-compact .story-info h3{font-size:.9rem;margin:3px 0}.card-compact .story-info p{font-size:.73rem;line-height:1.5;margin:0 0 8px}.card-compact .story-tags{display:none}.split-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px}.split-dark{background:#172b43;color:#fff;border-radius:20px;padding:38px;min-height:400px;display:flex;flex-direction:column;align-items:flex-start}.split-dark>span{font-size:.75rem;color:var(--rose-light);letter-spacing:.18em}.split-dark h3{font-size:2.3rem;margin:30px 0 14px}.split-dark p{color:#c2d2dc}.split-dark a{margin-top:auto}.article-list{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.list-item{display:flex;align-items:center;gap:17px;padding:13px 22px;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.list-index{color:var(--rose);font-size:1.25rem;font-weight:820}.list-body{flex:1;min-width:0}.list-body strong{display:block;font-weight:740;line-height:1.45}.list-body small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--ink-3);font-size:.77rem;margin-top:3px}.list-arrow{color:#078f88}.channel-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.channel-tile{background:white;border:1px solid var(--line);border-radius:14px;padding:23px;display:flex;flex-direction:column;min-height:260px;transition:.2s}.channel-tile:hover{border-color:var(--rose);transform:translateY(-3px);box-shadow:var(--shadow)}.channel-number{font-size:.7rem;font-weight:760;letter-spacing:.15em;color:#0d9b91}.channel-tile h3{margin:17px 0 8px}.channel-tile p{font-size:.82rem;color:var(--ink-2);line-height:1.8}.channel-tile small{font-size:.76rem;color:#008d84;font-weight:760;margin-top:auto}.wide-info{display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center;padding:20px 0}.wide-info h3{font-size:2.1rem}.wide-info p{color:var(--ink-2)}.info-steps>div{display:flex;gap:17px;border-bottom:1px solid var(--line-strong);padding:18px}.info-steps b{color:#008d84;font-size:1.5rem}.info-steps span{font-size:.95rem;font-weight:650}.timeline-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.timeline-aside{border-radius:16px;background:var(--rose-soft);padding:30px;display:flex;flex-direction:column}.timeline-aside span{letter-spacing:.16em;color:#038781;font-size:.72rem}.timeline-aside h3{font-size:1.9rem;margin:30px 0 14px}.timeline-aside p{color:#36585a}.timeline-aside a{margin-top:auto;color:#008b83;font-weight:750}.collection-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.collection-teaser{padding:27px;background:#1b344d;border:1px solid rgba(255,255,255,.1);border-radius:16px;min-height:300px;display:flex;flex-direction:column;color:#fff}.collection-teaser:hover{color:white;border-color:var(--rose-light);transform:translateY(-2px)}.collection-teaser small{color:#8edccc;letter-spacing:.13em}.collection-teaser h3{font-size:1.45rem;margin:20px 0}.collection-teaser p{color:#bed0df;font-size:.84rem;line-height:1.85}.collection-teaser span{margin-top:auto;color:#8edccc;font-weight:780;font-size:.84rem}.duo{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.panel-highlight{border-radius:16px;padding:32px;background:linear-gradient(140deg,#e5f9f5,#d9f2ef);display:flex;flex-direction:column}.panel-highlight span{font-size:.74rem;color:#008a84}.panel-highlight h3{font-size:1.75rem;margin-top:22px}.panel-highlight p{color:#456568}.panel-highlight a{margin-top:auto;font-weight:750;color:#007e78}.topic-cloud{display:flex;flex-wrap:wrap;gap:13px}.topic-cloud a{background:white;padding:10px 18px;border:1px solid var(--line);border-radius:100px;transition:.2s;font-weight:650;font-size:.85rem}.topic-cloud a:hover{border-color:var(--rose);background:var(--rose-soft)}.topic-cloud.large a{font-size:1rem;padding:15px 25px}.quote-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.quote-layout blockquote{margin:0;padding:35px;border-left:4px solid var(--rose);font-size:clamp(1.4rem,2.5vw,2.25rem);font-weight:650;line-height:1.75;background:white;border-radius:0 18px 18px 0}.quote-layout cite{display:block;font-size:.8rem;font-style:normal;color:var(--ink-3);margin-top:20px}.quote-side p{color:var(--ink-2)}.reading-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reading-routes>a{background:white;padding:22px;display:grid;gap:8px;border:1px solid var(--line);border-radius:13px}.reading-routes>b{color:#06a69b}.reading-routes span{font-size:1.15rem;font-weight:750}.reading-routes small{color:var(--ink-3)}.index-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cad7e0;border:1px solid #cad7e0;border-radius:15px;overflow:hidden}.index-board a{background:#fff;padding:25px;display:grid;gap:6px}.index-board a b{font-size:1.1rem}.index-board a span{font-size:.82rem;color:var(--ink-3)}.discussion-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.discussion-topic{border:1px solid var(--line);background:white;padding:30px;border-radius:17px}.discussion-topic span{font-size:.73rem;color:#058b84;letter-spacing:.14em}.discussion-topic h3,.discussion-topic h2{margin:25px 0 12px}.discussion-topic p{color:var(--ink-2)}.discussion-topic a{color:#008b84;font-weight:760}.creator-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.creator-graphic{background:linear-gradient(130deg,#182e44,#286373);border-radius:20px;padding:28px;min-height:280px;display:flex;gap:7px;flex-direction:column;justify-content:center;overflow:hidden}.creator-graphic span{font-size:clamp(2rem,5vw,4rem);font-weight:850;letter-spacing:-.05em;color:#b0f4e9;line-height:1}.creator-graphic span:nth-child(2){padding-left:20%}.creator-graphic span:nth-child(3){padding-left:45%;color:#b3b3ff}.privacy-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.text-panel{background:rgba(255,255,255,.07);padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:15px}.text-panel h3{color:inherit}.text-panel p{font-size:.83rem;color:inherit;opacity:.78}.text-panel .text-link{color:var(--rose-light)}.section:not(.section-ink) .text-panel{background:#fff;color:var(--ink);border:1px solid var(--line)}.section:not(.section-ink) .text-panel .text-link{color:#008b84}.device-banner{background:linear-gradient(135deg,#dff9f3,#d9e9f3);border-radius:23px;padding:40px 55px;min-height:340px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;overflow:hidden}.device-banner h3,.device-banner h2{font-size:clamp(1.6rem,3vw,2.75rem)}.device-banner p{max-width:650px;color:#425b64}.device-outline{width:180px;height:325px;border:7px solid #1a3c50;border-radius:28px;background:#0e1e30;padding:8px;margin:0 auto -100px;transform:rotate(9deg);box-shadow:14px 18px 23px rgba(0,0,0,.13)}.device-screen{background:#f5faf9;border-radius:14px;height:100%;padding:14px;display:flex;flex-direction:column;gap:15px}.device-screen b{font-size:1.3rem;color:#0f9e91}.device-screen i{height:39px;background:linear-gradient(100deg,#daf5ee,#c6dde8);border-radius:7px}.device-screen strong{font-size:.8rem;color:#123244}.guide-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.guide-tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.guide-tile>span{display:block;color:#079f94;font-weight:760;margin-bottom:20px}.guide-tile h3{font-size:1.07rem}.guide-tile p{font-size:.85rem;color:var(--ink-2);margin:0}.about-statement{display:grid;grid-template-columns:1.5fr .5fr;gap:40px;align-items:center;background:#e4f1f5;border-radius:14px;padding:35px}.about-statement p{font-size:1.06rem;color:#36536a;margin:0}.about-statement a{font-weight:800;color:#008b83}.faq-list{background:white;border-radius:15px;border:1px solid var(--line);overflow:hidden}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:last-child{border:0}.faq-list summary{display:flex;gap:18px;align-items:center;padding:18px 24px;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';margin-left:auto;font-size:1.3rem;color:var(--rose)}.faq-list details[open] summary:after{content:'−'}.faq-list summary span{color:#07a49a;font-size:.77rem}.faq-list details p{padding:0 52px 21px;margin:0;color:var(--ink-2);font-size:.87rem}.faq-more{margin-top:20px}
/* Interior pages */
.page-intro{background:linear-gradient(120deg,#0A1628,#213f59);color:white;padding:64px 0 70px}.page-intro h1{font-size:clamp(2rem,4vw,3.6rem);max-width:950px;margin-bottom:20px}.page-intro p{color:#c5d7e3;max-width:840px;font-size:1.02rem;line-height:2;margin:0}.intro-numbers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.intro-numbers>div{padding:23px;border-right:1px solid var(--line);display:grid;gap:7px}.intro-numbers>div:last-child{border:0}.intro-numbers b{font-size:1rem}.intro-numbers span{color:var(--ink-3);font-size:.82rem}.prose-block{background:#fff;border:1px solid var(--line);border-radius:17px;padding:35px 45px;max-width:1120px}.prose-block p{color:var(--ink-2);font-size:1rem;line-height:2.15}.prose-block h2,.prose-block h3{margin-top:15px}.discovery-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;background:#e4f8f4;border-radius:20px;padding:38px;align-items:center}.discovery-hero h2{font-size:2.25rem}.discovery-hero p{color:#405e65}.discovery-shape{min-height:230px;background:radial-gradient(circle at 60% 45%,#479a99 0%,#22445f 65%,#0c2338 100%);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b8f6e7}.discovery-shape b{font-size:5rem;letter-spacing:-.15em}.discovery-shape span{font-size:.82rem;letter-spacing:.15em}.inline-search{display:flex;gap:9px;max-width:560px}.inline-search input{min-width:0;flex:1;padding:12px;border:1px solid #bddbd7;border-radius:10px}.inline-search button{background:#008f88;color:white;border:0;padding:8px 20px;border-radius:10px}.filter-chips,.pill-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filter-chips button,.pill-tabs a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 15px;font-size:.82rem}.filter-chips button.is-selected,.pill-tabs a.selected{background:#13384a;color:#fff;border-color:#13384a}.filter-results>div.is-hidden{display:none}.search-page-form{max-width:780px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:35px}.search-page-form label{font-weight:720;display:block;margin-bottom:8px}.results-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.results-title h2{font-size:1.4rem}.results-title p{color:var(--ink-3)}.empty-state{padding:60px;text-align:center;background:#fff;border-radius:15px}.rank-list{background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}.rank-item{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:23px}.rank-item:last-child{border:0}.rank-index{font-size:2.5rem;color:#14a89f;min-width:64px}.rank-item:nth-child(2) .rank-index{color:#172d45}.rank-item:nth-child(3) .rank-index{color:#7567e8}.rank-item>div{flex:1}.rank-item span{font-size:.72rem;color:#028b83}.rank-item h2{font-size:1.15rem;margin:3px 0}.rank-item p{color:var(--ink-2);font-size:.84rem;margin:0}.rank-item>b{font-size:.85rem}.update-feed{border-top:1px solid var(--line)}.update-feed article{display:grid;grid-template-columns:135px 1fr auto;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.update-mark{font-size:.75rem;letter-spacing:.09em;color:#0a968f}.update-feed article h3{font-size:1.2rem;margin:6px 0}.update-feed article p{color:var(--ink-2);font-size:.88rem;margin:0}.update-feed article>div>span{font-size:.72rem;color:var(--ink-3)}.update-feed article>a{font-size:.82rem;color:#008b83;white-space:nowrap}.feature-essay{border-radius:22px;background:linear-gradient(115deg,#10253a,#205469);color:white;padding:60px;min-height:310px}.feature-essay h2{font-size:clamp(1.8rem,3.6vw,3.1rem)}.feature-essay p{color:#c2dbe3;max-width:770px}.collection-toc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.collection-toc a{background:white;border:1px solid var(--line);border-radius:12px;padding:15px;font-weight:750}.collection-toc span{display:block;color:#00968f;font-size:.77rem}.collection-full{padding:35px 0 60px;scroll-margin-top:95px;border-bottom:1px solid var(--line)}.collection-full-head{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;align-items:start}.collection-full-head .eyebrow,.collection-full-head h2{grid-column:1}.collection-full-head>p{grid-column:2;grid-row:1 / span 2;color:var(--ink-2);font-size:.95rem}.mini-meta{grid-column:1/-1;display:flex;gap:20px;font-size:.78rem;color:#678;flex-wrap:wrap}.collection-entries{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.collection-entries a{display:flex;gap:17px;align-items:start;background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.collection-entries a>b{font-size:1.2rem;color:#07998f}.collection-entries a>div{flex:1}.collection-entries strong{display:block;margin-bottom:6px}.collection-entries p{font-size:.82rem;color:var(--ink-3);margin:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-grid>div{background:white;border-top:3px solid var(--rose);border-radius:12px;padding:30px;box-shadow:var(--shadow)}.process-grid span{font-size:.72rem;letter-spacing:.1em;color:#0a9189}.process-grid h2,.process-grid h3{margin-top:22px}.process-grid p{font-size:.88rem;color:var(--ink-2)}.community-warning,.notice-box{padding:23px 28px;border-radius:13px;background:#e7f8f5;border:1px solid #bee6df;color:#174d4b}.notice-box strong,.community-warning strong{display:block;font-size:1.1rem;margin-bottom:8px}.notice-box p,.community-warning p{margin:0 0 10px;font-size:.91rem;line-height:1.9}.large-notice{padding:35px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rules-grid>div{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.rules-grid b{font-size:1.05rem}.rules-grid p{font-size:.84rem;color:var(--ink-2);margin:10px 0 0}.library-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.library-toolbar button{border:1px solid var(--line);border-radius:8px;padding:10px 15px;background:white}.library-toolbar .selected{background:#123d48;color:#fff}.library-toolbar button:last-child{margin-left:auto;color:#a03e3e}.library-results{min-height:175px;background:white;padding:25px;border:1px solid var(--line);border-radius:12px}.library-entry{display:block;padding:13px;border-bottom:1px solid var(--line)}.library-entry strong{display:block}.library-entry small{color:var(--ink-3)}.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.series-grid article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px}.series-grid article>span{color:#008f87;font-size:.75rem}.series-grid h3{margin-top:12px}.series-grid p{color:var(--ink-2)}.series-info{color:var(--ink-3);font-size:.82rem;margin-bottom:15px}.series-grid a{color:#008b83;font-weight:750}.feature-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.feature-boxes>div{border-radius:15px;background:#fff;padding:26px;border:1px solid var(--line)}.feature-boxes span{color:#048d86;font-size:.75rem;letter-spacing:.08em}.feature-boxes h3{margin-top:14px}.feature-boxes p{color:var(--ink-2);font-size:.89rem}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.help-steps>div{background:white;border-radius:14px;border:1px solid var(--line);padding:24px}.help-steps b{font-size:2.3rem;color:#0c9f96}.help-steps h3{margin-top:17px}.help-steps p{color:var(--ink-2);font-size:.87rem}.full-faq details summary{padding:22px}.full-faq details p{font-size:.96rem;line-height:2.05}.cta-box{background:#122941;color:white;padding:40px;border-radius:16px}.cta-box p{color:#c5d8e2}.cta-box .action-row{margin-top:20px}.privacy-intro,.about-lead{background:white;padding:45px;border-radius:18px;border:1px solid var(--line)}.privacy-intro p{font-size:1rem;max-width:950px;color:var(--ink-2);line-height:2.15}.about-lead{background:linear-gradient(130deg,#123048,#194f5f);color:white}.about-lead span{color:var(--rose-light);font-size:.78rem;letter-spacing:.18em}.about-lead h2{font-size:clamp(2rem,4vw,3.4rem);margin:24px 0}.about-lead p{max-width:810px;color:#c5dee7;font-size:1.08rem}.breadcrumbs{display:flex;gap:12px;color:#9eb4c2;font-size:.81rem;margin-bottom:40px}.breadcrumbs a:hover{color:var(--rose-light)}.article-header,.reading-head{background:linear-gradient(120deg,#10253b,#1d4456);color:white;padding:30px 0 55px}.article-header h1,.reading-head h1{font-size:clamp(2.2rem,4.5vw,4rem);max-width:1010px}.article-header .wrap>p,.reading-head .wrap>p{font-size:1.1rem;color:#c7dae4;max-width:850px;line-height:2}.article-meta{display:flex;gap:13px;flex-wrap:wrap;margin:24px 0}.article-meta span{font-size:.78rem;border:1px solid rgba(255,255,255,.22);padding:6px 12px;border-radius:100px;color:#d0e0e6}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;padding-top:45px}.article-visual{height:370px;border-radius:20px;background:radial-gradient(circle at 77% 37%,#35797a,#193b56 60%,#0b2439);color:white;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px;overflow:hidden;position:relative}.article-visual:after{content:'';position:absolute;right:-65px;top:-45px;width:330px;height:330px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.035)}.article-visual span{font-size:.75rem;letter-spacing:.2em;color:#93e8dc}.article-visual strong{font-size:3.5rem;z-index:1;line-height:1.25;margin:28px 0}.article-visual small{font-size:.85rem}.article-copy{padding:30px 8px}.article-copy h2{font-size:1.5rem;margin:30px 0 12px}.article-copy p{color:var(--ink-2);font-size:1.05rem;line-height:2.25}.article-tags{margin:10px 0 40px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink-3);font-size:.8rem}.article-tags a{padding:4px 12px;border:1px solid var(--line);border-radius:99px}.sticky-aside{position:sticky;top:100px;background:white;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:13px}.sticky-aside h3{font-size:1.12rem}.sticky-aside a{font-size:.87rem;border-bottom:1px solid var(--line);padding-bottom:8px}.sticky-aside p{font-size:.81rem;color:var(--ink-3)}.reading-head .back-link{display:block;color:#afdfd9;margin-bottom:25px}.reading-head h1{font-size:clamp(2.1rem,4vw,3.45rem)}.reading-progress{position:sticky;top:70px;height:3px;background:#d1e9e6;z-index:30}.reading-progress span{display:block;width:0;height:100%;background:var(--rose)}.reading-layout{display:grid;grid-template-columns:minmax(0,790px) 250px;justify-content:center;gap:55px;padding:50px 0}.reading-copy{font-size:1.08rem;line-height:2.25}.reading-copy h2{font-size:1.55rem;margin:40px 0 12px}.reading-copy p{color:var(--ink-2)}.reading-copy section{scroll-margin-top:115px}.reading-state{padding:23px;background:#e7f6f3;border-left:4px solid var(--rose);border-radius:0 10px 10px 0}.reading-state p{margin:5px 0 0;font-size:.9rem}.reading-sidebar{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:14px;padding:22px;background:white;border:1px solid var(--line);border-radius:14px}.reading-sidebar strong{color:#058e87}.reading-sidebar a{font-size:.82rem}.source-detail{border-top:1px solid var(--line);margin-top:30px}.source-detail a{margin-right:20px;color:#008b83}.reading-end{padding:40px;margin-top:35px;background:#e8f5f2;border-radius:15px}.reading-end .btn-light{margin-left:10px}
/* Footer & utility */
.site-footer{margin-top:75px;background:linear-gradient(135deg,#0A1628,#182B43);color:white;padding:55px 0 20px}.footer-top{display:grid;grid-template-columns:2.3fr repeat(3,1fr);gap:45px}.footer-brand p{color:rgba(255,255,255,.72);max-width:380px;font-size:.83rem;margin-top:25px}.footer-brand .footer-disclaimer{font-size:.75rem;color:#94aab9;margin-top:10px}.footer-column{display:flex;flex-direction:column;gap:7px}.footer-column h3{font-size:.9rem;margin:0 0 12px;color:#f1fbfb}.footer-column a{font-size:.8rem;color:rgba(255,255,255,.72)}.footer-column a:hover,.footer-bottom a:hover{color:var(--rose-light)}.footer-bottom{display:flex;gap:22px;align-items:center;margin-top:45px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.74rem;color:#90a7b8}.footer-bottom span{margin-right:auto}.back-top{display:none;position:fixed;bottom:25px;right:25px;background:#0d958c;border:0;color:white;border-radius:50%;width:44px;height:44px;z-index:40;box-shadow:var(--shadow);font-size:1.3rem}.back-top.is-visible{display:block}
/* Breakpoints: responsive column limits, typography, overflow management */
@media(max-width:1250px){.main-nav{gap:10px}.main-nav a{font-size:12px}.hero-grid{gap:18px}.hero-side{padding-left:15px}.guide-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.main-nav{display:none}.menu-toggle{display:block}.hero-grid{grid-template-columns:170px minmax(0,1fr)}.hero-side{display:none}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{gap:25px}}
@media(max-width:900px){.wrap{width:calc(100% - 38px)}.hero-grid{display:flex;flex-direction:column;min-height:0;padding:35px 0}.hero-rail{order:2;display:flex;flex-direction:row;flex-wrap:wrap;border-right:0;border-top:1px solid rgba(255,255,255,.15);padding:18px 0 0;gap:15px}.hero-rail .eyebrow,.rail-caption{display:none}.hero-rail>a{padding:5px;border:0}.hero-main{padding:10px 0 65px}.hero-main h1{font-size:clamp(2.6rem,6.4vw,4.4rem)}.hero-art{right:0;bottom:-60px}.editorial-layout,.split-layout,.duo,.quote-layout,.creator-feature,.timeline-grid,.wide-info,.article-layout,.reading-layout{grid-template-columns:1fr}.editorial-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.card-compact{display:block}.card-compact .story-cover{aspect-ratio:16/9}.article-aside,.reading-sidebar{display:none}.collection-row{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-routes{grid-template-columns:1fr}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-column:last-child{grid-column:2}.section-head{align-items:start;flex-direction:column;gap:10px}.section-head>p{max-width:700px}.process-grid,.rules-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-stack{grid-template-columns:1fr}.card-compact{display:grid;grid-template-columns:35% 65%}.section{padding-top:46px}.section-alt,.section-ink{padding:23px;margin-inline:0}.section-head{margin-bottom:21px}.privacy-split{grid-template-columns:1fr}.device-banner{padding:30px;grid-template-columns:1fr 145px}.device-outline{width:140px;height:255px;margin-bottom:-100px}.channel-strip-inner{gap:16px}.feature-boxes{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:auto}.footer-bottom{flex-wrap:wrap}.footer-bottom span{width:100%}.collection-full-head{display:block}.collection-entries{grid-template-columns:1fr}.collection-toc{grid-template-columns:repeat(2,1fr)}.page-intro{padding:42px 0}.intro-numbers{grid-template-columns:1fr}.intro-numbers>div{border-right:0;border-bottom:1px solid var(--line)}.discovery-hero{grid-template-columns:1fr}.discovery-shape{min-height:140px}.update-feed article{grid-template-columns:1fr;gap:6px}.rank-item{gap:13px}.rank-index{font-size:1.8rem;min-width:42px}.about-statement{grid-template-columns:1fr}.help-steps{grid-template-columns:1fr 1fr}.site-footer{margin-bottom:45px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#10243a;color:white;border-top:1px solid rgba(255,255,255,.15);justify-content:space-around;padding:10px 0 max(10px,env(safe-area-inset-bottom));font-size:.73rem}.mobile-bottom a{padding:4px}.back-top{bottom:75px}}
@media(max-width:600px){.nav-shell{width:calc(100% - 24px)}.header-actions{gap:9px}.header-actions .search-trigger span{display:none}.brand{font-size:1.3rem}.brand-symbol{width:31px;height:31px}.wrap{width:calc(100% - 28px)}body{font-size:14px}.hero-grid{padding-top:24px}.hero-main h1{font-size:clamp(2.15rem,9vw,3.4rem)}.hero-lead{font-size:.91rem}.hero-art{opacity:.22;right:-80px}.hero-rail>a strong{font-size:.78rem}.hero-search{padding:3px}.hero-search input{font-size:12px;padding:10px}.hero-search button{padding:9px}.story-grid{grid-template-columns:1fr}.story-cover{aspect-ratio:16/8}.card-compact{grid-template-columns:40% 60%;min-height:115px}.card-compact .story-cover{aspect-ratio:auto}.channel-matrix,.collection-row,.discussion-layout,.series-grid,.rules-grid,.guide-columns,.process-grid,.help-steps{grid-template-columns:1fr}.section-ink,.section-alt{border-radius:13px;padding:19px}.split-dark{padding:24px;min-height:280px}.split-dark h3{font-size:1.8rem;margin:17px 0}.quote-layout blockquote{padding:20px;font-size:1.25rem}.index-board{grid-template-columns:1fr 1fr}.creator-graphic{min-height:170px}.creator-graphic span{font-size:2.3rem}.device-banner{grid-template-columns:1fr;gap:10px}.device-outline{height:210px;width:140px;margin:15px 10px -110px auto}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.search-dialog{padding:18px}.search-form-row button{padding:7px 13px}.page-intro h1{font-size:2.05rem}.page-intro p{font-size:.91rem}.prose-block{padding:23px}.prose-block p{font-size:.91rem}.article-header,.reading-head{padding:28px 0}.article-header h1,.reading-head h1{font-size:2rem}.article-visual{height:210px;padding:25px}.article-visual strong{font-size:2rem}.article-copy{padding:13px 0}.article-copy p,.reading-copy{font-size:.97rem}.article-layout,.reading-layout{padding-top:25px}.reading-end{padding:24px}.faq-list summary{padding:14px;gap:10px;font-size:.88rem}.faq-list details p{padding:0 15px 17px 35px}.rank-item>div p{display:none}.rank-item>b{font-size:.72rem}.collection-full{padding:25px 0 42px}.collection-toc{grid-template-columns:1fr}.inline-search{display:flex}.about-lead,.privacy-intro{padding:25px}.back-top{right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.mobile-bottom,.back-top,.action-row,.search-modal{display:none!important}body{background:white}.wrap{width:100%}.article-copy p,.reading-copy p{color:#111}.section{break-inside:avoid}}