.article-intro { background: linear-gradient(110deg,#f7fbfa,#e9f2f5); }
.article-list-section { background:#f8faf9; }
.article-list-head { max-width:1440px; margin:0 auto 34px; display:grid; grid-template-columns:1fr .65fr; gap:50px; align-items:end; }
.article-list-head h2,.article-method h2,.article-related h2 { margin:0; font-size:clamp(34px,4vw,54px); line-height:1.1; }
.article-list-head>p { margin:0; color:#496571; line-height:1.7; }
.article-tools { max-width:1440px; margin:auto; background:#fff; border:1px solid #dce7e9; border-radius:20px; padding:20px; display:grid; gap:18px; }
.article-tools label { display:grid; gap:7px; font-size:12px; font-weight:800; color:#496571; }
.article-tools input { min-height:46px; width:100%; border:1px solid #dce7e9; border-radius:10px; padding:0 14px; background:#f8fbfa; font-size:15px; outline-color:#7ea4af; }
.article-filters { display:flex; gap:8px; flex-wrap:wrap; }
.article-filters button { border:1px solid #cbdde1; border-radius:999px; background:#fff; color:#385f6d; cursor:pointer; padding:9px 14px; font-size:13px; }
.article-filters button[aria-pressed="true"] { background:#193c4b; color:#fff; border-color:#193c4b; }
.article-count { max-width:1440px; margin:26px auto 16px; color:#668591; font-size:13px; }
.article-grid { max-width:1440px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.article-card { background:#fff; border:1px solid #dce7e9; border-radius:20px; min-height:274px; padding:25px; display:flex; flex-direction:column; transition:transform .2s,border-color .2s; }
.article-card:hover { transform:translateY(-3px); border-color:#91b4be; }
.article-card[hidden] { display:none; }
.article-card-top { display:flex; justify-content:space-between; gap:20px; color:#668591; font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.article-card-top i { font-style:normal; }
.article-card h2 { font-size:20px; line-height:1.3; margin:28px 0 10px; }
.article-card p { color:#58717a; line-height:1.6; font-size:13px; margin:0 0 25px; }
.article-card-more { color:#2f6578; font-size:12px; font-weight:800; margin-top:auto; }
.article-card-more i { font-style:normal; }
.article-empty { max-width:1440px; margin:20px auto; color:#58717a; }
.article-method { display:flex; justify-content:space-between; align-items:end; gap:40px; background:#eaf2f3; }
.article-method>div { max-width:750px; }
.article-method p:not(.kicker) { line-height:1.75; color:#496571; }
.article-method a:not(.button) { color:#2f6578; text-decoration:underline; text-underline-offset:3px; }
.article-breadcrumb { max-width:1160px; margin:0 auto; padding:34px 24px 0; color:#668591; font-size:12px; }
.article-breadcrumb a:hover,.article-back:hover { color:#2f6578; }
.article-page { max-width:1160px; margin:0 auto; padding:62px 24px 100px; display:grid; grid-template-columns:minmax(0,780px) 1fr; gap:50px; }
.article-page>header { grid-column:1/-1; max-width:950px; }
.article-page h1 { margin:0; font-size:clamp(38px,5vw,68px); line-height:1.08; }
.article-lead { max-width:800px; color:#496571; font-size:20px; line-height:1.65; margin:25px 0 0; }
.article-body { grid-column:1; font-size:17px; line-height:1.8; }
.article-body section { padding:0 0 32px; }
.article-body h2 { font-size:28px; line-height:1.25; margin:0 0 16px; }
.article-body p { margin:0; color:#405c67; }
.article-note { padding:24px; border-radius:16px; background:#eaf2f3; }
.article-note b { font-size:14px; }
.article-note p { margin-top:8px; font-size:14px; }
.article-related { padding:76px max(4vw,24px); background:#edf4f5; }
.article-related>div:first-child,.article-related-grid,.article-back { max-width:1440px; margin-left:auto; margin-right:auto; }
.article-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:32px; }
.article-related-grid a { background:#fff; border:1px solid #dce7e9; border-radius:18px; padding:24px; min-height:160px; display:flex; flex-direction:column; gap:16px; }
.article-related-grid span { font-size:11px; color:#668591; text-transform:uppercase; }
.article-related-grid b { font-size:16px; line-height:1.4; }
.article-related-grid i { margin-top:auto; color:#2f6578; font-style:normal; }
.article-back { display:block; margin-top:28px; color:#2f6578; font-weight:800; }
@media(max-width:1050px){.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.article-list-head{grid-template-columns:1fr;gap:14px}.article-grid,.article-related-grid{grid-template-columns:1fr}.article-method{flex-direction:column;align-items:start}.article-page{display:block;padding:48px 20px 70px}.article-lead{font-size:17px}.article-body{margin-top:42px;font-size:16px}.article-body h2{font-size:24px}.article-card{min-height:230px}}