/* 吃瓜网 / GUAGUA NET — 青绿与米白编辑视觉系统 */
:root{--paper:#F6F3EC;--mint:#E8F4F2;--card:#FFFCFA;--warm:#FDECEA;--ink:#1A2A28;--text:#2C3A38;--sub:#5A6B68;--muted:#7A8A86;--teal:#0E8A7D;--deep:#0A5F56;--red:#C62828;--border:rgba(14,138,125,.22);--shadow:0 14px 36px rgba(26,42,40,.10);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;color:var(--text);line-height:1.72;font-size:16px;overflow-x:clip;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);line-height:1.32;font-weight:800;letter-spacing:-.025em}p{overflow-wrap:anywhere}h1{font-size:clamp(28px,3vw,32px)}h2{font-size:clamp(22px,2.5vw,26px)}h3{font-size:19px}a,button,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}::selection{background:#b7e6df;color:#14352f}
.skip-link{position:fixed;z-index:200;top:-200px;left:16px;padding:10px 15px;background:#fff;color:var(--deep);border:2px solid var(--deep)}.skip-link:focus{top:16px}
.top-fixed{position:fixed;z-index:30;top:0;left:0;right:0;width:auto;min-width:0;box-shadow:0 2px 15px rgba(9,65,56,.07)}.header-inner{width:min(calc(100% - 32px),var(--max));margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;min-width:0}.micro-bar{height:16px;line-height:16px;background:var(--teal);color:#F6F3EC;font-size:10px;letter-spacing:.075em}.micro-bar .header-inner{height:16px}.micro-bar .mid-dot{opacity:.7}.micro-search{background:transparent;border:0;color:#fff;font-size:10px;line-height:16px;height:16px;padding:0 1px 0 12px;font-weight:700;letter-spacing:.03em}.micro-search span{font-size:16px;line-height:10px;vertical-align:-1px;margin-left:4px}.micro-search:hover{text-decoration:underline}.reading-bar{height:54px;background:var(--paper);border-bottom:1px solid var(--border)}.left-actions{display:flex;align-items:center;gap:13px;min-width:0}.brand-link,.menu-logo{display:inline-flex;align-items:center;min-width:0;min-height:44px}.brand-logo{height:28px;width:auto;max-width:160px;object-fit:contain;object-position:left center}.brand-text{white-space:nowrap;font-weight:900;color:var(--deep);font-size:23px;letter-spacing:-.07em}.brand-text .accent{color:var(--red)}.menu-trigger{height:44px;min-width:77px;border:1px solid rgba(14,138,125,.27);background:#FFFCFA;border-radius:9px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--deep);font-size:13px;font-weight:800;white-space:nowrap}.menu-trigger:hover{background:var(--mint);border-color:var(--teal)}.menu-symbol{display:grid;gap:4px;width:16px;flex:0 0 16px}.menu-symbol i{display:block;width:16px;height:2px;background:currentColor;border-radius:2px}.menu-symbol i:nth-child(2){width:12px}.header-tagline{font-size:13px;color:var(--sub);letter-spacing:.07em;margin:auto;padding:0 12px}.app-entry{min-height:44px;min-width:100px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--deep);color:#F6F3EC;border-radius:9px;padding:0 15px;font-weight:800;font-size:13px}.app-entry:hover{background:var(--teal);color:#fff}
.desktop-rail{position:fixed;z-index:25;top:70px;left:max(16px,calc((100vw - 1160px)/2));width:56px;display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;padding:14px 6px 18px;box-shadow:0 10px 32px rgba(26,42,40,.05)}.desktop-rail a{min-height:65px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px;color:var(--deep);border-radius:7px;font-weight:800}.desktop-rail a.current,.desktop-rail a:hover{background:var(--teal);color:#fff}
.site-main{padding:70px 0 0;min-height:75vh}.site-container{width:min(calc(100% - 32px),var(--max));margin-inline:auto;padding-left:76px;min-width:0}.footer{background:var(--deep);color:#E8F4F2;padding:50px 16px 24px;margin-top:72px}.footer-wrap{width:min(100%,var(--max));margin:0 auto;padding-left:76px}.footer-head{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.17)}.footer-head p{font-size:14px;max-width:400px;line-height:1.75;color:#D8F0EC}.footer-brand{display:flex;gap:18px;align-items:center}.footer-brand a{background:#fefbf5;border-radius:9px;padding:3px 12px;min-height:44px;display:flex;align-items:center}.footer-brand .brand-logo{max-height:28px}.footer-brand .brand-text{font-size:20px}.footer-brand>span{font-size:12px;letter-spacing:.17em;white-space:nowrap;color:#B1DCD4;font-weight:800}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:28px 0 32px}.footer-links section h2{color:#fff;font-size:14px;border-left:3px solid #F3CBC4;padding-left:10px;margin-bottom:16px;letter-spacing:.05em}.footer-links ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-links a{font-size:13px;color:#D3EAE6}.footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.17);padding-top:19px;display:grid;gap:9px}.footer-bottom p{font-size:12px;line-height:1.7;color:#D2E9E5}.mobile-bottom{display:none}
.modal-overlay{position:fixed;inset:0;z-index:39;background:rgba(9,35,31,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-panel{position:fixed;z-index:50;top:70px;left:max(16px,calc((100vw - 1160px)/2));width:320px;max-width:calc(100vw - 16px);height:min(480px,calc(100dvh - 76px));background:#FFFCFA;border:1px solid rgba(14,138,125,.21);box-shadow:0 23px 70px rgba(7,40,35,.27);border-radius:0 0 15px 15px;display:flex;flex-direction:column;opacity:0;transform:translateX(-22px);visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}.menu-panel.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.menu-top{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid var(--border);flex:0 0 auto}.menu-top .brand-text{font-size:20px}.close-square{min-width:44px;height:44px;border:1px solid var(--border);background:var(--mint);border-radius:9px;color:var(--deep);font-size:28px;line-height:1}.close-square:hover{background:var(--deep);color:#fff}.menu-scroller{overflow:auto;overscroll-behavior:contain;padding:12px 16px 26px;scrollbar-color:#B5D7D0 transparent}.menu-group{padding:6px 0 17px;border-bottom:1px solid var(--border);margin-bottom:12px}.menu-group h2{font-size:12px;letter-spacing:.1em;color:var(--red);margin-bottom:9px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.menu-grid a{min-width:0;border:1px solid #E1EAE6;border-radius:9px;background:#fff;padding:10px 10px 9px}.menu-grid a:hover{background:var(--mint);border-color:var(--teal)}.menu-grid strong{display:block;color:var(--ink);font-size:13px;line-height:1.3;margin-bottom:6px}.menu-grid small{display:block;font-size:11px;color:var(--sub);line-height:1.5;min-height:32px}.menu-utility{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--deep);font-weight:800;padding:8px 4px}
.search-panel{position:fixed;z-index:50;top:74px;right:max(16px,calc((100vw - 1160px)/2));width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 82px);overflow-y:auto;background:var(--card);border:1px solid rgba(14,138,125,.3);border-radius:14px;padding:23px;box-shadow:0 25px 70px rgba(8,52,45,.24);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.search-head small{font-size:10px;letter-spacing:.15em;color:var(--red);font-weight:800}.search-head h2{font-size:21px}.search-field{display:flex;align-items:center;gap:9px;border:2px solid var(--teal);border-radius:10px;padding:0 13px;background:#fff}.search-field>span{font-size:23px;color:var(--teal)}.search-field input{height:50px;line-height:50px;min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink)}.search-note{margin:16px 0 10px;color:var(--sub);font-size:13px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-results a{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-radius:9px;border:1px solid var(--border);background:var(--mint);min-height:46px;font-size:14px}.search-results a:hover{background:#CCE9E3;color:var(--deep)}.search-results a[hidden]{display:none}.search-empty{font-size:14px;margin-top:14px}.search-empty a{color:var(--teal);text-decoration:underline}
.eyebrow,.section-index{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--red);text-transform:uppercase}.section-index{display:block}.btn{min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:800;font-size:14px;border-radius:9px;white-space:nowrap}.btn-main{background:linear-gradient(135deg,#0E8A7D 0%,#0A5F56 100%);color:#F6F3EC;box-shadow:0 5px 15px rgba(10,95,86,.16)}.btn-main:hover{color:#fff;filter:brightness(1.13)}.btn-ghost{background:#FFFCFA;color:var(--deep);border:1px solid var(--border)}.btn-ghost:hover{color:var(--deep);background:var(--mint)}.inline-forward{font-weight:900;font-size:14px;color:var(--deep);display:inline-flex;gap:18px;align-items:center;padding:7px 0;border-bottom:2px solid var(--teal)}.inline-forward:hover{color:var(--red);border-color:var(--red)}
.media-frame{position:relative;width:100%;overflow:hidden;background:#E8F4F2;border:1px solid rgba(14,138,125,.12);border-radius:12px;isolation:isolate}.media-frame>img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:2}.media-fallback{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 80% 16%,rgba(14,138,125,.12) 0,rgba(14,138,125,.12) 8%,transparent 36%),linear-gradient(124deg,#DCEDE7,#E8F4F2 49%,#F6F3EC);display:flex;align-items:end;padding:26px;color:var(--deep)}.media-fallback>span{font-weight:800;letter-spacing:.16em;font-size:clamp(15px,2.2vw,25px);position:relative;z-index:1}.frame-orbit{position:absolute;right:-9%;top:14%;width:55%;aspect-ratio:1;border:28px solid rgba(14,138,125,.08);border-radius:50%}.frame-line{position:absolute;left:0;right:0;bottom:35%;border-top:1px solid rgba(14,138,125,.18);transform:rotate(-12deg)}
.home-hero{margin-top:26px;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden;box-shadow:var(--shadow)}.hero-intro{padding:26px 29px 24px}.hero-intro-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.edition-note{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--teal)}.hero-words{display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:end}.hero-kicker{font-size:12px;color:var(--teal);font-weight:900;letter-spacing:.2em}.hero-words h1{font-size:clamp(27px,2.8vw,33px);line-height:1.28;margin-top:6px}.hero-summary p{color:var(--sub);font-size:13px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cover-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);border-top:1px solid var(--border)}.hero-media{padding:14px;background:#EEF7F4}.cover-image{height:260px;background:#fff}.headline-teasers{padding:13px 20px;background:#fff;min-width:0}.teasers-top{display:flex;align-items:center;justify-content:space-between;color:var(--sub);font-size:10px;letter-spacing:.11em;font-weight:800;padding-bottom:7px}.headline-teasers>a{display:grid;grid-template-columns:38px minmax(0,1fr) 17px;align-items:center;gap:11px;min-height:56px;border-top:1px solid #E5EDE8}.headline-teasers>a:hover strong{color:var(--teal)}.teaser-number{color:var(--red);font-weight:800;font-size:17px}.headline-teasers strong{font-size:15px;color:var(--ink);display:block;line-height:1.3}.headline-teasers small{font-size:11px;color:var(--sub);display:block;line-height:1.45;margin-top:3px}.headline-teasers b{font-size:18px;color:var(--teal)}
.home-section{margin-top:64px}.section-heading{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-heading h2{font-size:25px}.section-heading p{font-size:13px;margin-top:4px;color:var(--sub)}.section-more{font-size:13px;font-weight:900;color:var(--deep);white-space:nowrap;border-bottom:1px solid var(--teal);padding-bottom:4px}.section-more:hover{color:var(--red);border-color:var(--red)}.celeb-topline{display:grid;grid-template-columns:1.4fr .8fr;gap:25px;margin:17px 0}.celeb-topline>p{font-size:15px;color:var(--text)}.celeb-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:center}.celeb-pills a{background:#E4F0EA;border:1px solid var(--border);padding:10px 12px;border-radius:8px;font-size:12px;color:var(--deep);font-weight:800;display:flex;justify-content:space-between}.celeb-wide{height:234px}.four-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.four-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.four-card-media{padding:9px;background:#fff}.tile-image{height:155px}.four-card .card-label{margin:8px 17px 3px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.1em}.four-card h3{font-size:18px;margin:0 17px 7px}.four-card>p{font-size:13px;line-height:1.8;color:var(--sub);margin:0 17px 14px;flex:1}.four-card>a{margin:0 17px 16px;padding-top:8px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--deep);font-size:12px;font-weight:900}
.feature-ribbon{background:var(--deep);border-radius:14px;padding:25px;display:grid;grid-template-columns:minmax(0,1fr) .82fr;gap:27px;align-items:center}.feature-ribbon .section-index{color:#FFC3BA}.feature-ribbon h2{color:#fff;margin:8px 0 14px}.feature-ribbon p{color:#D7F0EB;font-size:14px;line-height:1.9;margin-bottom:12px}.feature-ribbon .inline-forward{color:#fff;border-color:#FFDDC7}.special-visual{height:270px;border-color:rgba(255,255,255,.25)}.special-visual .media-fallback{background:linear-gradient(135deg,#DBEEE7,#C6E9DE)}
.rank-split{display:grid;grid-template-columns:.42fr .58fr;gap:18px}.rank-image{height:330px}.rank-list{display:grid;gap:4px}.rank-list a{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--border);min-height:62px}.rank-list b{font-size:32px;line-height:1;color:var(--teal);font-weight:900;letter-spacing:-.04em}.rank-list a:nth-child(2) b,.rank-list a:nth-child(4) b{color:var(--red)}.rank-list span{font-weight:800;font-size:14px;color:var(--ink)}.rank-list em{font-size:11px;color:var(--sub);font-style:normal;text-align:right}.rank-list a:hover span{color:var(--teal)}
.calendar-layout{display:grid;grid-template-columns:.45fr .55fr;gap:18px}.calendar-visual{height:315px}.calendar-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calendar-status article{padding:14px;border:1px solid var(--border);background:#fff;border-radius:10px}.calendar-status article span{font-size:20px;font-weight:900;color:var(--red)}.calendar-status h3{font-size:16px;margin:4px 0}.calendar-status p{font-size:12px;color:var(--sub);line-height:1.75}
.story-row{display:grid;grid-template-columns:.85fr 1fr;gap:24px;align-items:center}.story-image{height:294px}.story-text .label-accent,.app-copy .label-accent{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.14em}.story-text h3{font-size:24px;margin:9px 0 13px}.story-text p{font-size:14px;line-height:1.9;color:var(--sub);margin-bottom:14px}.editor-layout{display:grid;grid-template-columns:.45fr .55fr;gap:20px}.editor-image{height:300px}.editor-letters{display:flex;flex-direction:column;gap:13px}.editor-letters article{border-left:3px solid var(--red);padding-left:16px}.editor-letters article span{color:var(--red);font-size:11px;font-weight:900}.editor-letters article h3{font-size:17px;margin:4px 0 7px}.editor-letters article p{font-size:13px;color:var(--sub);line-height:1.78}.editor-letters .inline-forward{align-self:flex-start}
.discover-home{display:grid;grid-template-columns:1fr .8fr;gap:25px;align-items:center;background:#E5F3EE;border-radius:13px;padding:26px}.discover-copy h2{margin:10px 0}.discover-copy p{font-size:14px;line-height:1.9}.discover-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.discover-links a{background:#fff;border:1px solid var(--border);color:var(--deep);font-weight:800;border-radius:8px;font-size:12px;padding:8px 12px}.discover-visual{height:250px}
.app-home-layout{display:grid;grid-template-columns:.38fr .62fr;gap:30px;background:var(--card);border-radius:14px;border:1px solid var(--border);padding:18px;align-items:center}.app-visual-stack{position:relative;padding:3px 35px 13px 0}.phone-image{height:355px}.app-badge-small{position:absolute;bottom:2px;right:0;width:88px;background:#fff;padding:6px;border-radius:12px;box-shadow:var(--shadow)}.icon-image{height:70px}.app-copy h3{font-size:22px;margin:10px 0 14px}.app-copy>p{font-size:14px;line-height:1.83;color:var(--sub);margin-bottom:12px}.app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.rights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.rights-grid article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.rights-grid article:nth-child(2){background:var(--warm);border-color:#EBD1C7}.rights-grid article>span{font-size:11px;color:var(--red);letter-spacing:.1em;font-weight:900}.rights-grid h3{font-size:21px;margin:7px 0 10px}.rights-grid p{font-size:14px;line-height:1.88;color:var(--text)}.rights-grid a{display:inline-block;font-size:13px;color:var(--deep);font-weight:900;margin-top:15px}
.home-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-faq-item{background:#fff;border:1px solid var(--border);border-radius:11px;padding:13px 16px;min-width:0}.home-faq-item summary{cursor:pointer;font-weight:800;font-size:14px;color:var(--ink)}.home-faq-item p{font-size:13px;color:var(--sub);line-height:1.84;margin-top:11px}.about-home{border-radius:15px;padding:34px;background:var(--deep)}.about-home .section-index{color:#FFCDC0}.about-home h2{color:#fff;margin:5px 0 8px}.about-home .about-lead{color:#DDF4EE;font-size:20px;font-weight:800}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:20px 0}.about-columns p{color:#DCF1EB;font-size:14px;line-height:1.92}.about-home .inline-forward{color:#fff;border-color:#FFCDC0}
/* Inner pages: differentiated editorial patterns */
.page-hero{margin-top:27px;background:#FFFCFA;border:1px solid var(--border);border-radius:14px;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:25px;align-items:center}.page-hero:not(:has(.page-image)){grid-template-columns:1fr}.page-heading-line{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.15em;color:var(--sub);font-weight:800;margin:12px 0 8px}.mini-line{display:block;width:30px;height:2px;background:var(--teal)}.page-heading h1{font-size:32px}.page-subtitle{font-size:19px;line-height:1.5;color:var(--deep);font-weight:800;margin:7px 0 12px}.page-intro{font-size:15px;line-height:1.95;max-width:780px;color:var(--text)}.page-image{height:245px}.page-hero-rank{background:#E9F3EE}.page-hero-essays{background:#FFF0EB}.page-hero-timeline{background:#EFF3EA}.page-hero-policy{background:#EDF5F1}.page-hero-story{background:#DDEEE8}
.body-sections{margin-top:22px}.body-sections h2{font-size:19px;margin-bottom:10px}.body-sections p{font-size:15px;line-height:1.94;color:var(--text)}.body-ledger{border-top:1px solid var(--border)}.ledger-entry{border-bottom:1px solid var(--border);padding:23px 8px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px}.entry-index{font-weight:900;font-size:35px;line-height:1;color:var(--teal)}.ledger-entry:nth-child(even) .entry-index{color:var(--red)}.ledger-entry>div{max-width:830px}.ledger-entry h2{margin:0 0 7px}
.body-feature,.body-story{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-entry{background:#fff;padding:23px;border:1px solid var(--border);border-radius:12px}.feature-entry:first-child{grid-column:1/-1;background:#E5F3EE;display:grid;grid-template-columns:1fr 1.6fr;gap:25px;align-items:center}.feature-title .small-count{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.13em;display:block;margin-bottom:10px}.feature-entry h2{margin-bottom:8px}.feature-entry p{font-size:14px}.feature-entry:first-child p{font-size:15px}.body-tiles,.body-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.topic-tile{background:#fff;border:1px solid var(--border);border-radius:12px;padding:21px;min-width:0}.body-mosaic .topic-tile:nth-child(2),.body-tiles .topic-tile:nth-child(3){background:#E8F4F2}.body-mosaic .topic-tile:nth-child(4){grid-column:span 2;background:#FFF0EB}.topic-tile .tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tile-top span{font-size:21px;font-weight:900;color:var(--red)}.tile-top i{display:block;width:29px;height:29px;border:7px solid rgba(14,138,125,.13);border-radius:50%}.topic-tile p{font-size:14px}.body-editorial,.body-essays{display:grid;grid-template-columns:1fr 1fr;gap:15px}.essay-entry{padding:24px;border-top:3px solid var(--deep);background:#fff;border-radius:0 0 10px 10px}.body-essays .essay-entry{border-top-color:var(--red)}.essay-entry:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 2fr;column-gap:30px}.essay-entry:first-child h2{grid-column:1;grid-row:2}.essay-entry:first-child p{grid-column:2;grid-row:1/3}.essay-rule{display:block;font-size:11px;font-weight:900;color:var(--red);letter-spacing:.1em;margin-bottom:11px}.essay-rule span{color:var(--teal)}.essay-entry p{font-size:14px}
.body-directory,.body-topic{border-top:1px solid var(--border)}.directory-entry{display:grid;grid-template-columns:.33fr .67fr;gap:30px;padding:22px 15px;border-bottom:1px solid var(--border)}.directory-entry:nth-child(odd){background:rgba(255,255,255,.55)}.directory-entry>div span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.14em}.directory-entry h2{margin-top:7px}.directory-entry p{align-self:center}.body-rank{border-top:1px solid var(--border)}.rank-entry{display:grid;grid-template-columns:80px 1fr 24px;gap:16px;align-items:start;border-bottom:1px solid var(--border);padding:25px 6px}.rank-digit{font-size:52px;font-weight:900;color:var(--teal);line-height:.95}.rank-entry:nth-child(even) .rank-digit{color:var(--red)}.rank-entry p{max-width:820px}.rank-entry a{font-size:20px;color:var(--teal)}
.body-timeline{margin-left:18px;border-left:2px solid rgba(14,138,125,.3)}.timeline-entry{position:relative;display:grid;grid-template-columns:50px 1fr;gap:10px;padding:0 0 28px}.timeline-node{position:relative;left:-9px;top:12px}.timeline-node>span{display:block;width:16px;height:16px;border:4px solid #E8F4F2;background:var(--teal);border-radius:50%;box-shadow:0 0 0 2px var(--teal)}.timeline-entry>div:last-child{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 23px}.timeline-entry small{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.1em}.timeline-entry h2{margin-top:5px}.body-app{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-feature{display:flex;align-items:start;gap:14px;background:#fff;border-radius:12px;padding:19px;border:1px solid var(--border)}.app-feature>span{font-size:25px;font-weight:900;color:var(--teal);line-height:1}.app-feature h2{font-size:18px}.app-feature p{font-size:14px}.body-policy{background:#fff;border-radius:13px;padding:17px 23px;border:1px solid var(--border)}.policy-entry{display:grid;grid-template-columns:58px 215px 1fr;gap:16px;border-bottom:1px solid var(--border);padding:19px 0;align-items:start}.policy-entry:last-child{border-bottom:0}.policy-entry>span{color:var(--red);font-size:13px;font-weight:900}.policy-entry h2{font-size:18px}.policy-entry p{font-size:14px}
.closing-note{display:grid;grid-template-columns:1fr .45fr;gap:30px;background:var(--deep);border-radius:13px;color:#DCF0EB;padding:25px 30px;margin-top:32px}.closing-note h2{color:#fff;font-size:22px;margin:9px 0}.closing-note p{font-size:14px;line-height:1.9}.closing-note .eyebrow{color:#FFCAC0}.related-links{display:grid;align-content:center}.related-links a{display:flex;justify-content:space-between;padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.24);font-size:14px;font-weight:800;color:#fff}.related-links a:hover{color:#FFC9BC}.faq-heading{grid-template-columns:1fr}.faq-wrap{margin-top:23px;display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:46px 1fr 27px;align-items:center;gap:8px;padding:18px 20px;color:var(--ink);font-weight:800;font-size:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font-size:19px;color:var(--red);font-weight:900}.faq-plus{font-size:22px;color:var(--teal)}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{border-top:1px solid var(--border);padding:16px 25px 21px 74px;background:#FCFDF9}.faq-answer p{font-size:15px;color:var(--sub);line-height:1.88}
@media(max-width:1100px){.desktop-rail{display:none}.site-container,.footer-wrap{padding-left:0}}
@media(max-width:900px){.four-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:100px 1fr auto}.body-tiles,.body-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.body-mosaic .topic-tile:nth-child(4){grid-column:auto}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.hero-words{grid-template-columns:1fr 1fr;gap:20px}.story-row,.editor-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){html{scroll-padding-top:78px}.header-tagline{display:none}.reading-bar .header-inner{gap:9px}.site-main{padding-top:70px}.site-container{width:calc(100% - 32px)}.micro-bar .header-inner{width:calc(100% - 32px)}.left-actions{flex:1;gap:10px;justify-content:space-between;max-width:calc(100% - 103px)}.brand-link{flex:0 1 auto;min-width:0}.brand-text{font-size:19px}.brand-logo{max-width:min(150px,28vw);height:26px}.menu-trigger{min-width:65px;padding:0 8px;gap:6px}.app-entry{min-width:94px;font-size:12px;padding:0 9px}.mobile-bottom{position:fixed;z-index:20;bottom:0;left:0;right:0;width:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--border);box-shadow:0 -6px 18px rgba(16,64,54,.07)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:12px;font-weight:800;color:var(--deep);border-right:1px solid rgba(14,138,125,.07)}.mobile-bottom a.current{background:var(--teal);color:#F6F3EC}.footer{margin-top:52px;padding-bottom:calc(24px + 60px + env(safe-area-inset-bottom,0px))}.menu-panel{top:70px;left:0;width:min(86vw,350px);max-width:86vw;height:calc(100dvh - 70px);border-radius:0 12px 0 0;transform:translateX(-110%)}.menu-grid{grid-template-columns:1fr}.menu-grid a{padding:10px 12px}.menu-grid small{min-height:0}.search-panel{top:73px;left:16px;right:16px;width:auto;padding:18px}.hero-words{grid-template-columns:1fr;gap:12px}.hero-words h1{font-size:clamp(25px,6.7vw,31px)}.cover-split{grid-template-columns:1fr}.hero-media{padding:9px}.headline-teasers{padding:14px 17px}.home-section{margin-top:42px}.section-heading{display:flex;align-items:start;flex-direction:column;gap:4px}.section-heading h2{font-size:23px}.section-more{margin-top:5px}.celeb-topline{grid-template-columns:1fr}.celeb-pills{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-ribbon,.rank-split,.calendar-layout,.story-row,.editor-layout,.discover-home,.app-home-layout{grid-template-columns:1fr}.feature-ribbon{padding:19px}.discover-home{padding:19px}.story-row .story-image{order:0}.story-text{order:1}.rank-image,.calendar-visual,.editor-image,.discover-visual{height:225px}.app-visual-stack{max-width:370px;margin:0 auto;width:100%}.rights-grid,.home-faq-grid,.about-columns{grid-template-columns:1fr}.about-home{padding:23px}.home-hero{margin-top:18px}.hero-intro{padding:19px}.footer-head{align-items:start;flex-direction:column;gap:13px}.page-hero{grid-template-columns:1fr;padding:20px;margin-top:18px;gap:14px}.page-hero .page-image{height:215px}.body-feature,.body-story,.body-editorial,.body-essays,.body-app{grid-template-columns:1fr}.feature-entry:first-child{grid-column:auto;display:block}.essay-entry:first-child{display:block;grid-column:auto}.essay-entry:first-child p{grid-column:auto;grid-row:auto}.directory-entry{grid-template-columns:1fr;gap:8px}.policy-entry{grid-template-columns:36px 1fr;gap:8px}.policy-entry p{grid-column:2}.closing-note{grid-template-columns:1fr;gap:18px}.faq-answer{padding-left:22px}}
@media(max-width:480px){.micro-bar{font-size:9px}.micro-search{font-size:10px}.brand-text{font-size:18px}.brand-logo{max-width:116px}.left-actions{gap:5px}.menu-trigger{min-width:60px;font-size:12px}.app-entry{min-width:86px;font-size:11px;padding:0 8px;gap:3px}.hero-intro-top{align-items:start;flex-direction:column;gap:3px}.cover-image{height:210px}.celeb-wide{height:205px}.celeb-pills{grid-template-columns:1fr 1fr}.four-card-grid{grid-template-columns:1fr}.four-card{display:grid;grid-template-columns:116px minmax(0,1fr);column-gap:0;grid-template-rows:auto auto 1fr auto;min-height:166px}.four-card-media{grid-row:1/5;grid-column:1;padding:7px}.four-card .tile-image{height:100%;min-height:150px}.four-card .card-label{margin:10px 9px 2px;grid-column:2}.four-card h3{margin:0 9px 4px;grid-column:2;font-size:16px}.four-card>p{font-size:12px;line-height:1.63;margin:0 9px 7px;grid-column:2}.four-card>a{grid-column:2;margin:0 9px 9px;font-size:11px}.calendar-status{grid-template-columns:1fr 1fr}.calendar-status article{padding:11px}.rank-list a{grid-template-columns:43px 1fr;gap:9px}.rank-list b{font-size:27px}.rank-list em{display:none}.section-heading h2{font-size:22px}.section-heading p{font-size:12px}.body-tiles,.body-mosaic{grid-template-columns:1fr}.topic-tile{padding:17px}.page-heading h1{font-size:28px}.page-subtitle{font-size:17px}.page-intro{font-size:14px}.body-sections p{font-size:14px}.ledger-entry{grid-template-columns:45px 1fr;gap:9px}.entry-index{font-size:26px}.rank-entry{grid-template-columns:60px 1fr 15px;gap:7px}.rank-digit{font-size:37px}.feature-entry{padding:17px}.policy-entry{grid-template-columns:30px 1fr}.body-policy{padding:8px 13px}.closing-note{padding:22px 18px}.footer-brand{gap:9px}.footer-brand>span{font-size:10px}.footer-links{gap:18px}.footer-links a{font-size:12px}.search-results{grid-template-columns:1fr 1fr}.search-results a{font-size:12px;padding:9px}}
@media(max-width:345px){.micro-bar{font-size:9px}.brand-logo{max-width:93px}.brand-text{font-size:17px}.menu-trigger{min-width:56px;padding:0 6px}.app-entry{min-width:80px;font-size:11px}.header-inner{width:calc(100% - 22px)}.micro-bar .header-inner{width:calc(100% - 22px)}.site-container{width:calc(100% - 32px)}.four-card{grid-template-columns:102px 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.reading-aside{margin-top:23px;display:flex;align-items:flex-start;gap:25px;background:#E9F2EB;padding:20px 24px;border-radius:12px;border:1px solid var(--border)}.reading-aside>span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.12em;min-width:155px;padding-top:5px}.reading-aside p{font-size:14px;line-height:1.9;color:var(--text)}@media(max-width:760px){.reading-aside{display:block;padding:18px}.reading-aside>span{display:block;margin-bottom:7px}}