.article-page{padding:48px 0 72px}
.article-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px 0 38px;border-bottom:1px solid #dce5ef}
.article-hero h1{max-width:760px;margin:8px 0 12px;color:#0b2e59;font-size:clamp(30px,4vw,48px);line-height:1.25}
.article-hero p{max-width:760px;margin:0;color:#5d6e83;font-size:17px;line-height:1.75}
.article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.article-card{display:flex;min-width:0;flex-direction:column;gap:10px;padding:22px;border:1px solid #dce5ef;border-radius:16px;background:#fff;color:#142033;box-shadow:0 5px 18px rgba(22,56,96,.05);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.article-card:hover,.article-card:focus-visible{border-color:#8fb9e8;box-shadow:0 10px 24px rgba(22,56,96,.1);transform:translateY(-2px)}
.article-card h2,.article-card h3{margin:0;color:#0b2e59;font-size:21px;line-height:1.45}
.article-card p{display:-webkit-box;overflow:hidden;margin:0;color:#5d6e83;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#53769b;font-size:13px;line-height:1.5}
.article-card-meta span:first-child{font-weight:800}
.article-read-more{margin-top:auto;color:#0b63ce;font-weight:800}
.article-empty{max-width:680px;margin:34px auto 0;text-align:center}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;color:#6d7d90;font-size:14px}
.article-breadcrumbs a{color:#0b63ce;font-weight:700}
.article-detail{max-width:820px;margin:0 auto}
.article-detail-head{padding:18px 0 26px;border-bottom:1px solid #dce5ef}
.article-detail-head h1{margin:8px 0 12px;color:#0b2e59;font-size:clamp(30px,5vw,52px);line-height:1.28}
.article-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:#6d7d90;font-size:14px}
.article-lead{margin:24px 0 0;color:#3e5874;font-size:19px;line-height:1.8}
.article-content{padding:32px 0;color:#253951;font-size:18px;line-height:2;white-space:pre-line;overflow-wrap:anywhere}
.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px auto 48px;padding:26px 28px;border:1px solid #cfe0ef;border-radius:18px;background:#eef6ff}
.article-cta h2{margin:6px 0 8px;color:#0b2e59;font-size:25px;line-height:1.4}
.article-cta p{margin:0;color:#526980}
.related-articles{padding-top:8px}
.related-articles .section-heading{align-items:center}
.article-grid-related{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.article-grid-related .article-card{padding:18px}
.article-preview-notice{max-width:820px;margin:0 auto 18px}
.admin-articles-page{padding-top:36px}
.admin-articles-page .section-heading{align-items:flex-end}
.admin-article-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:start}
.admin-article-layout>.card{min-width:0}
.admin-article-layout h2{margin-top:0;color:#0b2e59}
.admin-article-publish-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px}
.article-seo-fields{padding:14px 0;border-top:1px solid #dce5ef;border-bottom:1px solid #dce5ef}
.article-seo-fields summary{cursor:pointer;color:#0b63ce;font-weight:800}
.admin-article-list{display:grid;gap:12px}
.admin-article-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e6edf4}
.admin-article-row:last-child{border-bottom:0}
.admin-article-row h3{margin:8px 0 2px;color:#0b2e59;font-size:18px}
.admin-article-row p{margin:2px 0;font-size:13px}
@media (max-width:900px){.article-grid,.article-grid-related{grid-template-columns:repeat(2,minmax(0,1fr))}.article-hero,.article-cta{align-items:flex-start;flex-direction:column}.admin-article-layout{grid-template-columns:1fr}}
@media (max-width:760px){.article-page{padding:28px 0 48px}.article-hero{padding:18px 0 26px;gap:20px}.article-hero h1{font-size:32px}.article-hero p{font-size:16px}.article-actions{width:100%}.article-actions .btn{flex:1 1 180px}.article-grid,.article-grid-related{grid-template-columns:1fr;gap:12px;margin-top:20px}.article-card{padding:18px}.article-detail-head h1{font-size:32px}.article-lead{font-size:17px}.article-content{padding:24px 0;font-size:17px;line-height:1.9}.article-cta{margin:8px 0 36px;padding:20px}.article-cta h2{font-size:22px}.admin-articles-page{padding-top:22px}.admin-article-layout{gap:14px}.admin-article-publish-grid{grid-template-columns:1fr}.admin-article-row{align-items:flex-start;flex-direction:column}.admin-article-row .article-actions{width:100%}.admin-article-row .article-actions .btn{flex:0 0 auto}.article-breadcrumbs{font-size:13px}}