:root{--ink:#0D1931;--cinema:#102B53;--nav:#153968;--brand:#2466C1;--button:#245CB2;--yellow:#F6C946;--yellowlight:#FFE69A;--ice:#E9F2FF;--paper:#F6F9FD;--white:#fff;--cream:#FFF7DF;--title:#15273F;--body:#3D5167;--coral:#D98B77;--teal:#53A9AD;--purple:#948ACC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font:16px/1.78 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.shell{max-width:1250px;padding:0 30px;margin:auto}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:100}.skip:focus{top:10px}.topline{background:var(--cinema);color:#e0edff;font-size:12px}.tiny-flex{min-height:29px;display:flex;justify-content:space-between;align-items:center;gap:10px}.topline a:hover{text-decoration:underline}.mast{background:white;border-bottom:1px solid #e4ebf5;position:relative;z-index:20}.mast-inner{min-height:72px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:24px;line-height:1.05;font-weight:850;white-space:nowrap}.brand-em{color:var(--brand)}.brand small{display:block;margin-top:6px;letter-spacing:1.3px;font-size:9px;color:#64748b}.brand-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:var(--yellow);color:var(--ink)}.logo{max-width:170px;max-height:50px;object-fit:contain}.main-nav{display:flex;gap:23px;align-items:center;color:#1d3454;font-size:14px;font-weight:700}.main-nav a:hover,.topic-links a:hover{color:var(--brand)}.nav-actions{display:flex;gap:10px;align-items:center}.search-link{color:var(--brand);font-weight:700;font-size:14px}button,.button{cursor:pointer;border:0;border-radius:10px;background:var(--button);color:white;padding:11px 18px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;min-height:44px}button:hover,.button:hover{filter:brightness(1.09)}.topic-bar{background:var(--ice)}.topic-links{display:flex;gap:29px;align-items:center;overflow:auto;white-space:nowrap;min-height:43px;font-size:13px;font-weight:700;color:#294c78;scrollbar-width:thin}.overlay{position:fixed;inset:0;background:#06172ba8;z-index:50}.overlay[hidden]{display:none}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(420px,92vw);background:white;z-index:51;transform:translateX(110%);transition:transform .24s;box-shadow:-12px 0 50px #0002;display:flex;flex-direction:column}.drawer.is-open{transform:none}.drawer-head{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4f0}.drawer-head button{background:var(--ink)}.drawer-links{overflow:auto;padding:15px 22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-links a{background:var(--paper);padding:11px 10px;border-radius:9px;font-size:14px}.menu-open{overflow:hidden}.hero{background:linear-gradient(120deg,#0d1931,#102b53 66%,#1b4a83);color:#e7f1ff}.hero-grid{min-height:386px;display:grid;grid-template-columns:44% 56%;align-items:center;gap:0}.hero-grid>div:first-child{padding:35px 25px 35px 0}.eyebrow{color:var(--brand);font-weight:850;letter-spacing:1.8px;font-size:12px}.hero .eyebrow{color:var(--yellow)}h1,h2,h3{color:var(--title);line-height:1.26}h1{font-size:38px;margin:17px 0}h2{font-size:26px;margin:0 0 13px}h3{font-size:18px}.hero h1{color:white;letter-spacing:.5px;line-height:1.26}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{color:#dae8fa;max-width:470px;line-height:1.84}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.button.yellow{background:var(--yellow);color:var(--ink)}.button.ghost{background:transparent;border:1px solid #91b6ed;color:white}.hero-note{font-size:13px;color:#b5c9e6;margin-top:25px}.hero-art{height:345px;display:grid;place-items:center;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:contain}.image-fallback{width:100%;min-height:205px;background:linear-gradient(135deg,#cde4fa,#e9f2ff 60%,#fff1b9);border:1px solid #d4e4f7;display:flex;align-items:center;justify-content:center;padding:26px;text-align:center;font-weight:800;color:#2b4a73;line-height:1.5}.hero-art .image-fallback{height:100%;background:radial-gradient(circle at 65% 35%,#3f79b8,#183b67 53%,#102545 86%);border:1px solid #5278a1;color:#ffdf71;font-size:32px}.cover{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.channel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 48px}.channel-row a{padding:25px;border-radius:15px;background:white;border:1px solid #e5ebf4;box-shadow:0 7px 24px #152f4b08}.channel-row a:nth-child(2){background:var(--cream)}.channel-row a:nth-child(3){background:var(--ice)}.channel-row span{font-size:11px;color:#426b98;letter-spacing:1px}.channel-row h2{font-size:23px;margin:10px 0}.channel-row p{margin:0;font-size:14px}.home-block{padding:47px 0 55px;border-top:1px solid #dce6f2}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section-heading p{margin:0;font-size:14px}.section-heading>a{font-size:14px;font-weight:800;color:var(--brand)}.home-editorial{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:stretch}.home-visual{display:block;border-radius:15px;overflow:hidden;background:#dcebf9;min-height:230px}.home-visual .image-fallback{height:100%;min-height:250px;font-size:23px}.home-visual img{width:100%;height:310px;object-fit:contain}.home-stories{display:flex;flex-direction:column;justify-content:space-between;gap:9px}.home-stories a{display:block;padding:12px 18px;background:white;border-left:3px solid var(--brand);border-radius:0 9px 9px 0}.home-stories span{font-size:12px;color:#466c92}.home-stories h3{margin:4px 0;font-size:17px}.home-stories p{font-size:13px;margin:0;line-height:1.55}.home-block-1 .home-editorial{grid-template-columns:.85fr 1.15fr}.home-block-1 .home-visual{order:2;background:var(--cream)}.home-block-1 .home-stories a{border-color:var(--coral)}.home-block-2 .home-editorial{grid-template-columns:1.3fr 1fr}.home-block-2 .home-visual{background:var(--ice)}.home-block-2 .home-stories a{border-color:var(--teal)}.section-page{padding-top:47px;padding-bottom:60px}.section-intro{max-width:760px;margin-bottom:32px}.section-intro h1{font-size:37px}.section-intro p{font-size:17px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:white;border-radius:16px;padding:20px;border:1px solid #e6edf6}.feature-media .image-fallback{min-height:290px;font-size:26px}.feature-media img{max-height:320px;object-fit:contain}.feature-copy p{max-width:510px}.text-action{color:var(--brand);font-weight:800}.section-block{margin-top:55px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{overflow:hidden;background:white;border-radius:14px;border:1px solid #e5ecf5}.work-card>a{display:block}.work-card .image-fallback{min-height:180px}.work-card img{height:210px;object-fit:contain}.card-body{padding:15px 19px 21px}.pill{display:inline-block;background:var(--cream);color:#674b11;font-size:12px;font-weight:800;border-radius:6px;padding:4px 9px}.card-body h3{margin:9px 0}.card-body p{font-size:14px;margin:0}.soft-section{padding:30px;border-radius:15px;background:var(--ice)}.reading-list{display:grid;gap:10px}.reading-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;background:white;border:1px solid #e2ebf5;border-radius:10px}.reading-list a strong{color:var(--title)}.reading-list a span{font-size:13px;color:var(--body)}.detail-layout{padding-top:25px;padding-bottom:65px}.crumb{font-size:13px;color:#526b88;margin-bottom:22px}.detail-hero{display:grid;grid-template-columns:46% 1fr;gap:32px;align-items:center;background:white;border-radius:18px;padding:22px}.detail-hero .image-fallback{height:300px;font-size:25px}.detail-hero img{max-height:330px;object-fit:contain}.detail-hero h1{font-size:34px}.lead{font-size:18px;color:#2e4b67}.detail-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:50px;margin-top:45px}.detail-main article{max-width:800px}.detail-main article>p{font-size:17px;line-height:1.84}.detail-main h2{margin:30px 0 18px}.episode-list{display:grid;gap:10px}.episode-list a{background:white;border-radius:9px;border:1px solid #e2ebf4;padding:15px 18px;display:flex;justify-content:space-between;gap:14px}.episode-list span{color:#647b90;font-size:13px}.aside-info{align-self:start;background:var(--cream);padding:21px;border-radius:13px}.aside-info a{color:var(--brand)}.article-panel{padding-top:55px;padding-bottom:70px;max-width:900px}.article-panel h1{font-size:38px}.prose{max-width:750px;font-size:17px;line-height:1.85;margin:42px 0}.prose h2{margin-top:35px}.player{display:block;width:100%;max-height:70vh;background:black;border-radius:12px}.video-unavailable{background:var(--cinema);color:white;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;border-radius:14px}.video-unavailable strong{font-size:24px}.video-unavailable p{color:#e2edfc;max-width:550px}.search-form{background:white;border:1px solid #e4eaf5;border-radius:13px;padding:22px;margin-bottom:30px}.search-form label{display:block;font-weight:700;margin-bottom:8px}.search-form>div{display:flex;gap:8px}.search-form input{width:100%;min-width:0;border:1px solid #9fb0c4;border-radius:9px;padding:10px 14px}.pagination{display:flex;gap:10px;margin-top:25px}.pagination a{background:white;border:1px solid #d1ddec;min-width:40px;text-align:center;border-radius:8px;padding:6px}.pagination a[aria-current]{background:var(--brand);color:white}.footer{background:var(--ink);color:#dce9fa;padding-top:48px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer strong{font-size:22px;color:#fff}.footer-yellow{color:var(--yellow);font-size:13px}.footer h3{color:white;font-size:15px}.footer a{display:block;font-size:13px;margin:9px 0}.footer p{max-width:340px;font-size:14px}.copyright{font-size:12px;color:#a9bfda;padding-top:20px;padding-bottom:23px;margin-top:35px;border-top:1px solid #31445f}.mobile-bottom{display:none}@media(max-width:1000px){.main-nav{display:none}.shell{padding-left:22px;padding-right:22px}.hero-grid{grid-template-columns:47% 53%}.hero h1{font-size:33px}.footer-grid{gap:24px}}@media(max-width:700px){.shell{padding-left:17px;padding-right:17px}.topline{font-size:10px}.mast-inner{min-height:65px}.brand{font-size:19px}.brand-icon{width:36px;height:36px}.brand small{font-size:7px}.search-link{display:none}.nav-actions button{font-size:12px;padding:9px}.topic-links{gap:20px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-grid>div:first-child{padding:34px 0 5px}.hero h1{font-size:30px}.hero-art{height:180px}.hero-art .image-fallback{font-size:22px}.channel-row{grid-template-columns:1fr;gap:10px;margin:22px 0 30px}.channel-row a{padding:17px}.channel-row h2{font-size:20px}.home-block{padding:30px 0 35px}.section-heading{align-items:start}.section-heading h2{font-size:22px}.home-editorial,.home-block-1 .home-editorial,.home-block-2 .home-editorial{grid-template-columns:1fr;gap:10px}.home-block-1 .home-visual{order:0}.home-visual,.home-visual .image-fallback{min-height:190px}.home-visual img{height:230px}.home-stories{gap:8px}.section-page{padding-top:30px}.section-intro h1,.article-panel h1{font-size:29px}.feature-split,.detail-hero,.detail-main{grid-template-columns:1fr}.feature-split{gap:16px;padding:13px}.feature-media .image-fallback{min-height:195px}.feature-copy{padding:8px}.card-grid{grid-template-columns:1fr}.soft-section{padding:17px}.reading-list a{flex-direction:column;align-items:flex-start;gap:5px}.detail-hero h1{font-size:28px}.detail-main{gap:18px;margin-top:25px}.episode-list a{flex-direction:column;gap:4px}.footer{padding-bottom:67px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:white;border-top:1px solid #d5e2f3;justify-content:space-around;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom a{flex:1;text-align:center;font-size:13px;color:var(--nav);font-weight:800;padding:5px}.drawer-links{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer{transition:none}}