.article-page{background:#f5f7fb;min-height:70vh;padding:120px 0 72px}.article-shell{max-width:980px}.breadcrumbs{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;font-size:.9rem}.breadcrumbs a{color:var(--color-primary,#10163f);font-weight:600}.article-card{background:#fff;border-radius:24px;box-shadow:0 18px 55px rgba(16,22,63,.10);overflow:hidden}.article-header{padding:clamp(1.5rem,4vw,3.5rem)}.article-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;color:#5f6678;font-size:.9rem}.article-meta span{background:#eaf8f1;color:#087b52;padding:.42rem .72rem;border-radius:999px;font-weight:700}.article-header h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:0;color:#10163f}.article-lead{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7;color:#555d70;margin:1.35rem 0}.article-source{font-size:.9rem;color:#6d7484;margin:0}.article-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eef1f6}.article-body{padding:clamp(1.5rem,4vw,3.5rem);font-size:1.05rem;line-height:1.85;color:#303749}.article-body p{margin:0 0 1.4rem}.article-footer{padding:0 clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,4vw,3.5rem)}.article-error{background:#fff;border-radius:20px;padding:3rem;text-align:center}.article-error h1{color:#10163f}.site-footer .footer-bottom{padding-top:1.5rem;padding-bottom:1.5rem}@media(max-width:768px){.article-page{padding-top:94px}.article-card{border-radius:16px}.article-header h1{font-size:2rem}}

.article-source a { color: inherit; font-weight: 700; }
.article-footer { display: flex; flex-wrap: wrap; gap: 12px; }
.article-related { margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(16, 22, 63, .12); }
.article-related h2 { margin-bottom: 12px; font-size: 1.25rem; }
.article-related ul { display: grid; gap: 10px; padding-left: 20px; }
.article-related a { color: var(--color-primary, #10163f); font-weight: 700; }