/* 17c — midnight blueprint / mint digital content community */
: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:88px}body{margin:0;color:var(--ink);background:var(--cream);font:400 15px/1.75 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.29;letter-spacing:-.025em}p{color:var(--ink-2)}:focus-visible{outline:3px solid #12cbbb;outline-offset:3px}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;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;left:-200vw;top:5px;background:white;color:var(--ink);z-index:9999;padding:10px}.skip-link:focus{left:10px}.eyebrow{display:inline-block;color:#087e79;font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.eyebrow.bright{color:var(--rose-light)}.muted{color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;min-height:44px;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:750;font-size:.9rem;transition:transform .18s ease,background .18s ease,color .18s ease}.btn:hover{transform:translateY(-2px)}.btn-mint{background:var(--rose-2);color:#082d31}.btn-mint:hover{background:var(--rose-light);color:#082d31}.btn-outline{border-color:rgba(255,255,255,.45);color:white;background:transparent}.btn-outline:hover{border-color:var(--rose-light);color:var(--rose-light)}.btn-ghost{color:var(--rose-light);border-color:rgba(128,230,220,.32)}.btn-subtle{color:var(--plum);background:var(--cream-2);border-color:var(--line)}.text-link{display:inline-flex;align-items:center;gap:6px;color:#087d79;font-weight:750}.text-link:hover{color:#05afa5}
/* Header and responsive navigation */
.site-header{position:sticky;top:0;z-index:100;background:rgba(10,22,40,.97);color:#dce8f0;border-bottom:1px solid rgba(255,255,255,.12);transition:background .2s;min-height:70px}.site-header.is-scrolled{background:rgba(24,43,67,.985);box-shadow:0 10px 25px #0a162833}.top-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}.brand{display:flex;align-items:center;gap:8px;color:white;flex-shrink:0}.brand:hover{color:white}.brand-img{width:34px;height:34px;object-fit:contain}.brand-mark{font-weight:950;font-size:29px;letter-spacing:-.09em;line-height:1}.brand-mark span{color:var(--rose-2)}.brand-sub{color:#9eb8ca;font-size:11px;letter-spacing:.05em;border-left:1px solid #4c6979;padding-left:10px;margin-left:4px}.desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(8px,1.1vw,18px);min-height:70px}.desktop-nav a{display:flex;align-items:center;white-space:nowrap;font-size:12.5px;font-weight:650;color:#dce8f0;position:relative}.desktop-nav a::after{position:absolute;content:'';bottom:0;left:35%;right:35%;height:2px;background:var(--rose-2);transform:scaleX(0);transition:transform .2s}.desktop-nav a:hover{color:var(--rose-light)}.desktop-nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.menu-toggle{border:1px solid #395064;color:#dce8f0;background:#152a40;border-radius:100px;min-height:38px;padding:5px 13px}.icon-button:hover,.menu-toggle:hover{color:var(--rose-light)}.header-fav{font-size:24px;color:#dce8f0}.header-app{color:#0a2532;background:var(--rose-light);font-size:11px;font-weight:800;padding:9px 12px;border-radius:50px}.menu-toggle{display:none}.mobile-menu{background:#12283d;border-top:1px solid #325063;padding:14px max(24px,5vw)}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:10px;border-bottom:1px solid #ffffff17}.mobile-bottom{display:none}
/* Search dialog, initially hidden and never opened automatically */
.search-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:flex-start;justify-content:center;padding:13vh 24px 24px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-shade{position:absolute;inset:0;background:#071625d9;backdrop-filter:blur(8px)}.search-dialog{position:relative;z-index:1;background:white;border-radius:24px;width:min(690px,100%);padding:38px;box-shadow:0 25px 90px #0006}.search-dialog h2{font-size:2rem}.search-dialog form,.inline-search{display:flex;gap:10px}.search-dialog input,.inline-search input{flex:1;min-width:0;border:1px solid var(--line-strong);background:#f5f9fb;padding:13px 16px;border-radius:12px;color:var(--ink)}.search-dialog input:focus,.inline-search input:focus{outline:2px solid var(--rose)}.modal-close{position:absolute;right:24px;top:15px;background:transparent;border:0;color:var(--ink-2);font-size:35px}.search-dialog .tag-row{margin-top:20px}
/* Home hero */
.home-hero{background:linear-gradient(135deg,#0a1628 0%,#182b43 58%,#284c67 100%);position:relative;overflow:hidden;color:white}.home-hero::before{content:'';position:absolute;width:520px;height:520px;right:16%;top:7%;border:1px solid #82e9e21e;border-radius:50%;pointer-events:none}.home-hero-grid{display:grid;grid-template-columns:185px minmax(0,1fr) 245px;gap:30px;min-height:610px;padding-block:52px 48px}.hero-rail{border-right:1px solid #ffffff26;padding-right:23px}.hero-rail h2{font-size:17px;color:white;margin:12px 0 30px}.hero-rail>a{display:block;padding:12px 0;color:#d1e1e9;border-bottom:1px solid #ffffff15;font-size:13px}.hero-rail>a:hover{color:var(--rose-light)}.hero-rail p{font-size:12px;color:#a2b7c7;margin-top:45px}.hero-main{padding:25px 0 0}.hero-main h1{font-size:clamp(36px,4vw,65px);font-weight:850;line-height:1.14;margin:15px 0 23px;color:white}.hero-main h1 em{font-style:normal;color:var(--rose-light)}.hero-main>p{max-width:730px;color:#cadae4;font-size:15px;line-height:1.95}.hero-search{display:flex;background:white;padding:5px 5px 5px 15px;border-radius:40px;max-width:660px;margin:25px 0 15px}.hero-search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);padding:10px 5px}.hero-search button{border:0;background:var(--rose-2);color:#083436;border-radius:40px;padding:9px 18px;font-weight:750}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.hero-visual{height:166px;max-width:700px;overflow:hidden;border-radius:19px;background:radial-gradient(ellipse at 70% 90%,#10cfbc59,transparent 58%),linear-gradient(120deg,#1b435a,#13253d 74%);border:1px solid #ffffff2e;position:relative}.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.82}.art-globe{position:absolute;display:flex;align-items:center;justify-content:center;gap:35px;inset:0}.globe-circle{height:120px;width:230px;border:1px solid #a7f4e5b0;border-radius:50%;transform:rotate(-23deg);box-shadow:inset 0 0 50px #2ac9ba26,0 0 30px #1be4c324}.globe-circle::before,.globe-circle::after{content:'';position:absolute;inset:24px;border:1px solid #a7f4e576;border-radius:50%}.globe-circle::after{inset:45px}.globe-label{font-size:12px;letter-spacing:.2em;color:#b7e0e3}.globe-label b{font-size:48px;letter-spacing:-.07em;color:white;display:block}.visual-corner{position:absolute;bottom:15px;left:16px;color:#e2f4f2;font-size:10px;letter-spacing:.15em}.hero-aside{border-left:1px solid #ffffff26;padding:18px 0 0 23px}.quick-story{border-bottom:1px solid #ffffff26;padding:14px 0 20px;margin-bottom:16px}.quick-story b{display:block;color:white;font-size:16px}.quick-story p{color:#bbcad8;font-size:12.5px;margin:7px 0}.quick-story a{color:var(--rose-light);font-size:12px;font-weight:700}.channel-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:0 0 20px 20px;box-shadow:var(--shadow);padding:10px 22px;position:relative;margin-bottom:32px}.channel-strip>a{padding:16px 15px;display:grid;grid-template-columns:12px 1fr;gap:0 10px;border-right:1px solid var(--line)}.channel-strip>a:last-child{border-right:0}.channel-dot{width:10px;height:10px;border-radius:50%;background:var(--rose);margin-top:8px}.channel-strip b{font-size:14px}.channel-strip small{grid-column:2;color:var(--ink-3);font-size:11px;line-height:1.6}
/* Sections and content */
.section{padding-block:74px}.section-soft{background:var(--cream-2)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:clamp(25px,2.4vw,36px);margin:0 0 9px}.section-heading p{max-width:750px;margin:0}.section-heading>.text-link{flex-shrink:0;margin-bottom:8px}.section-heading.inverse h2,.section-heading.inverse p{color:white}.section-heading.inverse p{color:#c2d2dd}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{overflow:hidden;border:1px solid var(--line);background:white;border-radius:var(--radius-card);box-shadow:0 4px 18px #0a162808;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.article-thumb{display:block;position:relative;overflow:hidden;min-height:175px;aspect-ratio:16/9;background:linear-gradient(135deg,#162b45,#2b6580)}.article-thumb::before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 62% 40%,#12cbbb55 0%,transparent 46%),linear-gradient(120deg,transparent 30%,#9185f03c 75%,transparent);transform:rotate(-10deg)}.article-thumb::after{content:'';position:absolute;right:-8%;top:-45%;height:175%;width:55%;border-radius:50%;border:1px solid #ffffff59;transform:rotate(25deg)}.article-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb-badge{position:absolute;left:16px;top:15px;z-index:1;background:#ffffffde;color:#163145;font-size:10px;padding:4px 9px;border-radius:20px;font-weight:800}.thumb-lines{position:absolute;left:12%;bottom:20%;display:grid;gap:12px;width:70%;transform:rotate(-12deg)}.thumb-lines i{height:1px;width:100%;background:#e8fcff9c}.thumb-lines i:nth-child(2){width:85%}.thumb-lines i:nth-child(3){width:45%}.art-short-story,.art-creator-notes,.art-collection-method{background:linear-gradient(125deg,#283c68,#745db0)}.art-copyright-basics,.art-ai-labels,.art-source-check{background:linear-gradient(125deg,#143b41,#298d94)}.art-mobile-shortcuts,.art-vertical-video,.art-web-access{background:linear-gradient(125deg,#142743,#2f5b83)}.card-text{padding:20px}.card-text .eyebrow{font-size:10px;margin-bottom:5px}.card-text h3{font-size:17px;margin-bottom:8px}.card-text p{font-size:13px;line-height:1.85;margin-bottom:15px}.tag-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tag-row a{font-size:11px;color:#4b6971;background:var(--sage-soft);border-radius:30px;padding:3px 11px}.tag-row a:hover{color:#006c64;background:var(--rose-soft)}.editorial-split{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.article-card.large .article-thumb{min-height:310px}.article-card.large h3{font-size:25px}.editorial-stack{display:grid;gap:20px}.article-card.horizontal{display:grid;grid-template-columns:40% 1fr;min-height:0}.article-card.horizontal .article-thumb{height:100%;min-height:190px;aspect-ratio:auto}.article-card.horizontal .card-text{padding:17px}.article-card.horizontal h3{font-size:16px}.article-card.horizontal p{font-size:12px;line-height:1.65}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.zone-tile{background:white;border:1px solid var(--line);min-height:188px;border-radius:18px;padding:24px;transition:background .2s,transform .2s}.zone-tile:hover{background:var(--rose-soft);transform:translateY(-3px)}.zone-number{color:var(--sage);font-size:11px;letter-spacing:.12em}.zone-tile h3{font-size:22px;margin:13px 0}.zone-tile p{font-size:13px;margin-bottom:13px}.zone-tile>span:last-child{font-size:12px;color:#05736c;font-weight:800}.dark-feature{background:linear-gradient(130deg,#0d2035,#1a3c52);color:white}.feature-banner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.feature-banner h2{font-size:clamp(28px,3.2vw,43px);color:white}.feature-banner p{color:#c4d7df;max-width:670px}.feature-diagram{display:flex;align-items:center;justify-content:space-around;gap:9px;padding:30px;background:#ffffff0b;border:1px solid #ffffff24;border-radius:22px}.feature-diagram span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:100px;padding:12px;flex:1;border-radius:70px;border:1px solid #72f0e69d;font-size:13px}.feature-diagram strong{color:var(--rose-light)}.story-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.story-row .article-thumb{min-height:120px}.story-row .card-text{padding:15px}.story-row .card-text h3{font-size:15px}.story-row .card-text p{font-size:12px}.relationship{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.relationship a{padding:35px;background:white;border-right:1px solid var(--line)}.relationship a:last-child{border-right:0}.relationship span{display:block;font-size:48px;letter-spacing:-.08em;color:#a5d7d2;font-weight:900}.relationship h3{font-size:21px}.relationship p{margin:0;font-size:13px}.timeline{display:grid;border-top:1px solid var(--line)}.timeline>a{display:grid;grid-template-columns:145px minmax(0,1fr) minmax(0,1.25fr) 20px;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.timeline span{font-size:11px;letter-spacing:.1em;color:#079084}.timeline b{font-size:16px}.timeline small{font-size:12px;color:var(--ink-3)}.timeline i{font-style:normal}.tag-wall{display:flex;gap:12px;flex-wrap:wrap}.tag-wall a{border:1px solid var(--line-strong);padding:13px 20px;background:white;border-radius:70px;font-weight:650}.tag-wall a:hover{background:var(--plum);color:white}.quote-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.quote-layout blockquote{display:flex;flex-direction:column;justify-content:center;background:var(--rose-soft);border-left:5px solid var(--rose);padding:38px;margin:0;border-radius:0 20px 20px 0;font-size:26px;font-weight:650;line-height:1.7}.quote-layout cite{display:block;font-style:normal;font-size:12px;font-weight:500;margin-top:28px;color:#397276}.dark-ink{background:var(--plum-dark);color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-block:10px}.two-col h2{font-size:clamp(28px,3vw,43px)}.dark-ink h2{color:white}.dark-ink p{color:#b8cbd8}.collection-mini{display:grid;gap:14px}.collection-mini a{display:grid;grid-template-columns:1fr 40px;background:#ffffff10;border:1px solid #ffffff24;border-radius:15px;padding:17px 20px}.collection-mini a:hover{background:#ffffff1e}.collection-mini small{grid-column:1;color:var(--rose-light)}.collection-mini strong{grid-column:1;color:white}.collection-mini span{grid-column:2;grid-row:1/span 2;align-self:center;text-align:right;color:var(--rose-light)}.ranking-preview,.rank-list{list-style:none;padding:0;margin:0}.ranking-preview li{display:grid;grid-template-columns:75px 1fr 160px;align-items:center;border-bottom:1px solid var(--line);padding:20px 10px}.ranking-preview span{font-size:36px;letter-spacing:-.1em;font-weight:850;color:var(--sage)}.ranking-preview a{font-size:17px;font-weight:700}.ranking-preview small{color:var(--ink-3)}.series-grid,.trust-grid,.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-panel,.guide-columns>div{background:white;padding:28px;border:1px solid var(--line);border-radius:18px}.info-panel h3,.guide-columns h3{font-size:20px}.info-panel p,.guide-columns p{font-size:13px}.guide-columns a{color:#087c75;font-weight:750}.dark-feature .discussion-grid a{background:#ffffff12;color:white;border-color:#ffffff25}.discussion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discussion-grid a{background:#ffffff15;padding:24px;border-radius:16px;border:1px solid #ffffff26;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.discussion-grid a:hover{border-color:var(--rose-light)}.discussion-grid b{font-size:18px}.discussion-grid span{color:var(--rose-light);font-size:12px}.discussion-grid.light a{background:white;color:var(--ink);border-color:var(--line)}.discussion-grid.light span{color:var(--sage)}.device-feature{display:grid;grid-template-columns:290px 1fr;align-items:center;gap:10%;background:#e8f2f5;border-radius:30px;padding:32px 7%}.device-mock{width:206px;height:340px;border:9px solid #152840;border-radius:34px;margin:auto;background:#152840;box-shadow:15px 20px 40px #0a162830;overflow:hidden}.device-screen{border-radius:22px;background:#edf6f8;height:100%;padding:28px 18px;position:relative}.device-screen b{display:block;color:#0a283a;font-size:35px}.device-screen span{font-size:10px}.screen-wave{height:115px;margin-top:15px;background:linear-gradient(130deg,#163b60,#09a9ac);border-radius:12px}.screen-line{height:12px;border-radius:20px;background:#bdd2de;margin-top:14px}.screen-line.short{width:60%}.device-feature h3{font-size:27px}.values-list{display:grid;gap:9px}.values-list span{padding:20px;border-bottom:1px solid var(--line);font-weight:700}.values-list b{font-size:12px;color:var(--rose);margin-right:24px}.faq-list{max-width:1020px;margin:auto}.faq-list details{background:white;border:1px solid var(--line);margin:10px 0;border-radius:14px;padding:0 22px}.faq-list summary{list-style:none;cursor:pointer;padding:20px 27px 20px 0;font-weight:750;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:2px;color:var(--rose);font-size:24px;top:10px}.faq-list details[open] summary::after{content:'−'}.faq-list details p{border-top:1px solid var(--line);padding-top:16px;font-size:14px;line-height:2}.closing-cta{background:linear-gradient(125deg,#10334a,#092333);padding:76px 0;text-align:center}.closing-cta h2{color:white;font-size:clamp(29px,3vw,43px);margin:14px 0}.closing-cta p{color:#c3d4db}.closing-cta .btn{margin:10px 6px}
/* Subpages */
.page-intro{background:linear-gradient(122deg,#0a1628,#1a3c53);color:white;overflow:hidden}.page-intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8%;align-items:center;padding-block:75px}.page-intro h1{font-size:clamp(32px,4vw,56px);color:white;max-width:820px}.page-intro p{color:#c4d8df;font-size:16px;max-width:700px}.intro-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.page-art{position:relative;min-height:250px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:28px;background:radial-gradient(circle at 40% 30%,#12cbbb3f,transparent 60%),linear-gradient(135deg,#213e62,#113544);overflow:hidden}.page-art>img{position:absolute;width:100%;height:100%;object-fit:cover}.page-art strong{color:#e1fffd;font-size:28px;letter-spacing:.12em;z-index:1}.page-art em{color:var(--rose-2)}.orbit{border:1px solid #ffffff80;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:75%;height:125px}.orbit-two{width:49%;height:210px;transform:rotate(35deg)}.page-content>.section{padding-block:65px}.category-switch{display:flex;gap:8px;flex-wrap:wrap;padding-top:24px}.category-switch a,.tab-buttons button{padding:11px 19px;border:1px solid var(--line);background:white;border-radius:40px;font-weight:650}.category-switch a.selected,.category-switch a:hover,.tab-buttons button.is-selected{color:white;background:var(--plum)}.channel-explainer{display:grid;grid-template-columns:1.45fr .55fr;gap:35px}.channel-explainer>div{background:white;border-radius:18px;border:1px solid var(--line);padding:30px}.channel-explainer h2{font-size:25px}.channel-explainer p{line-height:2}.feature-rationale{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-rationale>div{padding:27px;background:white;border:1px solid var(--line);border-radius:17px}.feature-rationale b{font-size:42px;font-weight:850;color:var(--rose)}.feature-rationale p{font-size:13px}.rank-list>li{display:grid;grid-template-columns:75px 1fr 100px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:25px 0}.rank-list>li[hidden]{display:none}.rank-list .rank-no{color:var(--sage);font-size:42px;font-weight:850}.rank-list h2{font-size:20px;margin:7px 0}.rank-list p{margin:0;font-size:13px}.rank-list>li>a:last-child{font-size:13px;color:var(--rose);font-weight:700}.tab-buttons{display:flex;gap:9px;margin-bottom:22px}.collection-list{display:grid;gap:20px}.collection-list>article{padding:32px 38px;border:1px solid var(--line);border-radius:19px;background:white}.collection-list>article>span{color:var(--rose);font-size:12px;letter-spacing:.13em}.collection-list h2{margin:11px 0}.collection-list p{max-width:900px}.route-steps{display:flex;gap:11px;flex-wrap:wrap;margin-top:19px}.route-steps a{padding:10px 15px;border:1px solid #b6dcd9;border-radius:9px;font-size:13px;color:#087c75}.author-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.author-grid article{background:white;border-radius:19px;border:1px solid var(--line);padding:26px}.author-grid h2{font-size:18px}.author-grid p{font-size:13px}.avatar-letter{width:90px;height:110px;background:linear-gradient(145deg,#114052,#56b5b0);border-radius:12px;color:#ddfffb;display:grid;place-items:center;font-size:36px;font-weight:850;margin-bottom:20px}.notice,.storage-explain{padding:24px 27px;background:var(--sage-soft);border-left:4px solid var(--rose);border-radius:9px;margin-bottom:25px}.notice p,.storage-explain p{margin:7px 0 0}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 45px}.saved-grid>p{grid-column:1/-1}.saved-item{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;gap:7px}.saved-item span,.saved-item small{font-size:11px;color:var(--sage)}.topic-index{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.topic-index a{display:grid;grid-template-columns:1fr auto;gap:8px;background:white;border:1px solid var(--line);padding:26px;border-radius:16px}.topic-index a span{font-size:10px;color:var(--sage);grid-column:1/-1}.topic-index a b{font-size:20px}.topic-index a i{font-style:normal}.prose-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:60px;align-items:start}.side-index{background:white;padding:26px;border:1px solid var(--line);border-radius:16px;position:sticky;top:100px}.side-index h2{font-size:21px}.side-index p{font-size:13px}.side-index>a{display:block;color:#087e79;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.prose-main{max-width:880px}.prose-block{padding:0 0 25px;margin:0 0 27px;border-bottom:1px solid var(--line)}.prose-block h2{font-size:24px;margin-bottom:12px}.prose-block p{font-size:15px;line-height:2.15}.detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:45px 0 50px}.detail-hero h1{font-size:clamp(33px,3.7vw,50px)}.detail-lead{font-size:17px;line-height:1.95}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.detail-art{height:320px;border-radius:22px}.content-detail{padding-top:20px}.breadcrumbs{font-size:12px;color:var(--ink-3);padding:14px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px}.detail-sidebar{display:grid;align-content:start;gap:18px}.detail-sidebar .side-index{position:static}.reader-callout{padding:30px;border-radius:20px;background:var(--rose-soft);margin:35px 0}.reader-callout p{margin:10px 0 18px}.reading-page{max-width:1140px}.reading-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0}.reading-tools>div{display:flex;flex-wrap:wrap;gap:7px}.reading-tools button{border:1px solid var(--line);border-radius:50px;padding:9px 13px;color:var(--ink);background:white}.progress-track{height:4px;background:#dae7e9;border-radius:6px;overflow:hidden;position:sticky;top:70px;z-index:25}.progress-track span{height:100%;display:block;width:0;background:var(--rose)}.reading-article{max-width:760px;margin:50px auto 65px;padding:0 5px}.reading-article h1{font-size:clamp(35px,4vw,53px)}.reading-article h2{font-size:25px;margin-top:42px}.reading-article p{font-size:17px;line-height:2.3;color:var(--ink-2)}.reading-lead{font-weight:550}.reading-kicker{letter-spacing:.2em;color:var(--rose);font-size:12px}.reading-state{border-left:4px solid var(--rose);padding:20px;background:var(--rose-soft);margin:35px 0}.reading-state p{font-size:14px;margin:5px 0}.reading-end{border-top:1px solid var(--line);padding-top:30px}.reading-end a{color:var(--rose);font-weight:750}.reading-night{background:#101f30;color:#e6f1f4;padding:0 25px;border-radius:18px}.reading-night .reading-article h1,.reading-night .reading-article h2{color:#f1fafc}.reading-night .reading-article p{color:#c2d6dd}.reading-night .reading-state{background:#223c4b}.reading-night .reading-tools button{background:#29445a;color:white}.reading-night .reading-tools>a{color:#b9e5e2}.reading-night .section-heading h2{color:white}.reading-night .section-heading p{color:#b9ced9}.reading-night .reading-state p{color:#d6e9e9}.inline-search{padding:20px;background:white;border:1px solid var(--line);border-radius:17px}.trending{margin:18px 0 25px}.empty-results{padding:45px;text-align:center;background:white;border-radius:17px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:28px}.pagination a{color:#087e79}.not-found{text-align:center;padding:120px 20px 180px}.not-found h1{font-size:45px}.not-found p{margin-bottom:25px}
/* Footer */
.site-footer{background:linear-gradient(135deg,#0a1628,#182b43);color:#f2fafb;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:50px}.footer-grid h3{font-size:14px;color:white;margin:7px 0 25px}.footer-grid a:not(.footer-brand){display:block;color:#c0d0db;font-size:13px;padding:5px 0}.footer-grid a:hover{color:var(--rose-light)}.footer-grid p{max-width:400px;color:#b5cbd5;font-size:13px}.footer-brand{font-size:32px;font-weight:900;letter-spacing:-.06em}.footer-brand span{font-size:11px;letter-spacing:0;color:#bad4dc;margin-left:10px}.footer-base{display:flex;justify-content:space-between;border-top:1px solid #ffffff23;margin-top:60px;padding:21px 0;font-size:12px;color:#b5cad6}.back-top{position:fixed;bottom:25px;right:25px;z-index:40;border:0;background:var(--rose-2);color:#082d32;width:43px;height:43px;border-radius:50%;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
/* Accessibility and responsive behavior */
@media(max-width:1200px){.desktop-nav{gap:8px}.desktop-nav a{font-size:11.5px}.brand-sub{display:none}.home-hero-grid{grid-template-columns:145px minmax(0,1fr) 210px;gap:20px}.hero-rail{padding-right:15px}.hero-aside{padding-left:16px}.channel-strip{grid-template-columns:repeat(3,1fr)}.channel-strip>a:nth-child(3){border-right:0}.channel-strip>a:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:1024px){.wrap{width:min(var(--wrap),calc(100% - 44px))}.desktop-nav{display:none}.menu-toggle{display:inline-block}.home-hero-grid{grid-template-columns:155px minmax(0,1fr)}.hero-aside{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff26;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:10px 0}.hero-aside>.eyebrow{grid-column:1/-1}.hero-main h1{font-size:45px}.story-row{grid-template-columns:repeat(2,1fr)}.article-card.horizontal{grid-template-columns:38% 1fr}.footer-grid{grid-template-columns:repeat(4,1fr);gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.prose-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}
@media(max-width:900px){.home-hero-grid{grid-template-columns:1fr;padding-block:35px}.hero-rail{display:none}.hero-main{padding:0}.hero-aside{grid-column:auto}.hero-visual{max-width:none}.feature-banner,.two-col,.quote-layout,.detail-hero,.page-intro-grid{grid-template-columns:1fr}.page-art{min-height:170px}.feature-diagram{min-height:160px}.editorial-split{grid-template-columns:1fr}.editorial-stack{grid-template-columns:repeat(2,1fr)}.editorial-stack .article-card.horizontal{display:block}.editorial-stack .article-thumb{min-height:175px;height:auto}.channel-explainer{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.detail-layout{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:repeat(2,1fr)}.detail-art{min-height:280px}.author-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.section{padding-block:49px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zone-grid,.trust-grid,.guide-columns,.series-grid,.feature-rationale,.discussion-grid{grid-template-columns:repeat(2,1fr)}.home-hero-grid{min-height:0}.hero-aside{grid-template-columns:1fr}.quick-story{margin-bottom:0;padding:12px 0}.hero-aside>.eyebrow{margin:0}.channel-strip{grid-template-columns:repeat(2,1fr)}.channel-strip>a:nth-child(3){border-right:1px solid var(--line)}.channel-strip>a:nth-child(even){border-right:0}.channel-strip>a:nth-child(4){border-bottom:1px solid var(--line)}.relationship{grid-template-columns:1fr}.relationship a{border-right:0;border-bottom:1px solid var(--line)}.timeline>a{grid-template-columns:100px 1fr 20px}.timeline small{grid-column:2;grid-row:2}.timeline i{grid-column:3;grid-row:1}.device-feature{grid-template-columns:1fr;gap:30px}.device-feature .device-mock{order:2}.prose-layout{grid-template-columns:1fr;gap:28px}.side-index{position:static}.page-intro-grid{padding-block:50px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-base{flex-direction:column;gap:8px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:85;background:#0e2438;color:#e5f2f4;border-top:1px solid #ffffff2a;height:56px}.mobile-bottom a{display:grid;place-items:center;font-size:12px}.mobile-bottom a:hover{color:var(--rose-light)}body{padding-bottom:56px}.back-top{bottom:72px}.rank-list>li{grid-template-columns:55px 1fr}.rank-list>li>a:last-child{grid-column:2}.search-dialog{padding:32px 22px}.topic-index{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.top-row{min-height:65px}.site-header{min-height:65px}.brand-mark{font-size:27px}.header-actions{gap:8px}.header-fav,.header-app,.icon-button span{display:none}.hero-main h1{font-size:clamp(33px,8.4vw,44px)}.home-hero-grid{padding-block:28px}.hero-main>p{font-size:14px}.hero-visual{height:125px}.globe-circle{width:150px;height:90px}.globe-label b{font-size:35px}.hero-search button{padding:9px 11px;font-size:12px}.hero-search input{font-size:12px}.channel-strip{padding:5px}.channel-strip>a{padding:13px 9px}.channel-strip b{font-size:12px}.channel-strip small{font-size:10px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.section-heading h2{font-size:26px}.section-heading p{font-size:13px}.cards-grid{grid-template-columns:1fr}.story-row,.zone-grid,.series-grid,.trust-grid,.guide-columns,.feature-rationale,.discussion-grid,.author-grid{grid-template-columns:1fr}.editorial-stack{grid-template-columns:1fr}.article-card.horizontal{grid-template-columns:40% 1fr}.article-card.horizontal .article-thumb{height:100%;min-height:180px}.article-card.horizontal .card-text{padding:12px}.article-card.horizontal h3{font-size:14px}.article-card.horizontal p{font-size:11px}.article-card.large .article-thumb{min-height:220px}.story-row .article-card{display:grid;grid-template-columns:40% 1fr}.story-row .article-thumb{height:100%}.feature-banner{gap:26px}.feature-diagram{gap:5px;padding:14px}.feature-diagram span{font-size:10px;padding:6px;min-height:76px}.quote-layout blockquote{font-size:20px;padding:24px}.ranking-preview li{grid-template-columns:52px 1fr}.ranking-preview small{grid-column:2}.ranking-preview span{font-size:30px}.timeline>a{grid-template-columns:1fr 20px;gap:4px}.timeline span{grid-column:1}.timeline b{grid-column:1}.timeline small{grid-column:1;grid-row:auto}.timeline i{grid-column:2;grid-row:1/span 3}.page-intro h1{font-size:34px}.page-intro p{font-size:14px}.detail-hero{gap:20px}.detail-art{height:210px;min-height:0}.detail-sidebar{grid-template-columns:1fr}.detail-actions{gap:8px}.detail-actions .btn{font-size:12px;padding:10px 13px}.reading-article{margin:35px auto}.reading-article p{font-size:15px;line-height:2.1}.reading-tools{flex-direction:column;align-items:flex-start}.reading-night{padding:0 13px}.saved-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:12px}.footer-base{margin-top:40px}.search-dialog form,.inline-search{flex-direction:column}.search-dialog input,.inline-search input{min-height:46px}.search-modal{padding:12vh 13px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}