.iteral-blog-main{padding-block:clamp(35px,6vw,96px);min-height:45vh}
.iteral-blog-main h1{font-size:clamp(32px,5vw,58px);line-height:1.1;color:#173c5b;margin:0 0 24px}
.iteral-blog-main a,.iteral-blog-pages .current{text-decoration:underline;text-underline-offset:3px}
.iteral-blog-main .iteral-blog-card{text-decoration:none}
.iteral-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px}
.iteral-blog-card{display:block;padding:20px;border:1px solid #dce5ea;border-radius:12px;background:#fff;color:#173c5b}
.iteral-blog-card:is(:hover,:focus-visible){border-color:#87ba15}
.iteral-blog-card img{width:100%;height:auto;border-radius:8px}
.iteral-blog-card h2,.iteral-blog-card h3{margin:12px 0;font-size:clamp(18px,3vw,23px)}
.iteral-blog-card time,.iteral-blog-entry time{color:#526479;font-size:14px}
.iteral-blog-card p{margin:0;line-height:1.55}
.iteral-blog-pages{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.iteral-blog-entry{max-width:760px;line-height:1.65;overflow-wrap:anywhere}
.iteral-blog-entry h1{margin-top:24px}
.iteral-blog-entry img{max-width:100%;height:auto}
.iteral-blog-cover{border-radius:12px}
@media(max-width:760px){
    .header .iteral-blog-nav{display:flex;gap:12px;font-size:14px}
    .header .iteral-blog-request{display:none}
    .header:has(.iteral-blog-nav){gap:10px}
    .header:has(.iteral-blog-nav) .logo{width:clamp(72px,25vw,120px)}
}