/* Контент-блоки */
main.wozaq {
margin: 2rem 0;
padding: 1.4rem;
background: #fefefe;
border-radius: 4px;
box-shadow: 0 12px 40px rgba(8,18,30,0.06);
max-width: 100%;
}
main.wozaq img {
display: block;
margin: 0.8rem auto;
max-width: 92%;
border-radius: 6px;
}

.xynah {
margin: 1.6rem 0;
padding: 1.4rem;
border-left: 6px solid rgba(59,130,246,0.14);
background: linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
border-radius: 14px;
}
.xynah img {
float: right;
margin: 0 0 1rem 1.2rem;
border-radius: 14px;
max-width: 30%;
box-shadow: 0 10px 30px rgba(2,6,23,0.06);
}

/* Базовый сброс */
*, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: "Nunito", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
line-height: 1.75;
color: #0b1220;
background: linear-gradient(180deg,#fbfcff 0%, #eef7ff 100%);
padding: 1.5rem;
max-width: 980px;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
}

/* Тело статьи */
.duna,
.wewavyd,
.qido,
.loxir {
margin: 2.2rem 0;
font-size: 1.08rem;
line-height: 1.9;
color: #172033;
}
.duna img,
.wewavyd img,
.qido img,
.loxir img {
display: block;
margin: 1.4rem auto;
border-radius: 18px;
box-shadow: 0 14px 38px rgba(6,12,20,0.07);
max-width: 100%;
}

.wewavyd {
padding: 1.6rem;
background: #ffffff;
border-radius: 18px;
border: 1px solid rgba(9,20,40,0.03);
}

.qido {
padding: 1.15rem;
border: 1px dashed rgba(99,102,241,0.16);
border-radius: 12px;
background: rgba(250,250,255,0.95);
}

.loxir {
padding: 0.9rem 0;
}

/* Хедер / блок сайта */
.xaras {
background: linear-gradient(90deg,#ffffff 0%, #e9f3ff 100%);
padding: 1.05rem 1.25rem;
border-radius: 20px;
margin-bottom: 1.8rem;
text-align: center;
box-shadow: 0 8px 26px rgba(9,20,40,0.04);
border: 1px solid rgba(37,99,235,0.06);
}
.xaras a,
.xaras .tile {
font-size: 1.5rem;
font-weight: 900;
color: #082a4e;
text-decoration: none;
letter-spacing: -0.015em;
}

.bijylol {
font-size: 1.9rem;
font-weight: 900;
margin: 1.35rem 0;
text-align: center;
color: #051123;
}

/* Заголовки ключевых фраз */
.xoxoxo,
.ceed,
.deets {
font-size: 1.32rem;
margin: 1.1rem 0 0.6rem;
color: #081427;
}
.xoxoxo a {
color: inherit;
text-decoration: none;
}
.xoxoxo a:hover {
text-decoration: underline;
}
.ceed {
font-weight: 900;
text-align: center;
}
.deets {
font-weight: 800;
border-bottom: 1px solid rgba(8,14,24,0.06);
padding-bottom: 0.5rem;
}

/* Навигация / хлебные крошки */
.bowo {
text-align: center;
margin-bottom: 1.6rem;
font-size: 0.98rem;
color: #394b5a;
}
.bowo a {
color: #0b66d0;
text-decoration: none;
border-bottom: 1px dashed rgba(11,102,208,0.12);
}

/* Списки ссылок */
.nikogu {
margin: 1.6rem 0;
padding-left: 1.25rem;
}
.nikogu li,
footer li,
ol > a {
list-style: none;
margin: 0.5rem 0;
}
.nikogu li::before,
footer li::before {
content: "▸ ";
color: #7b8794;
font-weight: 700;
}
.nikogu a,
footer a,
ol > a {
color: #0a58b2;
text-decoration: none;
transition: color .14s ease, transform .12s ease;
}
.nikogu a:hover,
footer a:hover {
color: #06386a;
transform: translateX(5px);
}

/* Боковая информация */
aside.sinun {
margin: 1.7rem 0;
padding: 1.25rem;
background: linear-gradient(180deg,#f8fbff 0%, #eef8ff 100%);
border-radius: 10px;
border: 1px solid rgba(6,78,139,0.06);
}
aside.sinun ol {
padding-left: 1.6rem;
margin-top: 0.75rem;
color: #2b3742;
}

/* Общие элементы */
p {
margin: 1rem 0;
text-align: left;
color: #1f2a33;
}

li {
margin: 0.5rem 0;
}

footer {
margin-top: 3rem;
padding-top: 1.4rem;
border-top: 1px solid rgba(8,14,24,0.04);
font-size: 0.96rem;
color: #45576a;
}
footer ul {
list-style: none;
padding-left: 0;
display: flex;
gap: 1rem;
flex-wrap: wrap;
}

/* Утилитарные */
.muted { color: #6b7280; font-size: .94rem; }
.kbd { background: rgba(8,14,24,0.06); padding: .08rem .44rem; border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace; font-size: .9rem; }

/* Адаптивность */
@media (max-width: 700px) {
body { padding: 1rem; }
.xynah img,
main.wozaq img,
section.tuzy img {
float: none;
margin: 0 auto 1rem;
display: block;
width: 90% !important;
max-width: 460px;
border-radius: 12px;
}
.xaras { border-radius: 12px; padding: .9rem; }
.bijylol { font-size: 1.4rem; margin: .9rem 0; }
.duna,
.wewavyd,
.qido,
.loxir { font-size: 1rem; line-height: 1.6; }
}