.blog-page{min-height:100vh;display:flex;flex-direction:column}
.blog-page .nav a[aria-current="page"]{color:var(--primary-color);font-weight:600}
.blog-shell{width:100%;max-width:1024px;margin:0 auto;padding:28px 22px 88px;flex:1}
.blog-heading{text-align:center;margin:22px 0 48px}
.blog-heading h1{font-size:clamp(36px,4vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.035em;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:54px}
.blog-card{min-width:0}
.blog-card-image{display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:18px;background:#eaf1ff}
.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.blog-card-image:hover img,.blog-card-image:focus-visible img{transform:scale(1.035)}
.blog-card-content{padding:16px 2px 0}
.blog-card-category{color:var(--primary-color);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 7px}
.blog-card h3{font-size:21px;line-height:1.38;letter-spacing:-.02em;margin:0 0 8px}
.blog-card h3 a{color:#152033;text-decoration:none}
.blog-card h3 a:hover,.blog-card h3 a:focus-visible{color:var(--primary-color)}
.blog-card-content>p:not(.blog-card-category){color:#566273;font-size:15px;line-height:1.6;margin:0 0 12px}
.blog-card time{color:#8791a0;font-size:13px}
.blog-article{max-width:760px;margin:0 auto}
.article-head{margin:0 0 32px}
.article-head h1{font-size:clamp(33px,4.5vw,49px);line-height:1.18;letter-spacing:-.04em;margin:0 0 20px;color:#142032}
.article-intro{font-size:19px;line-height:1.7;color:#4f5c6e;margin:0 0 20px}
.article-meta{display:flex;align-items:center;gap:10px;color:#8390a0;font-size:13px;margin:0}
.article-cover{display:block;width:100%;height:auto;border-radius:18px;margin:0 0 38px;background:#eaf1ff}
.article-body{font-size:17px;line-height:1.8;color:#273348;overflow-wrap:break-word}
.article-body p{margin:0 0 23px}
.article-body h2{font-size:27px;line-height:1.32;letter-spacing:-.025em;color:#132037;margin:43px 0 17px;scroll-margin-top:85px}
.article-body ul,.article-body ol{padding-left:1.45em;margin:0 0 24px}
.article-body li{padding-left:.2em;margin:0 0 9px}
.article-body a{color:#075edd;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body a:hover,.article-body a:focus-visible{color:#003fa2}
.article-body code{background:#eef3fb;padding:.08em .28em;border-radius:5px;font-size:.9em}
.article-summary{background:#f2f6fd;border:1px solid #dce8fa;border-radius:18px;padding:22px 26px;margin:40px 0 0}
.article-summary h2{font-size:21px;margin:0 0 15px}
.article-summary ul{margin-bottom:0}
.article-end{padding:32px 0 0;margin:34px 0 0;border-top:1px solid #e2e7ef}
.article-end-links{display:flex;justify-content:space-between;gap:18px}
.article-end .article-meta{margin-top:26px}
.article-end a{color:var(--primary-color);font-weight:600;text-decoration:none}
.article-end a:hover,.article-end a:focus-visible{text-decoration:underline}
@media(max-width:768px){.blog-shell{padding:22px 22px 64px}.blog-grid{gap:24px}.article-intro{font-size:17px}.article-body{font-size:16px}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;row-gap:38px}.blog-heading{margin-bottom:32px}.blog-card h3{font-size:19px}.article-head h1{font-size:32px}.article-cover{border-radius:12px}.article-body h2{font-size:23px}.article-summary{padding:18px}.article-end-links{flex-direction:column}}