/* 17c design system / midnight blueprint & sea-glass mint */
: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}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:760}h2{font-size:clamp(1.65rem,3.2vw,2.7rem);font-weight:730}h3{font-size:1.18rem}p{color:var(--ink-2)}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--rose-light);outline-offset:3px}img{display:block;max-width:100%;height:auto}main{min-height:60vh}article[hidden],div[hidden],nav[hidden]{display:none!important}.wrap{width:min(calc(100% - 56px),var(--wrap));margin-inline:auto}.narrow{max-width:760px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:1000;top:-80px;left:16px;padding:8px 16px;background:var(--rose-2);color:var(--plum-dark)}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(10,22,40,.97);border-bottom:1px solid rgba(255,255,255,.12);transition:background .25s,box-shadow .25s}.site-header.is-scrolled{background:rgba(24,43,67,.985);box-shadow:0 12px 40px rgba(0,0,0,.2)}.header-inner{display:flex;align-items:center;gap:22px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#fff}.brand:hover{color:#fff}.brand-glyph{font-size:2rem;font-weight:850;letter-spacing:-.09em;line-height:1}.brand-glyph span{color:var(--rose-2)}.brand-caption{font-size:.67rem;letter-spacing:.07em;color:#b7c9d9;font-weight:650}.brand-img{width:38px;height:38px;object-fit:contain}.primary-nav{display:flex;gap:clamp(9px,1.35vw,20px);align-items:center;margin-left:auto}.primary-nav a{position:relative;color:#DCE8F0;font-size:.86rem;white-space:nowrap;font-weight:550}.primary-nav a:hover,.tool-link:hover{color:var(--rose-light)}.primary-nav a:hover:after{content:"";position:absolute;bottom:-12px;left:20%;width:60%;height:2px;background:var(--rose-2)}.header-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.search-trigger{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.085);color:#eefaff;border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:7px 13px;font-size:.8rem}.search-trigger:hover{border-color:var(--rose-light)}.tool-link{color:#d8e7f2;font-size:.83rem;white-space:nowrap}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:4px 10px;background:transparent;color:white;font-size:1.3rem}.mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 28px 24px;background:var(--plum-dark);box-shadow:0 16px 22px rgba(0,0,0,.2)}.mobile-menu a{display:block;color:#dce8f0;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.search-modal{display:none;position:fixed;inset:0;z-index:250;align-items:flex-start;justify-content:center;padding:14vh 24px 24px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(5,15,28,.74);backdrop-filter:blur(5px)}.search-dialog{position:relative;z-index:1;width:min(700px,100%);background:#fff;padding:46px;border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.3)}.search-dialog h2{margin:12px 0 28px}.search-dialog form{display:flex;gap:10px}.search-dialog input{width:100%;min-width:0;border:1px solid var(--line-strong);padding:14px 16px;border-radius:9px}.search-dialog p{margin:14px 0 0;font-size:.87rem}.modal-close{position:absolute;right:20px;top:14px;color:var(--ink);border:0;background:transparent;font-size:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:1px solid var(--rose);background:var(--rose);color:#fff;border-radius:9px;font-size:.92rem;font-weight:720;transition:transform .2s,box-shadow .2s,border-color .2s}.button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(5,175,165,.2)}.button.ghost{background:transparent;color:var(--plum);border-color:var(--line-strong)}.button.ghost:hover{color:var(--rose);border-color:var(--rose)}.button.outline-light{background:transparent;border-color:rgba(255,255,255,.43);color:white}.button.outline-light:hover{background:rgba(255,255,255,.08)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.eyebrow{display:inline-block;font-size:.72rem;line-height:1.6;letter-spacing:.19em;font-weight:800;color:var(--rose);text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--rose);font-size:.92rem;font-weight:760}.text-link:hover{text-decoration:underline}.section{padding-block:84px}.tinted{background:var(--cream-2)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-heading h2{margin:10px 0 8px}.section-heading p{max-width:720px;margin:0}.section-heading>.text-link{margin-bottom:9px;white-space:nowrap}.section-lead{max-width:850px;font-size:1.06rem}
.hero{background:linear-gradient(135deg,#0A1628 0%,#182B43 58%,#284C67 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(155px,1.7fr) minmax(0,6.4fr) minmax(230px,2.3fr);gap:28px;min-height:588px;padding-block:43px}.hero-rail{border-right:1px solid rgba(255,255,255,.14);padding:16px 22px 20px 0}.rail-title{font-size:.64rem;letter-spacing:.17em;color:var(--rose-light);font-weight:800;margin-bottom:36px}.hero-rail>a{display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.10);padding:15px 0;color:rgba(255,255,255,.65);font-size:.8rem}.hero-rail>a span{flex:1;color:#e5f3f6;font-size:.86rem}.hero-rail>a:hover span{color:var(--rose-light)}.rail-note{font-size:.76rem;margin-top:46px;color:#9eb3c3}.hero-center{position:relative;padding:36px 0 25px;isolation:isolate}.hero-kicker{font-size:.7rem;color:var(--rose-light);letter-spacing:.17em;font-weight:800}.hero h1{font-size:clamp(2.7rem,4.3vw,4.7rem);margin:24px 0 22px;line-height:1.17;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--rose-light)}.hero-center>p{max-width:670px;color:#c6d6e3;font-size:1rem;line-height:1.95}.hero-search{display:flex;align-items:center;max-width:660px;background:#fff;border-radius:11px;padding:7px 7px 7px 17px;margin:28px 0 22px;box-shadow:0 15px 35px rgba(0,0,0,.12)}.hero-search>span{font-size:1.5rem;color:var(--mauve);line-height:1}.hero-search input{border:0;outline:0;width:100%;min-width:0;padding:9px 12px;font-size:.85rem}.hero-search button{white-space:nowrap;border:0;border-radius:8px;background:var(--rose);color:#fff;padding:12px 17px;font-weight:700}.hero-keywords{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px;font-size:.77rem}.hero-keywords span{color:#a8bdca}.hero-keywords a{padding:5px 10px;border-radius:40px;border:1px solid rgba(255,255,255,.19);color:#d6e4ec}.hero-keywords a:hover{color:var(--rose-light)}.hero-art{margin-top:26px;min-height:90px;background:linear-gradient(110deg,rgba(18,203,187,.19),rgba(132,149,184,.18),rgba(117,103,232,.16))!important;border:1px solid rgba(255,255,255,.12)!important}.hero-art .art-caption{font-size:.73rem!important}.hero-side{display:flex;flex-direction:column;align-self:center;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.065);padding:28px 24px;min-height:430px;backdrop-filter:blur(8px)}.side-topline{display:flex;justify-content:space-between;color:var(--rose-light);font-size:.64rem;font-weight:800;letter-spacing:.11em}.hero-side h2{font-size:1.68rem;color:white;margin:34px 0 16px}.hero-side p{font-size:.83rem;line-height:1.9;color:#bdd0db}.hero-side>a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#e9f5fc;font-size:.88rem}.hero-side>a:hover{color:var(--rose-light)}.side-accent{margin-top:auto;color:#8bb4bb;font-size:.62rem;letter-spacing:.2em;padding-top:28px}.channel-strip{background:#fff;border-bottom:1px solid var(--line)}.chip-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-block:20px}.chip-row>span{font-size:.8rem;color:var(--ink-3);margin-right:16px;font-weight:700}.chip-row a,.chip-row button{border:1px solid var(--line);border-radius:40px;padding:8px 17px;background:var(--cream);font-size:.84rem;color:var(--ink-2);transition:background .2s,color .2s,border .2s}.chip-row a:hover,.chip-row button:hover,.chip-row button.is-current{background:var(--rose-soft);border-color:var(--rose);color:#056b67}.light-chips{padding:0 0 28px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 3px 14px rgba(10,22,40,.025);transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#1d3951,#345773 58%,#587994)}.story-card:nth-child(6n+2) .card-visual{background:linear-gradient(130deg,#162f3c,#2e7779 60%,#70b0a4)}.story-card:nth-child(6n+3) .card-visual{background:linear-gradient(120deg,#222d57,#625cb1 75%,#9698c6)}.story-card:nth-child(6n+4) .card-visual{background:linear-gradient(130deg,#1c344f,#416e8c 70%,#7fa9bc)}.story-card:nth-child(6n+5) .card-visual{background:linear-gradient(130deg,#2a4656,#527968 70%,#85b3a1)}.story-card:nth-child(6n+6) .card-visual{background:linear-gradient(125deg,#1a374e,#475c88 70%,#8a9acb)}.card-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.visual-monogram{font-size:clamp(2.6rem,6vw,5.5rem);font-weight:830;color:rgba(255,255,255,.28);letter-spacing:-.06em}.card-visual:before,.card-visual:after{content:"";position:absolute;inset:auto 8% 13% auto;width:36%;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);transform:rotate(25deg);border-radius:24px}.card-visual:after{inset:10% auto auto 11%;width:28%;transform:rotate(40deg);opacity:.45}.image-label{position:absolute;bottom:14px;left:16px;color:#fff;background:rgba(9,26,39,.65);border-radius:5px;padding:4px 10px;font-size:.67rem;backdrop-filter:blur(4px)}.card-body{padding:23px}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:.74rem;color:var(--ink-3)}.card-meta a{color:#0a8c84;font-weight:730}.card-body h3{margin:12px 0;font-size:1.16rem}.card-body h3 a:hover{color:var(--rose)}.card-body p{font-size:.85rem;line-height:1.82;min-height:66px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid var(--line);padding-top:14px;font-size:.76rem;color:var(--ink-3)}.favorite{border:0;background:transparent;color:var(--ink-2);padding:5px 6px;font-size:.8rem}.favorite:hover,.favorite.is-saved{color:#008c85}.split-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:center}.feature-copy h2{font-size:clamp(2.1rem,4vw,3.3rem);margin:14px 0 26px}.feature-copy p{font-size:.98rem;line-height:2;margin-bottom:20px}.feature-copy .button{margin-top:12px}.art-panel{position:relative;min-height:270px;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:linear-gradient(125deg,#1b3850,#36727b 52%,#9ac8bd);isolation:isolate}.art-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 22%,rgba(255,255,255,.2),transparent 34%)}.art-panel>img{width:100%;height:100%;inset:0;position:absolute;object-fit:cover;z-index:-1}.art-caption{position:absolute;left:8%;bottom:10%;max-width:68%;color:white;font-size:1.2rem;letter-spacing:.02em;font-weight:750;z-index:1}.art-shape{position:absolute;inset:0;z-index:-2;overflow:hidden}.art-shape i{position:absolute;display:block;border:1px solid rgba(255,255,255,.28);width:36%;aspect-ratio:1;border-radius:23%;transform:rotate(30deg);right:10%;top:4%}.art-shape i:nth-child(2){width:28%;right:25%;top:50%;transform:rotate(62deg);border-color:rgba(255,255,255,.18)}.art-shape i:nth-child(3){width:10%;right:4%;top:70%;transform:rotate(26deg)}.feature-art{min-height:500px;background:linear-gradient(145deg,#172a48,#397b86 58%,#82c5c0)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-tile{position:relative;display:flex;flex-direction:column;min-height:270px;background:white;border:1px solid var(--line);border-radius:16px;padding:23px;overflow:hidden}.category-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.category-index{font-size:2.7rem;font-weight:830;line-height:1;color:#d3e2e8;margin-bottom:28px}.category-tile h3{font-size:1.37rem;margin:9px 0}.category-tile p{font-size:.8rem;line-height:1.85}.circle-arrow{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--rose);background:var(--rose-soft)}.inline-banner{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;background:var(--rose-soft);border-radius:22px;overflow:hidden;padding:24px 24px 24px 40px}.inline-banner h2{font-size:1.82rem}.inline-banner p{max-width:690px}.banner-art{min-height:180px}.dark-section{color:#fff;background:linear-gradient(135deg,#0A1628,#182B43)}.dark-section h2{color:#fff}.dark-section .section-lead{color:#b6cbd8}.collection-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:38px 0}.collection-row>a{border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:32px 28px;background:rgba(255,255,255,.05);transition:background .2s}.collection-row>a:hover{background:rgba(255,255,255,.09);color:inherit}.collection-row a>span{font-size:.68rem;letter-spacing:.15em;color:var(--rose-light)}.collection-row h3{margin:18px 0;color:#fff;font-size:1.34rem}.collection-row p{color:#b7c8d6;font-size:.85rem;line-height:1.9;min-height:156px}.collection-row b{color:var(--rose-light);font-size:.82rem}.numbered-list{border-top:1px solid var(--line-strong)}.numbered-list a{display:grid;grid-template-columns:80px 145px 1fr 40px;gap:10px;align-items:center;padding:23px 8px;border-bottom:1px solid var(--line)}.numbered-list a:hover{background:var(--cream-2)}.numbered-list strong{font-size:1.8rem;color:#9fb6c6}.numbered-list span{font-size:.78rem;color:var(--rose)}.numbered-list b{font-size:1.03rem}.numbered-list i{font-style:normal;text-align:right;color:var(--rose)}.duo-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:75px}.topic-mini{display:flex;flex-direction:column;border-top:1px solid var(--line)}.topic-mini a{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);font-weight:720}.topic-mini span{color:var(--mauve);font-size:.78rem;font-weight:500}.save-panel{padding:30px 35px;background:linear-gradient(135deg,#eff4f8,#e4faf6);border:1px solid var(--line);border-radius:15px}.big-symbol{font-size:3rem;color:var(--rose)}.save-panel h3{font-size:1.35rem}.save-panel p{font-size:.85rem}.ranking-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.ranking-preview a{display:flex;min-height:230px;flex-direction:column;background:#fff;border:1px solid var(--line);padding:24px 19px;border-radius:12px}.ranking-preview a:hover{color:inherit;box-shadow:var(--shadow)}.ranking-preview em{font-style:normal;font-size:2.6rem;color:var(--rose);font-weight:810}.ranking-preview a:nth-child(2) em{color:var(--plum)}.ranking-preview a:nth-child(3) em{color:var(--peach)}.ranking-preview b{display:block;margin:13px 0 8px;font-size:.99rem;line-height:1.5}.ranking-preview span{display:block;font-size:.77rem;line-height:1.7;color:var(--ink-3)}.ranking-preview strong{margin-top:auto;color:var(--rose);align-self:flex-end}.image-text{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.image-text .story-art{min-height:455px}.image-text h2{font-size:clamp(1.9rem,3.2vw,3rem);margin:18px 0}.image-text p{line-height:1.95}.contributor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.contributor-grid article{background:#fff;border:1px solid var(--line);padding:26px 24px;border-radius:14px}.avatar-abstract{display:grid;place-items:center;width:75px;height:75px;border-radius:20px;background:linear-gradient(125deg,#d9f4ee,#d4deee);font-size:2.5rem;color:#1e8e8c;margin-bottom:25px}.contributor-grid h3{margin:0 0 10px}.contributor-grid b{display:block;font-size:.79rem;color:var(--rose)}.contributor-grid p{font-size:.83rem;line-height:1.86;margin-top:13px}.community-band{color:#fff;background:linear-gradient(110deg,#13273b,#284c67)}.community-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.community-layout h2{color:#fff;font-size:clamp(2rem,3.3vw,3.3rem);margin:17px 0}.community-layout p{color:#cad9e1;max-width:610px}.community-art{min-height:330px;border-color:rgba(255,255,255,.16)}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-steps>a,.guide-steps>article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.guide-steps>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.guide-steps span{color:var(--rose);font-weight:800;font-size:1.6rem}.guide-steps h3{margin:26px 0 12px}.guide-steps p{font-size:.87rem}.guide-steps b{font-size:.8rem;color:var(--rose)}.updates-inline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.updates-inline article{padding:22px;border-top:3px solid var(--rose);background:#fff}.updates-inline span{color:var(--rose);font-size:.74rem}.updates-inline h3{font-size:1.02rem;margin:12px 0}.updates-inline p{font-size:.8rem}.wide-callout{padding:58px 70px;border-radius:22px;background:linear-gradient(115deg,#e6f7f4,#edf3ff 70%,#e6e3ff)}.wide-callout h2{font-size:2.45rem;margin:13px 0}.wide-callout p{max-width:700px}.body-copy{line-height:2}.app-promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.app-promo h2{font-size:clamp(2.1rem,4vw,3.6rem);margin:20px 0}.app-promo p{max-width:590px}.app-art{min-height:400px}.short-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.short-links a{display:grid;grid-template-columns:1fr 30px;gap:17px;background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.short-links a span{grid-column:1/-1;font-size:.7rem;color:var(--rose);letter-spacing:.15em}.short-links a b{font-size:1.1rem}.short-links a i{font-style:normal;color:var(--rose);text-align:right}.faq-list{display:grid;gap:10px;max-width:940px;margin:auto}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:23px 56px 23px 25px;font-weight:720}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--rose);font-size:1.3rem}.faq-list details[open] summary:after{content:"−"}.faq-answer{padding:0 25px 23px;color:var(--ink-2);font-size:.92rem;line-height:2}.final-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.final-intro h2{margin:15px 0}.final-intro p{line-height:2}.about-art{min-height:340px}
.page-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:65px;align-items:center;padding-block:76px 62px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(2.25rem,4.2vw,4.2rem);margin:19px 0 20px}.page-intro p{font-size:1.02rem;max-width:750px;line-height:2}.intro-art{min-height:275px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:.78rem;margin:20px 0 28px;color:var(--ink-3)}.breadcrumbs a:hover{color:var(--rose)}.long-reading{max-width:920px;margin-inline:auto}.long-reading h2{font-size:1.55rem;margin:35px 0 18px}.long-reading h2:first-of-type{margin-top:8px}.long-reading p{font-size:.97rem;line-height:2.25;margin-bottom:24px}.long-reading .actions{margin-top:32px}.three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.three-columns article{padding:25px;border-left:3px solid var(--rose);background:#fff}.three-columns p{font-size:.91rem}.discovery-search{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;background:var(--cream-2);border-radius:16px;padding:16px 28px 16px 16px;margin-bottom:70px}.discovery-search .art-panel{min-height:145px}.discovery-search label,.search-page-form label{display:block;font-weight:750;margin-bottom:12px}.discovery-search form>div,.search-page-form>div{display:flex;gap:12px}.discovery-search input,.search-page-form input{flex:1;min-width:0;padding:14px 19px;background:#fff;border:1px solid var(--line-strong);border-radius:9px}.collection-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.collection-detail{background:#fff;border:1px solid var(--line);border-radius:17px;padding:38px}.collection-head>span{font-size:.7rem;color:var(--rose);font-weight:760;letter-spacing:.14em}.collection-detail h2{font-size:1.55rem;margin:13px 0 22px}.collection-detail p{line-height:2}.collection-detail dl{display:grid;grid-template-columns:85px 1fr;gap:8px 15px;border-top:1px solid var(--line);padding-top:20px;font-size:.83rem}.collection-detail dt{color:var(--ink-3)}.collection-detail dd{margin:0;font-weight:650}.collection-detail .text-link{margin-top:10px}.article-view{padding-top:15px}.article-head{max-width:940px;margin:auto;text-align:center;padding:46px 0}.article-head h1{font-size:clamp(2.2rem,4.5vw,4rem);margin:18px 0}.article-head>p{font-size:1.1rem;line-height:2}.article-details{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:25px 0;color:var(--ink-3);font-size:.78rem}.article-head .actions{justify-content:center}.article-cover .art-panel{min-height:350px}.article-cover .art-caption{font-size:1.7rem}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:70px;max-width:1100px;margin:64px auto 0}.article-prose h2{font-size:1.65rem;margin:42px 0 18px}.article-prose h2:first-child{margin-top:0}.article-prose h3{font-size:1.11rem;margin:26px 0 12px}.article-prose p{line-height:2.2;font-size:.99rem}.article-aside{align-self:start;position:sticky;top:120px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:12px}.article-aside h3{font-size:1rem;margin:0 0 14px}.article-aside p{font-size:.85rem}.article-aside a{font-size:.82rem;color:var(--rose)}.article-aside hr{border:0;border-top:1px solid var(--line);margin:24px 0}.info-notice{background:#e7f9f5;border-left:4px solid var(--rose);padding:23px 25px;margin:33px 0;border-radius:0 12px 12px 0}.info-notice strong{color:#086c69}.info-notice p{margin:9px 0 0;font-size:.89rem;line-height:1.95}.reading-page{padding-bottom:70px}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:.83rem}.reader-toolbar>div{display:flex;gap:15px}.reader-toolbar button{border:1px solid var(--line);padding:6px 12px;border-radius:7px;background:#fff}.reading-article{max-width:790px;margin:55px auto 0}.reading-article h1{font-size:clamp(2.2rem,4vw,3.7rem);margin:17px 0}.reading-lead{font-size:1.18rem;line-height:2}.reader-art{min-height:360px;margin:32px 0 54px}.reading-text h2{font-size:1.8rem;margin:55px 0 22px}.reading-text p{font-size:1.06rem;line-height:2.3;margin:0 0 26px}.reading-text blockquote{border-left:4px solid var(--rose);margin:40px 0;padding:15px 30px;background:#e8f5f7;font-size:1.17rem;line-height:2}.reader-end{margin-top:70px;border-top:1px solid var(--line);padding-top:35px}.reader-end h2{font-size:1.4rem}.progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;pointer-events:none}.progress-track span{display:block;width:0;height:100%;background:var(--rose-2)}.reader-night{background:#162333;color:#e7f2f7;border-radius:20px;padding:16px 28px}.reader-night .reading-text p,.reader-night .reading-lead{color:#c5d1de}.reader-night .reader-toolbar button{background:#24384d;color:#fff}.reader-night .reading-text blockquote{background:#254454;color:#f1f7f9}.reader-night .eyebrow{color:var(--rose-light)}.rank-list{border-top:1px solid var(--line)}.rank-list article{display:grid;grid-template-columns:100px 1fr 70px;gap:28px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line)}.rank-number{font-size:3rem;font-weight:800;color:#9eb4c1;line-height:1}.rank-list article:nth-child(1) .rank-number{color:var(--rose)}.rank-list article:nth-child(2) .rank-number{color:var(--plum)}.rank-list article:nth-child(3) .rank-number{color:var(--peach)}.rank-list h2{font-size:1.35rem;margin:8px 0}.rank-list p{font-size:.88rem;margin:0}.rank-list article>a{color:var(--rose);font-size:.85rem;font-weight:700}.update-timeline{max-width:900px;margin:auto;border-left:2px solid var(--cream-3)}.update-timeline article{position:relative;padding:0 0 65px 48px}.timeline-dot{position:absolute;left:-10px;top:8px;width:18px;height:18px;background:var(--rose);border:4px solid var(--cream);border-radius:50%}.update-timeline h2{font-size:1.4rem;margin:9px 0}.update-timeline article a{color:var(--rose);font-size:.84rem}.contributor-grid.big{grid-template-columns:repeat(2,minmax(0,1fr))}.contributor-grid.big article{padding:42px}.contributor-grid.big h2{font-size:1.7rem;margin:10px 0}.contributor-grid.big a{color:var(--rose)}.search-page-form{padding:29px;background:#fff;border:1px solid var(--line);border-radius:14px;max-width:850px;margin:0 auto 43px}.search-summary{font-size:.92rem;color:var(--ink-3);margin-bottom:25px}.empty-state{text-align:center;background:#fff;padding:55px 30px;border-radius:15px}.discussion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.discussion-list article{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px}.discussion-list article>span{color:var(--rose);font-size:.77rem}.discussion-list h3{font-size:1.23rem;margin:13px 0}.discussion-list p{font-size:.92rem}.discussion-list article>a{display:inline-block;color:var(--rose);font-size:.83rem;margin-top:14px}.like-local{display:block;margin-top:20px;background:var(--cream);border:1px solid var(--line);padding:7px 13px;border-radius:40px;color:var(--ink-2);font-size:.75rem}.like-local.liked{background:var(--rose-soft);color:#06716a}.local-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin-bottom:35px}.saved-list{display:grid;gap:10px}.saved-list>a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.saved-list strong{display:block}.saved-list span{display:block;font-size:.8rem;color:var(--ink-3);margin-top:10px}.topic-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-index a{display:flex;flex-direction:column;min-height:205px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.topic-index a:hover{color:inherit;box-shadow:var(--shadow)}.topic-index small{color:var(--rose)}.topic-index strong{margin:16px 0 8px}.topic-index span{color:var(--ink-3);font-size:.78rem}.topic-index b{margin-top:auto;text-align:right;color:var(--rose)}.faq-wrapper{margin-bottom:38px}.center-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.contact-grid article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:13px}.contact-grid h2{font-size:1.35rem;margin:15px 0}.contact-grid p{font-size:.91rem;line-height:2}
.site-footer{color:#fff;background:linear-gradient(135deg,#0A1628,#182B43);padding-top:75px}.footer-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(140px,1fr));gap:60px;padding-bottom:64px}.footer-about p{max-width:400px;color:rgba(255,255,255,.67);font-size:.85rem;line-height:2;margin-top:24px}.footer-grid h3{color:#f7fafc;font-size:.91rem;margin:0 0 22px}.footer-grid>div:not(:first-child)>a{display:block;color:rgba(255,255,255,.72);font-size:.82rem;margin:13px 0}.footer-grid a:hover{color:var(--rose-light)!important}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding:20px 0 30px;font-size:.74rem;color:rgba(255,255,255,.61)}.footer-bottom>a{color:var(--rose-light)}.mobile-bottom{display:none}.will-appear{opacity:.87;transform:translateY(8px)}.appeared{opacity:1;transform:translateY(0);transition:opacity .45s,transform .45s}
@media(max-width:1200px){.header-inner{gap:14px}.primary-nav{gap:10px}.primary-nav a{font-size:.77rem}.brand-caption{display:none}.hero-grid{grid-template-columns:160px minmax(0,1fr) 230px;gap:18px}.hero h1{font-size:3rem}.hero-side{padding:20px}.ranking-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{gap:34px}}
@media(max-width:1024px){.primary-nav{display:none}.header-tools{margin-left:auto}.menu-toggle{display:block}.mobile-menu:not([hidden]){display:block}.hero-grid{grid-template-columns:150px 1fr}.hero-side{grid-column:1/-1;min-height:unset;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.hero-side h2,.hero-side p,.side-accent{grid-column:1/-1;margin:0}.hero-side h2{margin-top:10px}.hero-side>a{margin-top:12px}.story-grid,.topic-index{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contributor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.updates-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-row p{min-height:220px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-rail{order:2;border-right:0;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-wrap:wrap;gap:8px;padding:17px 0}.hero-rail .rail-title,.hero-rail .rail-note{display:none}.hero-rail>a{width:auto;border:1px solid rgba(255,255,255,.15);padding:8px 12px;border-radius:30px;gap:8px}.hero-rail>a span{font-size:.78rem}.hero-center{order:1;padding-bottom:12px}.hero-side{order:3}.split-feature,.image-text,.community-layout,.app-promo,.final-intro{grid-template-columns:1fr;gap:34px}.feature-art,.image-text .story-art{min-height:300px}.duo-columns{gap:40px}.page-intro{grid-template-columns:1fr;gap:32px;padding-block:53px}.intro-art{min-height:240px}.inline-banner{grid-template-columns:1fr}.collection-row{grid-template-columns:1fr}.collection-row p{min-height:0}.ranking-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.contact-grid{grid-template-columns:1fr}}
@media(max-width:768px){.wrap{width:min(calc(100% - 34px),var(--wrap))}.section{padding-block:58px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:1.9rem}.hero h1{font-size:clamp(2.35rem,7.8vw,3.6rem)}.hero-side{display:block}.hero-side h2{margin:13px 0}.hero-side>a{margin-top:0}.story-grid{gap:17px}.guide-steps,.three-columns{grid-template-columns:1fr}.topic-index{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-detail-grid{grid-template-columns:1fr}.duo-columns,.local-panels{grid-template-columns:1fr}.footer-grid{gap:25px}.footer-bottom{flex-direction:column;align-items:flex-start}.article-head{padding:24px 0}.article-cover .art-panel{min-height:240px}.discussion-list{grid-template-columns:1fr}.search-modal{padding-top:9vh}.search-dialog{padding:36px 20px}.numbered-list a{grid-template-columns:50px 1fr 25px}.numbered-list a span{display:none}.rank-list article{grid-template-columns:65px 1fr 48px;gap:8px}.rank-number{font-size:2rem}.rank-list h2{font-size:1.15rem}.discovery-search{grid-template-columns:1fr}.discovery-search .art-panel{display:none}.wide-callout{padding:36px 28px}}
@media(max-width:600px){body{padding-bottom:62px}.site-header .header-inner{min-height:62px}.header-tools{gap:8px}.header-tools .app-link,.header-tools .tool-link{display:none}.search-trigger span{display:none}.search-trigger{font-size:1.2rem;padding:4px 11px}.hero-grid{padding-block:22px}.hero-center{padding-top:20px}.hero h1{font-size:clamp(2.15rem,10vw,3.1rem);margin:19px 0}.hero-center>p{font-size:.88rem}.hero-search{padding:5px 5px 5px 10px}.hero-search input{padding:8px 6px;font-size:.77rem}.hero-search button{font-size:.77rem;padding:9px 11px}.hero-keywords{gap:6px}.hero-rail>a{font-size:.7rem}.hero-side{min-height:unset}.story-grid,.category-grid,.contributor-grid,.ranking-preview,.updates-inline,.short-links,.topic-index{grid-template-columns:1fr}.story-card .card-visual{aspect-ratio:16/8.5}.inline-banner{padding:25px}.category-tile{min-height:225px}.section-heading h2{font-size:1.7rem}.image-text h2,.community-layout h2,.app-promo h2{font-size:2rem}.page-intro h1{font-size:2.4rem}.page-intro p{font-size:.9rem}.intro-art{min-height:190px}.reader-art{min-height:210px}.reading-article{margin-top:28px}.reading-article h1{font-size:2.1rem}.reading-text p{font-size:.96rem}.reader-toolbar{align-items:flex-start;flex-direction:column}.reader-toolbar>div{flex-wrap:wrap}.collection-detail{padding:26px}.contributor-grid.big{grid-template-columns:1fr}.contributor-grid.big article{padding:25px}.search-page-form>div,.discovery-search form>div,.search-dialog form{flex-direction:column}.search-page-form,.discovery-search{padding:20px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);z-index:110;background:#0d2031;border-top:1px solid rgba(255,255,255,.16);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#e5f3f4;font-size:1.25rem;line-height:1.1}.mobile-bottom span{font-size:.62rem}.footer-grid{grid-template-columns:1fr 1fr;gap:29px}.footer-about{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-card,.button,.category-tile,.will-appear,.appeared{transition:none!important;transform:none!important;opacity:1!important}}