:root{--ink:#080E19;--night:#0E1727;--nav:#121F32;--nav-card:#1A2B40;--ocean:#173555;--brand-blue:#215CB0;--button-blue:#1A519F;--bright-blue:#4A9AE6;--ice:#73CEE6;--paper:#F4F7FB;--paper-blue:#E8F1FA;--warm-white:#FBF9F5;--card:#FFFFFF;--dark-title:#172C41;--dark-body:#344B60;--night-title:#FAFCFF;--night-body:#DAE5EF;--coral:#E18B79;--mint:#6DBCB1;--amber:#E6B46F;--lilac:#AB9CDB}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--dark-body);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-blue)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ice);outline-offset:3px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.container{width:min(100% - 64px,1240px);margin-inline:auto}.skip-link{position:absolute;z-index:99;background:white;padding:12px;top:-80px}.skip-link:focus{top:4px}.topline{height:32px;background:var(--ink);color:#C9D9E9;font-size:12px}.top-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.top-inner span:last-child{display:flex;gap:18px}.site-header{background:var(--nav);color:var(--night-title);position:relative;z-index:10}.head-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:24px;font-weight:850;color:#fff;letter-spacing:.5px}.brand-logo{max-width:104px;max-height:38px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);height:100%}.main-nav a{height:100%;display:flex;align-items:center;position:relative;color:#D8E6F3;font-weight:600;font-size:14px}.main-nav a.active::after,.main-nav a:hover::after{content:"";height:3px;background:var(--ice);position:absolute;bottom:0;left:0;right:0}.head-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.search-quick{font-size:14px;color:#fff}.menu-toggle{background:var(--ocean);color:#fff;border:1px solid #4A6582;border-radius:9px;min-height:44px;padding:0 14px}.drawer-overlay{position:fixed;inset:0;background:rgba(1,7,16,.63);z-index:19}.drawer{position:fixed;z-index:20;right:0;top:0;width:min(440px,88vw);height:100dvh;background:#122238;color:#E9F2FB;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform .23s ease,visibility .23s;display:flex;flex-direction:column}.drawer.open{visibility:visible;pointer-events:auto;transform:translateX(0)}body.menu-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #33485E}.drawer-head strong{font-size:20px}.drawer-head button{height:44px;width:44px;background:#253C56;color:#fff;font-size:28px;border:0;border-radius:10px}.drawer-content{overflow-y:auto;padding:18px 24px}.drawer-content section{padding:4px 0 16px;border-bottom:1px solid #33485E}.drawer-content h2{font-size:16px;color:var(--ice)}.drawer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.drawer-links a{display:block;padding:8px;border-radius:6px;font-size:14px}.drawer-links a:hover{background:#263E58;color:white}.home-shell{background:linear-gradient(135deg,#09121f,#163354);color:#fff}.hero{display:grid;grid-template-columns:44% 56%;min-height:360px;align-items:center;padding-block:32px}.hero-copy{padding:10px 30px 12px 0;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:800;color:var(--brand-blue);text-transform:uppercase}.hero .eyebrow{color:var(--ice)}.hero h1{font-size:clamp(30px,3.25vw,39px);line-height:1.23;letter-spacing:-.03em;color:#fff;margin:12px 0 18px}.hero p{font-size:16px;line-height:1.85;color:var(--night-body);max-width:510px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;background:var(--button-blue);color:white;border-radius:9px;font-weight:700;border:1px solid transparent}.button:hover{background:#113D7C;color:white}.button-light{background:#6FC9E4;color:#091C30}.button-light:hover{background:#a6e0ed;color:#091C30}.button-outline{background:transparent;border-color:#9FB8D0;color:white}.button-outline:hover{background:#263E59}.hero-media{height:310px;background:linear-gradient(140deg,#264362,#172D47);border:1px solid #3C536D;border-radius:14px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:contain}.topic-strip{display:flex;gap:10px;overflow-x:auto;padding-block:16px;scrollbar-width:thin}.topic-strip a{flex:0 0 auto;background:white;border:1px solid #D9E5F1;border-radius:8px;padding:8px 13px;color:#163A5D;font-size:14px;font-weight:700}.topic-strip span{color:#557B9D}.front-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start;margin-top:15px}.editor-sidebar{position:sticky;top:18px;background:#E7EFF8;border:1px solid #D9E5F1;border-radius:10px;padding:15px}.editor-sidebar h2{font-size:16px;margin:0 0 12px;color:#223D59}.editor-sidebar a{display:block;padding:7px 8px;border-radius:6px;font-size:14px;font-weight:650}.editor-sidebar a:hover{background:#D3E5F4}.front-content{min-width:0}.content-section,.brief-section{margin-bottom:48px}.section-heading{margin-bottom:19px}.section-heading h2{font-size:clamp(21px,2.2vw,27px);color:var(--dark-title);line-height:1.33;margin:4px 0 4px}.section-heading p{margin:0;font-size:14px;color:#556A7C}.brief-list{background:white;border:1px solid #DBE4EE;border-radius:12px;padding:5px 18px}.brief-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #E6EDF4;font-size:15px}.brief-list a:last-child{border-bottom:0}.brief-list a span:last-child{font-size:12px;color:#61778B}.brief-no{color:#5684AD;font-size:17px;font-weight:800}.mini-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-channels a{background:#E8F1FA;padding:17px;border-radius:10px;border:1px solid #D5E5F2;min-width:0}.mini-channels strong,.mini-channels small{display:block}.mini-channels strong{color:var(--dark-title);font-size:16px}.mini-channels small{color:#526981;font-size:13px;margin-top:8px;line-height:1.6}.pair-section{padding:24px;border-radius:14px;background:white;border:1px solid #DFE7F0}.pair-pale{background:var(--paper-blue)}.pair-dark{background:var(--night)}.pair-dark .section-heading h2,.pair-dark .feature-body h3 a{color:#fff}.pair-dark .section-heading p,.pair-dark .feature-body p{color:#DCE6F0}.pair-dark .feature-card{background:#1A2B40;border-color:#39546C}.pair-dark .eyebrow{color:var(--ice)}.pair-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.feature-card{min-width:0;background:white;border:1px solid #DCE6F0;border-radius:11px;overflow:hidden}.feature-media{display:block;height:190px;background:linear-gradient(145deg,#1D3551,#365D79);overflow:hidden}.feature-media img{height:100%;width:100%;object-fit:contain}.media-fallback{height:100%;min-height:100px;background:linear-gradient(135deg,#1D3551,#284C71 50%,#10273F)}.feature-body{padding:18px}.feature-body h3{font-size:19px;line-height:1.35;color:#192F48;margin:5px 0}.feature-body p{font-size:14px;line-height:1.7;margin:6px 0 12px}.text-link{color:#2361A9;font-weight:750;font-size:14px}.pair-dark .text-link{color:#8FDAF1}.reading-tools{display:grid;grid-template-columns:45% 1fr;gap:25px;align-items:center;padding:20px;background:white;border-radius:12px}.media-block{height:210px;background:#18324D;border-radius:10px;overflow:hidden}.media-block img{width:100%;height:100%;object-fit:contain}.reading-tools h3{font-size:22px;color:#1B314B}.service-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-tiles a{padding:18px;background:#E5EFF9;border-radius:11px;font-weight:700;color:#1D3B5B}.service-tiles span{font-size:12px;display:block;color:#4F6A83;font-weight:400;margin-top:8px}.page-head{background:linear-gradient(110deg,#0D1A2A,#1A3C60);padding:35px 0 39px;color:white}.page-head .eyebrow{color:var(--ice)}.page-head h1{font-size:clamp(27px,3vw,38px);line-height:1.3;margin:7px 0 12px}.page-head p{color:#DEEAF5;max-width:770px;margin:0}.page-main{padding-block:34px 70px}.channel-hero{display:grid;grid-template-columns:1fr 45%;gap:32px;align-items:center;background:white;border:1px solid #E0E8F0;padding:26px;border-radius:12px}.channel-hero h2{font-size:24px;color:var(--dark-title)}.channel-hero .media-block{height:235px}.channel-hero p{line-height:1.8}.channel-hero .button{margin-top:10px}.page-main .content-section{margin-top:44px}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{background:white;border:1px solid #DCE5EE;border-radius:12px;padding:19px;min-width:0}.article-card h3{font-size:18px;line-height:1.45;margin:8px 0;color:#172F49}.article-card p{font-size:14px;color:#50667A;line-height:1.75}.channel-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.channel-panels article{border-top:3px solid #3A77B9;padding:22px;background:#E5F0F9;border-radius:0 0 10px 10px}.channel-panels h2{font-size:19px;color:#223D58}.channel-panels p{font-size:14px}.article-layout{padding-block:25px 70px}.breadcrumbs{font-size:13px;color:#59708A;margin-bottom:20px}.reading-article{max-width:770px;margin:auto;background:#fff;border-radius:12px;padding:clamp(22px,4vw,46px);border:1px solid #E0E8F0}.reading-article h1{font-size:clamp(27px,3vw,36px);line-height:1.4;color:#14283D}.lead{font-size:17px;color:#425B73}.article-metadata{font-size:13px;color:#557187;padding:13px 0;border-top:1px solid #E2E9F1;border-bottom:1px solid #E2E9F1;margin:22px 0}.article-prose{font-size:17px;line-height:1.85;color:#334A60}.article-prose p{margin:0 0 1.3em}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tag{border-radius:6px;background:#E8F1FA;padding:4px 9px;font-size:12px}.search-form{background:white;padding:22px;border-radius:12px;border:1px solid #DDE5EF;max-width:800px}.search-form label{display:block;font-weight:700;margin-bottom:9px}.search-form>div{display:flex;gap:10px}.search-form input{min-width:0;flex:1;min-height:46px;border-radius:8px;border:1px solid #9EB2C5;padding:10px}.result-count{margin:25px 0}.empty-note{padding:25px;background:white;border-radius:10px}.pagination{display:flex;gap:8px;margin-top:22px}.pagination a{padding:5px 13px;border:1px solid #CFDEEB;border-radius:6px}.pagination a.active{background:#164E94;color:white}.archive-group{margin-bottom:32px}.archive-group .section-heading{display:flex;justify-content:space-between;align-items:center}.channel-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.channel-index>a{padding:20px;border-radius:12px;background:white;border:1px solid #D9E6F2}.channel-index h2{font-size:20px;color:var(--dark-title)}.channel-index p{font-size:14px}.service-article{max-width:770px;margin:auto;background:white;border-radius:12px;padding:32px;border:1px solid #DCE7F1}.service-article h2{font-size:22px;color:var(--dark-title)}.service-links{display:flex;gap:18px;flex-wrap:wrap;color:#215CB0;font-weight:750}.faq-list{max-width:850px}.faq-list details{background:white;padding:17px 22px;border:1px solid #DCE6EF;border-radius:10px;margin:10px 0}.faq-list summary{font-size:17px;font-weight:700;cursor:pointer;color:#1A3857}.note-form label{display:block;font-weight:700}.note-form textarea{width:100%;min-height:94px;display:block;padding:10px;border-radius:8px;border:1px solid #A9BCCC;margin:10px 0}.saved-note{padding:12px;background:#E8F2FC;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}.site-footer{background:#090F1B;color:#E7EFF7;margin-top:20px;padding:43px 0 18px;border-top:3px solid #477AAB}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.footer-grid h2{font-size:24px;margin:0 0 8px}.footer-grid small{display:block;font-size:11px;color:#B1D5E4;letter-spacing:.1em}.footer-grid h3{font-size:15px;color:#C1E6F3;margin:0 0 14px}.footer-grid a{display:block;color:#C9D7E6;margin:7px 0;font-size:14px}.footer-muted{font-size:13px;color:#B6C6D5}.footer-bottom{margin-top:35px;border-top:1px solid #283C50;padding-top:14px;font-size:12px;color:#AFBDCC}.mobile-bottom{display:none}@media(max-width:1100px){.main-nav{gap:12px}.main-nav a{font-size:13px}.head-inner{gap:14px}.front-layout{grid-template-columns:1fr}.editor-sidebar{display:none}.service-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:calc(100% - 36px)}.topline{height:28px}.top-inner span:last-child a:nth-child(2){display:none}.head-inner{height:62px}.brand strong{font-size:20px}.main-nav{display:none}.hero{grid-template-columns:1fr;padding-block:28px;gap:20px}.hero-copy{padding:0}.hero-media{height:205px}.mini-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-grid,.reading-tools,.channel-hero{grid-template-columns:1fr}.articles-grid,.channel-panels,.channel-index{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-media{height:185px}.site-footer{padding-bottom:80px}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:11;bottom:0;left:0;right:0;background:#11253C;color:white;box-shadow:0 -3px 20px #101D2F33;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:13px 4px;min-height:47px;font-size:13px}.page-main{padding-block:25px 50px}}@media(max-width:480px){.container{width:calc(100% - 32px)}.top-inner span:last-child a:last-child{display:none}.hero h1{font-size:29px}.hero-media{height:170px}.hero p{font-size:15px}.pair-section{padding:17px}.pair-grid,.articles-grid,.channel-panels,.channel-index{grid-template-columns:1fr}.mini-channels a{padding:12px}.feature-media{height:190px}.brief-list a{grid-template-columns:28px 1fr;gap:6px 12px}.brief-list a span:last-child{grid-column:2}.service-tiles{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid>div:first-child{grid-column:1 / -1}.search-form>div{flex-direction:column}.search-form .button{width:100%}.brand-logo{max-width:70px}.head-actions{gap:5px}.menu-toggle{padding:0 9px;font-size:12px}.feature-body h3{font-size:18px}.article-card{padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer{transition:none}}