/* 17c 一起草视界 — 午夜蓝图 / 青柠视频社区
   Native CSS; no remote assets or font dependencies.
   Responsive layout system with accessible typography and predictable reading widths.
*/
: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:90px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:hover{color:var(--rose)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:3px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.24;letter-spacing:-.028em;font-weight:680}h1{font-size:clamp(38px,4.6vw,70px)}h2{font-size:clamp(27px,2.7vw,42px)}h3{font-size:21px}p{color:var(--ink-2)}.wrap{width:min(calc(100% - 48px),var(--wrap));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;z-index:9999;left:12px;top:-90px;padding:12px 20px;color:var(--plum-dark);background:var(--rose-light)}.skip-link:focus{top:10px}.kicker{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose);font-weight:800;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:.07em;font-weight:700;color:var(--rose);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--rose-2);color:var(--plum-dark);border:1px solid var(--rose-2);min-height:48px;padding:11px 24px;border-radius:8px;font-weight:760;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{background:var(--rose-light);border-color:var(--rose-light);color:var(--plum-dark);transform:translateY(-2px);box-shadow:0 8px 18px #05afa536}.btn-dark{background:var(--plum);color:white;border-color:var(--plum)}.btn-dark:hover{background:#314968;color:white;border-color:#314968}.btn-light{background:white;color:var(--ink);border-color:var(--line-strong)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-outline{background:transparent;border:1px solid #9de8df88;color:white}.btn-outline:hover{background:#ffffff12;color:white}.text-link,.subtle-link{font-size:14px;font-weight:770;color:#03867e}.text-link:hover,.subtle-link:hover{text-decoration:underline}.section{padding-block:84px}.compact-section{padding-block:55px}.section-soft{background:var(--cream-2)}.section-dark{background:linear-gradient(135deg,#0A1628,#182B43);color:white}.section-dark p,.section-dark h2{color:white}.section-slate{background:#dce8ee}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2{margin:0 0 8px}.section-heading p{margin:0;max-width:770px}.section-heading .subtle-link{white-space:nowrap;padding-bottom:10px}.site-header{position:sticky;z-index:60;top:0;background:rgba(10,22,40,.97);color:#dce8f0;border-bottom:1px solid #ffffff22;transition:background .3s;min-height:72px}.site-header.scrolled{background:rgba(24,43,67,.985);box-shadow:0 7px 28px #06102033}.nav-row{display:flex;align-items:center;min-height:72px;gap:34px}.brand{flex-shrink:0;display:flex;align-items:center;gap:11px;color:white}.brand img{max-height:36px;max-width:58px}.brand-monogram{font-size:35px;line-height:1;font-weight:900;letter-spacing:-.08em}.brand-monogram span,.footer-brand span{color:var(--rose-2)}.brand small{font-size:10px;font-weight:650;letter-spacing:.12em;color:#9cbbc9;white-space:nowrap}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,20px);flex:1}.desktop-nav a{position:relative;font-size:13px;font-weight:650;white-space:nowrap;padding:24px 0}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--rose-light)}.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:16px;left:18%;right:18%;height:2px;border-radius:2px;background:var(--rose-2)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-button,.mobile-toggle{border:1px solid #ffffff2d;color:white;background:#ffffff0a;border-radius:8px;padding:7px 11px;font-size:18px;white-space:nowrap}.icon-button span,.mobile-toggle span{font-size:12px}.icon-button:hover,.mobile-toggle:hover{color:var(--rose-light);background:#ffffff18}.mobile-toggle{display:none}.mobile-menu{padding:12px 24px 18px;background:#112238;border-top:1px solid #ffffff18}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:12px 10px;border-bottom:1px solid #ffffff12}.mobile-dock{display:none}.search-modal{display:none;position:fixed;z-index:100;inset:0;align-items:flex-start;justify-content:center;padding:12vh 24px 24px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-shade{position:absolute;inset:0;background:rgba(4,13,25,.79);backdrop-filter:blur(7px)}.search-dialog{position:relative;z-index:1;width:min(100%,650px);background:white;color:var(--ink);padding:42px;border-radius:var(--radius-large);box-shadow:0 30px 100px #0006}.search-dialog h2{margin-bottom:22px}.search-close{position:absolute;right:20px;top:15px;font-size:30px;background:transparent;border:0;color:var(--ink-2)}.search-dialog label,.large-search label{display:block;font-size:13px;font-weight:760;margin-bottom:9px}.search-dialog p{font-size:14px;margin:17px 0 0}.search-dialog p a{text-decoration:underline}.search-field{display:flex;background:var(--cream);border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.search-field:focus-within{border-color:var(--rose)}.search-field input{flex:1;min-width:0;outline:0;border:0;background:transparent;padding:15px 17px}.search-field button{background:var(--rose-2);font-weight:760;border:0;padding:0 25px;color:var(--plum-dark)}.home-hero{position:relative;background:linear-gradient(135deg,#0A1628 0%,#182B43 58%,#284C67 100%);color:white;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 83%,#19c7bb18,transparent 39%),linear-gradient(90deg,#08132444,transparent);pointer-events:none}.home-hero-grid{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) 255px;gap:38px;min-height:610px;padding-block:55px 45px}.hero-side{border-right:1px solid #ffffff25;padding-right:18px;display:flex;flex-direction:column;gap:18px}.hero-side strong{font-size:24px;line-height:1.3}.hero-side a{font-size:13px;color:#cde1e8;transition:padding .2s}.hero-side a:hover{padding-left:6px;color:var(--rose-light)}.hero-side small{color:#94abbc;margin-top:auto;font-size:12px;line-height:1.7}.hero-center{position:relative;min-width:0;padding-top:12px}.hero-tag{display:inline-flex;gap:16px;align-items:center;border:1px solid #94dcd45e;border-radius:60px;padding:7px 15px;color:#a7dcd8;font-size:11px;font-weight:800;letter-spacing:.08em}.hero-tag span{color:var(--rose-2)}.hero-center h1{position:relative;z-index:2;letter-spacing:-.06em;font-size:clamp(39px,4vw,68px);line-height:1.22;margin:30px 0 22px}.hero-center h1 em{color:var(--rose-light);font-style:normal}.hero-center>p{max-width:600px;color:#c3d6e1;font-size:16px;line-height:1.95}.hero-search{position:relative;z-index:5;display:flex;max-width:610px;margin-top:25px;box-shadow:0 12px 30px #0003;border:1px solid #b8ece933;border-radius:10px;overflow:hidden;background:white}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:17px 16px;background:white;color:var(--ink);font-size:13px}.hero-search button{border:0;background:var(--rose-2);font-size:13px;font-weight:850;padding:0 20px;color:#092332;white-space:nowrap}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}.hero-art{position:absolute;bottom:-55px;right:-35px;width:min(46%,370px);aspect-ratio:1/1;border:1px solid #4dd9c355;border-radius:45% 55% 44% 56%;background:radial-gradient(ellipse at 40% 35%,#42d4c244,#30457b5b 42%,#111e34 72%);transform:rotate(-13deg);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.72;z-index:0}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:.75}.hero-art-core{display:flex;flex-direction:column;align-items:center;transform:rotate(13deg)}.hero-art-core span{font-size:74px;font-weight:850;line-height:1;color:#d4ffff}.hero-art-core b{font-size:112px;line-height:.9;color:var(--rose-2);font-weight:900}.hero-art-core small{letter-spacing:.3em;font-size:9px;color:white}.hero-orbit-one,.hero-orbit-two{position:absolute;border:1px solid #b0fffc44;inset:-17px;border-radius:inherit}.hero-orbit-two{inset:23px;border-color:#d5ffff33}.hero-aside{display:flex;flex-direction:column;gap:16px;padding-top:53px}.today-note,.hero-mini{border:1px solid #ffffff25;background:#ffffff0e;border-radius:16px;padding:24px;backdrop-filter:blur(5px)}.today-note h2{font-size:25px}.today-note p,.hero-mini p{font-size:13px;color:#cadfe7}.today-note a,.hero-mini a{color:var(--rose-light);font-size:13px;font-weight:750}.hero-mini{margin-top:auto}.hero-mini>span{font-size:10px;letter-spacing:.14em;color:#b1d8e7}.channel-strip{background:white;border-bottom:1px solid var(--line)}.channel-strip .wrap{display:flex;align-items:center;gap:10px;padding:15px 0;overflow-x:auto;scrollbar-width:none}.channel-strip .wrap>span{font-size:12px;color:var(--ink-3);font-weight:800;white-space:nowrap;margin-right:10px}.channel-strip a{border:1px solid var(--line);border-radius:40px;padding:6px 15px;font-weight:680;font-size:12px;white-space:nowrap}.channel-strip a:hover{background:var(--rose-soft);border-color:var(--rose)}.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.story-photo{position:relative;display:flex;align-items:end;aspect-ratio:16/9;background:linear-gradient(135deg,#153451,#287b88 66%,#91b7ba);overflow:hidden;padding:17px}.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#091524b7,transparent 75%);z-index:1}.story-photo:after{content:"17c";position:absolute;top:17%;right:13%;font-size:clamp(45px,5vw,110px);font-weight:900;letter-spacing:-.1em;color:#ffffff27;line-height:1}.story-photo.hue-1{background:linear-gradient(125deg,#20294e,#574fa0,#769ad3)}.story-photo.hue-2{background:linear-gradient(135deg,#1b4256,#529a97,#badfd4)}.story-photo.hue-3{background:linear-gradient(125deg,#16283b,#637b99,#9bc3d1)}.story-photo.hue-4{background:linear-gradient(135deg,#38385d,#6677b8,#bdbee6)}.story-photo.hue-5{background:linear-gradient(125deg,#114c5a,#147b76,#7ec6bd)}.media-mark{position:relative;z-index:2;font-size:12px;font-weight:800;background:#ffffffdf;border-radius:5px;padding:4px 10px;color:var(--plum)}.story-body{padding:20px 22px 24px}.story-body h3{font-size:19px;margin:10px 0}.story-body h3 a:hover{text-decoration:underline}.story-body p{font-size:14px;line-height:1.8;min-height:73px;margin-bottom:14px}.feature-split{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;min-height:490px}.feature-split h2{font-size:clamp(32px,3.3vw,50px);margin-bottom:25px}.feature-split p{max-width:520px;line-height:2;color:#cbdce7;margin-bottom:28px}.feature-cover{position:relative;min-height:330px;background:linear-gradient(135deg,#233e63,#178a86,#92c8cc);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px}.feature-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-cover:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,#0613279c,transparent)}.feature-cover span,.feature-cover strong{z-index:2;position:relative}.feature-cover span{font-size:12px;letter-spacing:.16em}.feature-cover strong{line-height:1;font-size:clamp(42px,5vw,79px);letter-spacing:-.06em}.topic-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.topic-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:260px;padding:25px;border-radius:15px;border:1px solid #c1d9db;background:#e9f7f7;transition:transform .2s,box-shadow .2s;overflow:hidden}.topic-tile:before{position:absolute;content:"";width:150px;height:150px;border:1px solid #ffffff65;right:-52px;top:-38px;transform:rotate(35deg);border-radius:30px}.topic-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.topic-tile.tile-1{background:#eeeffd;border-color:#dbd9f4}.topic-tile.tile-2{background:#eaf1f8;border-color:#c7dce9}.topic-tile.tile-3{background:#e7f3f0;border-color:#bfdfd8}.tile-index{color:#177c7b;font-size:12px;font-weight:850;letter-spacing:.13em;margin-bottom:28px}.topic-tile h3{font-size:23px;margin-bottom:12px}.topic-tile p{font-size:13px;line-height:1.8;flex:1}.topic-tile>span:last-child{font-size:12px;font-weight:800;color:#217b75}.editorial-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,120px);align-items:center}.editorial-duo h2{margin-bottom:22px}.editorial-duo p{line-height:2}.numbered-links{border-top:1px solid var(--line-strong)}.numbered-links a{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-weight:750}.numbered-links a>b{font-size:24px;color:var(--rose)}.numbered-links a>span{flex:1}.numbered-links small{display:block;font-size:12px;font-weight:500;color:var(--ink-3)}.rail-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:19px}.rail-heading h2{font-size:25px;margin:0}.rail-heading p{font-size:13px;margin:0}.link-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.link-rail>a{background:var(--cream);padding:21px 15px;display:flex;flex-direction:column;gap:11px;font-size:13px;transition:background .2s}.link-rail>a:hover{background:var(--rose-soft)}.link-rail>a>span{font-size:23px;color:var(--rose);font-weight:800}.link-rail>a>b{font-size:15px}.link-rail>a>small{color:var(--ink-3)}.section-slate .wrap>h2{margin-bottom:12px}.section-slate .wrap>p{max-width:750px}.connection-flow{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}.connection-flow a{display:flex;align-items:center;gap:35px;background:#ffffffcc;border:1px solid white;border-radius:12px;padding:18px 22px;font-weight:740}.connection-flow span{color:var(--rose)}.editorial-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.4fr;gap:18px}.editorial-grid a{background:white;border:1px solid var(--line);padding:25px;min-height:240px;border-radius:11px}.editorial-grid a:nth-child(2),.editorial-grid a:nth-child(4){background:#e9f0f7}.editorial-grid a>span{font-size:12px;color:var(--rose);font-weight:750}.editorial-grid h3{font-size:21px;margin:25px 0 15px}.editorial-grid p{font-size:13px}.chips{display:flex;gap:11px;flex-wrap:wrap}.chips a{border-radius:30px;background:white;border:1px solid var(--line-strong);padding:9px 20px;font-size:13px;font-weight:760}.chips a:hover,.chips a[aria-current="page"]{background:var(--plum);color:white}.story-side{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-side p{font-size:16px;line-height:2;max-width:650px}.abstract-art{position:relative;min-height:370px;background:linear-gradient(130deg,#1d2947,#196f80 55%,#8b9ac8);border-radius:15px;overflow:hidden;padding:38px;display:flex;align-items:end}.abstract-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.abstract-art b{position:relative;z-index:1;color:white;font-size:clamp(55px,6vw,92px);line-height:.9;letter-spacing:-.07em}.long-copy{max-width:980px}.long-copy p{font-size:16px;line-height:2.05;margin-bottom:20px}.help-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:24px}.help-banner h2{font-size:clamp(31px,3vw,45px)}.help-banner p{color:#bbd4e1;max-width:750px}.horizontal-stories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.horizontal-stories>a{display:flex;flex-direction:column;padding:23px;min-height:310px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(155deg,#e0f3f3,#fff)}.horizontal-stories>a:nth-child(even){background:linear-gradient(155deg,#e5e7f7,#fff)}.horizontal-stories span{font-size:11px;color:var(--rose);font-weight:800}.horizontal-stories h3{margin-top:30px}.horizontal-stories p{font-size:13px;line-height:1.8;flex:1}.horizontal-stories b{font-size:13px;color:#03867e}.editors-choice ol{padding:0;list-style:none;margin:0;border-top:1px solid var(--line)}.editors-choice li{display:grid;grid-template-columns:65px 1fr 140px;gap:25px;padding:17px 10px;border-bottom:1px solid var(--line);align-items:center}.editors-choice li span{font-size:28px;font-weight:900;color:var(--rose)}.editors-choice li a{font-size:18px;font-weight:740}.editors-choice li small{text-align:right;color:var(--ink-3)}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-panel{padding:35px;background:#def4f2;border-radius:16px;min-height:250px}.info-panel-purple{background:#e9e8fc}.info-panel h2{margin-bottom:13px}.info-panel p{max-width:650px}.info-panel>a{display:inline-block;color:#08756f;font-size:14px;font-weight:780;margin-top:10px}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.three-notes a{display:flex;flex-direction:column;gap:12px;background:#ffffffa9;border-radius:13px;padding:28px;min-height:230px;font-size:13px;color:#24656b}.three-notes b{font-size:30px;color:var(--ink)}.three-notes p{flex:1}.author-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--rose-soft);border-left:5px solid var(--rose);padding:30px 35px;border-radius:0 15px 15px 0}.author-strip h2{margin-bottom:8px}.author-strip p{margin-bottom:0}.community-preview{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.community-preview p{max-width:650px;line-height:2}.topic-bubbles{display:flex;flex-wrap:wrap;gap:16px;align-content:center;justify-content:center}.topic-bubbles span{background:white;border-radius:12px;box-shadow:var(--shadow);padding:20px 25px;font-weight:750;transform:rotate(-3deg)}.topic-bubbles span:nth-child(2){transform:rotate(4deg)}.topic-bubbles span:nth-child(3){transform:rotate(3deg)}.topic-bubbles span:nth-child(4){transform:rotate(-4deg)}.three-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.three-info article{padding:28px;border:1px solid var(--line);background:white;border-radius:13px;min-height:200px}.three-info h2{font-size:26px}.three-info h3{font-size:22px}.three-info p{font-size:14px;line-height:1.9}.three-info a{font-size:14px;font-weight:800;color:#008c82}.app-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.app-showcase p{color:#c4d9e2;max-width:680px;font-size:16px;line-height:2}.device-shape{height:370px;width:230px;justify-self:center;border:9px solid #c3d5db;border-radius:34px;background:#132741;box-shadow:25px 28px 40px #07101b55;position:relative;transform:rotate(-9deg);overflow:hidden}.device-shape>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.device-screen{height:100%;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:42px 18px;background:linear-gradient(150deg,#244e68a9,#0a1c35d9)}.device-screen strong{font-size:66px;font-weight:900;color:#e8ffff;line-height:1}.device-screen span{letter-spacing:.1em;color:var(--rose-light);font-size:10px}.device-screen i{height:45px;border-radius:8px;border:1px solid #76b1b666;background:#ffffff12}.usage-row{display:grid;grid-template-columns:1fr 1fr;gap:50px}.usage-row>div{padding-right:50px}.usage-row>div+div{border-left:1px solid var(--line);padding-left:50px}.usage-row p{line-height:2}.about-strip{text-align:center;max-width:850px;padding-block:15px}.about-strip p{font-size:17px;line-height:2}.faq-stack{display:flex;flex-direction:column;gap:12px}.faq-stack details{border:1px solid var(--line);background:white;border-radius:10px;padding:0 22px}.faq-stack summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-weight:780}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary:after{content:"+";font-size:24px;line-height:1;color:var(--rose)}.faq-stack details[open] summary:after{content:"−"}.faq-stack details p{border-top:1px solid var(--line);padding:18px 0 21px;margin:0;font-size:14px;line-height:2}.site-footer{background:linear-gradient(135deg,#0A1628,#182B43);color:#e5eef3;padding-top:67px}.footer-layout{display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:70px;padding-bottom:65px}.footer-brand{font-size:37px;font-weight:900;color:white;letter-spacing:-.05em}.footer-brand small{font-size:12px;letter-spacing:.1em;font-weight:700;color:#b1cbd5}.footer-layout p{font-size:13px;line-height:2;color:#b5c9d4;max-width:430px}.footer-emblem{font-size:10px;color:var(--rose-light);letter-spacing:.22em;margin-top:30px}.footer-layout h3{font-size:15px;color:white;margin:12px 0 17px}.footer-layout>div:not(:first-child) a{display:block;font-size:13px;padding:5px 0;color:#bdcdd8}.footer-layout a:hover{color:var(--rose-light)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #ffffff21;font-size:12px;color:#a4bbc7}.back-top{position:fixed;z-index:40;right:22px;bottom:25px;border:0;border-radius:50%;width:44px;height:44px;background:var(--plum);color:white;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
/* Interior hero / information pages */
.inner-hero{background:linear-gradient(120deg,#0a1628,#193854,#2d6371);color:white;overflow:hidden}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;min-height:325px;align-items:center;gap:55px;padding-block:55px}.intro-grid h1{font-size:clamp(36px,4.4vw,60px);margin:0 0 20px}.intro-grid p{color:#c9dde6;max-width:760px;line-height:2}.intro-actions{display:flex;gap:11px;margin-top:23px}.intro-actions .btn-ghost{color:white;border-color:#ffffff4d}.intro-visual{position:relative;height:240px;border:1px solid #53c4b75e;border-radius:20px;background:radial-gradient(circle at 44% 30%,#44e4cf6b,transparent 37%),linear-gradient(155deg,#162d56,#4a518f);overflow:hidden}.intro-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.orbit{position:absolute;width:180px;height:180px;top:30px;left:50%;border-radius:50%;border:2px solid #a1ffea75;transform:translateX(-50%) rotate(30deg)}.orbit-two{width:260px;height:120px;top:52px;border-color:#ffffff42}.visual-caption{position:absolute;bottom:16px;left:18px;font-size:11px;letter-spacing:.22em;color:#c8fff4;z-index:2}.search-inline{display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:30px;background:#e2f5f2;padding:28px 35px;border-radius:14px}.search-inline h2{font-size:26px;margin:0 0 5px}.search-inline p{margin:0;font-size:13px}.search-inline form{display:flex;gap:10px}.search-inline input{border:1px solid var(--line-strong);border-radius:8px;padding:11px 14px;min-width:0;flex:1}.search-inline img{max-width:80px;max-height:60px}.filter-head{margin-bottom:20px}.filter-head h2{font-size:24px;margin:0 0 8px}.filter-head p{font-size:14px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory-item{background:white;border:1px solid var(--line);border-radius:13px;padding:28px;display:flex;flex-direction:column}.directory-item>span{font-size:11px;letter-spacing:.14em;color:var(--rose);font-weight:800}.directory-item h2{font-size:26px;margin-top:17px}.directory-item p{font-size:14px;line-height:1.9}.directory-item dl{display:grid;grid-template-columns:75px 1fr;gap:9px;margin-top:auto;font-size:12px;border-top:1px solid var(--line);padding-top:15px}.directory-item dt{font-weight:800;color:var(--ink)}.directory-item dd{margin:0;color:var(--ink-2)}.directory-item>a:last-child{font-size:13px;font-weight:800;color:#087a75;margin-top:14px}.detail-hero{background:linear-gradient(135deg,#102139,#284c60);color:white}.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;padding-block:55px;align-items:center}.breadcrumbs{color:#b9d2dc;font-size:12px;margin-bottom:30px}.breadcrumbs a{text-decoration:underline}.detail-grid h1{font-size:clamp(36px,4vw,59px)}.detail-grid .lead{color:#d4e2e8;font-size:17px;line-height:2}.detail-meta{display:flex;gap:10px;flex-wrap:wrap}.detail-meta span{font-size:12px;border:1px solid #ffffff44;color:#d8eff1;padding:3px 12px;border-radius:30px}.detail-art{height:310px;position:relative;overflow:hidden;border-radius:15px;padding:35px;background:linear-gradient(145deg,#2c4e7a,#16a6a1,#8e8ed1);display:flex;justify-content:space-between;flex-direction:column}.detail-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-art b{z-index:1;font-size:clamp(35px,4vw,66px);color:white;letter-spacing:-.05em}.detail-art span{z-index:1;color:white;font-size:11px;letter-spacing:.2em}.article-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:65px;align-items:start}.article-prose{max-width:850px}.article-prose h2{font-size:29px;margin-top:35px;margin-bottom:16px}.article-prose h2:first-child{margin-top:0}.article-prose p{font-size:16px;line-height:2.2;margin-bottom:20px}.article-callout{background:#e6f4f2;border-left:4px solid var(--rose);padding:25px 30px;margin-top:34px;border-radius:0 10px 10px 0}.article-callout p{margin-bottom:0}.article-aside{position:sticky;top:105px;display:flex;flex-direction:column;gap:18px}.aside-box{background:white;border:1px solid var(--line);padding:23px;border-radius:11px}.aside-box h3{font-size:19px}.aside-box dl{display:grid;grid-template-columns:75px 1fr;gap:9px;font-size:12px}.aside-box dt{font-weight:800}.aside-box dd{margin:0;color:var(--ink-2)}.aside-box a{display:block;font-size:13px;font-weight:750;color:#07827a;padding-block:7px}.aside-box p{font-size:13px}.reader-band{background:#13283f;color:white;padding-block:55px}.reader-band .wrap{max-width:920px}.back-link{display:inline-block;font-size:13px;color:#a9dedb;margin-bottom:26px}.reader-band h1{font-size:clamp(35px,4vw,57px)}.reader-band p{color:#d5e4e7;line-height:2}.reader-actions{display:flex;gap:10px;flex-wrap:wrap}.reader-actions button{border:1px solid #ffffff55;background:transparent;border-radius:8px;color:white;padding:10px 16px;font-size:13px}.reader-actions button:hover{background:#ffffff19}.reader-layout{display:grid;grid-template-columns:minmax(0,790px) 220px;gap:70px;justify-content:center;align-items:start}.reading-body{background:white;padding:45px;border:1px solid var(--line);border-radius:14px}.reading-art{height:250px;background:linear-gradient(135deg,#13445c,#3cb9aa,#7681ba);border-radius:12px;position:relative;overflow:hidden;padding:23px;display:flex;align-items:end}.reading-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reading-art span{z-index:1;position:relative;color:white;background:#082637aa;padding:7px 14px;border-radius:5px;font-size:12px;font-weight:800}.reading-lead{font-size:20px!important;color:var(--ink)!important;font-weight:650}.reading-body h2{font-size:27px;margin:37px 0 16px}.reading-body h3{font-size:20px;margin:22px 0 9px}.reading-body p{font-size:16px;line-height:2.25;color:#34465d;margin-bottom:20px}.reading-end{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.reader-sidebar{position:sticky;top:105px;background:white;padding:24px;border-radius:10px;border:1px solid var(--line)}.reader-sidebar h3{font-size:18px}.reader-sidebar>a{display:block;border-left:2px solid var(--line);padding:8px 13px;font-size:13px}.reader-sidebar>a:hover{border-color:var(--rose)}.reader-sidebar>p{font-size:12px;margin-top:25px}.reading-progress{margin-top:24px;font-size:12px}.reading-progress>div{height:5px;background:var(--cream-3);border-radius:5px;margin:8px 0}.reading-progress i{display:block;width:0;height:100%;background:var(--rose);border-radius:5px}.reading-progress b{font-weight:750;color:var(--rose)}.large-search{max-width:850px;margin:0 auto 35px}.large-search input{padding-block:20px}.result-summary{border-top:1px solid var(--line);padding-top:24px;margin:25px 0}.result-summary h2{font-size:25px;margin:0}.empty-state{background:white;border:1px solid var(--line);padding:50px;text-align:center;border-radius:14px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.tabs a{border:1px solid var(--line);border-radius:40px;padding:8px 18px;background:white;font-size:14px}.tabs a[aria-selected="true"]{background:var(--plum);color:white}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:grid;grid-template-columns:90px 1fr 100px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:21px 10px}.rank-list li>strong{font-size:45px;color:#718ba0;line-height:1}.rank-list li:nth-child(1)>strong{color:var(--rose)}.rank-list li:nth-child(2)>strong{color:var(--plum)}.rank-list li:nth-child(3)>strong{color:var(--peach)}.rank-list small{color:var(--rose);font-size:12px}.rank-list h2{font-size:22px;margin:5px 0}.rank-list p{font-size:13px;margin:0}.rank-list li>a{font-size:13px;font-weight:800}.updates-list{border-top:1px solid var(--line)}.updates-list article{display:grid;grid-template-columns:185px 1fr 90px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:26px 0}.update-state span{display:block;color:#08877e;font-weight:800;font-size:13px}.update-state small{color:var(--ink-3)}.updates-list h2{font-size:22px}.updates-list p{font-size:14px;margin:0}.updates-list article>a{font-size:14px;font-weight:800}.series-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.series-stack article{background:white;border:1px solid var(--line);padding:32px;border-radius:14px}.series-stack span{font-size:12px;color:var(--rose);font-weight:800}.series-stack h2{font-size:27px;margin-top:27px}.series-stack p{font-size:14px;line-height:2}.series-stack a{display:block;border-top:1px solid var(--line);padding:12px 0;font-size:13px;font-weight:750}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creator-grid article{background:white;border:1px solid var(--line);padding:26px;border-radius:15px}.creator-glyph{height:90px;width:90px;border-radius:50%;background:linear-gradient(140deg,#ddf8f1,#adb9e6);color:#0a7771;display:grid;place-items:center;font-size:42px;margin-bottom:22px}.creator-grid h2{font-size:23px}.creator-grid p{font-size:14px;line-height:2}.creator-grid a{font-size:13px;font-weight:800;color:#00857c}.community-threads{display:grid;grid-template-columns:1fr 1fr;gap:19px}.community-threads article{padding:29px 33px;background:white;border:1px solid var(--line);border-radius:13px}.community-threads article span{font-size:12px;font-weight:850;color:#078b80}.community-threads h2{font-size:25px;margin-top:18px}.community-threads p{font-size:14px;line-height:2}.community-threads a{color:#07847a;font-size:13px;font-weight:780}.local-note{padding:30px;background:#e1f4f0;border-left:5px solid var(--rose);margin-bottom:35px}.local-note p{max-width:800px}.saved-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.saved-layout h2{font-size:26px}.saved-list{min-height:180px;border:1px solid var(--line);background:white;border-radius:10px;padding:17px}.saved-list p{font-size:14px}.saved-list a{display:block;padding:12px;border-bottom:1px solid var(--line);font-weight:760}.saved-list a small{display:block;font-size:12px;color:var(--ink-3);font-weight:400}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px}.faq-aside{height:max-content;position:sticky;top:105px;background:var(--rose-soft);padding:25px;border-radius:13px}.faq-aside h2{font-size:23px}.faq-aside p{font-size:14px}.faq-aside .text-link{display:block;margin-top:20px}.app-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;max-width:1050px;margin:auto}.app-grid h2{font-size:38px}.app-grid p{line-height:2}.device-light{border-color:#0e3454;box-shadow:25px 25px 50px #091c3040}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.steps article{background:white;border:1px solid var(--line);padding:33px;border-radius:14px}.steps span{color:var(--rose);font-size:12px;font-weight:800}.steps h2{font-size:25px;margin-top:20px}.steps p{font-size:15px;line-height:2}.steps a{color:#08766f;font-weight:800;font-size:14px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.policy-grid article{background:white;padding:30px;border:1px solid var(--line);border-radius:12px}.policy-grid span{font-size:11px;font-weight:850;color:var(--rose)}.policy-grid h2{font-size:24px;margin-top:18px}.policy-grid p{font-size:14px;line-height:2}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contact-grid article{background:white;border:1px solid var(--line);padding:30px;border-radius:13px}.contact-grid h2{font-size:24px}.contact-grid p{font-size:14px;line-height:2}.contact-callout{background:#e1f2f1;border-radius:14px;padding:40px;margin-top:35px}.contact-callout h2{font-size:27px}.contact-callout p{max-width:900px;line-height:2}.not-found{text-align:center;padding-block:100px 130px}.error-digit{font-weight:900;letter-spacing:-.1em;font-size:clamp(110px,16vw,220px);line-height:1;color:#c1e9e6}.not-found h1{font-size:40px}.not-found p{max-width:620px;margin-inline:auto}.not-found .hero-cta{justify-content:center}
@media(max-width:1200px){.desktop-nav{gap:11px}.desktop-nav a{font-size:12px}.home-hero-grid{grid-template-columns:165px minmax(0,1fr) 215px;gap:24px}.hero-center h1{font-size:46px}.hero-art{width:37%}.footer-layout{gap:30px}.horizontal-stories{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.mobile-toggle{display:inline-flex}.nav-row{justify-content:space-between}.home-hero-grid{grid-template-columns:145px minmax(0,1fr);min-height:0}.hero-aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding-top:10px}.hero-mini{margin-top:0}.hero-art{width:40%}.topic-matrix{grid-template-columns:repeat(3,1fr)}.link-rail{grid-template-columns:repeat(3,1fr)}.editorial-grid{grid-template-columns:repeat(2,1fr)}.footer-layout{grid-template-columns:1.5fr 1fr 1fr}.footer-layout>div:last-child{grid-column:2}.series-stack{grid-template-columns:1fr 1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.home-hero-grid{grid-template-columns:1fr}.hero-side{order:2;display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-top:1px solid #ffffff25;padding-top:20px;gap:12px}.hero-side .kicker,.hero-side strong,.hero-side small{grid-column:1/-1}.hero-side a{border:1px solid #ffffff33;padding:9px;border-radius:7px}.hero-center{order:1;padding-bottom:120px}.hero-aside{order:3}.hero-art{bottom:-15px;right:10%;height:210px;width:210px}.hero-art-core span{font-size:48px}.hero-art-core b{font-size:72px}.stories-grid,.three-info{grid-template-columns:repeat(2,1fr)}.feature-split,.story-side,.editorial-duo,.app-showcase{gap:30px}.intro-grid{grid-template-columns:1fr;padding-block:45px;gap:26px}.intro-visual{height:180px;max-width:500px;width:100%}.article-columns{grid-template-columns:1fr;gap:30px}.article-aside{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.reader-layout{grid-template-columns:1fr}.reader-sidebar{position:static;order:-1}.reader-sidebar>a{display:inline-block;margin-right:10px}.faq-layout{grid-template-columns:1fr}.faq-aside{position:static}.contact-grid{grid-template-columns:1fr}.footer-layout{grid-template-columns:repeat(3,1fr)}.footer-layout>div:first-child{grid-column:1/-1}.footer-layout>div:last-child{grid-column:auto}.footer-bottom{flex-wrap:wrap}}
@media(max-width:768px){.wrap{width:min(calc(100% - 32px),var(--wrap))}.section{padding-block:62px}.compact-section{padding-block:38px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading .subtle-link{padding:0}.home-hero-grid{padding-block:32px}.hero-center h1{font-size:clamp(36px,7.5vw,52px)}.hero-center>p{font-size:14px}.hero-aside{grid-template-columns:1fr 1fr}.topic-matrix{grid-template-columns:repeat(2,1fr)}.feature-split,.story-side,.editorial-duo,.app-showcase,.app-grid,.community-preview{grid-template-columns:1fr}.feature-cover,.abstract-art{min-height:270px}.horizontal-stories{grid-template-columns:repeat(2,1fr)}.usage-row{grid-template-columns:1fr;gap:25px}.usage-row>div{padding:0}.usage-row>div+div{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.footer-layout{gap:25px}.directory-grid,.community-threads,.steps{grid-template-columns:1fr}.search-inline{grid-template-columns:1fr}.search-inline>img{display:none}.rank-list li{grid-template-columns:55px 1fr 50px}.rank-list li>strong{font-size:30px}.updates-list article{grid-template-columns:120px 1fr}.updates-list article>a{grid-column:2}.detail-grid{grid-template-columns:1fr}.detail-art{height:230px}.policy-grid{grid-template-columns:1fr 1fr}.contact-callout{padding:25px}}
@media(max-width:600px){body{font-size:15px}.wrap{width:calc(100% - 30px)}.site-header,.nav-row{min-height:63px}.brand-monogram{font-size:30px}.brand small{font-size:9px}.nav-row{gap:10px}.nav-actions{gap:5px}.nav-actions .saved-link{display:none}.icon-button,.mobile-toggle{padding:5px 8px}.mobile-menu{padding-bottom:60px}.mobile-dock{position:fixed;z-index:55;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;min-height:58px;background:#0b182b;color:white;border-top:1px solid #ffffff33;box-shadow:0 -5px 25px #0002;padding-bottom:env(safe-area-inset-bottom)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;font-size:23px;line-height:1.1;padding:7px 10px}.mobile-dock a span{font-size:10px;margin-top:5px}.back-top{bottom:78px;right:12px}.site-footer{padding-bottom:60px}.home-hero-grid{gap:15px}.hero-center{padding-bottom:120px}.hero-center h1{font-size:38px;margin:22px 0}.hero-center h1 br{display:none}.hero-center>p{line-height:1.85}.hero-tag{font-size:9px}.hero-search{flex-direction:column;box-shadow:none}.hero-search input{min-height:47px}.hero-search button{min-height:44px}.hero-art{right:8%;width:190px;height:190px;bottom:-18px}.hero-side{grid-template-columns:repeat(2,1fr)}.hero-side small{margin-top:2px}.hero-aside{grid-template-columns:1fr}.today-note,.hero-mini{padding:18px}.channel-strip .wrap{padding:11px 0}.section{padding-block:47px}.section-heading h2{font-size:27px}.stories-grid{grid-template-columns:1fr;gap:15px}.story-body p{min-height:0}.story-photo{aspect-ratio:16/8.5}.topic-matrix{grid-template-columns:1fr 1fr;gap:10px}.topic-tile{padding:17px;min-height:244px}.topic-tile h3{font-size:18px}.topic-tile p{font-size:12px}.tile-index{margin-bottom:16px}.link-rail{grid-template-columns:repeat(2,1fr)}.editorial-grid{grid-template-columns:1fr 1fr;gap:10px}.editorial-grid a{min-height:205px;padding:17px}.editorial-grid h3{font-size:17px;margin-top:20px}.editorial-grid p{font-size:12px}.abstract-art{min-height:240px}.abstract-art b{font-size:52px}.horizontal-stories{grid-template-columns:1fr 1fr;gap:10px}.horizontal-stories>a{min-height:280px;padding:16px}.horizontal-stories h3{font-size:18px}.editors-choice li{grid-template-columns:36px 1fr;gap:12px}.editors-choice li span{font-size:23px}.editors-choice li small{grid-column:2;text-align:left}.two-panels,.three-notes,.three-info{grid-template-columns:1fr}.info-panel{min-height:0;padding:25px}.three-notes a{min-height:0}.author-strip{align-items:start;flex-direction:column}.device-shape{height:320px;width:205px}.about-strip{text-align:left}.footer-layout{grid-template-columns:1fr 1fr;gap:28px}.footer-layout>div:first-child{grid-column:1/-1}.footer-layout>div:last-child{grid-column:auto}.footer-layout p{max-width:none}.footer-bottom{flex-direction:column;gap:5px}.search-dialog{padding:28px 20px}.search-field input{width:100%;font-size:13px}.search-field button{padding:0 13px}.intro-grid h1{font-size:34px}.intro-grid p{font-size:14px}.intro-actions{flex-wrap:wrap}.directory-grid,.creator-grid,.policy-grid{grid-template-columns:1fr}.detail-grid h1{font-size:35px}.article-aside{grid-template-columns:1fr}.reading-body{padding:24px 20px}.reading-body h2{font-size:24px}.reading-body p{font-size:15px}.reading-art{height:180px}.reader-sidebar{padding:19px}.rank-list li{grid-template-columns:40px 1fr;gap:10px}.rank-list li>a{grid-column:2}.rank-list h2{font-size:18px}.rank-list p{font-size:12px}.updates-list article{grid-template-columns:1fr;gap:10px}.updates-list article>a{grid-column:1}.series-stack,.saved-layout{grid-template-columns:1fr}.search-inline form{flex-direction:column}.app-grid{gap:35px}.contact-grid{gap:12px}.not-found{padding-block:75px}.not-found h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}