.blog-page { background:#fff; color:#242333; }
.blog-page main { padding-top:36px; }
.blog-page h1 { font-size:38px; line-height:1.16; letter-spacing:0; max-width:26ch; margin:18px 0; overflow-wrap:break-word; }
.blog-page h2 { font-size:25px; line-height:1.3; letter-spacing:0; margin:30px 0 14px; }
.blog-page h3 { font-size:20px; line-height:1.4; letter-spacing:0; }
.blog-breadcrumb { font-size:14px; margin-bottom:20px; color:#565563; }
.blog-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.blog-meta { font-size:14px; color:#565563; margin:12px 0 22px; }
.blog-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(220px,280px); gap:56px; align-items:start; margin:30px auto 60px; }
.blog-copy { min-width:0; font-size:18px; line-height:1.8; }
.blog-copy p,.blog-copy ul,.blog-copy ol { margin:0 0 20px; }
.blog-copy a { color:#3E3578; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.blog-copy li { margin:8px 0; }
.blog-art { margin:24px 0 32px; }
.blog-art img { display:block; width:100%; height:auto; object-fit:contain; }
.blog-sidebar { border-top:3px solid #6359AA; padding-top:18px; }
.blog-sidebar h2 { font-size:20px; margin:0 0 12px; }
.blog-sidebar p { font-size:16px; line-height:1.7; margin:0 0 18px; }
.blog-sidebar .btn-row { display:grid; gap:12px; }
.blog-page .btn { display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:8px; min-height:48px; white-space:normal; overflow-wrap:break-word; }
.blog-page .btn svg { flex:none; width:20px; height:20px; }
.blog-page .btn-row { flex-wrap:wrap; }
.blog-disclosure { border-top:1px solid #d8d8df; padding-top:20px; font-size:14px; line-height:1.7; color:#565563; }
.blog-closing { background:#F5F5F7; border-block:1px solid #e2e2e8; padding:36px 0; margin-top:40px; }
.blog-closing h2 { margin:0 0 12px; }
.blog-closing p { max-width:66ch; margin:0 0 20px; }
.blog-intro { max-width:70ch; margin:0 0 28px; font-size:18px; line-height:1.7; }
.blog-filters { display:flex; flex-wrap:wrap; align-items:end; gap:16px; padding:24px 0; border-block:1px solid #dddde4; margin-bottom:28px; }
.blog-filters label { display:grid; gap:6px; flex:1 1 220px; font-size:14px; }
.blog-filters input,.blog-filters select { width:100%; min-width:0; min-height:46px; border:1px solid #bbbbc7; border-radius:6px; padding:10px 12px; color:#242333; background:white; font:inherit; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 24px; margin:24px 0 48px; }
.blog-card { min-width:0; border-bottom:1px solid #dddde4; padding-bottom:22px; }
.blog-card a { display:block; text-decoration:none; }
.blog-card img { width:100%; aspect-ratio:3/2; object-fit:contain; display:block; background:#fff; }
.blog-card h2 { margin:14px 0 10px; font-size:21px; }
.blog-card p { font-size:15px; line-height:1.6; margin:0; }
.blog-card .blog-meta { font-size:13px; margin:12px 0 6px; }
.blog-card a:hover h2 { text-decoration:underline; }
.blog-empty { max-width:760px; padding:18px 0 45px; }
.blog-empty img { display:block; width:min(320px,100%); height:auto; margin:20px 0; }
.blog-page a:focus-visible,.blog-page input:focus-visible,.blog-page select:focus-visible { outline:3px solid #6359AA; outline-offset:4px; }
.blog-page [hidden] { display:none!important; }
.blog-page .seo-privacy-control { background:none; border:0; padding:0; color:inherit; text-decoration:underline; cursor:pointer; font:inherit; }
.blog-page .seo-consent { background:#F5F5F7; color:#242333; padding:20px; border:1px solid #D1D1D6; border-radius:8px; position:fixed; bottom:85px; right:20px; z-index:90; max-width:420px; width:calc(100% - 40px); box-shadow:0 4px 20px #0002; }
.blog-page .seo-consent p { margin:0 0 14px; font-size:15px; }
.blog-page .seo-consent .btn-row { gap:12px; }
@media(min-width:800px) { .blog-page .seo-consent { bottom:24px; } }
.hdr__nav a[href="/blog/"] { font-weight:600; }
@media(min-width:1024px) and (max-width:1439px) { .hdr__phone { display:none!important; } .hdr__logo img { height:30px; width:auto; } .hdr__nav { gap:12px; } .hdr__in { gap:12px; } }
@media(max-width:1023px) { .blog-layout { grid-template-columns:minmax(0,1fr); gap:32px; } .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .blog-sidebar .btn-row { display:flex; } }
@media(max-width:599px) { .blog-page main { padding-top:24px; } .blog-page h1 { font-size:30px; } .blog-page h2 { font-size:23px; } .blog-copy { font-size:17px; line-height:1.75; } .blog-grid { grid-template-columns:minmax(0,1fr); } .blog-layout { margin-top:22px; } .blog-sidebar .btn-row,.blog-closing .btn-row { display:grid; grid-template-columns:minmax(0,1fr); } }