/* 17c / Midnight Blueprint. Fully local, responsive and framework-free. */
: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:#FFF;--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(--surface);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.72;-webkit-font-smoothing:antialiased}body.modal-open,body.search-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.025em}p{color:var(--ink-2)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}input{min-width:0}::selection{background:#baf4ed;color:#082034}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.section{padding-block:88px}.section-muted{background:var(--cream)}.kicker,.eyebrow,.section-marker,.hero-overline,.rail-heading{font-weight:750;letter-spacing:.12em;font-size:11px;text-transform:uppercase}.kicker{color:var(--rose)}.eyebrow{color:var(--mauve-deep);letter-spacing:.065em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(28px,3.1vw,42px);margin:0;letter-spacing:-.04em}.section-heading .kicker{margin-bottom:12px}.section-intro{margin:12px 0 0;max-width:680px}.section-more,.text-link{font-weight:700;color:#007e7a;white-space:nowrap}.section-more:hover,.text-link:hover{text-decoration:underline}.section-marker{color:#6d839a;margin-bottom:22px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-90px;left:16px;background:white;padding:12px;z-index:999}.skip-link:focus{top:10px}.btn{border:1px solid var(--line);padding:13px 20px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;font-weight:750;line-height:1.3;gap:8px;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--rose-2);border-color:var(--rose-2);color:#062b30}.btn-primary:hover{background:#80e6dc}.btn-outline{border-color:rgba(255,255,255,.42);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.12)}.btn-subtle{background:#eef6f8;color:var(--ink)}.btn-dark{background:var(--plum-dark);color:#fff;border-color:var(--plum-dark)}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.pill{border-radius:999px;display:inline-flex;padding:10px 16px;align-items:center;border:1px solid var(--line);background:white;color:var(--ink-2);font-weight:700;transition:.2s}.pill:hover,.pill.selected{border-color:var(--rose);background:var(--rose-soft);color:#006c67}
/* Structural header. */
.site-header{position:sticky;top:0;z-index:90;background:rgba(10,22,40,.97);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);transition:background .3s}.site-header.scrolled{background:rgba(24,43,67,.985)}.nav-shell{max-width:1500px;margin:auto;min-height:70px;padding:0 28px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--rose-2);font-size:17px;font-weight:900;letter-spacing:-.07em;color:#092236}.brand-mark span{color:white}.brand-word{display:flex;flex-direction:column;font-weight:900;font-size:20px;line-height:1.03;letter-spacing:.01em}.brand-word small{font-size:9px;letter-spacing:.09em;color:#b8d3de;margin-top:6px;font-weight:500}.nav-links{display:flex;align-items:center;gap:clamp(10px,1.5vw,23px);margin:auto}.nav-links>a{display:flex;align-items:center;min-height:70px;color:#dce8f0;font-size:13px;font-weight:650;white-space:nowrap;position:relative}.nav-links>a:hover,.nav-links>a.current{color:var(--rose-light)}.nav-links>a.current::after{content:"";position:absolute;height:2px;width:22px;background:var(--rose-2);bottom:12px;left:0}.nav-tools{display:flex;align-items:center;gap:10px}.search-open-button{height:36px;display:flex;align-items:center;gap:10px;min-width:152px;padding:0 12px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);color:#dce8f0;text-align:left}.search-open-button>span:first-child{font-size:22px}.search-open-button kbd{margin-left:auto;color:#92a9b8;font-family:inherit;border:1px solid rgba(255,255,255,.1);border-radius:3px;font-size:11px;padding-inline:4px}.nav-bookmark,.nav-app,.menu-trigger{color:#e4f3f7;min-width:32px;text-align:center}.nav-bookmark{font-size:28px}.nav-app{font-weight:850;font-size:12px;border:1px solid #526a7c;border-radius:7px;padding:7px}.menu-trigger{display:none;border:0;background:none;font-size:24px}.search-modal{display:none;position:fixed;inset:0;z-index:300;align-items:flex-start;justify-content:center;padding:8vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-overlay{position:absolute;inset:0;background:rgba(4,12,25,.72)}.search-dialog{width:min(660px,100%);background:white;border-radius:23px;padding:30px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.3)}.search-dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-dialog-top h2{margin:0}.modal-close{background:var(--cream);font-size:25px;border:0;border-radius:12px;width:38px;height:38px}.search-dialog form>label,.search-page-form>label{display:block;margin-bottom:10px;font-weight:700;color:var(--ink-2)}.search-field{display:flex;border:1px solid #bccdd5;border-radius:11px;padding:6px;gap:5px;background:white}.search-field:focus-within{outline:3px solid var(--rose-soft);border-color:var(--rose)}.search-field input{flex:1;border:0;outline:0;padding:10px}.search-field button{border:0;border-radius:8px;padding:9px 18px;background:var(--plum);color:#fff;font-weight:750}.suggestions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;font-size:13px}.suggestions>span{color:var(--ink-3)}.suggestions>a{background:var(--cream);padding:7px 11px;border-radius:30px}
/* Signature three-zone hero with independent panel weights. */
.home-hero{background:linear-gradient(135deg,#0A1628 0%,#182B43 58%,#284C67 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(135px,1.7fr) minmax(0,6.9fr) minmax(220px,2.8fr);gap:34px;min-height:590px;padding-block:45px}.hero-rail{border-right:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;flex-direction:column;gap:5px}.hero-rail .rail-heading{color:#91b1c3;margin-bottom:22px}.hero-rail>a{color:#d0dfeb;font-size:13px;display:flex;align-items:center;gap:8px;padding:9px 6px 9px 0;transition:color .2s}.hero-rail>a:hover{color:#80e6dc}.hero-rail>a>span{color:#56d6ca}.rail-foot{margin-top:auto;color:#86aab8;font-size:11px;padding-bottom:22px}.hero-main{position:relative;z-index:1;padding:20px 0 155px}.hero-overline{color:#91dcd5;margin-bottom:20px}.hero-main h1{font-size:clamp(42px,4.2vw,67px);letter-spacing:-.06em;margin-bottom:20px}.hero-main h1 em{font-style:normal;color:#8be7dd}.hero-lead{max-width:650px;color:#c2d7e2;line-height:1.9;font-size:15px}.hero-search{display:flex;gap:5px;background:#f9fcfc;border-radius:12px;padding:5px;margin:25px 0 17px;max-width:590px;box-shadow:0 12px 40px rgba(0,0,0,.15)}.hero-search input{background:transparent;border:0;outline:0;padding:12px;flex:1;font-size:13px}.hero-search button{background:#12cbbb;border:0;border-radius:9px;padding:9px 16px;font-weight:800;white-space:nowrap}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-art{position:absolute;bottom:-60px;right:-15px;width:68%;height:210px;opacity:.88;pointer-events:none}.hero-art>img{width:100%;height:100%;object-fit:cover;border-radius:20px;opacity:.88}.visual-orbit{position:relative;height:100%;border:1px solid rgba(128,230,220,.28);border-radius:100px 100px 0 0;background:radial-gradient(ellipse at 80% 75%,rgba(18,203,187,.3),transparent 50%),linear-gradient(130deg,rgba(117,103,232,.2),transparent)}.visual-17{font-weight:900;font-size:clamp(70px,10vw,145px);line-height:1;position:absolute;right:22px;bottom:45px;color:rgba(223,248,246,.22);letter-spacing:-.1em}.visual-17 span{color:#12cbbb}.orbit-text{position:absolute;bottom:23px;left:30px;color:#bcebe4;font-size:11px;letter-spacing:.24em}.visual-orbit>i,.visual-orbit>b{position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:-70px;right:60px}.visual-orbit>b{width:270px;height:270px;top:-115px;right:0}.hero-aside{border-left:1px solid rgba(255,255,255,.15);padding:24px 0 0 24px}.hero-aside .rail-heading{color:#86c3ce}.aside-highlight{padding:25px 0 30px;border-bottom:1px solid rgba(255,255,255,.15)}.aside-highlight>span,.aside-link>span{color:#8ddbd3;font-size:11px}.aside-highlight h2{font-size:27px;margin:15px 0}.aside-highlight p{color:#b5cfdc;font-size:13px}.aside-highlight>a,.aside-link>a{color:#81e6db;font-weight:700;font-size:13px}.aside-link{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:9px}.aside-note{font-size:11px;line-height:1.8;color:#97b2c1;margin-top:28px}.channel-strip{background:#0c2032;color:white}.channel-strip-inner{min-height:75px;display:flex;align-items:center;gap:10px;overflow:auto}.channel-strip-inner>span{color:#739cab;font-size:11px;white-space:nowrap;margin-right:15px}.channel-strip a{color:#d6e8ef;border:1px solid #34546a;border-radius:50px;padding:8px 13px;white-space:nowrap;font-size:12px}.channel-strip a:hover{background:#174457}.channel-strip b{color:#74daca;margin-left:7px}
/* Editorial content: primary card and alternate formats. */
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-card{background:white;min-width:0;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 4px 14px rgba(10,22,40,.025);transition:transform .24s,box-shadow .24s}.story-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.story-thumb{height:188px;background:linear-gradient(135deg,#18485a,#0e2339);display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden}.story-thumb::before,.story-thumb::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.14);border-radius:50%;left:-60px;top:-100px}.story-thumb::after{left:auto;right:-50px;top:40px;width:155px;height:155px}.story-thumb.tone-featured,.story-thumb.tone-creative{background:linear-gradient(135deg,#3c396e,#152a48)}.story-thumb.tone-safety,.story-thumb.tone-watch{background:linear-gradient(135deg,#124b54,#0a2b39)}.thumb-symbol{font-size:76px;color:rgba(255,255,255,.44);line-height:1}.thumb-label{position:absolute;bottom:18px;left:19px;background:rgba(255,255,255,.16);color:white;padding:4px 11px;border:1px solid rgba(255,255,255,.18);font-weight:650;border-radius:5px;font-size:11px}.story-body{padding:21px}.story-body h3{font-size:20px;margin:10px 0}.story-body h3 a:hover{color:#008f86}.story-body>p{font-size:13px;line-height:1.85;min-height:70px;margin-bottom:17px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.save-button{border:0;background:transparent;color:var(--mauve);font-size:12px;padding:7px 2px;white-space:nowrap}.save-button.is-saved{color:#008d81}.dot{color:#04a99b;padding-inline:2px}.feature-split{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.feature-lead{position:relative;background:linear-gradient(140deg,#09253a,#1a4455 62%,#167b7b);border-radius:20px;color:white;padding:48px;min-height:495px;display:flex;flex-direction:column;align-items:start;justify-content:end;overflow:hidden}.feature-lead::before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-115px;top:-165px}.poster-number{position:absolute;top:25px;right:35px;font-weight:900;font-size:160px;line-height:1;color:rgba(255,255,255,.09)}.feature-lead .eyebrow,.feature-lead .kicker{color:#9ae9e0}.feature-lead h3,.feature-lead h2{font-size:clamp(31px,4vw,54px);margin:10px 0}.feature-lead p{max-width:490px;color:#c7dfeb}.feature-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.feature-side .story-thumb{height:185px}.feature-side .story-body{padding:17px}.feature-side .story-body h3{font-size:17px}.feature-side .story-body>p{font-size:12px;line-height:1.6;min-height:0}.mini-editorial{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:22px}.mini-editorial>div:first-child{padding:30px 25px 20px 0;display:flex;flex-direction:column;align-items:start}.large-number{font-size:100px;color:#c1d0dc;line-height:1;font-weight:900;letter-spacing:-.1em}.mini-editorial h3{font-size:35px;margin:18px 0}.mini-editorial p{font-size:14px}.mini-editorial .text-link{margin-top:auto}
.category-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat-tile{padding:28px;min-height:248px;display:flex;flex-direction:column;border-radius:17px;border:1px solid var(--line);background:#f4f8fa;transition:transform .2s}.cat-tile:hover{transform:translateY(-4px)}.cat-tile>span{font-size:32px;color:#098c89}.cat-tile h3{font-size:21px;margin:13px 0 7px}.cat-tile p{font-size:13px;line-height:1.8;margin-bottom:15px}.cat-tile b{margin-top:auto;color:#007c76;font-size:12px}.cat-purple{background:var(--peach-soft)}.cat-blue{background:#edf5fc}.cat-teal{background:var(--rose-soft)}.dark-band{background:linear-gradient(125deg,#0a1628,#14334b);color:white}.band-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center}.dark-band h2{font-size:clamp(34px,4vw,55px);letter-spacing:-.06em}.dark-band h2 em{color:#91e8dc;font-style:normal}.dark-band p{color:#c3d4df}.dark-band .btn{margin-top:15px}.band-checks{border-left:1px solid #436274;padding-left:35px}.band-checks p{padding:16px 0;margin:0;border-bottom:1px solid #315168;color:#e8f6f7;font-weight:650}.band-checks p::first-letter{color:#11c6b6}.side-title-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.side-title-layout .section-heading{display:block}.side-title-layout .section-more{display:inline-block;margin-top:18px}.small-quote{font-size:21px;color:#8e9daa;border-left:3px solid #12cbbb;padding-left:18px;margin-top:65px}.collection-list{display:flex;flex-direction:column}.collection-list>a{display:grid;grid-template-columns:120px 1fr 1.3fr 25px;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line);min-width:0}.collection-list>a>span{font-size:11px;color:#00847e}.collection-list>a>strong{font-size:19px;line-height:1.3}.collection-list>a>small{font-size:12px;color:var(--ink-3)}.collection-list>a>i{font-style:normal;color:#088f84}.rank-preview{border-top:2px solid var(--ink)}.rank-preview>a{display:grid;grid-template-columns:70px 180px 1fr 60px;gap:18px;align-items:center;padding:19px;border-bottom:1px solid var(--line)}.rank-preview>a>b{font-size:32px;letter-spacing:-.06em;color:#008f86}.rank-preview>a>span{font-size:12px;color:var(--ink-3)}.rank-preview>a>strong{font-size:19px}.rank-preview>a>i{font-style:normal;color:#008f86;font-size:12px}.color-section{padding-block:0 70px}.signal-banner{background:linear-gradient(110deg,#defaf3,#e7f0ff);border-radius:25px;padding:48px 60px;position:relative;overflow:hidden}.signal-banner::after{content:"✳";position:absolute;right:35px;bottom:-125px;font-size:350px;color:rgba(6,154,150,.09);line-height:1}.signal-banner h2{font-size:42px}.signal-banner p{max-width:630px}.perspectives{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.perspectives>div{padding:31px;border-right:1px solid var(--line)}.perspectives>div:last-child{border:0}.perspectives span{font-weight:850;font-size:12px;color:#009e93}.perspectives h3{font-size:23px;margin:32px 0 12px}.perspectives p{font-size:14px}.perspectives a{font-size:13px;font-weight:750;color:#008b81}.split-explain{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.explain-graphic{min-height:400px;background:linear-gradient(145deg,#0b1a30,#1e5466);border-radius:21px;display:grid;place-items:center;overflow:hidden}.graphic-grid{width:72%;height:230px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-8deg);gap:9px}.graphic-grid span{display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#a6eadf;font-weight:800;letter-spacing:.15em}.split-explain .section-heading{display:block}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory-grid>div{background:#f2f7f9;border-radius:14px;padding:25px}.directory-grid b{display:block;color:#007d79;margin-bottom:20px}.directory-grid a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-weight:650}.directory-grid a>span{color:#01978c}.dark-feature{background:#11263d;color:white}.dark-feature .kicker{color:#7cdbd4}.mobile-feature{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}.mobile-feature h2{font-size:clamp(32px,4vw,55px)}.mobile-feature p{color:#b8cfdc;max-width:600px}.mobile-device{width:220px;height:375px;border-radius:32px;border:8px solid #091524;background:#edf8f7;box-shadow:20px 30px 60px rgba(0,0,0,.32);transform:rotate(8deg);padding:12px;justify-self:center}.device-top{height:13px;width:68px;margin:0 auto;background:#0a1829;border-radius:0 0 10px 10px}.device-screen{padding:45px 14px 10px}.device-screen>span{font-size:10px;color:#64798a}.device-screen strong{display:block;color:#0f2e42;font-size:40px;line-height:1.14;letter-spacing:-.08em;margin:20px 0}.device-screen i{display:block;background:linear-gradient(90deg,#c3ece8,#e8f7f6);height:12px;margin:14px 0;border-radius:5px}.device-screen i:nth-last-child(2){width:70%}.discussion-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.discussion-strip a{background:#f5f9fb;border:1px solid var(--line);padding:28px;border-radius:15px;min-height:172px;display:flex;flex-direction:column;justify-content:space-between}.discussion-strip strong{font-size:20px;line-height:1.35}.discussion-strip span{color:#008f84;font-size:12px}.two-column-notes{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-column-notes .section-heading{display:block}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-grid a{border:1px solid var(--line);border-radius:14px;padding:22px;background:white;font-size:28px;color:#008f88;display:flex;flex-direction:column}.trust-grid strong{font-size:17px;margin:5px 0;color:var(--ink)}.trust-grid small{font-size:12px;color:var(--ink-3)}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-steps>div{padding:25px;background:var(--cream);border-radius:14px;border-top:3px solid var(--rose)}.guide-steps span{font-size:11px;color:#008f83;font-weight:800}.guide-steps h3{font-size:20px;margin:17px 0 10px}.guide-steps p{font-size:13px;margin:0}.faq-list{border-top:1px solid var(--line-strong)}.faq-item{border-bottom:1px solid var(--line);padding:0 12px}.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:17px;font-weight:750;padding:20px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:25px;color:#008b82;font-weight:400;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>p{padding:0 35px 21px 0;font-size:14px;max-width:950px;margin:0;line-height:1.95}.join-band{background:#dff8f4;padding:60px 0}.join-band-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.join-band h2{font-size:36px}.join-band p:not(.kicker){margin:0}.join-band .btn{flex-shrink:0}
/* Page headers, rich article layouts and information architecture. */
.page-hero{position:relative;background:linear-gradient(124deg,#0a1628,#1b3a52);color:white;overflow:hidden}.page-hero>.wrap{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:315px;padding-block:50px}.hero-compact-copy{position:relative;z-index:1;max-width:790px}.hero-compact-copy .kicker{color:#7cddd3}.hero-compact-copy h1{font-size:clamp(34px,4.1vw,57px);margin:15px 0}.hero-compact-copy p:last-child{color:#bdd2df;max-width:770px;font-size:16px}.hero-compact-art{height:215px;min-width:235px;position:relative;border:1px solid #3f7482;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg);background:radial-gradient(circle,rgba(18,203,187,.22),transparent 70%)}.hero-compact-art span{font-size:110px;font-weight:900;color:rgba(128,230,220,.36);line-height:1}.hero-compact-art i,.hero-compact-art b{position:absolute;inset:18px;border:1px solid #3d6477;border-radius:50%}.hero-compact-art b{inset:-25px}.crumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);padding-block:24px}.crumb>a{color:#008c85}.detail-layout{padding-bottom:90px}.detail-main{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:45px}.detail-main>article h1{font-size:clamp(33px,3.4vw,52px);margin:12px 0}.detail-poster{height:355px;background:linear-gradient(130deg,#133748,#164d62);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px;color:white;overflow:hidden;position:relative}.detail-poster::after{content:"";position:absolute;width:380px;height:380px;left:-110px;top:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.detail-poster>span{align-self:start;letter-spacing:.2em;font-size:12px;z-index:1}.detail-poster strong{font-size:145px;color:rgba(255,255,255,.4);line-height:1}.detail-poster small{align-self:end;letter-spacing:.14em;color:#9de5df}.detail-poster.tone-featured,.detail-poster.tone-creative{background:linear-gradient(120deg,#343268,#16364f)}.detail-poster.tone-safety,.detail-poster.tone-watch{background:linear-gradient(140deg,#145861,#112439)}.detail-poster+.kicker{margin:28px 0 0}.lead{font-size:17px;line-height:1.9}.detail-meta{border-block:1px solid var(--line);padding-block:15px;display:flex;gap:13px;flex-wrap:wrap;font-size:12px;color:var(--mauve)}.detail-controls{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 38px}.article-body{border-top:1px solid var(--line);padding-top:22px;max-width:800px}.article-body h2{font-size:25px;margin:30px 0 13px}.article-body p{font-size:15px;line-height:2.1}.detail-sidebar{position:sticky;top:100px;height:max-content;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:22px}.detail-sidebar h2{font-size:20px}.detail-sidebar>p{font-size:13px}.detail-sidebar>a:not(.sidebar-more){display:block;padding:16px 0;border-bottom:1px solid var(--line)}.detail-sidebar>a small{color:#007f79;display:block}.detail-sidebar>a strong{display:block;margin-top:5px;font-size:14px;line-height:1.5}.sidebar-more{display:block;margin-top:15px;color:#008d85;font-weight:750;font-size:13px}.reader-shell{padding-bottom:80px}.reading-progress{height:3px;position:fixed;top:70px;left:0;background:#12cbbb;width:0;z-index:100}.reader-top{display:flex;gap:18px;align-items:center;justify-content:center;border-bottom:1px solid var(--line);padding:19px;flex-wrap:wrap}.reader-top>a{color:#008680;font-weight:700;margin-right:auto}.reader-top button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px;font-size:12px}.reading-article{max-width:800px;margin:65px auto}.reading-article h1{font-size:clamp(33px,4vw,55px);margin:18px 0}.reading-article h2{font-size:28px;margin:42px 0 20px}.reading-article>p{line-height:2.2;font-size:16px}.reader-lead{font-size:19px!important;color:#445b70}.reader-status{padding:17px 20px;background:#e7f8f4;border-left:3px solid #12cbbb;margin:25px 0;display:flex;flex-direction:column;gap:4px}.reader-status strong{color:#126e68}.reader-status span{font-size:12px;color:#446b70}.reader-visual{height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(130deg,#122640,#24606d);border-radius:18px;color:#d6fffa;margin:40px 0}.reader-visual>span{font-size:12px;letter-spacing:.22em}.reader-visual strong{font-size:130px;line-height:1}.reading-article blockquote{margin:35px 0;padding:24px;border-left:4px solid #12cbbb;background:#eff9f7;font-size:22px;color:#174756;font-weight:700}.reader-end{margin-top:35px;display:flex;gap:15px;flex-wrap:wrap}.reader-end a{color:#007e77;font-weight:750}.reader-related{border-top:1px solid var(--line)}.reader-night{background:#0e1d30;color:#e2eef4}.reader-night .reading-article>p,.reader-night .reader-top a{color:#b3d1df}.reader-night .reader-top button{background:#253d54;color:white}.reader-night .story-card{color:var(--ink)}.search-page-form{max-width:850px;background:var(--cream);padding:24px;border-radius:15px;margin-bottom:35px}.search-summary{margin-bottom:25px}.search-summary h2{font-size:25px}.empty-state{border:1px solid var(--line);border-radius:18px;padding:50px;text-align:center;background:var(--cream)}.empty-state .btn{margin:10px}.category-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:25px;background:#f3f8f9;border-radius:18px;overflow:hidden;margin-top:40px}.category-intro>div:first-child{padding:40px}.category-intro h3{font-size:26px}.category-intro p{line-height:2}.category-label{background:linear-gradient(135deg,#132d43,#22777b);display:grid;place-content:center;text-align:center;color:#bee9e6}.category-label strong{font-size:110px;line-height:1}.category-label span{font-size:12px;letter-spacing:.2em}.info-callout{border:1px solid #b7e6e1;border-left:4px solid var(--rose);border-radius:12px;padding:25px;margin:35px 0;background:var(--rose-soft)}.info-callout h2,.info-callout strong{color:#175257}.info-callout p{margin:10px 0}.info-callout a{color:#007c78;font-weight:750}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.tabs a,.tabs button{border:1px solid var(--line);background:white;padding:10px 17px;border-radius:9px;color:var(--ink-2);font-weight:750}.tabs .active{background:var(--plum);color:white;border-color:var(--plum)}.ranking-list{border-top:2px solid var(--ink)}.ranking-list article{display:grid;grid-template-columns:70px 1fr 90px;gap:24px;padding:25px 10px;border-bottom:1px solid var(--line);align-items:center}.ranking-list .rank-num{font-size:35px;color:#0a9b8e;font-weight:900}.ranking-list h2{font-size:22px;margin:8px 0}.ranking-list p{font-size:13px;margin:0}.timeline{border-left:2px solid #d9e7ec;margin-left:21px}.timeline article{display:grid;grid-template-columns:50px 1fr 110px;gap:20px;padding:20px 0;align-items:start;position:relative}.timeline-index{position:relative;left:-20px;background:#0f394e;color:white;border-radius:100px;padding:7px 9px;font-size:12px}.timeline h2{font-size:22px;margin:7px 0}.timeline p{font-size:13px}.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.collection-tile{background:#f4f8f9;border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column}.collection-index{color:#00857f;font-size:11px;letter-spacing:.13em;font-weight:800}.collection-tile h2{font-size:28px;margin:22px 0 15px}.collection-tile p{line-height:2}.collection-tile>div{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;color:#546b7c}.collection-tile>div span{background:white;border:1px solid var(--line);border-radius:30px;padding:6px 12px}.collection-tile>a{margin-top:auto;color:#008781;font-weight:750;padding-top:25px}.collection-detail-grid{display:grid;grid-template-columns:270px 1fr;gap:40px}.collection-detail-grid>div:nth-child(2){display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-detail-grid>div:first-child{background:var(--cream);border-radius:16px;padding:24px;height:max-content}.collection-detail-grid h2{font-size:19px}.channel-links{display:flex;flex-wrap:wrap;gap:12px}.channel-links>a{background:white;border:1px solid var(--line);border-radius:10px;padding:20px 25px;color:#007f79;font-weight:750}.contributors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.contributors article{padding:25px;background:var(--cream);border:1px solid var(--line);border-radius:16px}.avatar-symbol{width:100%;aspect-ratio:4/5;max-height:220px;border-radius:12px;margin-bottom:22px;background:linear-gradient(150deg,#17334b,#266f78);display:grid;place-items:center;color:#a5e8e1;font-size:75px}.contributors h2{font-size:21px;margin:12px 0}.contributors strong{font-size:12px;color:#008f88}.contributors p{font-size:13px;margin-top:15px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.discussion{border:1px solid var(--line);border-radius:16px;padding:30px;margin-bottom:17px}.discussion-top{display:flex;justify-content:space-between;gap:10px;color:#8191a2;font-size:12px}.discussion h2{font-size:24px;margin:19px 0}.discussion p{line-height:2}.discussion-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px}.discussion-actions button{background:var(--rose-soft);color:#007a72;border:0;border-radius:8px;padding:10px}.discussion-actions a{font-size:12px;color:#008a83;font-weight:750}.community-aside{height:max-content;position:sticky;top:90px;padding:23px;background:var(--cream);border-radius:14px}.community-aside h2{font-size:24px}.community-aside p{font-size:13px;line-height:1.9}.community-aside a{display:block;color:#00877f;font-weight:750;margin:10px 0;font-size:13px}.community-aside .muted{color:#8896a3}.local-view{padding:25px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;min-height:125px}.local-entry{display:flex;gap:15px;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.local-entry strong{display:block}.local-entry p{margin:6px 0;font-size:13px}.local-entry a{color:#008b81}.local-entry button{height:max-content;background:#f3f6f8;border:0;border-radius:8px;padding:8px}.topic-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.topic-columns article{border:1px solid var(--line);padding:26px;border-radius:15px;display:flex;gap:22px}.topic-symbol{font-size:42px;color:#008b85}.topic-columns h2{font-size:23px}.topic-columns a{color:#007f79;font-weight:750}.mobile-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;padding-bottom:45px}.mobile-intro h2{font-size:40px}.mobile-intro p{line-height:2}.app-visual{min-height:380px;background:linear-gradient(145deg,#e5f9f7,#e5ecf8);border-radius:20px;display:grid;place-items:center;overflow:hidden}.app-visual img{width:100%;height:100%;object-fit:contain;max-height:480px}.app-visual .mobile-device{transform:rotate(5deg) translateY(23px)}.download-status{display:flex;gap:30px;padding:35px;background:#effaf7;border-radius:16px;margin-bottom:50px}.status-icon{width:55px;height:55px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#12cbbb;color:#08333b;font-weight:900;font-size:28px}.download-status h2{font-size:28px}.editorial-flow{max-width:980px;margin:auto}.editorial-block{display:grid;grid-template-columns:75px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line)}.editorial-no{font-size:33px;color:#059d91;font-weight:850}.editorial-block h2{font-size:27px;margin:0 0 18px}.editorial-block p{line-height:2.1;font-size:15px;margin-bottom:14px}.privacy-lead,.about-lead{max-width:890px;margin:0 auto 55px;border-left:4px solid #12cbbb;padding-left:30px}.privacy-lead h2,.about-lead h2{font-size:clamp(30px,4vw,47px)}.privacy-lead p,.about-lead p{font-size:16px;line-height:2}.faq-intro{padding:20px 0 36px;max-width:850px}.faq-intro h2{font-size:30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-grid h2{font-size:35px}.contact-grid p{line-height:2}.contact-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contact-options article{background:var(--cream);border-radius:15px;padding:25px}.contact-options span{color:#029c92;font-weight:900}.contact-options h3{margin:20px 0 10px}.contact-options p{font-size:13px;line-height:1.8}
/* Footer and persistent convenience controls. */
.footer{background:linear-gradient(135deg,#0A1628,#182B43);color:white;padding:68px 0 25px}.footer-top{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:65px}.footer-brand p{color:rgba(255,255,255,.72);margin-top:20px;max-width:320px;font-size:13px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-top h2{font-size:14px;color:#ebf5f8;margin-bottom:5px}.footer-top a:not(.brand){font-size:13px;color:#b5c7d3}.footer-top a:hover{color:#80e6dc}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:55px;padding-top:20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px;color:#a9c2d0}.footer-bottom p{margin:0;color:#a0b6c4}.footer-bottom a{margin-left:auto;color:#80e6dc}.mobile-dock{display:none}.back-top{position:fixed;right:24px;bottom:27px;width:40px;height:40px;background:#0e3348;color:#fff;border:0;border-radius:12px;z-index:75;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
/* Motion and responsive: 1200 / 1024 / 900 / 768 / 600. */
@media(min-width:901px){.story-card[data-reveal]{transition:transform .25s,box-shadow .25s,opacity .4s}.story-card[data-reveal].is-visible{opacity:1}}
@media(max-width:1200px){.nav-shell{gap:15px;padding-inline:17px}.nav-links{gap:12px}.nav-links>a{font-size:12px}.nav-search-label,.search-open-button kbd{display:none}.search-open-button{min-width:40px;width:40px;justify-content:center}.hero-grid{grid-template-columns:160px minmax(0,1fr) 230px;gap:25px}.story-grid{gap:15px}.feature-lead{padding:35px}.footer-top{gap:30px}}
@media(max-width:1024px){.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#0c2235;flex-direction:column;align-items:stretch;padding:15px 26px 25px;gap:0;border-top:1px solid #36556a;max-height:75vh;overflow:auto}.nav-links.is-open{display:flex}.nav-links>a{min-height:47px;font-size:14px}.nav-links>a.current::after{bottom:2px}.menu-trigger{display:block}.nav-tools{margin-left:auto}.hero-grid{grid-template-columns:140px minmax(0,1fr);gap:26px}.hero-aside{display:none}.hero-main h1{font-size:49px}.hero-art{right:0}.feature-split{grid-template-columns:1fr}.feature-lead{min-height:380px}.feature-side{grid-template-columns:repeat(2,1fr)}.mini-editorial{grid-template-columns:1fr 1fr}.mini-editorial>div:first-child{grid-column:1/-1}.collection-list>a{grid-template-columns:110px 1fr 20px}.collection-list>a>small{display:none}.contributors{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.detail-main{grid-template-columns:minmax(0,1fr) 240px;gap:25px}}
@media(max-width:900px){.wrap{width:min(var(--wrap),calc(100% - 36px))}.section{padding-block:65px}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:40px}.hero-rail{order:2;border:0;padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-rail .rail-heading,.hero-rail .rail-foot{grid-column:1/-1;margin:5px 0}.hero-main{padding:12px 0 210px}.hero-main h1{font-size:clamp(39px,7vw,62px)}.hero-art{bottom:-15px;width:70%;right:3%;height:205px}.hero-search{max-width:650px}.story-grid{grid-template-columns:repeat(2,1fr)}.category-mosaic{grid-template-columns:repeat(2,1fr)}.band-grid{gap:25px}.side-title-layout,.split-explain,.two-column-notes{grid-template-columns:1fr;gap:35px}.small-quote{margin-top:20px}.directory-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.collection-detail-grid{grid-template-columns:1fr}.collection-detail-grid>div:nth-child(2){grid-template-columns:repeat(2,1fr)}.community-layout{grid-template-columns:1fr}.community-aside{position:static}.detail-main{grid-template-columns:1fr}.detail-sidebar{position:static}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-top>div:last-child{grid-column:auto}.mobile-feature{grid-template-columns:1fr 230px}}
@media(max-width:768px){.nav-shell{min-height:64px}.nav-links{top:64px}.nav-app{display:none}.nav-bookmark{font-size:24px}.brand-word{font-size:18px}.page-hero>.wrap{min-height:250px}.hero-compact-art{min-width:140px;height:140px}.hero-compact-art span{font-size:70px}.hero-compact-copy h1{font-size:39px}.section-heading{align-items:start}.section-heading h2{font-size:32px}.feature-side{grid-template-columns:repeat(2,1fr)}.mini-editorial{grid-template-columns:1fr 1fr}.band-grid{grid-template-columns:1fr}.band-checks{border-left:0;padding:0}.rank-preview>a{grid-template-columns:45px 1fr 35px}.rank-preview>a>span{display:none}.rank-preview>a>strong{font-size:16px}.guide-steps,.perspectives,.discussion-strip{grid-template-columns:1fr}.perspectives>div{border-right:0;border-bottom:1px solid var(--line)}.mobile-feature{grid-template-columns:1fr}.mobile-device{margin-top:30px}.collection-list>a{grid-template-columns:1fr 25px}.collection-list>a>span{grid-column:1/-1}.collection-list>a>strong{font-size:18px}.collection-list>a>i{grid-column:2;grid-row:2}.ranking-list article{grid-template-columns:50px 1fr;gap:15px}.ranking-list article>a{grid-column:2}.detail-poster{height:270px}.detail-poster strong{font-size:100px}.reading-article{margin:45px auto}.reading-article h1{font-size:36px}.reading-article h2{font-size:25px}.reader-visual{height:230px}.reader-visual strong{font-size:90px}.mobile-dock{position:fixed;display:flex;bottom:0;left:0;right:0;background:#0c2135;z-index:85;justify-content:space-around;padding:6px 7px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #36556a}.mobile-dock a{display:flex;flex-direction:column;align-items:center;line-height:1.35;font-size:22px;color:#d7edf4;width:20%}.mobile-dock a small{font-size:10px}.back-top{bottom:82px}.footer{padding-bottom:90px}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.section{padding-block:48px}.nav-shell{padding-inline:13px}.search-open-button{width:32px;min-width:32px;border:0;background:transparent}.nav-tools{gap:6px}.brand-mark{width:35px;height:35px}.brand-word small{font-size:8px}.home-hero .hero-main{padding-bottom:180px}.hero-main h1{font-size:38px}.hero-lead{font-size:14px}.hero-search{flex-direction:column;background:transparent;box-shadow:none}.hero-search input{background:white;border-radius:9px;min-height:45px}.hero-search button{min-height:42px}.hero-art{height:165px;width:90%;right:5%}.visual-17{font-size:90px}.hero-rail{grid-template-columns:repeat(2,1fr)}.hero-rail .rail-foot{display:none}.hero-rail>a{font-size:11px}.channel-strip-inner{gap:6px;min-height:62px}.channel-strip a{font-size:11px}.section-heading{flex-direction:column;gap:12px}.section-heading h2{font-size:29px}.section-intro{font-size:13px}.story-grid,.category-mosaic,.mini-editorial,.feature-side,.collections-grid,.topic-columns,.collection-detail-grid>div:nth-child(2),.contact-options{grid-template-columns:1fr}.story-thumb{height:195px}.story-body>p{min-height:0}.feature-lead{min-height:360px;padding:26px}.feature-lead h3,.feature-lead h2{font-size:37px}.feature-side .story-thumb{height:165px}.mini-editorial>div:first-child{grid-column:auto}.mini-editorial .large-number{font-size:72px}.cat-tile{min-height:205px}.dark-band h2{font-size:32px}.signal-banner{padding:30px 25px}.signal-banner h2{font-size:31px}.explain-graphic{min-height:250px}.directory-grid{grid-template-columns:1fr}.two-column-notes{gap:23px}.trust-grid a{padding:14px}.join-band-inner{flex-direction:column;align-items:start}.join-band h2{font-size:28px}.page-hero>.wrap{min-height:225px}.hero-compact-art{display:none}.hero-compact-copy h1{font-size:36px}.hero-compact-copy p:last-child{font-size:14px}.detail-layout{padding-bottom:55px}.detail-poster{height:230px;padding:21px}.detail-main>article h1{font-size:32px}.detail-meta{flex-direction:column}.reading-article{margin:35px auto}.reading-article h1{font-size:31px}.reading-article>p{font-size:15px}.reader-top{justify-content:flex-start}.search-dialog{padding:18px}.search-field button{padding:9px 12px}.category-intro{grid-template-columns:1fr}.category-intro>div:first-child{padding:24px}.category-label{min-height:180px}.ranking-list .rank-num{font-size:27px}.ranking-list h2{font-size:19px}.timeline article{grid-template-columns:35px 1fr}.timeline article>a{grid-column:2}.timeline h2{font-size:19px}.contributors{grid-template-columns:repeat(2,1fr);gap:10px}.contributors article{padding:15px}.contributors h2{font-size:16px}.contributors p{font-size:12px}.avatar-symbol{font-size:40px;margin-bottom:12px}.community-layout{gap:18px}.discussion{padding:21px}.discussion h2{font-size:20px}.local-entry{flex-direction:column}.mobile-intro{grid-template-columns:1fr}.mobile-intro h2{font-size:32px}.download-status{flex-direction:column;padding:24px}.editorial-block{grid-template-columns:1fr;gap:10px}.editorial-no{font-size:20px}.editorial-block h2{font-size:24px}.privacy-lead,.about-lead{padding-left:17px}.faq-item summary{font-size:15px}.footer{padding-top:45px}.footer-top{grid-template-columns:repeat(2,1fr);gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:30px}.footer-bottom a{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}