.article-shell{background:#fff;color:#1a2b4a}
.article-hero{background:#1a2b4a;color:#fff;padding:52px 0 42px}
.article-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:36px;align-items:center}
.article-kicker{color:#ffb091;font-size:.82rem;font-weight:700;text-transform:uppercase}
.article-hero h1{font-size:3.25rem;line-height:1.08;letter-spacing:0;margin:12px 0 18px;max-width:860px;color:#fff}
.article-lead{font-size:1.1rem;line-height:1.7;color:#dce7f3;max-width:760px}
.article-visual{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.18)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;color:#c9d6e4;font-size:.9rem}
.article-meta strong{color:#fff}
.breadcrumbs{padding:16px 0;font-size:.88rem;color:#68788b}
.breadcrumbs a{color:#397eaa;text-decoration:none}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:48px;align-items:start;padding:30px 0 64px}
.article-content{font-size:1.02rem;line-height:1.75}
.article-content h2{font-size:1.7rem;line-height:1.25;margin:42px 0 14px;letter-spacing:0;color:#14233b}
.article-content h3{font-size:1.2rem;line-height:1.35;margin:28px 0 10px;letter-spacing:0;color:#223854}
.article-content p{margin:0 0 18px}
.article-content ul,.article-content ol{margin:0 0 20px;padding-left:22px}
.article-content li{margin:8px 0}
.article-content a{color:#287dad}
.article-summary,.article-note,.article-warning,.article-method{border-radius:8px;padding:20px 22px;margin:24px 0}
.article-summary{background:#eef7fb;border-left:4px solid #4a9fd4}
.article-note{background:#f5f7fa;border:1px solid #dfe7ee}
.article-warning{background:#fff3ed;border-left:4px solid #ff6b35}
.article-method{background:#f2f7f3;border-left:4px solid #3b8c62}
.article-summary strong,.article-note strong,.article-warning strong,.article-method strong{display:block;margin-bottom:8px}
.article-table-wrap{overflow-x:auto;margin:22px 0}
.article-table{width:100%;border-collapse:collapse;font-size:.95rem}
.article-table th,.article-table td{padding:12px 14px;border:1px solid #dfe7ee;text-align:left;vertical-align:top}
.article-table th{background:#eef3f7;color:#203550}
.article-aside{position:sticky;top:92px;border-left:1px solid #dfe7ee;padding-left:24px}
.article-aside h2{font-size:1rem;margin:0 0 12px;letter-spacing:0}
.article-aside a{display:block;color:#415a73;text-decoration:none;padding:7px 0;font-size:.9rem}
.article-aside a:hover{color:#e8522a}
.article-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:34px 0;padding:22px;background:#1a2b4a;color:#fff;border-radius:8px}
.article-cta p{flex:1 1 360px;margin:0}
.article-cta .btn{border-radius:8px}
.article-related{border-top:1px solid #dfe7ee;margin-top:42px;padding-top:26px}
.article-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}
.article-related a{display:block;border:1px solid #dfe7ee;border-radius:8px;padding:14px;text-decoration:none;color:#1a2b4a;background:#f8fafb}
.article-related a:hover{border-color:#4a9fd4}
@media(max-width:860px){.article-hero__inner{grid-template-columns:1fr}.article-hero h1{font-size:2.1rem}.article-visual{display:none}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.article-hero{padding:38px 0 32px}.article-related ul{grid-template-columns:1fr}}