/* Mubin News — sayt uslublari
   Tamoyil: közgu simmetriya. Oq-qora gazeta, rangli faqat fotolar.
   Urğu rangi — "tong oltini" (--umid): lenta, tavsiya, blok sarlavhalari.
   3 rejim: kunduzgi, tungi, qoğoz. */

:root,
[data-theme="light"] {
  --bg: #ffffff; --fg: #111111; --soft: #3a3a3a; --muted: #6a6a6a; --rule: #e1e1e1; --photo: #ececec; --band: #f2f2f2;
  --umid: #a87308; --umid-och: rgba(168, 115, 8, .28);
}
[data-theme="dark"] {
  --bg: #111111; --fg: #f2f2f2; --soft: #d2d2d2; --muted: #a2a2a2; --rule: #303030; --photo: #262626; --band: #1a1a1a;
  --umid: #d49a1c; --umid-och: rgba(212, 154, 28, .3);
}
[data-theme="paper"] {
  --bg: #f3ead6; --fg: #2a2118; --soft: #47392b; --muted: #6e5d48; --rule: #d6c8a8; --photo: #e4d8bb; --band: #ebe0c5;
  --umid: #8f5e06; --umid-och: rgba(143, 94, 6, .3);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg); font-family: "Inter", "Libre Franklin", system-ui, sans-serif; line-height: 1.5; transition: background .2s, color .2s; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--umid); outline-offset: 3px; }
img { max-width: 100%; display: block; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--fg); color: var(--bg); padding: 8px 12px; z-index: 30; }
.skip:focus { left: 8px; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.serif { font-family: "Source Serif 4", Georgia, serif; }

/* ---------- Reklama ---------- */
.reklama-tasma { background: var(--band); padding: 8px 16px 16px; display: flex; flex-direction: column; align-items: center; }
.reklama-yorliq { font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 5px; }
.reklama-quti { border: 1px dashed var(--muted); color: var(--muted); display: flex; align-items: center; justify-content: center; font-size: 11.5px; letter-spacing: 1.5px; text-transform: uppercase; width: 100%; text-align: center; padding: 8px; }
.reklama-keng { max-width: 970px; height: 180px; }
.reklama-yon { height: 250px; }
.reklama-blok { display: flex; flex-direction: column; align-items: center; margin: 0 0 32px; }

/* ---------- Yuqori qator: rejim | sana | Telegram ---------- */
.topbar { border-bottom: 1px solid var(--rule); }
.topbar-ichi { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 42px; gap: 12px; }
.rejim { display: flex; gap: 2px; justify-self: start; }
.rejim button { width: 32px; height: 32px; border: none; border-radius: 50%; background: transparent; color: var(--muted); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.rejim button:hover { color: var(--fg); }
.rejim button[aria-pressed="true"] { color: var(--fg); background: var(--photo); }
.bugun { font-size: 12.5px; font-weight: 500; letter-spacing: .8px; color: var(--soft); font-variant-numeric: tabular-nums; }
.bugun .tik { margin: 0 10px; color: var(--umid); }
.tarmoqlar.tarmoqlar-tepa { justify-self: end; gap: 2px; flex-wrap: nowrap; }
.tarmoqlar.tarmoqlar-tepa a, .tarmoqlar.tarmoqlar-tepa .tez { width: 30px; height: 30px; border: none; }
.tarmoqlar.tarmoqlar-tepa svg { width: 16px; height: 16px; }
.obuna { justify-self: end; min-height: 30px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; border-radius: 999px; background: var(--fg); color: var(--bg); font-size: 12px; font-weight: 600; letter-spacing: .3px; text-decoration: none !important; }

/* ---------- Asosiy sarlavha: közgu simmetriya ---------- */
.masthead { border-bottom: 3px double var(--fg); }
.masthead-ichi { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 28px; padding-top: 16px; padding-bottom: 16px; }
.yon { display: flex; align-items: center; gap: 18px; min-width: 0; }
.yon-ong { flex-direction: row; }
.menyu { flex: 1; min-width: 0; }
.menyu ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; text-align: center; }
.menyu a { display: inline-block; padding: 8px 0; font-size: 12px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; white-space: nowrap; border-bottom: 2px solid transparent; text-decoration: none !important; }
.menyu a:hover { border-bottom-color: var(--rule); }
.menyu a[aria-current="page"] { border-bottom-color: var(--umid); }
.logo { display: block; text-decoration: none !important; }
.logo-svg { width: 74px; height: auto; display: block; }
.l-fg { fill: var(--fg); }
.l-bg { fill: var(--bg); }

.yon-tugma { flex: none; width: 64px; display: inline-flex; flex-direction: column; align-items: center; gap: 5px; min-height: 44px; padding: 0; border: none; background: transparent; color: var(--fg); font: 700 12.5px "Inter", sans-serif; letter-spacing: 1.3px; text-transform: uppercase; cursor: pointer; text-decoration: none !important; }
.yon-tugma .yon-yozuv { font-size: 9.5px; letter-spacing: 1.4px; }
.yon-tugma .doira { width: 32px; height: 32px; border-radius: 50%; background: var(--fg); color: var(--bg); display: flex; align-items: center; justify-content: center; }
.yon-tugma:hover .yon-yozuv { text-decoration: underline; text-underline-offset: 4px; }
.yon-tugma[aria-expanded="true"] .doira { background: var(--umid); }
.menyu-btn, .tg-mobil { display: none; }
.mobil-menyu { display: none; }
.qidiruv { border-top: 1px solid var(--rule); }
.qidiruv-ichi { display: flex; gap: 10px; padding-top: 12px; padding-bottom: 12px; max-width: 760px; }
.qidiruv input { flex-grow: 1; min-height: 44px; border: 1px solid var(--rule); background: transparent; color: var(--fg); font: 16px "Inter", sans-serif; padding: 0 14px; border-radius: 4px; }
.qidiruv-btn { min-height: 44px; padding: 0 22px; border: none; border-radius: 999px; background: var(--fg); color: var(--bg); font: 600 13px "Inter", sans-serif; letter-spacing: .5px; cursor: pointer; }

/* ---------- Foto ---------- */
.foto { position: relative; background: var(--photo); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
a:hover .foto img, .karta:hover .foto img { transform: scale(1.025); }
.foto .foto-belgi { width: 20%; max-width: 64px; fill: var(--muted); opacity: .3; }
.teg { position: absolute; top: 12px; left: 12px; z-index: 1; background: var(--bg); color: var(--fg); font-size: 10px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; padding: 4px 8px; }

/* ---------- Blok sarlavhalari: markazda, ikki tomonda chiziq ---------- */
.blok-sarlavha { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; font-size: 14px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; line-height: 1.2; text-align: center; white-space: nowrap; }
.blok-sarlavha::before, .blok-sarlavha::after { content: ""; flex: 1; border-top: 1px solid var(--umid); }
.blok-sarlavha .nuqta { width: 6px; height: 6px; border-radius: 50%; background: var(--umid); display: inline-block; flex: none; }

/* ---------- Bosh sahifa: 3 ustun, yon ustunlar teng ---------- */
.bosh { display: grid; grid-template-columns: 280px minmax(0, 1fr) 280px; gap: 40px; padding-top: 32px; align-items: start; }
.ustun-chap, .ustun-ong { position: sticky; top: 16px; }

/* Lenta — vaqt chizig'i (oltin) */
.lenta { list-style: none; margin: 0; padding: 0; position: relative; }
.lenta::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 1.5px; background: var(--umid); opacity: .55; }
.lenta li { position: relative; padding: 0 0 18px 28px; }
.lenta li::before { content: ""; position: absolute; left: 0; top: 4px; width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid var(--umid); background: var(--bg); box-sizing: border-box; }
.lenta li::after { content: ""; position: absolute; left: 4px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--umid); }
.lenta-vaqt { display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .6px; color: var(--umid); font-variant-numeric: tabular-nums; margin-bottom: 2px; }
.lenta a { font-size: 14.5px; line-height: 1.42; }

/* Markaz */
.hero { display: block; text-decoration: none !important; text-align: center; }
.hero .foto { height: 420px; }
.hero h1 { margin: 20px 0 10px; font: 700 36px/1.14 "Source Serif 4", Georgia, serif; letter-spacing: -.3px; }
.hero h1, .hero .lid { transition: opacity .2s; }
.hero:hover h1 { opacity: .78; }
/* Sarlavhalar: tagiga chiziq yöq, qatorlar teng uzunlikda (simmetrik) */
h1, h2, h3, .lid, .lid-katta { text-wrap: balance; }
.karta h3 a, .lenta a, .tavsiya a, .fikr a, .pleer-royxat button { text-decoration: none !important; transition: opacity .2s; }
.karta h3 a:hover, .lenta a:hover, .tavsiya a:hover, .fikr a:hover { opacity: .65; }
.hero .lid { font-size: 16.5px; max-width: 600px; margin: 0 auto; }
.juft { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 28px; margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--rule); }
.karta { display: flex; flex-direction: column; gap: 8px; }
.karta .foto { aspect-ratio: 16 / 10; }
.karta h3 { margin: 2px 0 0; font: 700 19px/1.25 "Source Serif 4", Georgia, serif; }
.lid { margin: 0; font-size: 14px; line-height: 1.55; color: var(--soft); }
.sana { margin: 6px 0 0; font-size: 11.5px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: var(--muted); font-variant-numeric: tabular-nums; }

/* Tavsiya — oltin raqamlar va chiziqlar */
.tavsiya { list-style: none; margin: 0 0 32px; padding: 0; counter-reset: t; }
.tavsiya li { counter-increment: t; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: start; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--umid-och); }
.tavsiya li:last-child { border-bottom: none; }
.tavsiya li::before { content: counter(t); font: 300 36px/1 "Inter", sans-serif; color: var(--umid); text-align: center; font-variant-numeric: tabular-nums; }
.tavsiya a { font-size: 14.5px; line-height: 1.38; }

/* Fikr */
.fikr { list-style: none; margin: 0; padding: 0; }
.fikr li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--umid-och); }
.fikr li:last-child { border-bottom: none; }
.avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--photo); display: flex; align-items: center; justify-content: center; color: var(--muted); }
.fikr a { font: 600 15px/1.35 "Source Serif 4", Georgia, serif; display: block; }
.muallif { font-size: 11.5px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--umid); margin-top: 5px; }

.bosh-xabar { padding: 64px 0; color: var(--soft); font-size: 16px; text-align: center; }
.bosh-xabar h1 { font: 700 34px "Source Serif 4", Georgia, serif; color: var(--fg); margin: 0 0 12px; }

/* Bölim sarlavhasi: — Nom — */
.bolim-sarlavha { display: flex; align-items: center; gap: 24px; margin: 44px 0 32px; }
.bolim-sarlavha h2 { margin: 0; font: 700 32px "Source Serif 4", Georgia, serif; white-space: nowrap; }
.bolim-sarlavha::before, .bolim-sarlavha::after { content: ""; flex-grow: 1; border-top: 1px solid var(--umid); }
.panjara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; }

/* ---------- Xabar sahifasi: matn ikki chetga tekislangan ---------- */
.maqola { max-width: 700px; margin: 0 auto; padding-top: 44px; }
.maqola .meta { display: flex; justify-content: center; align-items: center; gap: 14px; font-size: 11.5px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }
.maqola .meta a { color: var(--umid); }
.maqola .meta .ajrat { width: 4px; height: 4px; border-radius: 50%; background: var(--umid); }
.maqola h1 { margin: 0 0 18px; font: 700 44px/1.1 "Source Serif 4", Georgia, serif; letter-spacing: -.4px; text-align: center; }
.maqola .lid-katta { font: 400 20px/1.55 "Source Serif 4", Georgia, serif; color: var(--soft); text-align: center; margin: 0 0 24px; }
.tinglash-joy { display: flex; justify-content: center; margin: 0 0 28px; }
.maqola .foto { aspect-ratio: 16 / 9; margin: 0 -60px 10px; }
.foto-izoh { font-size: 12px; color: var(--muted); margin: 0 0 32px; text-align: center; }
.maqola-matn p { font: 400 19px/1.75 "Source Serif 4", Georgia, serif; margin: 0 0 1.15em; text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; }
.maqola-matn p:first-child::first-letter { float: left; font-size: 3.6em; line-height: .82; font-weight: 700; padding: 6px 10px 0 0; }
.tugadi { display: flex; align-items: center; gap: 16px; margin: 36px 0 20px; }
.tugadi::before, .tugadi::after { content: ""; flex: 1; border-top: 1px solid var(--umid); }
.tugadi svg { width: 26px; fill: var(--umid); }
.manba { display: flex; flex-direction: column; align-items: center; gap: 16px; font-size: 14px; color: var(--soft); text-align: center; }
.manba a { text-decoration: underline; text-underline-offset: 3px; }
.ulashish { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 20px; border: 1.5px solid var(--fg); border-radius: 999px; font-size: 12.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none !important; }
.ulashish:hover { background: var(--fg); color: var(--bg); }
.orqaga { display: inline-block; margin-top: 28px; font-size: 13px; font-weight: 600; letter-spacing: .6px; text-decoration: underline; text-underline-offset: 3px; }
.maqola .orqaga { display: block; text-align: center; }
.tinglash-kichik { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 0 18px 0 6px; border: 1.5px solid var(--fg); border-radius: 999px; background: transparent; color: var(--fg); font: 700 12px "Inter", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; cursor: pointer; }
.tinglash-kichik .doira { width: 28px; height: 28px; border-radius: 50%; background: var(--fg); color: var(--bg); display: flex; align-items: center; justify-content: center; }
.tinglash-kichik:hover { border-color: var(--umid); }

/* Oddiy sahifalar (Biz haqimizda va h.k.) */
.oddiy { max-width: 700px; margin: 0 auto; padding-top: 44px; }
.oddiy h1 { font: 700 40px/1.12 "Source Serif 4", Georgia, serif; text-align: center; margin: 0 0 24px; }
.oddiy h2 { font: 700 22px "Source Serif 4", Georgia, serif; margin: 32px 0 10px; }
.oddiy p, .oddiy li { font: 400 18px/1.7 "Source Serif 4", Georgia, serif; text-align: justify; hyphens: auto; }
.oddiy ul { padding-left: 22px; }

/* ---------- Footer: simmetrik ---------- */
.footer { margin-top: 64px; border-top: 3px double var(--fg); padding: 28px 0 20px; font-size: 13.5px; }
.footer-bosh { display: flex; flex-direction: column; align-items: center; text-align: center; }
.footer-logo { display: block; }
.footer-logo-svg { width: 50px; height: auto; display: block; }
.shior { margin: 8px 0 10px; font: italic 400 14.5px "Source Serif 4", Georgia, serif; color: var(--soft); }
.tarmoqlar { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.tarmoqlar a, .tarmoqlar .tez { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; color: var(--fg); border-radius: 50%; border: 1px solid var(--rule); }
.tarmoqlar a:hover { border-color: var(--umid); color: var(--umid); }
.tarmoqlar .tez { color: var(--muted); opacity: .5; cursor: default; }
.tarmoqlar svg { width: 18px; height: 18px; }
.footer-ustunlar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 48px; margin: 0 auto; max-width: 900px; text-align: center; }
.footer h3 { font-size: 11.5px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 10px; color: var(--umid); }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer li { margin-bottom: 5px; line-height: 1.35; }
.footer li a { color: var(--soft); }
.footer li a:hover { color: var(--fg); }
.mualliflik { margin: 20px 0 0; padding-top: 14px; border-top: 1px solid var(--rule); text-align: center; font-size: 12.5px; letter-spacing: .5px; color: var(--muted); }

/* ---------- Audio pleer ---------- */
.icon-btn { width: 44px; height: 44px; border: none; background: transparent; color: var(--fg); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pleer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; background: var(--bg); border-top: 2px solid var(--umid); box-shadow: 0 -6px 24px rgba(0,0,0,.12); }
.pleer-ichi { padding-top: 12px; padding-bottom: 14px; }
.pleer-bosh { display: flex; align-items: center; gap: 14px; }
.pleer-yorliq { display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; white-space: nowrap; color: var(--umid); }
.jonli-nuqta { width: 9px; height: 9px; border-radius: 50%; background: var(--umid); animation: puls 1.4s ease-in-out infinite; }
@keyframes puls { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .jonli-nuqta { animation: none; } .foto img { transition: none; } }
.pleer-sarlavha { flex-grow: 1; font: 700 16px/1.3 "Source Serif 4", Georgia, serif; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pleer audio { width: 100%; margin-top: 8px; }
.pleer-izoh { margin: 8px 0 0; font-size: 14px; color: var(--soft); }
.pleer-royxat { margin: 8px 0 0; padding: 0 0 0 22px; font-size: 13.5px; color: var(--soft); max-height: 150px; overflow-y: auto; border-top: 1px solid var(--rule); }
.pleer-royxat button { display: block; width: 100%; background: none; border: none; padding: 6px 0; line-height: 1.35; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pleer-royxat button:hover, .pleer-royxat button[aria-current="true"] { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Katta planshet: tugma yozuvlari yashiriladi ---------- */
@media (max-width: 1320px) {
  .masthead-ichi { gap: 18px; }
  .yon { gap: 8px; }
  .menyu a { font-size: 11.5px; letter-spacing: .7px; }
}
@media (max-width: 1240px) {
  .yon-yozuv { display: none; }
  .yon-tugma { width: 34px; }
  .menyu a { font-size: 11px; letter-spacing: .5px; }
}
@media (max-width: 1100px) {
  .bosh { grid-template-columns: minmax(0, 1fr) 280px; }
  .ustun-chap { grid-column: 1 / -1; order: 3; position: static; }
  .panjara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Telefon va kichik planshet ---------- */
@media (max-width: 1100px) {
  .wrap { padding: 0 16px; }
  .reklama-keng { height: 100px; }
  .menyu { display: none; }
  .menyu-btn, .tg-mobil { display: inline-flex; }
  .yon-tugma { width: auto; }
  .yon { gap: 10px; }
  .yon-ong { justify-content: flex-end; }
  .masthead-ichi { gap: 12px; padding-top: 12px; padding-bottom: 12px; }
  .logo-svg { width: 52px; }
  .mobil-menyu ul { list-style: none; margin: 0; padding: 4px 16px 12px; text-align: center; }
  .mobil-menyu a { display: block; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: 13px; font-weight: 600; letter-spacing: 1.3px; text-transform: uppercase; }
  .mobil-menyu a[aria-current="page"] { color: var(--umid); }
  .mobil-menyu.ochiq { display: block; border-top: 1px solid var(--rule); }
}
@media (max-width: 860px) {
  .bosh { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .ustun-chap, .ustun-ong { position: static; }
  .ustun-chap { order: 2; }
  .ustun-ong { order: 3; }
}
@media (max-width: 640px) {
  .topbar-ichi { grid-template-columns: auto 1fr; }
  .bugun { justify-self: end; }
  .tarmoqlar-tepa { display: none; }
  .hero .foto { height: 240px; }
  .hero h1 { font-size: 27px; }
  .juft, .panjara { grid-template-columns: minmax(0, 1fr); }
  .maqola h1 { font-size: 30px; }
  .maqola .lid-katta { font-size: 18px; }
  .maqola .foto { margin: 0 -16px 10px; }
  .maqola-matn p, .oddiy p, .oddiy li { font-size: 18px; }
  .bolim-sarlavha h2 { font-size: 24px; }
  .footer-ustunlar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 16px; }
  .footer-bosh { grid-column: 1 / -1; order: -1; }
}

/* Lentadagi eng yangi xabar nuqtasi — tirik puls */
.ustun-chap .lenta li:first-child::before, .xronologiya .lenta:first-of-type li:first-child::before { animation: yangi-halqa 2s ease-out infinite; }
.ustun-chap .lenta li:first-child::after, .xronologiya .lenta:first-of-type li:first-child::after { animation: yangi-nuqta 2s ease-in-out infinite; }
@keyframes yangi-halqa { 0% { box-shadow: 0 0 0 0 var(--umid); } 70% { box-shadow: 0 0 0 9px rgba(0,0,0,0); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } }
@keyframes yangi-nuqta { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .lenta li:first-child::before, .ustun-chap .lenta li:first-child::after, .xronologiya .lenta:first-of-type li:first-child::after { animation: none; } }

/* "Butun xronologiya" havolasi va alohida lenta sahifasi */
.lenta-hammasi { display: inline-flex; align-items: center; gap: 8px; margin: 14px 0 0 28px; font-size: 12px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--umid); text-decoration: none !important; border-bottom: 1px solid var(--umid-och); padding-bottom: 3px; }
.lenta-hammasi:hover { border-bottom-color: var(--umid); }
.lenta-hammasi svg { transition: transform .2s; }
.lenta-hammasi:hover svg { transform: translateX(3px); }
.xronologiya { max-width: 720px; margin: 0 auto; }
.kun-sarlavha { display: flex; align-items: center; gap: 14px; margin: 8px 0 22px; font: 700 13px "Inter", sans-serif; letter-spacing: 1.8px; text-transform: uppercase; color: var(--soft); }
.kun-sarlavha::after { content: ""; flex: 1; border-top: 1px solid var(--rule); }
.lenta-katta { margin-bottom: 36px; }
.lenta-katta .lenta-vaqt a { color: var(--muted); text-decoration: none; }
.lenta-katta .lenta-sarlavha { display: block; font: 700 21px/1.3 "Source Serif 4", Georgia, serif; text-decoration: none !important; margin-bottom: 6px; }
.lenta-katta .lenta-sarlavha:hover { opacity: .7; }
.lenta-katta .lid { font-size: 15px; }
.lenta-katta .lid { text-wrap: pretty; }
.fikr { margin-bottom: 32px; }
.ustun-chap .lenta-vaqt { display: flex; align-items: baseline; gap: 8px; }
.lv-soat { font-size: 13px; font-weight: 700; letter-spacing: .4px; color: var(--umid); }
.lv-kun { font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); }

/* Asosiy xabar va kartalar — BBC uslubi: chapga tekis, qalin serif sarlavha, ostida meta */
.hero { text-align: left; }
.hero h1 { margin: 16px 0 10px; font: 700 34px/1.18 "Source Serif 4", Georgia, serif; letter-spacing: -.4px; text-wrap: pretty; }
.hero .lid { font-size: 17px; line-height: 1.5; max-width: none; margin: 0; color: var(--soft); text-wrap: pretty; }
.karta h3 { margin: 6px 0 0; font: 700 20px/1.22 "Source Serif 4", Georgia, serif; text-wrap: pretty; }
.karta .lid { text-wrap: pretty; }
.meta-qator { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.karta .meta-qator { margin-top: 6px; font-size: 12.5px; }
.mq-chiziq { width: 1px; height: 14px; background: var(--umid); }

/* ---------- Sarlavha C: logo markazda, ostida menyu (közgu) ---------- */
.masthead-ichi { padding-top: 18px; padding-bottom: 10px; }
.yon-ong { justify-content: flex-end; }
.logo-svg { width: 80px; }
.menyu-qator { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 30px; border-top: 1px solid var(--rule); }
.menyu-yarim { list-style: none; margin: 0; padding: 0; display: flex; gap: 32px; }
.menyu-yarim.chap { justify-content: flex-end; }
.menyu-yarim a { display: inline-block; padding: 13px 0 11px; font-size: 12.5px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap; border-bottom: 2px solid transparent; text-decoration: none !important; }
.menyu-yarim a:hover { border-bottom-color: var(--rule); }
.menyu-yarim a[aria-current="page"] { border-bottom-color: var(--umid); }
.yulduz8 { width: 19px; height: 19px; fill: var(--umid); display: block; }
.yulduz8 .y8-ich { fill: var(--bg); }
@media (max-width: 1100px) {
  .menyu-qator { display: none; }
  .logo-svg { width: 54px; }
  .masthead-ichi { padding-bottom: 12px; }
}

/* ---------- Logo yonidagi "quloqlar": til + qidiruv | rejim + tinglaş ---------- */
.topbar-ichi { display: flex; justify-content: space-between; }
.rejim-mobil { display: none; }
.quloq { display: flex; flex-direction: column; gap: 14px; }
.quloq-chap { align-items: flex-start; }
.quloq-ong { align-items: flex-end; }
.tillar { display: flex; height: 32px; align-items: center; gap: 2px; }
.tillar button { min-width: 34px; height: 32px; padding: 0 6px; border: none; background: transparent; color: var(--muted); font: 600 11.5px "Inter", sans-serif; letter-spacing: 1.2px; cursor: pointer; border-bottom: 2px solid transparent; }
.tillar button:hover { color: var(--fg); }
.tillar button[aria-pressed="true"] { color: var(--fg); border-bottom-color: var(--umid); }
.rejim-katta { height: 32px; align-items: center; }
.pill { display: inline-flex; align-items: center; gap: 12px; height: 40px; padding: 0 18px 0 4px; border: 1px solid var(--rule); border-radius: 999px; background: transparent; color: var(--fg); font: 600 12px "Inter", sans-serif; letter-spacing: 1.4px; text-transform: uppercase; cursor: pointer; transition: border-color .2s; }
.quloq-ong .pill { padding: 0 4px 0 18px; }
.pill:hover { border-color: var(--fg); }
.pill .doira { width: 32px; height: 32px; border-radius: 50%; background: var(--fg); color: var(--bg); display: flex; align-items: center; justify-content: center; }
.pill[aria-expanded="true"] .doira { background: var(--umid); }
.quloq-chap .pill { min-width: 170px; }
.quloq-chap .pill-yozuv { color: var(--muted); text-transform: none; letter-spacing: .2px; font-weight: 500; font-size: 13.5px; }
.quloq-ong .pill { min-width: 170px; justify-content: space-between; }
.pill-yozuv { display: inline-flex; align-items: center; gap: 8px; }
.jonli { width: 7px; height: 7px; border-radius: 50%; background: var(--umid); animation: puls 1.6s ease-in-out infinite; }
@media (max-width: 1100px) {
  .rejim-mobil { display: flex; }
  .tillar, .rejim-katta { display: none; }
  .tarmoqlar-tepa { display: none !important; }
  .quloq, .quloq-chap, .quloq-ong { flex-direction: row; align-items: center; }
  .yon-tugma { min-height: 44px; justify-content: center; }
  .pill, .quloq-chap .pill, .quloq-ong .pill { min-width: 0; padding: 0; border: none; height: 44px; }
  .pill-yozuv { display: none; }
}

/* Chiziqlar almaşdi: menyu ustida qoş chiziq, ostida ingiçka chiziq */
.masthead { border-bottom: 1px solid var(--rule); }
.menyu-qator { border-top: 3px double var(--fg); }
.mobil-sozlama { display: flex; justify-content: space-between; align-items: center; padding: 6px 16px; border-bottom: 1px solid var(--rule); }
.mobil-sozlama .tillar { display: flex !important; }
.mobil-sozlama .rejim { display: flex !important; }
@media (max-width: 1100px) { .masthead { border-bottom: 3px double var(--fg); } }

/* ---------- Logo orqasida xira dunyo xaritasi (markazda — Makka va Markaziy Osiyo), çetlarga qarab yöqoladi ---------- */
.masthead { position: relative; isolation: isolate; }
.masthead::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; pointer-events: none;
  background: url("../img/dunyo.svg") center 46% / 760px auto no-repeat;
  opacity: .1;
  -webkit-mask-image: radial-gradient(ellipse 30% 60% at 50% 50%, #000 30%, transparent 100%);
  mask-image: radial-gradient(ellipse 30% 60% at 50% 50%, #000 30%, transparent 100%);
}
[data-theme="dark"] .masthead::before { filter: invert(1); opacity: .13; }
[data-theme="paper"] .masthead::before { filter: sepia(1); opacity: .12; }
@media (max-width: 1100px) {
  .masthead::before { height: 100%; background-size: 420px auto; -webkit-mask-image: radial-gradient(ellipse 45% 70% at 50% 50%, #000 30%, transparent 100%); mask-image: radial-gradient(ellipse 45% 70% at 50% 50%, #000 30%, transparent 100%); }
}

/* Xronologiya: chapda foto | örtada vaqt çizigi | öngda matn */
.xronologiya { max-width: 940px; }
.kun-sarlavha { margin-left: 256px; }
.lenta-katta::before { left: 230px; }
.lenta-katta li { padding-left: 258px; min-height: 160px; }
.lenta-katta li::before { left: 224px; }
.lenta-katta li::after { left: 228px; }
.lf-foto { position: absolute; left: 0; top: 2px; width: 200px; }
.lf-foto .foto { aspect-ratio: 16 / 10; }
@media (max-width: 760px) {
  .kun-sarlavha { margin-left: 0; }
  .lenta-katta::before { left: 6px; }
  .lenta-katta li { padding-left: 28px; min-height: 0; }
  .lenta-katta li::before { left: 0; }
  .lenta-katta li::after { left: 4px; }
  .lf-foto { position: static; display: block; width: 100%; margin-bottom: 10px; }
}

.bolim-izoh { text-align: center; margin: -18px 0 32px; font: italic 400 17px "Source Serif 4", Georgia, serif; color: var(--soft); }
/* 8 bölimli menyu: 4 | ✦ | 4 */
.menyu-yarim { gap: 30px; }
@media (max-width: 1320px) { .menyu-yarim { gap: 20px; } .menyu-yarim a { font-size: 11.5px; letter-spacing: 1.1px; } .menyu-qator { gap: 22px; } }
@media (max-width: 1200px) { .menyu-yarim { gap: 14px; } .menyu-yarim a { font-size: 11px; letter-spacing: .7px; } }

/* Tavsiya — BBC uslubi: qalin serif sarlavha, qisqa matn, meta; raqamsiz */
.tavsiya li { display: block; padding: 16px 0; }
.tavsiya li::before { content: none; }
.tavsiya li:first-child { padding-top: 0; }
.tv-sarlavha { display: block; font: 700 18px/1.25 "Source Serif 4", Georgia, serif; text-decoration: none !important; text-wrap: pretty; }
.tv-sarlavha:hover { opacity: .65; }
.tv-lid { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--soft); text-wrap: pretty; }
.tavsiya .meta-qator { margin-top: 10px; font-size: 12.5px; }

/* 10 bölimli menyu: 5 | ✦ | 5 */
.menyu-yarim { gap: 24px; }
.menyu-yarim a { font-size: 12px; letter-spacing: 1.2px; }
@media (max-width: 1320px) { .menyu-yarim { gap: 16px; } .menyu-yarim a { font-size: 11px; letter-spacing: .8px; } .menyu-qator { gap: 18px; } }
@media (max-width: 1200px) { .menyu-yarim { gap: 11px; } .menyu-yarim a { font-size: 10.5px; letter-spacing: .4px; } .menyu-qator { gap: 14px; } }

/* Xronologiya: kunlar orasida ham uzilmaydigan yagona vaqt çizigi */
.xronologiya { position: relative; }
.lenta-katta::before { content: none; }
.xronologiya::before { content: ""; position: absolute; left: 230px; top: 60px; bottom: 40px; width: 1.5px; background: var(--umid); opacity: .55; }
.xronologiya .kun-sarlavha { position: relative; }
.lenta-katta { margin-bottom: 0; padding-bottom: 36px; }
@media (max-width: 760px) {
  .xronologiya::before { left: 6px; }
  .xronologiya .kun-sarlavha { padding-left: 28px; }
}

/* ---------- Asosiy xabar ostidagi jonli lenta ---------- */
.jonli-lenta { margin-top: 26px; padding: 20px 0 6px; border-top: 1px solid var(--rule); }
.jl-sarlavha { display: flex; align-items: center; gap: 9px; margin: 0 0 16px; font: 700 13px "Inter", sans-serif; letter-spacing: 1.8px; text-transform: uppercase; color: var(--umid); }
.jl-nuqta { position: relative; width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid var(--umid); box-sizing: border-box; }
.jl-nuqta::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; background: var(--umid); animation: yangi-nuqta 2s ease-in-out infinite; }
.lenta-ixcham li { display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: baseline; gap: 8px; padding-top: 0; }
.lenta-ixcham li:not(:last-child) { min-height: 26px; }
.lenta-ixcham .lenta-vaqt { display: flex; align-items: baseline; gap: 7px; margin: 0; }
.lenta-ixcham a { font-size: 15px; line-height: 1.4; }
.jonli-lenta li:first-child::before { animation: yangi-halqa 2s ease-out infinite; }
.jonli-lenta li:first-child::after { animation: yangi-nuqta 2s ease-in-out infinite; }
.jonli-lenta .lenta-hammasi { margin-top: 8px; }
@media (max-width: 640px) { .lenta-ixcham li { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* ---------- Sörovnoma ---------- */
.sorov { margin: 0 0 26px; padding: 0 0 22px; border-bottom: 1px solid var(--umid-och); }
.sorov:last-child { border-bottom: none; }
.sorov-savol { margin: 0 0 12px; font: 700 17px/1.3 "Source Serif 4", Georgia, serif; text-wrap: pretty; }
.sorov-javoblar { display: flex; flex-direction: column; gap: 7px; }
.sorov-javob { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid var(--rule); border-radius: 8px; background: transparent; color: var(--fg); font: 500 14px "Inter", sans-serif; text-align: left; cursor: pointer; transition: border-color .15s, background .15s; }
.sorov-javob:hover:not(:disabled) { border-color: var(--umid); }
.sorov-javob:disabled { cursor: default; color: var(--muted); }
.sj-belgi { flex: none; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--muted); }
.sorov-javob.tanlandi { border-color: var(--umid); color: var(--fg); background: var(--umid-och); }
.sorov-javob.tanlandi .sj-belgi { border-color: var(--umid); background: radial-gradient(circle, var(--umid) 45%, transparent 50%); }
.sorov-izoh, .sorov-rahmat { margin: 10px 0 0; font-size: 12.5px; color: var(--muted); }
.sorov-rahmat { color: var(--umid); font-weight: 600; }

/* ================= Xabar sahifasi (yangi) ================= */
.mq { padding-top: 32px; }
.mq-bolim { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; color: var(--umid); text-decoration: none !important; margin-bottom: 14px; }
.mq h1 { margin: 0 0 14px; font: 700 46px/1.08 "Source Serif 4", Georgia, serif; letter-spacing: -.6px; text-wrap: balance; }
.mq-lid { margin: 0; font: 400 21px/1.5 "Source Serif 4", Georgia, serif; color: var(--soft); text-wrap: pretty; }
.mq-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 22px; padding: 12px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.mq-vaqt { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.mq-vaqt a { color: var(--soft); text-decoration: underline; text-underline-offset: 3px; }
.mq-chiz { width: 1px; height: 14px; background: var(--umid); }
.mq-amal { display: flex; align-items: center; gap: 10px; }
.mq-amal .tinglash-kichik { margin: 0; min-height: 36px; }
.mq-ulash { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--fg); display: flex; align-items: center; justify-content: center; text-decoration: none !important; }
.mq-ulash:hover { background: var(--fg); color: var(--bg); }
.mq-foto { margin: 0; }
.mq-foto .foto { aspect-ratio: 16 / 9; }
.mq-foto figcaption { font-size: 12px; color: var(--muted); padding-top: 8px; }
.mq-foto figcaption:empty { display: none; }
.mq .maqola-matn { margin-top: 30px; }
.mq .maqola-matn p { font: 400 19px/1.75 "Source Serif 4", Georgia, serif; text-align: justify; hyphens: auto; margin: 0 0 1.15em; }
.mq-yana { display: grid; gap: 28px; }

/* A — BBC uslubi: chapda maqola, öngda "Yana öqing" */
.mq.v-a { display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "bosh yon" "foto yon" "tana yon"; column-gap: 56px; align-items: start; }
.v-a .mq-bosh { grid-area: bosh; margin-bottom: 26px; }
.v-a .mq-foto { grid-area: foto; }
.v-a .mq-tana { grid-area: tana; }
.v-a .mq-yon { grid-area: yon; position: sticky; top: 16px; }
.v-a .mq-yon .foto { display: none; }
.v-a .mq-yana { gap: 0; }
.v-a .mq-yana .karta { padding: 14px 0; border-bottom: 1px solid var(--umid-och); }
.v-a .mq-yana .karta h3 { margin: 0; font-size: 18px; }

/* B — simmetrik jurnal: keng foto, ustida markaziy karta, matn örtada */
.mq.v-b { display: flex; flex-direction: column; align-items: center; }
.v-b .mq-foto { width: 100%; order: 1; }
.v-b .mq-foto .foto { aspect-ratio: 21 / 9; }
.v-b .mq-foto figcaption { text-align: right; }
.v-b .mq-bosh { order: 2; position: relative; z-index: 2; width: min(860px, 92%); margin-top: -120px; padding: 34px 52px 0; background: var(--bg); text-align: center; }
.v-b .mq-meta { justify-content: center; flex-direction: column; gap: 12px; border-bottom: none; }
.v-b .mq-vaqt { justify-content: center; }
.v-b .mq-tana { order: 3; width: 100%; max-width: 690px; }
.v-b .mq-yon { order: 4; width: 100%; margin-top: 40px; }
.v-b .mq-yana { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v-b .mq-yana .karta .foto { aspect-ratio: 16 / 10; }

@media (max-width: 980px) {
  .mq.v-a { display: block; }
  .v-a .mq-yon { position: static; margin-top: 36px; }
  .v-b .mq-yana { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .mq h1 { font-size: 31px; }
  .mq-lid { font-size: 18px; }
  .v-b .mq-bosh { margin-top: -40px; padding: 22px 16px 0; width: 94%; }
  .v-b .mq-foto { margin: 0 -16px; width: calc(100% + 32px); }
  .v-b .mq-foto .foto { aspect-ratio: 4 / 3; }
  .mq .maqola-matn p { font-size: 18px; }
}

/* Markaziy ustun kattaroq: yon ustunlar 250px, sahifa 1320px */
.wrap { max-width: 1320px; }
.bosh { grid-template-columns: 250px minmax(0, 1fr) 250px; gap: 36px; }
@media (max-width: 1100px) { .bosh { grid-template-columns: minmax(0, 1fr) 260px; } }
@media (max-width: 860px) { .bosh { grid-template-columns: minmax(0, 1fr); } }
.hero .foto { height: auto; aspect-ratio: 16 / 9; }
.hero h1 { font-size: 38px; }
/* "Butun xronologiya" öng tomonda */
.jonli-lenta { display: flex; flex-direction: column; }
.jonli-lenta .lenta-hammasi { align-self: flex-end; margin: 6px 0 0; }
/* Bölim sahifasidagi sörovnoma */
.bolim-sorov { max-width: 520px; margin: 0 auto 36px; padding: 20px 24px 4px; border: 1px solid var(--umid-och); border-radius: 12px; }
.bolim-sorov .sorov { border-bottom: none; margin-bottom: 0; }
.v-a .mq-tana .maqola-matn { margin-top: 26px; }

/* Sörovnoma: tanlanganda fon emas, faqat belgi rangli */
.sorov-javob.tanlandi { background: transparent; border-color: var(--rule); color: var(--fg); font-weight: 600; }
/* Logodagi 4 yulduz — firuza */


/* Menyu: sichqonça kelganda va tanlanganda — firuza çiziq */
.menyu-yarim a:hover { border-bottom-color: var(--umid-och); }
.menyu-yarim a[aria-current="page"] { border-bottom-color: var(--umid); }
/* Logo — töliq firuza */



/* ---------- Markaziy blok uslublari ---------- */
.m-royxat, .m-bolim, .m-dayjest { margin-top: 28px; border-top: 1px solid var(--rule); }
/* A — ro'yxat */
.mr-qator { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--rule); }
.mr-qator.rasmli { grid-template-columns: minmax(0, 1fr) 200px; }
.mr-qator h3 { margin: 0 0 6px; font: 700 21px/1.25 "Source Serif 4", Georgia, serif; }
.mr-qator h3 a, .mb-asosiy h3 a, .mb-qisqa a, .md-qator h3 a { text-decoration: none !important; }
.mr-qator h3 a:hover, .mb-asosiy h3 a:hover, .mb-qisqa a:hover, .md-qator h3 a:hover { opacity: .65; }
.mr-qator .meta-qator { margin-top: 10px; }
.mr-rasm .foto { aspect-ratio: 16 / 10; }
/* B — bölimlar */
.m-bolim { padding-top: 18px; }
.mb-sarlavha { display: inline-flex; gap: 6px; font-size: 12.5px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; color: var(--umid); text-decoration: none !important; margin-bottom: 12px; }
.mb-ichi { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; padding-bottom: 22px; }
.mb-asosiy h3 { margin: 0 0 8px; font: 700 23px/1.22 "Source Serif 4", Georgia, serif; }
.mb-qisqa { list-style: none; margin: 0; padding: 0 0 0 24px; border-left: 1px solid var(--rule); }
.mb-qisqa li { padding: 0 0 14px; margin-bottom: 14px; border-bottom: 1px solid var(--rule); font: 700 16.5px/1.3 "Source Serif 4", Georgia, serif; }
.mb-qisqa li:last-child { border-bottom: none; margin-bottom: 0; }
.mb-qisqa .meta-qator { font-family: "Inter", sans-serif; font-weight: 400; margin-top: 6px; }
/* C — dayjest */
.m-dayjest { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.md-qator { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--rule); }
.md-raqam { font: 300 26px/1 "Inter", sans-serif; color: var(--umid); }
.md-bolim { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); text-decoration: none !important; }
.md-qator h3 { margin: 4px 0 6px; font: 700 19px/1.25 "Source Serif 4", Georgia, serif; }
@media (max-width: 640px) {
  .mr-qator.rasmli { grid-template-columns: minmax(0, 1fr) 110px; }
  .mb-ichi, .m-dayjest { grid-template-columns: minmax(0, 1fr); }
  .mb-qisqa { padding-left: 0; border-left: none; }
}


/* ---------- Markaz: Tahlil — 3 × 3 ---------- */
.m-tahlil { margin-top: 30px; }
.m-tahlil .blok-sarlavha a { text-decoration: none !important; }
.mt-panjara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 20px; }
.mt-karta .foto { aspect-ratio: 4 / 3; }
.mt-karta h3 { margin: 10px 0 4px; font: 700 16.5px/1.28 "Source Serif 4", Georgia, serif; text-wrap: pretty; }
.mt-karta h3 a { text-decoration: none !important; }
.mt-karta h3 a:hover { opacity: .65; }
.mt-muallif { margin: 0; font-size: 11.5px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--umid); }
@media (max-width: 640px) { .mt-panjara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; } }

/* Menyu nomlari — 2 öliçam kattaroq (12 → 14px) */
.menyu-yarim { gap: 22px; }
.menyu-yarim a { font-size: 14px; letter-spacing: 1px; }
@media (max-width: 1400px) { .menyu-yarim { gap: 16px; } .menyu-yarim a { font-size: 13px; letter-spacing: .7px; } .menyu-qator { gap: 18px; } }
@media (max-width: 1260px) { .menyu-yarim { gap: 12px; } .menyu-yarim a { font-size: 12px; letter-spacing: .4px; } .menyu-qator { gap: 14px; } }

/* ---------- Ost-bölimlar: menyuda oçiluvçi ro'yxat, bölim sahifasida tablar ---------- */
.menyu-yarim > li { position: relative; }
.menyu-yarim .ost-menyu { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 6px); z-index: 30; list-style: none; margin: 0; padding: 10px 0; min-width: 190px;
  background: var(--bg); border: 1px solid var(--rule); border-top: 2px solid var(--umid); box-shadow: 0 14px 30px rgba(0,0,0,.08); text-align: center;
  opacity: 0; visibility: hidden; transition: opacity .15s, transform .15s, visibility .15s; }
.menyu-yarim .ostli:hover .ost-menyu, .menyu-yarim .ostli:focus-within .ost-menyu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.menyu-yarim .ost-menyu a { display: block; padding: 8px 22px; border: 0; font-size: 12.5px; font-weight: 600; letter-spacing: .8px; text-transform: none; color: var(--fg); }
.menyu-yarim .ost-menyu a:hover, .menyu-yarim .ost-menyu a[aria-current="page"] { color: var(--umid); border: 0; }
.mobil-menyu .ost-mobil { padding: 0 0 6px; }
.mobil-menyu .ost-mobil a { padding: 7px 0; border-bottom: 0; font-size: 12.5px; font-weight: 500; letter-spacing: .3px; text-transform: none; color: var(--soft); }
.ost-tablar { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; margin: -12px auto 34px; max-width: 900px; }
.ost-tablar a { padding: 7px 16px; border: 1px solid var(--rule); border-radius: 999px; font-size: 13px; font-weight: 600; letter-spacing: .3px; text-decoration: none !important; color: var(--fg); }
.ost-tablar a:hover { border-color: var(--umid); }
.ost-tablar a[aria-current="page"] { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.mq-ost-ayir { margin: 0 8px; color: var(--umid); font-weight: 700; }

/* ---------- Logo — qora ramka içida ---------- */
.masthead .logo { padding: 10px 14px 9px; border: 2px solid var(--fg); background: var(--bg); }
@media (max-width: 1100px) { .masthead .logo { padding: 6px 9px 5px; border-width: 1.5px; } }

/* ---------- Jonli lenta: soat | sarlavha | kun · bölim (öng tomonda) ---------- */
.lenta-ixcham li { grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; }
.lenta-ixcham .lv-soat { font-variant-numeric: tabular-nums; }
.lv-ong { display: inline-flex; align-items: baseline; gap: 10px; white-space: nowrap; font-size: 12.5px; color: var(--muted); }
.lv-ong .lv-kun { font-size: 12.5px; letter-spacing: 0; text-transform: none; }
.lv-ayir { width: 1px; height: 11px; background: var(--umid); align-self: center; }
.lv-bolim { min-width: 0; }
@media (max-width: 640px) { .lenta-ixcham li { grid-template-columns: 46px minmax(0, 1fr); gap: 2px 10px; } .lv-ong { grid-column: 2; font-size: 12px; } }

/* ---------- Sayt xaritasi: footer çizigi ustida barça bölimlar ---------- */
.sayt-xaritasi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 34px 24px; margin-top: 72px; padding-top: 36px; padding-bottom: 40px; text-align: center; position: relative; }
.sayt-xaritasi::before { content: ""; position: absolute; top: 0; left: 32px; right: 32px; border-top: 1px solid var(--rule); }
.sx-bolim { display: inline-block; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 2px solid var(--umid); font-size: 12.5px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--fg); text-decoration: none !important; }
.sx-bolim:hover { color: var(--umid); }
.sayt-xaritasi ul { list-style: none; margin: 0; padding: 0; }
.sayt-xaritasi li a { display: inline-block; padding: 4px 0; font-size: 13.5px; color: var(--soft); text-decoration: none !important; }
.sayt-xaritasi li a:hover { color: var(--umid); }
.sayt-xaritasi + .footer { margin-top: 0; }
@media (max-width: 900px) { .sayt-xaritasi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 16px; margin-top: 48px; } }
@media (max-width: 640px) { .sayt-xaritasi::before { left: 16px; right: 16px; } }
.sayt-xaritasi ul.sx-kop { columns: 2; column-gap: 18px; } .sayt-xaritasi ul.sx-kop li { break-inside: avoid; }

/* ---------- Bölim sahifasi: çapda sörovnoma, öngda xabarlar ---------- */
.bolim-tana { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 44px; align-items: start; }
.bolim-yon { position: sticky; top: 20px; padding-right: 30px; border-right: 1px solid var(--rule); }
.bolim-yon .sorov { border-bottom: none; }
.bolim-asosiy .panjara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 26px; }
@media (max-width: 1100px) { .bolim-asosiy .panjara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) {
  .bolim-tana { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .bolim-yon { position: static; order: 2; padding: 24px 0 0; border-right: 0; border-top: 1px solid var(--rule); }
  .bolim-asosiy .panjara { grid-template-columns: minmax(0, 1fr); }
}
/* Munosabat sörovnomasi: bölim belgisi va xabarga havola */
.sorov-bolim { display: inline-block; margin-bottom: 6px; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--umid); text-decoration: none !important; }
.sorov-xabar { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 600; color: var(--soft); text-decoration: none !important; }
.sorov-xabar:hover { color: var(--umid); }

/* ---------- Jonli lenta: öng tomondagi ustunlar bir xil kenglikda, tekis ---------- */
.lenta-ixcham li { grid-template-columns: 52px minmax(0, 1fr) 210px; }
.lv-ong { display: grid; grid-template-columns: 88px 1px minmax(0, 1fr); gap: 12px; align-items: center; font-size: 12.5px; }
.lv-ong .lv-kun { font-weight: 500; text-align: right; }
.lv-ong .lv-bolim { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 640px) { .lenta-ixcham li { grid-template-columns: 46px minmax(0, 1fr); } .lv-ong { display: flex; gap: 8px; } .lv-ong .lv-kun { text-align: left; } }

/* ---------- Xabar sahifasi: sarlavhadan matngaça ixcham ---------- */
.mq-bolim { margin-bottom: 8px; }
.mq-bosh h1 { margin: 0 0 10px; font-size: 38px; line-height: 1.12; }
.mq-lid { font-size: 18.5px; line-height: 1.45; }
.mq-meta { margin-top: 14px; padding: 8px 0; gap: 12px; border-bottom: 0; }
.v-b .mq-meta { flex-direction: row; justify-content: center; gap: 18px; }
.v-b .mq-bosh { margin-top: -90px; padding: 26px 44px 0; }
.mq-vaqt { font-size: 12.5px; gap: 10px; }
.mq-amal { gap: 8px; }
.mq-amal .tinglash-kichik { min-height: 30px; padding-top: 0; padding-bottom: 0; font-size: 11px; }
.mq-amal .tinglash-kichik .doira { width: 22px; height: 22px; }
.mq-ulash { width: 30px; height: 30px; border-width: 1.2px; }
.mq-ulash svg { width: 14px; height: 14px; }
.mq-tana .maqola-matn { margin-top: 18px; }
.v-a .mq-bosh { margin-bottom: 0; }
.v-a .mq-tana .maqola-matn { margin-top: 18px; }
@media (max-width: 640px) { .mq-bosh h1 { font-size: 28px; } .mq-lid { font-size: 17px; } .v-b .mq-bosh { margin-top: -36px; padding: 18px 14px 0; } }
.lenta-ixcham li { grid-template-columns: 52px minmax(0, 1fr) 236px; }
.lv-ong { grid-template-columns: 82px 1px minmax(0, 1fr); }
.v-b .mq-foto { position: relative; }
.v-b .mq-foto figcaption { position: absolute; top: 10px; right: 10px; padding: 3px 8px; font-size: 11px; color: #fff; background: rgba(0,0,0,.45); border-radius: 3px; }
@media (max-width: 640px) {
  .v-b .mq-meta { flex-direction: column; gap: 10px; }
  .mq-vaqt { justify-content: center; gap: 4px 10px; }
}
.v-b .mq-foto .foto { aspect-ratio: 3 / 1; }
@media (max-width: 640px) { .v-b .mq-foto .foto { aspect-ratio: 16 / 10; } .mq-vaqt .mq-chiz:last-of-type { display: none; } }

/* ---------- Ötkazib yubormang (har sahifa ostida) ---------- */
.tanlov { margin-top: 64px; }
.tanlov-qator { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.tanlov-qator li { border-left: 1px solid var(--rule); }
.tanlov-qator li:first-child { border-left: 0; }
.tanlov-qator a { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; padding: 6px 22px 10px; text-align: center; text-decoration: none !important; color: var(--fg); }
.tq-raqam { font: 700 38px/1 "Source Serif 4", Georgia, serif; color: var(--umid); }
.tq-bolim { font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--muted); }
.tq-sarlavha { font: 700 19px/1.3 "Source Serif 4", Georgia, serif; text-wrap: balance; }
.tanlov-qator a:hover .tq-sarlavha { color: var(--umid); }
.tanlov + .sayt-xaritasi { margin-top: 56px; }
@media (max-width: 800px) {
  .tanlov-qator { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
  .tanlov-qator li:nth-child(odd) { border-left: 0; }
  .tanlov-qator a { padding: 4px 12px; }
  .tq-raqam { font-size: 30px; } .tq-sarlavha { font-size: 17px; }
}
.masthead { z-index: 40; }

.mubin-band { padding-left: 18px; border-left: 2px solid var(--umid); }

/* ---------- So'rovnoma natijasi (ovoz bergandan keyin) ---------- */
.sorov-natija { display: grid; gap: 10px; margin-top: 4px; }
.sn-yozuv { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; margin-bottom: 4px; color: var(--soft); }
.sn-yozuv b { font-variant-numeric: tabular-nums; color: var(--fg); }
.sn-chiziq { height: 6px; border-radius: 3px; background: var(--rule); overflow: hidden; }
.sn-chiziq i { display: block; height: 100%; background: var(--muted); border-radius: 3px; transition: width .6s ease; }
.sn-qator.sizniki .sn-chiziq i { background: var(--umid); }
.sn-qator.sizniki .sn-yozuv span { color: var(--fg); font-weight: 600; }
.sorov-jami { margin: 2px 0 0; font-size: 12px; color: var(--muted); }

/* ---------- Maqola oxiridagi nozik taklif ---------- */
.targib { text-align: center; margin: 4px auto 0; max-width: 520px; font: italic 400 16px/1.5 "Source Serif 4", Georgia, serif; color: var(--muted); }
.targib a { color: var(--umid); font-style: normal; font-family: Inter, sans-serif; font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.targib a:hover { text-decoration: underline; text-underline-offset: 3px; }
.qolgan { color: var(--umid); font-variant-numeric: tabular-nums; }

/* ---------- Muddati tugagan xabar ---------- */
.muddat-tugadi { text-align: center; }
.muddat-tugadi .tugadi { margin: 30px 0 10px; }
.mt-eski { font: italic 400 19px "Source Serif 4", Georgia, serif; color: var(--muted); }
.t-havola { display: inline-block; margin-top: 8px; padding: 10px 22px; border-radius: 999px; background: var(--fg); color: var(--bg) !important; text-decoration: none !important; font-weight: 600; }

/* ---------- Formalar ---------- */
.mubin-forma { display: grid; gap: 14px; margin: 26px 0 10px; }
.mubin-forma label { display: grid; gap: 6px; font: 600 13px Inter, sans-serif; color: var(--soft); }
.mubin-forma input[type=text], .mubin-forma input[type=url], .mubin-forma textarea { width: 100%; box-sizing: border-box; padding: 11px 13px; border: 1px solid var(--rule); border-radius: 10px; background: var(--bg); color: var(--fg); font: 400 15px/1.5 Inter, sans-serif; }
.mubin-forma input:focus, .mubin-forma textarea:focus { outline: none; border-color: var(--umid); box-shadow: 0 0 0 3px var(--umid-och); }
.mubin-forma fieldset { border: 0; padding: 0; margin: 0; }
.mubin-forma legend { font: 600 13px Inter, sans-serif; color: var(--soft); margin-bottom: 8px; }
.mf-turlar, .mf-belgilar { display: flex; flex-wrap: wrap; gap: 8px; }
.mf-turlar label, .mf-belgilar label { display: inline-flex; gap: 0; }
.mf-turlar input, .mf-belgilar input { position: absolute; opacity: 0; pointer-events: none; }
.mf-turlar span, .mf-belgilar span { padding: 7px 15px; border: 1px solid var(--rule); border-radius: 999px; font: 600 13px Inter, sans-serif; color: var(--fg); cursor: pointer; }
.mf-turlar input:checked + span, .mf-belgilar input:checked + span { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.mf-turlar input:focus-visible + span, .mf-belgilar input:focus-visible + span { box-shadow: 0 0 0 3px var(--umid-och); }
.mf-ikki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mf-tuzoq { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mubin-forma button[type=submit] { justify-self: start; padding: 12px 28px; border: 0; border-radius: 999px; background: var(--fg); color: var(--bg); font: 600 14px Inter, sans-serif; letter-spacing: .5px; cursor: pointer; }
.mubin-forma button[disabled] { opacity: .5; }
.mf-holat { margin: 0; font-size: 13.5px; color: var(--umid); min-height: 1em; }
.mf-izoh { margin: 0; font-size: 12.5px; color: var(--muted); }
.mf-rahmat { text-align: center; padding: 20px 0; }
@media (max-width: 640px) { .mf-ikki { grid-template-columns: 1fr; } }
.oddiy.muddat-tugadi p { text-align: center; text-align-last: center; }

/* ---------- Kitoblar ---------- */
.kitoblar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 36px; }
.kitob { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 18px; padding-bottom: 24px; border-bottom: 1px solid var(--rule); }
.kt-muqova { width: 120px; aspect-ratio: 2 / 3; object-fit: cover; background: var(--photo); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.kt-muqova svg { width: 46px; opacity: .35; }
.kitob h3 { margin: 0 0 6px; font: 700 20px/1.25 "Source Serif 4", Georgia, serif; }
.kt-meta { margin: 0 0 8px; font-size: 13px; color: var(--muted); }
.kt-tugma { display: inline-block; margin-top: 6px; padding: 9px 18px; border-radius: 999px; background: var(--fg); color: var(--bg) !important; font: 600 13px Inter, sans-serif; text-decoration: none !important; }
@media (max-width: 760px) { .kitoblar { grid-template-columns: minmax(0, 1fr); } .kitob { grid-template-columns: 90px minmax(0, 1fr); } .kt-muqova { width: 90px; } }

/* ---------- Texnik ta'minot ---------- */
table.taminot { width: 100%; border-collapse: collapse; margin: 18px 0; font: 400 14.5px Inter, sans-serif; }
table.taminot th, table.taminot td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--rule); }
table.taminot th { font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--muted); }
.tm-ok { color: var(--umid); font-weight: 600; } .tm-kut { color: var(--muted); }
.fikr .avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

/* Telefon: lenta sarlavhasi to'liq kenglikda (o'ng ustun sarlavha ostiga tushadi) */
@media (max-width: 760px) {
  .lenta-ixcham li { grid-template-columns: 46px minmax(0, 1fr); gap: 2px 10px; }
  .lenta-ixcham .lv-ong { grid-column: 2; display: flex; gap: 8px; font-size: 12px; }
  .lenta-ixcham .lv-ong .lv-kun { text-align: left; }
}


/* Tavsiya sarlavhasi: 14.5px dan 17px ga */
.tavsiya .tv-sarlavha { font-size: 17px; line-height: 1.3; }

/* Jonli lenta: soat | sana (kk.oo.yyyy) | sarlavha | bölim */
.jonli-lenta .lenta-ixcham li { grid-template-columns: 50px 92px minmax(0, 1fr); gap: 12px; }
.jonli-lenta .lv-sana { font-size: 13px; font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; }
.jonli-lenta .lv-ong { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 760px) {
  .jonli-lenta .lenta-ixcham li { grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px; }
  .jonli-lenta .lenta-ixcham li > a, .jonli-lenta .lenta-ixcham .lv-ong { grid-column: 1 / -1; }
}

/* ---------- Bosh sahifa pasti: keng reklama + bölim bloklari ---------- */
.ustun-chap.teng, .ustun-ong.teng { display: flex; flex-direction: column; position: static; }
.ustun-ong.teng > .reklama-blok { margin-top: auto; margin-bottom: 0; }
.ustun-chap.teng { justify-content: flex-start; }
.ustun-chap.teng .sorov { flex: 1 0 auto; }
.bl-hammasi { margin: 18px 0 0; }
.m-tahlil { display: flex; flex-direction: column; }
.m-tahlil .bl-hammasi { align-self: flex-end; }
.reklama-pastki { margin: 56px 0 8px; text-align: center; }
.reklama-pastki .reklama-keng { max-width: none; height: 200px; }
.bosh-bolim { margin-top: 56px; display: flex; flex-direction: column; }
.bosh-bolim .bl-hammasi { align-self: flex-end; }
.bb-panjara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 26px; }
.bb-panjara .karta h3 { font-size: 18px; }
.bb-panjara .karta .lid { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bb-kitoblar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.bb-kitoblar .bosh-xabar { grid-column: 1 / -1; padding: 28px 0; }
.bk-kitob { text-decoration: none !important; color: var(--fg); }
.bk-kitob .kt-muqova { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; }
.bk-kitob h3 { margin: 10px 0 4px; font: 700 16px/1.3 "Source Serif 4", Georgia, serif; }
@media (max-width: 1100px) { .bb-panjara, .bb-kitoblar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .bb-panjara { grid-template-columns: minmax(0, 1fr); } .reklama-pastki .reklama-keng { height: 100px; } }

/* ---------- Footer: 2 | logo | 2 — past va ixçam ---------- */
.footer-ustunlar { grid-template-columns: repeat(2, minmax(0, 1fr)) auto repeat(2, minmax(0, 1fr)); align-items: start; gap: 36px; max-width: 1100px; }
.footer-ustunlar > nav:nth-of-type(3) { order: 4; }
.footer-ustunlar > nav:nth-of-type(4) { order: 5; }
.footer-bosh { order: 3; }
@media (max-width: 760px) {
  .footer-ustunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .footer-bosh { grid-column: 1 / -1; order: -1; }
}
/* Simmetriya: kam kartali bölimlar markazda, "Barça…" havolasi markazda */
.bb-panjara { display: flex; flex-wrap: wrap; justify-content: center; }
.bb-panjara > .karta { flex: 0 0 calc((100% - 3 * 26px) / 4); }
@media (max-width: 1100px) { .bb-panjara > .karta { flex-basis: calc((100% - 26px) / 2); } }
@media (max-width: 640px) { .bb-panjara > .karta { flex-basis: 100%; } }
.bosh-bolim .bl-hammasi, .m-tahlil .bl-hammasi { align-self: center; margin-left: 0; }

/* Haqiqiy reklama banneri (paneldan) */
.reklama-quti.toldi { border: 0; padding: 0; height: auto; display: block; }
.reklama-banner { display: block; line-height: 0; }
.reklama-banner img { display: block; width: 100%; height: auto; animation: rk-kir .5s ease; }
.reklama-tasma .reklama-keng.toldi { max-width: 970px; margin: 0 auto; }
@keyframes rk-kir { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .reklama-banner img { animation: none; } }

/* Xabar ichidagi video (Telegram / YouTube) */
.mq-video { margin: 0 0 22px; }
.mq-yt { position: relative; aspect-ratio: 16 / 9; }
.mq-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Xabar sahifasi: sana/manba matn ostida; tepada faqat Tinglaş va Ulaşiş */
.mq-bosh .mq-amal { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
.v-a .mq-bosh .mq-amal { justify-content: flex-start; }
button.mq-ulash { background: transparent; color: var(--fg); cursor: pointer; padding: 0; }
.mq-pastmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 26px 0 0; padding-top: 12px; border-top: 1px solid var(--rule); font-size: 13px; color: var(--muted); }
.mq-pastmeta a { color: var(--soft); text-decoration: underline; text-underline-offset: 3px; }
.bildirish { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; background: var(--fg); color: var(--bg); padding: 10px 18px; border-radius: 999px; font: 600 13px "Inter", sans-serif; transition: .25s; z-index: 99; }
.bildirish.kor { opacity: 1; transform: translate(-50%, 0); }

/* Xabar matni: bosh harf aniq 2 qator, qatorlar orasi ixcham, telefonda tekis (justify'siz) */
.maqola-matn p:first-child::first-letter { float: none; font-size: inherit; line-height: inherit; font-weight: inherit; padding: 0; }
.mq .maqola-matn p, .maqola-matn p { line-height: 1.58; margin-bottom: .95em; }
.maqola-matn.bosh-harf p:first-child::first-letter { float: left; font-size: 3.25em; line-height: .78; font-weight: 700; padding: .06em .09em 0 0; margin-top: .02em; }
@supports (initial-letter: 2) {
  .maqola-matn.bosh-harf p:first-child::first-letter { float: none; initial-letter: 2; -webkit-initial-letter: 2; font-size: inherit; line-height: inherit; padding: 0 .12em 0 0; margin: 0; }
}
.mq-bosh .mq-amal { margin: 18px 0 22px; }
.mq-video { margin: 4px 0 26px; }
@media (max-width: 640px) {
  .mq .maqola-matn p, .maqola-matn p { text-align: left; hyphens: manual; line-height: 1.55; }
}

/* Bosh harf — 1,5 qator */
.maqola-matn.bosh-harf p:first-child::first-letter { font-size: 2.55em; line-height: .8; padding: .04em .08em 0 0; }
@supports (initial-letter: 2) {
  .maqola-matn.bosh-harf p:first-child::first-letter { initial-letter: 1.5; -webkit-initial-letter: 1.5; font-size: inherit; line-height: inherit; }
}
/* Matn orasidagi qo'shimcha fotolar */
.mq-ichfoto { margin: 6px 0 22px; }
.mq-ichfoto img { display: block; width: 100%; height: auto; border-radius: 2px; }
.mq-ichfoto figcaption { margin-top: 6px; font: 400 12px "Inter", sans-serif; color: var(--muted); }

/* Asosiy lenta sarlavhalari qalin */
.jonli-lenta .lenta-ixcham a { font-weight: 600; }
/* Xabar matni — ikki cheti tekis (telefonda ham) */
@media (max-width: 640px) { .mq .maqola-matn p, .maqola-matn p { text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; } }
/* Hijriy taqvim bloki */
.taqvim { margin: 0 0 30px; padding: 0 0 22px; border-bottom: 1px solid var(--umid-och); text-align: center; }
.tq-bugun { margin: 0 0 14px; font: 700 20px/1.2 "Source Serif 4", Georgia, serif; }
.tq-yorliq { margin: 0 0 6px; font: 700 11px "Inter", sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: var(--umid); }
.tq-nom { margin: 0 0 8px; font: 700 17px/1.3 "Source Serif 4", Georgia, serif; }
.tq-amal { margin: 0; font-size: 14px; line-height: 1.55; color: var(--soft); }
.tq-izoh { margin: 12px 0 0; font-size: 11px; color: var(--muted); }

/* Hijriy taqvim — ixcham, nafis karta (so'rovnomalardan keyin) */
.taqvim { margin: 4px 0 0; padding: 18px 20px 20px; border: 1px solid var(--umid-och); border-top: 3px solid var(--umid); border-radius: 4px; text-align: left; background: transparent; }
.taqvim .tq-bugun { margin: 0 0 10px; font: 700 17px/1.3 "Source Serif 4", Georgia, serif; color: var(--fg); }
.taqvim .tq-bugun span { font: 600 11px "Inter", sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: var(--umid); margin-right: 4px; }
.taqvim .tq-nom { margin: 0 0 6px; font: 700 15px/1.35 "Inter", sans-serif; }
.taqvim .tq-matn { margin: 0; font-size: 14px; line-height: 1.55; color: var(--soft); }
.ustun-chap.teng .taqvim { flex: none; }

/* Jonli lenta v2: "14 daq. oldin: Sarlavha" + qisqa izoh (sana yo'q) */
.jonli-lenta .lenta-ixcham li { display: block; }
.jonli-lenta .lv-oldin { font-size: 13.5px; font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.jonli-lenta .lenta-ixcham li > a { font-size: 15px; line-height: 1.4; font-weight: 700; }
.jonli-lenta .lv-lid { margin: 3px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: left; }

/* Reklama joylari: faol reklama bo'lmasa ko'rinmaydi (bo'sh "Reklama uçun joy" ramkalari chiqmaydi) */
.reklama-blok:not(.bor), .reklama-tasma:not(.bor) { display: none; }
[hidden] { display: none !important; }
.mt-panjara.kam { display: flex; justify-content: center; gap: 20px; }
.mt-panjara.kam .mt-karta { width: calc((100% - 40px) / 3); }
@media (max-width: 760px) { .mt-panjara.kam { flex-wrap: wrap; } .mt-panjara.kam .mt-karta { width: 100%; max-width: 360px; } }

/* Ovoz vaqtincha o'chiq (asoschi qarori, 18.10): Tinglaş tugmalari ko'rinmaydi */
#tinglash-tugma, .tinglash-kichik, .tg-tingla-mobil, #pleer, [data-tingla], .yon-tugma[aria-label="Tinglaş"] { display: none !important; }

/* Maqola boshi v3: sarlavha tepada, foto ostida — foto ustiga plashka qo'yilmaydi, rasm kesilmaydi */
.v-b { display: flex; flex-direction: column; }
.v-b .mq-bosh { order: 1; margin: 0 auto 26px; padding: 8px 0 0; width: min(860px, 100%); background: none; text-align: center; }
.v-b .mq-foto { order: 2; width: min(1000px, 100%); margin: 0 auto 30px; position: static; }
.v-b .mq-foto .foto { aspect-ratio: 16 / 9; }
.v-b .mq-foto .foto img { object-position: center 30%; }
.v-b .mq-foto figcaption { position: static; background: none; color: var(--muted); padding: 8px 0 0; text-align: right; font-size: 12px; border-radius: 0; }
.v-b .mq-tana { order: 3; }
@media (max-width: 640px) { .v-b .mq-bosh { margin-top: 0; padding: 4px 0 0; width: 100%; } .v-b .mq-foto { margin: 0 -16px 22px; width: calc(100% + 32px); } .v-b .mq-foto .foto { aspect-ratio: 4 / 3; } .v-b .mq-foto figcaption { padding: 6px 16px 0; } }

/* Tahlil va diniy materiallar: ichki sarlavha va iqtibos */
.maqola-matn .mq-ichsarlavha { font-family: "Source Serif 4", Georgia, serif; font-size: 23px; line-height: 1.3; margin: 34px 0 12px; text-align: left; }
.maqola-matn .mq-ichsarlavha3 { font-family: "Source Serif 4", Georgia, serif; font-size: 19px; line-height: 1.35; margin: 26px 0 10px; text-align: left; }
.maqola-matn .mq-qisqa { margin: 4px 0 26px; padding: 16px 20px; border: 1px solid var(--rule, #ddd); border-left: 3px solid var(--umid); border-radius: 8px; background: var(--band, rgba(0,0,0,.03)); text-align: left; }
.maqola-matn .mq-qisqa b { display: block; font-size: 13px; letter-spacing: .4px; margin-bottom: 6px; color: var(--umid); }
.maqola-matn .mq-qisqa ul, .maqola-matn .mq-royxat ul { margin: 0; padding-left: 20px; }
.maqola-matn .mq-qisqa li, .maqola-matn .mq-royxat li { margin: 6px 0; line-height: 1.55; }
.maqola-matn .mq-royxat { margin: 0 0 18px; text-align: left; }
.maqola-matn .mq-jadval { margin: 22px 0; overflow-x: auto; }
.maqola-matn .mq-jadval table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
.maqola-matn .mq-jadval th, .maqola-matn .mq-jadval td { border-bottom: 1px solid var(--rule, #ddd); padding: 8px 10px; text-align: left; vertical-align: top; }
.maqola-matn .mq-jadval th { font-weight: 700; border-bottom-width: 2px; }
.maqola-matn .mq-iqtibos { margin: 22px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--umid); font-style: italic; color: var(--fg); }
.mq-muallif { margin: 4px 0 14px; font-size: 14px; letter-spacing: .3px; color: var(--muted); }
.mq-muallif b { color: var(--fg); font-weight: 600; }

/* 18.10 (asoschi): fotolar bir xil o'lchamda, yuzlar kesilmaydi; foto muallifi kichik va bitta nom */
.foto img { object-position: center 28%; }
.karta .foto, .lf-foto .foto, .mr-rasm .foto, .mt-karta .foto, .v-b .mq-yana .karta .foto, .hero .foto { aspect-ratio: 16 / 9; height: auto; }
.mq-foto figcaption, .mq-ichfoto figcaption, .v-b .mq-foto figcaption { font-size: 9px !important; letter-spacing: .8px; text-transform: uppercase; color: var(--muted); padding-top: 5px !important; opacity: .85; }
/* Maqola: matn, foto va sarlavha bir xil kenglikda — bir chiziqda tekislanadi */
.mq.v-b .mq-bosh, .mq.v-b .mq-foto, .mq.v-b .mq-tana { width: min(760px, 100%); max-width: 760px; margin-left: auto; margin-right: auto; }
.mq.v-b .mq-foto { margin-bottom: 28px; }
@media (max-width: 640px) { .mq.v-b .mq-foto { margin: 0 0 22px; width: 100%; } .mq.v-b .mq-foto .foto { aspect-ratio: 16 / 9; } .mq.v-b .mq-foto figcaption { padding: 5px 0 0 !important; } }
/* Bosh harf: ikki qator balandlikda, pastki chizig'i ikkinchi qator bilan bir tekis */
.maqola-matn.bosh-harf p:first-child::first-letter { float: left; font-size: 3.3em; line-height: .8; padding: .05em .08em 0 0; margin: .04em 0 0; }
@supports (initial-letter: 2) or (-webkit-initial-letter: 2) {
  .maqola-matn.bosh-harf p:first-child::first-letter { float: none; initial-letter: 2; -webkit-initial-letter: 2; font-size: inherit; line-height: inherit; padding: 0 .1em 0 0; margin: 0; }
}

/* 18.10 (asoschi): kimningdir öz gapi — alohida şakl */
.maqola-matn .mq-soz { position: relative; margin: 30px 0; padding: 18px 22px 16px 58px; background: color-mix(in srgb, var(--umid) 7%, transparent); border-left: 3px solid var(--umid); border-radius: 0 6px 6px 0; }
.maqola-matn .mq-soz::before { content: "\201C"; position: absolute; left: 14px; top: 2px; font-family: "Source Serif 4", Georgia, serif; font-size: 64px; line-height: 1; color: var(--umid); opacity: .85; }
.maqola-matn .mq-soz p { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-style: italic; font-size: 1.12em; line-height: 1.6; color: var(--fg); text-indent: 0; }
.maqola-matn .mq-soz cite { display: block; margin-top: 10px; font-style: normal; font-size: 13px; letter-spacing: .3px; color: var(--muted); }
@media (max-width: 640px) { .maqola-matn .mq-soz { padding: 14px 16px 14px 44px; } .maqola-matn .mq-soz::before { left: 10px; font-size: 50px; } }
.maqola-matn .mq-soz p { text-align: left; hyphens: manual; }
.maqola-matn.bosh-harf .mq-soz p:first-child::first-letter { float: none; initial-letter: normal; -webkit-initial-letter: normal; font-size: inherit; line-height: inherit; padding: 0; margin: 0; color: inherit; font-weight: inherit; }

/* 18.10 (asoschi): xabar fotolari bir xil rang tonida — turli manbalardan kelgan fotolar sayt uslubiga moslashadi */
.foto { position: relative; }
.foto img { filter: saturate(.82) contrast(1.04) brightness(.98); }
.foto::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(168, 115, 8, .05), rgba(30, 20, 5, .14)); mix-blend-mode: multiply; }

.mq-video .mq-mp4 { display: block; width: 100%; max-height: 72vh; background: #000; border-radius: 4px; margin: 0 0 24px; }

/* Sinov xabarlari belgisi (18.10) */
.sinov-belgi { color: var(--umid); font-weight: 600; letter-spacing: .3px; }
.sinov-izoh { margin: 26px 0 0; padding: 8px 12px; border: 1px dashed var(--umid); color: var(--umid); font-size: 13px; text-align: center; border-radius: 4px; }
/* Fikr mualliflari rasmi — oq-qora (asoschi 18.10) */
.fikr .avatar img, .mq-muallif img { filter: grayscale(1) contrast(1.05); }
/* Rasmiy sahifalar (19.10) */
.oddiy .lid { font-size: 1.12em; line-height: 1.6; color: var(--fg); }
.oddiy h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 21px; margin: 30px 0 10px; }
.oddiy ol.tamoyillar { padding-left: 22px; } .oddiy ol.tamoyillar li { margin: 0 0 12px; line-height: 1.6; }
.oddiy p, .oddiy li { text-align: left; hyphens: auto; }

/* Asoschi 19.10: sekin yuklanganda faqat logo ("Hozircha xabarlar yöq" yozuvi yöq) */
.yuk-logo { display: flex; justify-content: center; align-items: center; min-height: 50vh; }
.yuk-logo img { width: 72px; height: 72px; opacity: .85; animation: yukNafas 1.6s ease-in-out infinite; }
@keyframes yukNafas { 0%, 100% { opacity: .35; transform: scale(.96); } 50% { opacity: .9; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .yuk-logo img { animation: none; } }

/* 21.10 (asoschi): xabar sahifasida foto töliq körinadi — ramkaga sığdirib kesilmaydi */
.mq-foto .foto, .mq.v-b .mq-foto .foto, .v-b .mq-foto .foto, .maqola .foto { aspect-ratio: auto !important; height: auto; }
.mq-foto .foto img, .maqola .foto img { position: static; width: 100%; height: auto; max-height: 78vh; object-fit: contain; }

/* 24.10: namoz vaqtlari tasmasi — gazeta uslubida, oq-qora */
.namoz-tasma { border-bottom: 1px solid var(--rule); background: var(--bg); font-size: 13px; }
.nz-ichi { display: flex; align-items: center; gap: 14px; padding-top: 8px; padding-bottom: 8px; flex-wrap: wrap; }
.nz-shahar { background: none; border: 1px solid var(--rule); border-radius: 999px; padding: 4px 12px; font: inherit; font-weight: 700; cursor: pointer; color: var(--fg); }
.nz-vaqtlar { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; flex: 1; }
.nz-vaqtlar li { padding: 3px 10px; border-radius: 6px; color: var(--soft); }
.nz-vaqtlar li b { color: var(--fg); font-variant-numeric: tabular-nums; margin-left: 4px; }
.nz-vaqtlar li.nz-keyingi { background: var(--fg); color: var(--bg); }
.nz-vaqtlar li.nz-keyingi b { color: var(--bg); }
.nz-qoldi { margin: 0; color: var(--soft); white-space: nowrap; }
.nz-qoldi b { color: var(--fg); font-size: 15px; font-variant-numeric: tabular-nums; margin-left: 4px; }
.nz-forma { display: flex; gap: 8px; padding-bottom: 10px; }
.nz-forma input { flex: 1; padding: 7px 12px; border: 1px solid var(--rule); border-radius: 8px; font: inherit; background: var(--bg); color: var(--fg); }
.nz-forma .t { padding: 7px 14px; border: 1px solid var(--fg); border-radius: 8px; background: var(--fg); color: var(--bg); font: inherit; font-weight: 600; cursor: pointer; }
@media (max-width: 640px) { .nz-ichi { gap: 8px; } .nz-vaqtlar { order: 3; flex-basis: 100%; overflow-x: auto; flex-wrap: nowrap; } .nz-vaqtlar li { white-space: nowrap; padding: 3px 8px; } .nz-qoldi { margin-left: auto; } }

/* 24.10: sinov rejimi tasmasi */
.sinov-tasma { background: var(--fg); color: var(--bg); text-align: center; font-size: 12px; font-weight: 600; letter-spacing: .4px; padding: 6px 16px; }
.sinov-tasma span { color: #e0a100; margin-right: 6px; animation: yukNafas 1.6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .sinov-tasma span { animation: none; } }

/* 24.10: tavsiya — foto va sarlavha */
.tavsiya li.tv-fotoli { display: block; counter-increment: none; padding: 14px 0; }
.tavsiya li.tv-fotoli::before { content: none; }
.tavsiya .tv-rasm { display: block; margin-bottom: 9px; }
.tavsiya .tv-rasm .foto { aspect-ratio: 16 / 9; }
.tavsiya .tv-fotoli .tv-sarlavha { font: 700 16px/1.32 "Source Serif 4", Georgia, serif; display: block; }

/* 24.10: tahlil manbalari röyxati */
.mq-manbalar { margin: 4px 0 18px; font-size: 14px; color: var(--muted, #666); }
.mq-manbalar summary { cursor: pointer; }
.mq-manbalar ol { margin: 8px 0 0; padding-left: 22px; }
.mq-manbalar li { margin: 4px 0; }
.mq-manbalar a { color: inherit; text-decoration: underline; }