body{background:var(--bg);color:var(--text);font-family:var(--font-b),Verdana,sans-serif;font-size:16px;line-height:1.65;background-color:rgb(29,38,64)}
h1,h2,h3,h4{font-family:var(--font-h),Verdana,sans-serif;font-weight:700;color:#fff;letter-spacing:0}
h2{font-size:clamp(22px,2.6vw,24px)}
.site-header{background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--border)}
.header-inner{min-height:64px}
.main-nav a{color:#fff;font-weight:600}
.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--surface);color:#fff}
.btn{border-radius:var(--radius);box-shadow:none;font-weight:700}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:none;filter:brightness(1.1)}
.hero-bg{border-radius:var(--radius);min-height:380px}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,38,64,.88),rgba(29,38,64,.35));z-index:-1}
.hero{box-shadow:none}
.card,.table-wrap,.faq details,.related-card,.author-box,.steps>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.card .media img{aspect-ratio:3/2}
.x-rail-head{flex-wrap:wrap;margin-bottom:12px}
.x-rail-head a{font-weight:600}
.cta-box{background:var(--surface);border:1px solid var(--border)}
th{background:var(--surface2);text-transform:none}
.site-footer{background:#161d33;border-top:1px solid var(--border);padding:36px 0 24px;color:var(--muted)}
.site-footer .footer-center{text-align:center}
.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center}
.footer-nav a{color:#fff;font-weight:500}
.footer-top{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.footer-top p{max-width:720px;margin:0}
.site-footer .pay-icons{justify-content:center;margin:20px 0 0}
.footer-legal{justify-content:center;text-align:center;flex-direction:column}
.responsible{text-align:left}
@media (max-width:980px){
.main-nav{background:var(--bg);inset:64px 0 auto 0}
.header-inner{min-height:64px}
}
@media (max-width:560px){
h1{font-size:28px}
.hero-bg{padding:32px 20px;min-height:320px}
.footer-nav ul{flex-direction:column;align-items:center}
}
/* blocks: / */
.x-rail-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.x-rail-head h2,.x-rail-head h3{margin:0}
.x-rail-head a{color:var(--accent)}
.x-hero .hero-bg-content{max-width:640px}
.x-rail .card .media img{width:100%;border-radius:var(--radius)}
@media (max-width:980px){
.x-hero .hero-bg-content{max-width:100%}
}
@media (max-width:560px){
.x-rail-head{flex-direction:column;align-items:flex-start}
}
/* AI: додай сюди зображення */
.card .card-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin:0 0 14px}