*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5faf7;color:#334A50;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#075b56}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e5a476;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:contain}.container{width:min(1240px,calc(100% - 40px));margin:auto}.main-header{background:#fff;border-bottom:1px solid #dce9e4;position:sticky;top:0;z-index:20}.header-inner{height:74px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#0b554c}.brand strong{font-size:27px}.brand span{font-size:12px;color:#566d69}.logo{height:35px;width:auto;max-width:145px}.nav-main{display:flex;gap:21px;align-items:center;margin-left:auto;white-space:nowrap;font-size:14px;font-weight:700}.header-actions{display:flex;gap:5px}.header-actions button{background:#edf6f2;border:0;border-radius:10px;min-width:44px;height:44px;font-size:24px;color:#0b554c}.channel-track{background:#e7f3ec;border-bottom:1px solid #d7e8e1}.track-inner{display:flex;gap:28px;align-items:center;overflow-x:auto;white-space:nowrap;height:45px;font-size:14px}.track-inner span{font-weight:700;color:#075b56}.site-main{padding-top:25px;padding-bottom:80px;min-height:60vh}h1,h2,h3{color:#142c2b;line-height:1.35;margin:0 0 14px}h1{font-size:clamp(29px,3.2vw,40px)}h2{font-size:clamp(22px,2.2vw,28px)}h3{font-size:19px}p{margin:0 0 16px}.eyebrow{color:#0f766e;font-weight:800;letter-spacing:.09em;font-size:13px}.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:center;margin-bottom:48px}.hero-intro p{max-width:650px}.media-fallback{min-height:190px;background:linear-gradient(130deg,#0d5150,#277f73 55%,#d9ede2);display:flex;align-items:end;padding:24px;color:#fff;border-radius:15px;font-weight:800;font-size:20px}.media-fallback span{max-width:90%}.hero .media-fallback{min-height:310px}.hero-image{max-height:400px;width:100%;object-fit:contain}.button-link{display:inline-block;background:#0f766e;color:white!important;padding:11px 21px;border-radius:10px;font-weight:700;margin:8px 10px 0 0}.button-link.secondary{background:#e7f3ec;color:#075b56!important}.section{margin:58px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:22px;border-bottom:1px solid #d5e6e0;padding-bottom:10px}.section-head a,.text-link{color:#0f766e;font-weight:750}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile,.story,.reading-note,.paper{border:1px solid #dce9e4;background:#fff;border-radius:14px;padding:24px}.tile{border-top:4px solid #44c7b1}.tile p,.story p{color:#566d69}.story h3 a:hover{text-decoration:underline}.story p{font-size:15px}.story.featured{background:#e7f3ec}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center}.media-panel{max-width:100%;max-height:360px;margin:auto}.paper{background:#e7f3ec}.paper h2,.paper h3{color:#142c2b}.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.numbered{list-style:none;margin:0;padding:0;counter-reset:step}.numbered li{padding:12px 0;border-bottom:1px solid #dce9e4;counter-increment:step}.numbered li:before{content:counter(step,decimal-leading-zero);display:inline-block;color:#0f766e;font-weight:900;width:48px}.breadcrumbs{font-size:13px;color:#566d69;margin:2px 0 18px}.breadcrumbs span{margin:0 10px}.page-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:24px 0 32px;border-bottom:1px solid #dce9e4}.page-intro p{max-width:750px}.intro-image{max-height:280px;width:100%;object-fit:contain}.page-intro .media-fallback{min-height:210px}.long-copy{max-width:850px;margin:30px auto;color:#334A50}.long-copy h2{margin:32px 0 13px}.long-copy p{font-size:16px;line-height:1.85}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(215px,1fr);gap:45px;align-items:start}.article-body{background:white;border-radius:16px;padding:32px;border:1px solid #dce9e4}.article-body p{font-size:17px;line-height:1.88}.article-side{padding:22px;background:#e7f3ec;border-radius:13px}.article-side a{display:block;padding:12px 0;border-bottom:1px solid #cbded6}.tag{display:inline-block;background:#e7f3ec;color:#075b56;padding:4px 11px;border-radius:8px;margin:5px 8px 0 0;font-size:13px}.search-form{padding:25px;display:grid;gap:12px}.search-form input{width:100%;border:1px solid #a8c6b9;border-radius:9px;padding:12px 14px}.search-form button{border:0;background:#0f766e;color:white;padding:12px;border-radius:9px}.faq-list details{padding:18px 20px;background:white;margin:12px 0;border-radius:12px;border:1px solid #dce9e4}.faq-list summary{cursor:pointer;font-weight:750;color:#142c2b}.faq-list p{margin-top:12px}.site-footer{background:#091f20;color:#d8eae5;border-top:4px solid #0f766e;padding:50px 0 95px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:26px}.site-footer h3{font-size:16px;color:white}.site-footer a{display:block;font-size:14px;margin:6px 0}.site-footer a:hover{color:#44c7b1}.footer-name{font-weight:900;color:#fff;font-size:24px}.footer-name small{display:block;font-size:12px;letter-spacing:.1em}.footer-last{border-top:1px solid #35504d;margin-top:27px;padding-top:20px;font-size:13px;color:#bbd0c9}.overlay{position:fixed;inset:0;background:#041916a3;z-index:30}.overlay[hidden]{display:none}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,88vw);background:white;z-index:31;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;overflow-y:auto}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dce9e4;position:sticky;top:0;background:white;z-index:2}.drawer-top button{border:0;background:#e7f3ec;border-radius:9px;font-size:25px;width:44px;height:44px}.drawer-content{padding:10px 22px 26px}.drawer-content h3{margin-top:22px;color:#0f766e}.drawer-content a{display:block;border-bottom:1px solid #e7f3ec;padding:9px 2px}.mobile-tabs{display:none}.topic-row{display:flex;gap:18px;align-items:center;border-bottom:1px solid #d9e7df;padding:15px 0}.topic-row span{color:#0f766e;font-weight:900;font-size:23px}.topic-row div{flex:1}.muted{color:#566d69}.source-note{background:#e7f3ec;padding:14px 18px;border-radius:10px;font-size:14px}.page-links{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.page-links a{border:1px solid #afd6cb;padding:8px 13px;border-radius:8px}.mini-list{display:grid;gap:12px}.mini-list a{padding:12px 0;border-bottom:1px solid #dce9e4;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice{border-left:4px solid #0f766e;padding:15px 20px;background:#e7f3ec}
@media(max-width:1020px){.brand span,.nav-main{display:none}.header-actions{margin-left:auto}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:span 3}}@media(max-width:720px){.container{width:calc(100% - 32px)}.header-inner{height:60px}.brand strong{font-size:23px}.hero,.page-intro,.feature-grid,.article-layout,.two-col{grid-template-columns:1fr}.hero{gap:15px}.hero .media-fallback{min-height:190px}.hero-image{max-height:290px}.tiles,.story-grid,.paper-grid{grid-template-columns:1fr}.section{margin:34px 0}.page-intro{padding-top:8px}.article-body{padding:20px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:span 2}.site-main{padding-bottom:85px}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #d4e6de;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs a,.mobile-tabs button{text-align:center;padding:13px 4px;background:none;border:0;color:#0b554c;font-weight:750;min-height:55px}.site-footer{padding-bottom:120px}.media-fallback{min-height:150px}.track-inner{gap:20px}.brand span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* 2026 culture edition: lighter editorial rhythm */
.hero{border-radius:20px;background:linear-gradient(130deg,#e6eff0,#fff8ea);padding:clamp(18px,3vw,38px)}.hero-intro h2{letter-spacing:.02em}.story{border-left:3px solid #76adac}.section-head{border-bottom:1px solid rgba(19,83,94,.16);padding-bottom:12px}.eyebrow{letter-spacing:.11em}.tile:hover{transform:translateY(-2px)}@media(max-width:640px){.hero{padding:16px}.section{margin-top:36px}}

/* Fresh topics 2026 visual system */
:root{--fresh:#176e64;--sand:#fbf6ed}body{background:#f8faf6}.hero{background:linear-gradient(135deg,#e5f4ea,#fcf7ec 72%);border:1px solid #c7e3d5}.section-head h2{letter-spacing:.015em}.tile{background:linear-gradient(150deg,#fff,#edf6f0)}.topic-row{border-bottom:1px solid #dbe8e3}.paper{background:#edf4ec}.eyebrow{color:#176e64}.button-link{border-radius:10px}