*{box-sizing:border-box}:root{--navy:#0b3b6f;--blue:#07538f;--orange:#ff6b00;--text:#102650;--muted:#77869b;--border:#e0e7ef}
body{margin:0;background:#f6f9fc;color:var(--text);font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 20px}
.topbar{background:var(--navy);color:#fff;padding:9px 0;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;gap:20px}.topbar a{color:#fff}.topbar b{opacity:.5;margin:0 7px}
.header{background:#fff;border-bottom:1px solid #e5ebf1}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.logo img{width:125px;display:block}.header nav{display:flex;gap:23px}.header nav a{font-size:12px;font-weight:600}.header nav a:hover,.header nav a.active{color:var(--orange)}.cart{width:44px;height:44px;border-radius:10px;background:#f1f5fa;display:flex;align-items:center;justify-content:center;position:relative;font-size:18px}.cart span{position:absolute;top:-5px;right:-5px;width:19px;height:19px;background:var(--orange);border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.article-hero{background:linear-gradient(125deg,#0b3b6f,#07538f);color:#fff;padding:43px 0 50px}.back{display:inline-block;font-size:12px;opacity:.85;margin-bottom:25px}.back:hover{color:#fff}.meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.meta span{background:var(--orange);padding:6px 9px;border-radius:5px;font-size:12px;font-weight:700}.meta time{font-size:12px;opacity:.7}.article-hero h1{max-width:850px;font-size:36px;line-height:1.25;margin:0 0 13px}.article-hero p{max-width:800px;font-size:12px;line-height:1.8;opacity:.88;margin:0}
.main{padding-top:35px;padding-bottom:60px}.article-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 330px;gap:25px}.article-card{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(16,38,80,.05)}.cover{width:100%;height:390px;object-fit:cover;display:block}.article-content{padding:32px 36px}.lead{font-size:14px!important;line-height:1.9!important;color:#4e5f77!important;margin-top:0!important}.article-content section{border-top:1px solid #edf1f5;padding-top:23px;margin-top:23px}.article-content h2{font-size:19px;margin:0 0 9px}.article-content p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}
.article-note{margin-top:30px;padding:18px;background:#f1f7fc;border-radius:10px;border-left:4px solid var(--orange)}.article-note strong{display:block;font-size:12px}.article-note span{display:block;font-size:12px;color:var(--muted);margin:4px 0 9px}.article-note a{font-size:12px;color:var(--blue);font-weight:700}
aside{display:grid;align-content:start;gap:17px}.side-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px;box-shadow:0 8px 25px rgba(16,38,80,.04)}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--orange);font-weight:700}.side-card h3{font-size:17px;margin:7px 0 8px}.side-card p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 16px}.orange-btn,.outline-btn{display:block;text-align:center;padding:11px;border-radius:8px;font-size:12px;font-weight:700}.orange-btn{background:var(--orange);color:#fff}.outline-btn{border:1px solid #d5dfe9;color:var(--blue)}.contact a{display:block;border-top:1px solid #edf1f5;padding:11px 0;font-size:12px}.contact a:first-of-type{margin-top:12px}
.article-bottom{display:flex;justify-content:space-between;margin-top:25px}.article-bottom a{font-size:12px;color:var(--blue);font-weight:700}.article-bottom a:last-child{color:var(--orange)}
footer{background:#0b2545;color:#fff;padding:35px 0 0}.footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-bottom:28px}.footer-inner img{width:105px;background:#fff;border-radius:4px}.footer-inner p{font-size:12px;opacity:.65}.links{display:flex;flex-direction:column;gap:8px}.links a,.footer-inner>div:last-child a{font-size:12px;opacity:.75}.footer-inner>div:last-child strong{display:block;font-size:12px;margin-bottom:4px}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:13px;padding-bottom:13px;font-size:12px;opacity:.6}
@media(max-width:900px){.header nav{display:none}.article-layout{grid-template-columns:1fr}.cover{height:330px}aside{grid-template-columns:1fr 1fr}.article-hero h1{font-size:31px}}
@media(max-width:600px){.topbar-inner{flex-direction:column;gap:4px}.header-inner{height:68px}.logo img{width:108px}.article-hero{padding:32px 0 38px}.article-hero h1{font-size:27px}.main{padding-top:18px}.cover{height:230px}.article-content{padding:23px}.article-content h2{font-size:17px}.article-content p{font-size:12px}.article-bottom{flex-direction:column;gap:12px}aside{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}