:root{--red:#ef1f27;--red-dark:#ca171e;--ink:#071f29;--muted:#6f7378;--line:#e8ecee;--soft:#fff7f7;--container:1180px}
.article-page{padding:72px 20px 90px;background:#fff}
.article-wrap{max-width:920px;margin:0 auto}
.article-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:26px;font-size:13px;color:var(--muted)}
.article-breadcrumb a{color:var(--muted);text-decoration:none}.article-breadcrumb a:hover{color:var(--red)}
.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.article-category{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:3px;background:var(--red);color:#fff;font-size:12px;font-weight:700}.article-date{color:var(--muted);font-size:14px}
.article-page h1{margin:0 0 18px;font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-1.4px;color:#050505}.article-lead{margin:0 0 34px;font-size:18px;line-height:1.75;color:#5f6368;max-width:800px}
.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:18px;margin:0 0 44px;box-shadow:0 20px 45px rgba(7,31,41,.08)}
.article-content{max-width:780px;margin:0 auto;color:#3f474c;font-size:16px;line-height:1.82}.article-content h2{margin:42px 0 13px;font-size:28px;line-height:1.2;color:#071f29}.article-content p{margin:0 0 19px}.article-content ul{margin:12px 0 24px;padding-left:22px}.article-content li{margin:7px 0}.article-callout{margin:34px 0;padding:24px 26px;border-left:5px solid var(--red);border-radius:14px;background:rgba(239,31,39,.07);color:#073b46;font-weight:700;line-height:1.65}
.article-cta{margin:48px auto 0;max-width:780px;padding:30px;border-radius:20px;background:#071f29;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.article-cta h3{margin:0 0 7px;font-size:24px;color:#fff}.article-cta p{margin:0;color:#d7dfe2;line-height:1.6}.article-cta a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;background:var(--red);color:#fff;text-decoration:none;font-weight:800}.article-cta a:hover{background:var(--red-dark)}
.article-nav{max-width:780px;margin:28px auto 0;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-nav a{display:block;padding:18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:#071f29;transition:.2s}.article-nav a:hover{border-color:var(--red);color:var(--red)}.article-nav small{display:block;margin-bottom:6px;color:#888}.article-nav .next{text-align:right}
@media(max-width:767px){.article-page{padding:45px 16px 65px}.article-page h1{font-size:36px}.article-lead{font-size:16px}.article-cover{border-radius:12px;margin-bottom:30px}.article-content h2{font-size:24px}.article-cta{padding:24px;display:block}.article-cta a{margin-top:18px;width:100%}.article-nav{grid-template-columns:1fr}.article-nav .next{text-align:left}}