/* 17c — Midnight Blueprint / editorial design system */
: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}body{margin:0;font:400 16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--surface);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h2{font-size:clamp(28px,3.2vw,43px);font-weight:690}h3{font-size:21px}p{color:var(--ink-2)}:focus-visible{outline:3px solid var(--rose-2);outline-offset:3px}.wrap{width:min(calc(100% - 64px),var(--wrap));margin-left:auto;margin-right:auto}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;color:#000;padding:12px;z-index:999}.skip-link:focus{top:10px}.section{padding-top:88px;padding-bottom:88px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--rose)}.section-heading{max-width:790px;margin-bottom:35px}.section-heading h2{margin:10px 0 14px}.section-heading p{font-size:16px;max-width:690px;margin:0}.section-heading.light h2,.section-heading.light p{color:#fff}.section-heading.light p{color:#bbccd9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:10px 21px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:760;white-space:nowrap;transition:.22s ease;transition-property:transform,background,color,border-color}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--rose-2);color:var(--plum-dark)}.btn-primary:hover{background:var(--rose-light);color:var(--plum-dark)}.btn-dark{color:#fff;background:var(--plum)}.btn-dark:hover{color:#fff;background:#2b4666}.btn-outline{background:#fff;border-color:var(--line-strong);color:var(--ink)}.btn-outline:hover{border-color:var(--rose);color:var(--rose)}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}.btn-ghost:hover{border-color:var(--rose-light);color:var(--rose-light)}.text-link{display:inline-block;font-weight:800;font-size:14px;color:#0e827c;padding:10px 0}.text-link:hover{color:var(--plum)}.soft-surface{background:var(--cream)}.pastel-band{background:linear-gradient(105deg,#e9f8f5,#f1f1fd)}
/* Top navigation: real links remain usable without JS. */
.site-header{height:72px;background:rgba(10,22,40,.975);position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(255,255,255,.1);transition:background .25s}.site-header.scrolled{background:rgba(24,43,67,.985);box-shadow:0 8px 22px rgba(5,10,20,.12)}.header-row{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;color:#fff;min-width:157px;line-height:1}.brand:hover{color:#fff}.brand strong{font-size:24px;letter-spacing:-.06em}.brand small{font-size:10px;color:#a9b8cb;font-weight:500;letter-spacing:.04em;white-space:nowrap}.brand-monogram{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:var(--rose-2);color:var(--plum-dark);font-weight:900;letter-spacing:-.1em;font-size:22px}.brand-monogram span{color:#fff}.brand-logo{width:38px;height:38px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(9px,1.5vw,22px);height:100%;flex:1;justify-content:center}.main-nav a{display:flex;align-items:center;position:relative;height:100%;font-size:13px;color:#dce8f0;white-space:nowrap;font-weight:570}.main-nav a:hover{color:var(--rose-light)}.main-nav a[aria-current="page"]{color:var(--rose-2)}.main-nav a[aria-current="page"]::after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:3px;background:var(--rose-2);border-radius:4px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button,.header-actions .round-action,.app-shortcut{border:1px solid rgba(255,255,255,.16);background:transparent;color:#e4eef5;border-radius:22px;padding:7px 11px;white-space:nowrap;font-size:13px;min-height:36px}.header-actions button:hover,.header-actions a:hover{color:var(--rose-light);border-color:var(--rose-light)}.header-actions .round-action{font-size:20px;line-height:19px}.app-shortcut{background:rgba(18,203,187,.14);color:var(--rose-light)}.header-actions .menu-toggle{display:none}
/* Hero: index rail / editorial panel / discover sidebar */
.home-hero{background:linear-gradient(135deg,#0A1628 0%,#182B43 58%,#284C67 100%);color:#fff;position:relative;overflow:hidden}.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 70%,rgba(18,203,187,.12),transparent 37%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.018) 50%);pointer-events:none}.hero-layout{display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(0,6fr) minmax(220px,2.25fr);gap:30px;position:relative;min-height:615px;padding-top:65px;padding-bottom:42px}.hero-side{padding-top:33px;border-right:1px solid rgba(255,255,255,.12);padding-right:23px}.hero-side-title,.hero-mini span{font-size:10px;letter-spacing:.16em;color:#9fb4c5;font-weight:760}.hero-side>a{display:flex;flex-direction:column;gap:3px;margin:16px 0 22px;color:#d9eaf2;font-size:13px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:13px}.hero-side>a em{font:normal 11px/1.5 monospace;color:var(--rose-2)}.hero-side>a:hover{color:var(--rose-light)}.hero-mini{margin-top:52px;max-width:150px}.hero-mini p{color:#a2b6c9;font-size:12px;line-height:1.75;margin:10px 0}.hero-main{padding-top:10px;position:relative}.pill-outline{display:inline-flex;border:1px solid rgba(128,230,220,.46);color:#91f3ea;border-radius:100px;padding:5px 15px;font-size:12px;font-weight:670;letter-spacing:.04em}.hero-main h1{font-size:clamp(34px,4vw,62px);line-height:1.19;letter-spacing:-.055em;margin:19px 0 18px;max-width:850px;font-weight:780}.hero-main h1>span:first-child{color:#d8ecf6}.hero-main .accent{color:var(--rose-light)}.hero-lead{color:#ccdae4;max-width:680px;font-size:15px;line-height:1.9;margin-bottom:20px}.hero-search{display:flex;align-items:center;max-width:670px;background:#fff;border-radius:12px;padding:5px 5px 5px 16px;gap:10px;box-shadow:0 14px 38px rgba(0,0,0,.15)}.hero-search>span{color:#466b78;font-size:27px}.hero-search input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:14px;background:transparent}.hero-search button{border:0;border-radius:8px;background:var(--rose-2);padding:13px 21px;color:#071f27;font-size:13px;font-weight:800}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.hero-tags{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:19px;font-size:12px;color:#b3c6d1}.hero-tags small{color:#819ca9}.hero-tags a{border-bottom:1px solid rgba(255,255,255,.28)}.hero-tags a:hover{color:var(--rose-light)}.hero-illustration{height:124px;position:relative;margin-top:20px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(115deg,rgba(18,203,187,.12),rgba(117,103,232,.16));border-radius:18px}.hero-illustration::before{content:"";position:absolute;inset:-100% -10% -30% 40%;border:1px solid rgba(128,230,220,.25);transform:rotate(-23deg);border-radius:100%}.hero-illustration img{width:100%;height:100%;object-fit:cover;opacity:.5}.hero-art-caption{position:absolute;bottom:14px;left:20px;font-size:10px;letter-spacing:.16em;color:#b9eff0}.hero-art-emblem{position:absolute;top:15px;right:25px;line-height:1;color:#fff;font-size:48px;font-weight:850;letter-spacing:-.08em}.hero-art-emblem>span{color:var(--rose-light)}.hero-art-emblem small{display:block;font-size:9px;letter-spacing:.1em;color:#b0d5df}.hero-right{padding-top:34px}.right-panel{border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(6,18,34,.26);padding:24px 20px 15px;backdrop-filter:blur(6px)}.right-panel h2{font-size:20px;margin:10px 0 18px;color:#fff}.right-panel>a{position:relative;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.13);padding:18px 22px 17px 0;color:var(--rose-light);font-size:14px}.right-panel>a strong{color:#eaf5f8;font-size:14px}.right-panel>a small{font-size:12px;color:#b2c4d1}.right-panel>a:hover strong{color:var(--rose-light)}.right-quote{font-family:serif;font-size:22px;line-height:1.65;margin:39px 6px 0;color:#d4dbee;opacity:.8}.hero-bottom-track{display:flex;gap:0;align-items:center;padding:13px 0 18px;position:relative;border-top:1px solid rgba(255,255,255,.14);font-size:12px}.hero-bottom-track>span{letter-spacing:.14em;color:#89b6b6;margin-right:auto}.hero-bottom-track>a{padding:7px 22px;color:#d2e0ed;border-left:1px solid rgba(255,255,255,.16)}.hero-bottom-track>a:hover{color:var(--rose-light)}
/* Story cards: compact headings and content-forward display */
.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.story-card{min-width:0;display:flex;flex-direction:column}.story-image{display:block;position:relative;height:auto;aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:#152d45}.story-image.theme-0{background:linear-gradient(135deg,#173349,#0f807f)}.story-image.theme-1{background:linear-gradient(125deg,#234263,#8378a8)}.story-image.theme-2{background:linear-gradient(115deg,#165e6e,#15263b)}.story-image.theme-3{background:linear-gradient(110deg,#5a688f,#173e59)}.story-image.theme-4{background:linear-gradient(110deg,#354766,#15948a)}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.story-image:hover img{transform:scale(1.055)}.story-image::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,14,24,.55),transparent 45%),repeating-linear-gradient(125deg,transparent 0 28px,rgba(255,255,255,.022) 28px 29px)}.story-image .visual-label{position:absolute;top:16px;left:16px;background:rgba(8,29,43,.7);color:#d4faf3;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:4px 9px;font-size:11px;z-index:2}.visual-mark{font:700 70px/1 Arial,sans-serif;letter-spacing:-.09em;position:absolute;right:18px;bottom:3px;color:rgba(255,255,255,.18)}.story-copy{padding:14px 2px 0}.micro-meta{font-size:11px;color:var(--mauve);margin-bottom:7px}.story-copy h3{font-size:18px;letter-spacing:-.025em;margin:0 0 9px}.story-copy h3 a:hover{color:#078e84}.story-copy p{font-size:13px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin-bottom:6px}.story-copy .text-link{padding:4px 0}
/* Alternating discovery modules */
.split-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(190px,.7fr);gap:46px;align-items:center}.split-stage>div:first-child h2{font-size:clamp(31px,4vw,55px);line-height:1.21;margin:14px 0 23px}.split-stage>div:first-child p{line-height:2;max-width:490px;margin-bottom:25px}.stage-poster{height:350px;border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 34%,rgba(128,230,220,.54),transparent 27%),linear-gradient(140deg,#142b48,#0c797c 65%,#244a66);box-shadow:var(--shadow-hover)}.stage-poster img{height:100%;width:100%;object-fit:cover}.stage-wordmark{position:absolute;bottom:25px;left:25px;color:#fff;font:800 clamp(35px,4.5vw,64px)/.98 Arial,sans-serif;letter-spacing:-.07em}.stage-wordmark span{color:#b6f5ee}.stage-notes{display:flex;flex-direction:column;gap:0}.stage-notes>span{font-size:12px;font-weight:760;letter-spacing:.1em;color:var(--mauve);margin-bottom:12px}.stage-notes a{padding:19px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:650}.channel-matrix{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:15px}.channel-tile{display:flex;flex-direction:column;justify-content:space-between;min-height:260px;border-radius:18px;padding:23px;overflow:hidden;position:relative;background:#e7f4f3;transition:transform .2s}.channel-tile:hover{transform:translateY(-4px);color:var(--ink)}.channel-tile.tile-1{background:#eef0fe}.channel-tile.tile-2{background:#e4f0f7}.channel-tile.tile-3{background:#ebf4f1}.channel-tile::after{content:"";width:210px;height:210px;position:absolute;border:1px solid rgba(12,92,98,.15);border-radius:50%;top:50%;right:-45%;pointer-events:none}.channel-number{font:700 11px monospace;letter-spacing:.13em;color:#368b8a}.channel-tile img{max-height:95px;width:100%;object-fit:cover;opacity:.7;border-radius:8px;margin-bottom:10px}.channel-tile h3{font-size:24px;margin:0 0 12px}.channel-tile p{font-size:13px;margin:0;max-width:220px}.channel-tile .arrow{position:absolute;top:22px;right:24px;font-size:24px;color:#1a7679}.editorial-two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.story-feature h2{margin:12px 0 20px}.story-feature p{font-size:16px;max-width:560px;line-height:2}.fact-list>div{display:grid;grid-template-columns:42px 1fr;gap:6px 18px;border-bottom:1px solid var(--line);padding:18px 0}.fact-list b{font:700 13px monospace;color:#079f9b;grid-row:span 2}.fact-list strong{font-size:18px}.fact-list span{grid-column:2;color:var(--ink-2);font-size:14px}.dark-section{background:linear-gradient(122deg,#0A1628,#182B43);color:#fff}.topic-tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.topic-track{min-height:285px;padding:27px 24px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.045);display:flex;flex-direction:column}.topic-track span{color:var(--rose-light);font-size:12px;letter-spacing:.08em}.topic-track h3,.topic-track h2{font-size:23px;margin:23px 0 12px;color:#fff}.topic-track p{font-size:13px;line-height:1.85;color:#b4c4d6;margin:0 0 22px;flex:1}.topic-track strong{color:var(--rose-light);font-size:13px}.topic-track:hover{background:rgba(18,203,187,.1);border-color:rgba(128,230,220,.5);color:#fff}.light-tracks .topic-track{background:var(--cream);border-color:var(--line)}.light-tracks .topic-track h2{color:var(--ink)}.light-tracks .topic-track p{color:var(--ink-2)}.light-tracks .topic-track span,.light-tracks .topic-track strong{color:#058b84}.light-tracks .topic-track:hover{background:#e6f6f3}.update-preview{border-top:1px solid var(--line-strong);margin-bottom:18px}.update-preview>a{display:grid;grid-template-columns:64px 175px minmax(0,1fr) 175px 20px;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:21px 8px;font-size:15px}.update-preview>a:hover{background:var(--cream);color:var(--ink)}.update-preview a em{font:600 19px monospace;color:var(--rose)}.update-preview a>span{font-size:13px;color:var(--mauve)}.update-preview a strong{font-size:16px}.update-preview a small{font-size:12px;color:var(--ink-3)}.quote-pair{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.quote-pair h2{margin:15px 0}.quote-pair p{font-size:16px;max-width:490px}.quote-card{padding:40px 50px;background:rgba(255,255,255,.86);border-radius:20px;box-shadow:var(--shadow)}.quote-card blockquote{font-size:clamp(22px,2.4vw,35px);line-height:1.6;color:var(--plum);margin:0 0 23px;font-weight:600}.quote-card a{font-size:13px;font-weight:700;color:#078780}.narrow-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(105deg,#e5f7f4,#e9ecfc);padding:50px 55px;border-radius:25px;overflow:hidden}.narrow-banner h2{max-width:640px}.narrow-banner p{max-width:650px}.banner-ornament{font:900 clamp(45px,5vw,85px)/.93 Arial,sans-serif;letter-spacing:-.08em;color:rgba(12,95,96,.15);white-space:nowrap;transform:rotate(-6deg)}.link-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.link-directory a{background:var(--cream);padding:23px 25px;border:1px solid var(--line);border-radius:13px;font-size:19px;font-weight:720;display:flex;flex-direction:column}.link-directory a:hover{border-color:var(--rose);background:var(--rose-soft)}.link-directory a span{font-weight:450;font-size:13px;color:var(--mauve);margin-top:7px}.editorial-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.editorial-art{min-height:350px;border-radius:22px;background:linear-gradient(135deg,#172d44,#127f82);position:relative;overflow:hidden}.editorial-art::after{content:"";position:absolute;width:55%;aspect-ratio:1;right:-4%;bottom:-30%;border:2px solid rgba(255,255,255,.18);border-radius:50%}.editorial-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.editorial-art span{position:absolute;left:25px;bottom:25px;color:#e5fdf8;font-size:12px;letter-spacing:.14em}.editorial-row h2{margin:10px 0 20px}.editorial-row p{font-size:16px;line-height:2;max-width:560px}.action-links{display:flex;gap:25px;margin-top:25px;flex-wrap:wrap}.action-links a{font-weight:700;font-size:14px;border-bottom:1px solid var(--rose);color:#087e7d;padding-bottom:6px}.two-column-block{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-column-block h2{margin:12px 0}.two-column-block p{font-size:16px;line-height:2}.mini-story-list>a{display:grid;grid-template-columns:110px 1fr 20px;gap:15px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.mini-story-list>a>span{font-size:12px;color:var(--mauve)}.mini-story-list>a>strong{font-size:17px}.discussion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.discussion-grid article{background:var(--cream);border-radius:18px;padding:30px;min-height:285px;display:flex;flex-direction:column}.discussion-grid b{font-size:12px;color:var(--rose)}.discussion-grid h2,.discussion-grid h3{font-size:24px;line-height:1.5;margin:15px 0}.discussion-grid p{font-size:14px;line-height:1.9;flex:1}.discussion-grid a{font-size:13px;font-weight:750;color:#078f88}.slim-dark{padding:63px 0}.security-inline{display:grid;grid-template-columns:.9fr 1fr auto;gap:50px;align-items:center}.security-inline h2{margin:13px 0 0;color:#fff;font-size:31px}.security-inline p{color:#c1d0db;font-size:14px;line-height:2;margin:0}.devices{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:32px;align-items:center;text-align:center}.device-copy{text-align:left;padding:15px 0}.device-copy h3{font-size:25px}.device-copy p{font-size:14px;line-height:2}.device-copy a{font-size:14px;color:#008c83;font-weight:770}.device-shape{width:min(100%,270px);height:370px;margin:auto;border:11px solid #172d47;border-radius:43px;box-shadow:20px 30px 65px rgba(24,43,67,.15);position:relative;background:linear-gradient(155deg,#17364f,#12877f)}.device-shape::before{content:"";position:absolute;top:8px;left:37%;right:37%;height:11px;border-radius:10px;background:#071927;z-index:2}.device-shape img{width:100%;height:100%;object-fit:cover;border-radius:32px}.device-shape span{position:absolute;top:36%;left:0;right:0;color:#fff;font-weight:900;font-size:58px;line-height:.9;letter-spacing:-.08em;text-shadow:0 2px 18px #142f3b}.device-shape small{font-size:11px;letter-spacing:.17em}.install-list>div{padding:20px 25px;border-bottom:1px solid var(--line);font-size:15px;color:#088b86}.install-list>div strong{margin-left:12px;color:var(--ink);font-size:17px}.install-list>div p{margin:6px 0 0 27px;font-size:13px}.faq-list{border-top:1px solid var(--line-strong);max-width:1000px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:0 15px}.faq-list summary{padding:23px 35px 23px 0;cursor:pointer;font-size:17px;font-weight:700;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:6px;top:21px;font-size:23px;font-weight:400;color:var(--rose)}.faq-list details[open] summary::after{content:"−"}.faq-list p{font-size:14px;line-height:2.15;max-width:860px;margin:0 0 25px}.center-link{text-align:center;margin-top:32px}.closing-cta{background:linear-gradient(120deg,#10233c,#165c64);color:#fff;text-align:center;border-radius:23px;padding:63px 22px}.closing-cta h2{font-size:clamp(31px,4vw,53px);margin:16px 0}.closing-cta p{color:#bfd0db;max-width:630px;margin:0 auto 28px}.closing-cta .btn{margin:5px}
/* Inners, article reading, directories, and FAQ */
.subhero{background:linear-gradient(105deg,#0A1628,#1c3852);color:#fff;padding:72px 0 75px;position:relative;overflow:hidden}.subhero::after{content:"";position:absolute;top:-200px;right:-100px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(128,230,220,.12)}.subhero-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:50px;align-items:center}.subhero h1{font-size:clamp(35px,4.2vw,58px);margin:17px 0;color:#fff}.subhero p{color:#c6d5e0;max-width:720px;font-size:16px;line-height:1.95}.subhero-art{position:relative;height:150px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:linear-gradient(135deg,rgba(18,203,187,.18),rgba(117,103,232,.17));display:flex;align-items:end;padding:20px;overflow:hidden}.subhero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.subhero-art span{position:relative;letter-spacing:.15em;font-size:11px;color:var(--rose-light)}.chip-row{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:30px}.chip-row a{padding:9px 19px;border:1px solid var(--line-strong);border-radius:50px;font-size:14px;font-weight:650}.chip-row a:hover,.chip-row a.selected{background:var(--plum);color:#fff;border-color:var(--plum)}.search-feature{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:center;background:var(--cream);border-radius:18px;padding:25px}.search-feature img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}.inline-search{display:flex;gap:8px;max-width:720px}.inline-search input{border:1px solid var(--line-strong);min-height:49px;padding:9px 17px;outline:0;flex:1;min-width:0;border-radius:9px}.inline-search input:focus{border-color:var(--rose)}.search-feature h2{font-size:28px;margin-bottom:15px}.search-feature p{font-size:12px;margin:10px 0 0}.reading-callout{background:#ecf8f6;border:1px solid #caeae5;border-radius:18px;padding:38px 45px;margin-top:25px}.reading-callout h2{font-size:26px}.reading-callout p{max-width:950px;line-height:2}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:65px;padding-top:65px;padding-bottom:110px}.rich-body{font-size:16px;line-height:2.15;min-width:0}.rich-body h2{font-size:24px;margin:38px 0 14px;color:var(--plum)}.rich-body p{color:#354b60}.rich-body .lead{font-size:18px;color:#243e55}.rich-body h2:first-child{margin-top:0}.info-prose{max-width:860px}.info-prose section{margin-bottom:45px}.info-prose h2{border-bottom:1px solid var(--line);padding-bottom:17px}.info-aside,.detail-sidebar,.reader-aside{align-self:start;background:var(--cream);border-radius:15px;padding:28px;position:sticky;top:100px}.info-aside h3,.detail-sidebar h3,.reader-aside h3{font-size:19px}.info-aside p,.detail-sidebar p,.reader-aside p{font-size:13px;line-height:1.9}.info-aside .btn{margin:13px 0 20px;width:100%}.aside-link{display:block;color:#168b85;font-weight:750;font-size:13px;padding:9px 0;border-bottom:1px solid var(--line)}.collection-section{scroll-margin-top:110px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;border-bottom:1px solid var(--line);padding:43px 0}.collection-section:first-child{padding-top:0}.collection-intro h2{margin:14px 0}.collection-intro p{line-height:2}.collection-intro>a{color:var(--rose);font-weight:720;font-size:14px}.collection-links>a{display:grid;grid-template-columns:36px 1fr 80px 20px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.collection-links span{font:700 13px monospace;color:var(--rose)}.collection-links strong{font-size:16px}.collection-links small{font-size:12px;color:var(--mauve)}.series-row{border-bottom:1px solid var(--line);padding:20px 0 33px}.series-row>span{font-size:12px;letter-spacing:.1em;color:var(--rose)}.series-row h2{margin:9px 0 7px}.series-row p{max-width:790px}.series-row a{font-weight:740;color:#078e84;font-size:13px}.ranking-list{border-top:1px solid var(--line)}.ranking-list>a{display:grid;grid-template-columns:75px 1fr 25px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:23px 15px}.ranking-list>a:hover{background:var(--cream)}.ranking-list>a em{font:800 37px Arial,sans-serif;color:var(--rose)}.ranking-list>a:nth-child(2) em{color:var(--plum)}.ranking-list>a:nth-child(3) em{color:var(--peach)}.ranking-list span{font-size:12px;color:var(--mauve)}.ranking-list h2{font-size:21px;margin:6px 0}.ranking-list p{font-size:13px;margin:0}.contributor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.contributor-card{background:var(--cream);border-radius:16px;padding:28px}.avatar-symbol{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--plum),var(--rose));border-radius:22px;font-size:37px;color:#fff;margin-bottom:27px}.contributor-card h2{font-size:23px}.contributor-card p{font-size:14px;min-height:70px}.contributor-card>span:last-child{font-size:11px;color:var(--mauve)}.search-result-note{font-size:14px;margin:24px 0}.empty-state{background:var(--cream);text-align:center;padding:85px 20px;border-radius:20px}.empty-state h2{font-size:24px}.detail-breadcrumb{padding-top:27px;padding-bottom:16px;color:var(--ink-3);font-size:13px}.detail-breadcrumb a{color:#078e84}.detail-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:23px 0 56px;border-bottom:1px solid var(--line)}.detail-intro h1{font-size:clamp(30px,3.5vw,52px);margin:15px 0 20px}.detail-summary{font-size:17px;line-height:2;max-width:680px}.detail-metadata{display:flex;gap:15px;flex-wrap:wrap;color:var(--mauve);font-size:12px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.detail-cover{height:330px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(130deg,#17435b,#188d87)}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-cover span{position:absolute;bottom:25px;left:27px;font-size:12px;letter-spacing:.14em;color:#fff}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;padding:48px 0}.detail-sidebar .tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 30px}.detail-sidebar .tags a{background:#dceeea;border-radius:30px;padding:6px 12px;font-size:12px;color:#077e7d}.reader-shell{background:#f5f8fb;min-height:85vh}.reader-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-top:25px;padding-bottom:25px;font-size:13px}.reader-header>a{font-weight:730;color:#078a87}.reader-header>button{background:#fff;border:1px solid var(--line);padding:7px 15px;border-radius:9px}.reader-layout{display:grid;grid-template-columns:minmax(0,800px) 240px;justify-content:center;align-items:start;gap:70px;padding-top:60px;padding-bottom:105px}.reader-article{min-width:0}.reader-article h1{font-size:clamp(32px,4vw,51px);line-height:1.3;margin:14px 0 22px}.reader-deck{font-size:18px;line-height:2;color:var(--ink-2)}.reader-stage{height:280px;background:linear-gradient(130deg,#123044,#128786);position:relative;border-radius:16px;margin:28px 0;overflow:hidden}.reader-stage img{height:100%;width:100%;object-fit:cover}.reader-stage>span{position:absolute;bottom:18px;left:23px;color:#eafbf6;font-size:12px;letter-spacing:.15em}.reading-note{background:#e6f6f3;padding:20px 25px;border-left:4px solid var(--rose);border-radius:8px}.reading-note strong{font-size:14px}.reading-note p{margin:6px 0 0;font-size:13px}.reader-actions{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:35px;margin-top:35px}.reader-actions button{border:1px solid var(--line-strong);border-radius:10px;padding:11px 15px;background:#fff;color:var(--ink)}.progress-track{height:6px;border-radius:5px;background:#d2e1e8;overflow:hidden;margin:21px 0}.progress-track>span{height:100%;background:var(--rose);display:block;width:0}.reader-aside>a{display:block;margin-top:14px;color:#087e7a;font-size:13px}.reader-shell.dark-reader{background:#112034;color:#f1f8fc}.dark-reader .reader-deck,.dark-reader .rich-body p{color:#cfdae3}.dark-reader .rich-body h2{color:#fff}.local-library{min-height:420px}.library-controls{display:flex;gap:12px;flex-wrap:wrap}.local-library-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:35px 0}.library-item{padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--cream)}.library-item h3{font-size:18px}.library-item small{font-size:12px;color:var(--rose)}.library-item button{border:none;background:none;color:#b52f42;font-size:13px;text-decoration:underline}.local-library .reading-callout{margin-top:40px}
/* Modal and interaction chrome */
.search-modal{display:none;position:fixed;inset:0;z-index:200;align-items:flex-start;justify-content:center;padding:12vh 18px 18px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.modal-backdrop{position:absolute;inset:0;background:rgba(5,14,28,.76)}.search-dialog{position:relative;max-width:700px;width:100%;background:#fff;padding:45px;border-radius:23px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.search-dialog h2{font-size:29px;margin:7px 0 21px}.search-dialog form{display:flex;gap:8px}.search-dialog input{min-width:0;flex:1;border:1px solid var(--line-strong);border-radius:10px;padding:10px 15px}.search-dialog>p{font-size:13px;margin:22px 0 0}.search-dialog>p a{color:#078e84}.close-search{position:absolute;right:21px;top:15px;border:none;background:none;font-size:32px;color:var(--ink)}.modal-open{overflow:hidden}.to-top{position:fixed;bottom:25px;right:25px;z-index:50;width:43px;height:43px;border-radius:50%;background:var(--plum);border:0;color:#fff;opacity:0;visibility:hidden;transition:.2s}.to-top.visible{opacity:1;visibility:visible}.mobile-bottom{display:none}
/* Footer: dark editorial columns */
.site-footer{background:linear-gradient(135deg,#0A1628,#182B43);color:#edf8fb;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:50px}.footer-feature p{font-size:13px;line-height:2;color:rgba(255,255,255,.65);max-width:390px;margin:17px 0}.footer-brand{font-size:32px;font-weight:850;letter-spacing:-.04em}.footer-brand span{font-size:15px;font-weight:500;letter-spacing:0;color:var(--rose-light)}.footer-more{font-size:13px;color:var(--rose-light)}.footer-grid h3{font-size:15px;margin:10px 0 17px}.footer-grid>div:not(:first-child)>a{display:block;padding:5px 0;font-size:13px;color:rgba(255,255,255,.68)}.footer-grid>div:not(:first-child)>a:hover{color:var(--rose-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding-top:25px;margin-top:50px;font-size:12px;color:#a0b1c0}
/* Animation is decorative, never hides SEO body when JS is absent */
.reveal{transition:transform .3s}.reveal:hover{transform:translateY(-3px)}
@media(max-width:1200px){.main-nav{gap:10px}.main-nav a{font-size:12px}.brand small{display:none}.header-row{gap:15px}.hero-layout{grid-template-columns:145px minmax(0,1fr) 215px;gap:18px}.hero-main h1{font-size:43px}.story-grid{grid-template-columns:repeat(3,1fr)}.channel-matrix{grid-template-columns:repeat(2,1fr)}.topic-tracks{grid-template-columns:repeat(2,1fr)}.security-inline{grid-template-columns:1fr 1fr}.security-inline .btn{grid-column:2;justify-self:start}.footer-grid{gap:22px}}
@media(max-width:1024px){.main-nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;background:var(--plum-dark);padding:20px max(25px,4vw);flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #0002;z-index:80}.main-nav.nav-open{display:flex}.main-nav a{height:auto;padding:10px 0;font-size:15px;border-bottom:1px solid #ffffff20}.header-row{justify-content:space-between}.header-actions .menu-toggle{display:block}.hero-layout{grid-template-columns:145px minmax(0,1fr)}.hero-right{display:none}.hero-main h1{font-size:clamp(38px,4.7vw,60px)}.split-stage{grid-template-columns:1fr 1fr}.stage-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stage-notes>span{grid-column:1/-1}.update-preview>a{grid-template-columns:50px 130px minmax(0,1fr) 20px}.update-preview a small{display:none}.reading-layout{gap:28px;grid-template-columns:minmax(0,1fr) 235px}.reader-layout{grid-template-columns:minmax(0,1fr) 205px;gap:28px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:900px){.wrap{width:min(calc(100% - 42px),var(--wrap))}.section{padding-top:64px;padding-bottom:64px}.hero-layout{display:flex;flex-direction:column;padding-top:60px}.hero-side{border:0;padding:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-side-title{width:100%}.hero-side>a{display:inline-flex;flex-direction:row;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:5px 10px;gap:5px}.hero-side>a em{display:none}.hero-mini{display:none}.hero-main{padding-top:10px}.hero-main h1{font-size:clamp(38px,7vw,60px)}.hero-illustration{height:165px}.hero-bottom-track{flex-wrap:wrap}.hero-bottom-track>a{padding:7px 14px}.editorial-two{gap:30px}.story-grid{grid-template-columns:repeat(2,1fr)}.split-stage{gap:25px}.stage-poster{height:280px}.security-inline{grid-template-columns:1fr}.security-inline .btn{grid-column:auto}.subhero-layout{grid-template-columns:1fr .4fr}.detail-intro{gap:25px}.detail-columns{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.discussion-grid{grid-template-columns:repeat(2,1fr)}.discussion-grid article:last-child{grid-column:1/-1}.contributor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.section{padding-top:54px;padding-bottom:54px}.wrap{width:min(calc(100% - 32px),var(--wrap))}.brand{min-width:0}.brand small{display:none}.header-actions{gap:6px}.header-actions .icon-btn span,.header-actions .round-action,.app-shortcut{display:none}.header-actions button{font-size:12px;padding:6px 9px}.hero-layout{padding-top:42px;min-height:auto}.hero-main h1{font-size:clamp(35px,7vw,51px)}.hero-illustration{height:170px}.hero-bottom-track{gap:4px}.hero-bottom-track>span{width:100%;margin:0}.hero-bottom-track>a{border:0;background:rgba(255,255,255,.05);border-radius:7px}.section-heading h2{font-size:31px}.split-stage,.editorial-two,.editorial-row,.quote-pair,.two-column-block,.detail-intro,.detail-columns,.reading-layout,.reader-layout,.collection-section{grid-template-columns:1fr;gap:30px}.stage-notes{display:block;grid-column:auto}.stage-notes>span{display:block}.channel-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-tile{min-height:215px;padding:18px}.channel-tile h3{font-size:20px}.channel-tile p{font-size:12px}.link-directory{grid-template-columns:repeat(2,1fr)}.update-preview>a{grid-template-columns:36px 1fr 18px;gap:10px}.update-preview a>span{display:none}.update-preview a strong{font-size:14px}.devices{grid-template-columns:1fr;gap:20px}.device-copy{text-align:center}.device-shape{order:-1}.narrow-banner{padding:40px 30px}.banner-ornament{font-size:49px}.topic-tracks{grid-template-columns:1fr 1fr}.topic-track{min-height:240px;padding:20px}.topic-track h3,.topic-track h2{font-size:20px}.info-aside,.detail-sidebar,.reader-aside{position:static}.reading-layout,.reader-layout{padding-top:42px;padding-bottom:65px}.detail-cover{height:230px}.subhero{padding:52px 0}.subhero-layout{grid-template-columns:1fr}.subhero-art{height:105px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-feature{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.mobile-bottom{display:flex;justify-content:space-around;background:var(--plum-dark);color:#fff;position:fixed;z-index:65;bottom:0;left:0;right:0;padding:9px 5px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.15)}.mobile-bottom a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;min-width:49px;font-size:23px;line-height:1.2;color:#d5e1e9}.mobile-bottom a small{font-size:10px;margin-top:5px}.site-footer{padding-bottom:95px}.to-top{bottom:79px}.search-dialog{padding:34px 22px}}
@media(max-width:600px){body{font-size:15px}.site-header{height:65px}.main-nav{top:65px}.brand strong{font-size:21px}.hero-main h1{font-size:35px}.hero-search{flex-wrap:wrap;padding:10px}.hero-search input{font-size:13px;min-width:calc(100% - 48px)}.hero-search button{width:100%;margin-top:4px}.hero-ctas .btn{flex:1;min-width:175px}.hero-tags{gap:8px}.hero-side>a{font-size:12px}.hero-illustration{height:145px}.hero-art-emblem{font-size:39px}.story-grid{grid-template-columns:1fr;gap:33px}.story-image{aspect-ratio:16/9}.story-copy h3{font-size:20px}.channel-matrix{grid-template-columns:1fr 1fr;gap:9px}.channel-tile{min-height:195px;padding:16px}.channel-tile p{font-size:11px}.channel-tile img{max-height:60px}.link-directory{grid-template-columns:1fr;gap:9px}.link-directory a{padding:18px}.topic-tracks{grid-template-columns:1fr}.topic-track{min-height:180px}.topic-track h3,.topic-track h2{margin:13px 0 9px}.discussion-grid{grid-template-columns:1fr}.discussion-grid article:last-child{grid-column:auto}.quote-card{padding:30px}.quote-card blockquote{font-size:25px}.narrow-banner{padding:30px;display:block}.banner-ornament{display:none}.security-inline h2{font-size:28px}.faq-list summary{font-size:15px}.subhero h1{font-size:35px}.inline-search{flex-direction:column}.search-feature{grid-template-columns:1fr;padding:23px}.search-feature img{display:none}.contributor-grid{grid-template-columns:1fr 1fr;gap:9px}.contributor-card{padding:19px}.contributor-card h2{font-size:19px}.contributor-card p{min-height:100px}.collection-links>a{grid-template-columns:26px 1fr 16px}.collection-links small{display:none}.reader-article h1,.detail-intro h1{font-size:32px}.reader-stage{height:200px}.reader-actions button{font-size:12px}.local-library-items{grid-template-columns:1fr}.footer-grid{gap:22px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}.search-dialog form{flex-direction:column}.search-dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}