:root{--bg:#f4f7fa;--surface:#fff;--text:#1d2730;--muted:#61707c;--navy-1:#17324a;--navy-2:#274761;--border:#d8e1e8;--accent:#1f8aa6;--accent-soft:rgba(31,138,166,.14);--radius:14px;--shadow:0 10px 25px rgba(29,39,48,.06);--wrap:1500px;--pad-x:clamp(12px,1.8vw,22px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe\ UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(circle at top right,rgba(31,138,166,.06),transparent 32%) , linear-gradient(180deg,#f8fbfd 0%,var(--bg) 100%);line-height:1.6}a{color:var(--accent);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}.wrap{max-width:min(var(--wrap),96vw);margin:0 auto;padding:0 var(--pad-x)}.wrap .wrap{max-width:100%;padding-left:0;padding-right:0}header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);position:sticky;top:0;backdrop-filter:blur(8px);z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-link:hover{text-decoration:none}.brand-mark{width:42px;height:42px;flex:0 0 auto}.brand-text{display:grid;gap:2px;min-width:0}.brand-title{font-size:1.08rem;font-weight:700;letter-spacing:.2px;color:var(--navy-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tag{font-size:.92rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}nav a{color:var(--navy-2);font-weight:600;font-size:.95rem;padding:8px 10px;border-radius:10px}nav a:hover,nav a.active{background:var(--accent-soft);color:var(--navy-1);text-decoration:none}.header-rule{height:2px;background:linear-gradient(90deg,var(--accent),transparent 68%)}main.wrap{padding-top:30px;padding-bottom:90px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;align-items:stretch}.hero-card,.card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:30px}.hero-side{padding:24px}.grid{display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:18px}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-12{grid-column:span 12}.card{padding:22px}h1,h2,h3{margin:0 0 10px;line-height:1.24;color:var(--navy-1)}h1{font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.02em}h2{font-size:1.4rem}h3{font-size:1.08rem;color:var(--navy-2)}p{margin:0 0 14px}small,.small{color:var(--muted);font-size:.95rem}.lead{font-size:1.08rem;color:#2b3741}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--navy-2);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.eyebrow::before{content:"";width:9px;height:9px;border-radius:999px;background:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);color:var(--navy-1);font-weight:700;text-decoration:none;background:#f9fbfc}.btn:hover{text-decoration:none}.btn-primary{background:linear-gradient(180deg,#238da8,#1c7890);border-color:#1c7890;color:#fff}.kpi{display:grid;gap:10px}.kpi-item{padding:14px 14px;border-radius:12px;background:#f9fbfd;border:1px solid var(--border)}.kpi-label{color:var(--muted);font-size:.9rem;margin-bottom:5px}.kpi-value{color:var(--navy-1);font-weight:800;font-size:1.08rem}.hr{height:1px;background:var(--border);margin:18px 0}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fbfcfd;color:var(--navy-2);font-weight:600;font-size:.9rem}.badge-dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.list{margin:0;padding-left:18px}.list li{margin:7px 0}.topic-list,.article-list{display:grid;gap:12px}.topic-item,.article-item{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fbfcfd}.topic-item h3,.article-item h3{margin-bottom:6px}.section-intro{max-width:74ch}.callout{border-left:4px solid var(--accent);padding:14px 16px;background:#f7fbfc;border-radius:0 12px 12px 0}.meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.95rem;margin-bottom:16px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.article-body h2{margin-top:26px}.ad-slot{margin:22px 0 24px;border:1px dashed #a8bcc7;background:linear-gradient(180deg,rgba(31,138,166,.06),rgba(31,138,166,.02));border-radius:12px;min-height:116px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.ad-label{font-size:.9rem;font-weight:700;color:var(--navy-2);letter-spacing:.04em;text-transform:uppercase}.sidebar-box{position:sticky;top:96px}table{width:100%;border-collapse:collapse;margin:14px 0 8px;font-size:.97rem}th,td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--border)}th{color:var(--navy-2);font-weight:700;background:#f8fbfc}footer{border-top:2px solid var(--accent);padding:26px 0 40px;color:var(--muted);background:transparent}.footer-inner{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{color:var(--navy-2)}.footer-links a:hover{color:var(--navy-1)}@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.article-layout{grid-template-columns:minmax(0,1fr)}.sidebar-box{position:static}}@media (max-width:980px){.header-inner{padding:16px 0}nav{gap:8px}nav a{padding:7px 10px}}@media (max-width:820px){.header-inner{align-items:flex-start}nav{justify-content:flex-start}.grid{grid-template-columns:minmax(0,1fr)}.col-8,.col-7,.col-6,.col-5,.col-4,.col-12{grid-column:auto}.brand-title,.brand-tag{white-space:normal;overflow:visible;text-overflow:clip}.hero-card,.hero-side,.card{padding:20px}}