body{color:var(--text);font-family:var(--font-b),Verdana,sans-serif;background:rgb(29,38,64)}
h1,h2,h3{font-weight:700;color:#fff;letter-spacing:0}
.site-header{background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--border)}
.header-inner{min-height:64px;gap:20px}
.main-nav a{color:#fff;font-weight:600}
.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--surface);color:var(--primary)}
.btn{border-radius:var(--radius-sm);font-weight:700}
.btn-primary{box-shadow:none;background:var(--primary);color:var(--primaryText)}
.btn-primary:hover{box-shadow:0 6px 18px rgba(245,184,46,.3)}
.hero{background:var(--surface);box-shadow:none;border-radius:var(--radius)}
.card,.related-card,.faq details,.table-wrap,.steps>li{background:var(--surface);border-color:var(--border)}
th{background:var(--surface2)}
.cta-box{background:var(--surface2);border-color:var(--border)}
.site-footer{background:var(--bg);border-top:1px solid var(--border);color:var(--muted)}
.footer-nav a{color:#fff}
.x-stats .x-stat{background:var(--surface);border-color:var(--border);color:#fff}
@media (max-width:980px){
.main-nav{background:var(--bg);inset:64px 0 auto 0}
.hero{padding:22px}
}
@media (max-width:560px){
h1{font-size:28px}
.hero{padding:18px}
.hero .lead{font-size:17px}
}
/* blocks: / */
.x-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.x-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}
.x-stat strong{display:block;font-size:1.8rem;color:var(--accent)}
.x-stat span{color:var(--muted)}
@media (max-width:980px){
.x-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
.x-stats{grid-template-columns:1fr}
.x-stat strong{font-size:1.5rem}
}
/* AI: Змінюю заголовки питань FAQ на всіх контентних сторінках на теги h3 (замість sum */
.faq summary h3{display:inline;margin:0;font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit}
/* AI: Se envuelve el texto de cada pregunta del FAQ en una etiqueta h3 dentro de summa */
summary h3{display:inline;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}