/* ============================================================
   Sindex "Havo" — server-render (Jinja) sahifalar uchun umumiy tema.
   MANBA HAQIQATI: frontend/src/index.css bilan sinxron tutiladi —
   rang o'zgartirsang, ikkalasini birga yangila.
   ============================================================ */
:root{
  --paper:#ffffff; --surface:#f6f8fb; --surface2:#edf1f7;
  --ink:#0f1728; --gray:#475467; --gray-soft:#98a2b3; --line:#e4e9f0;
  --primary:#2447d6; --primary-hover:#1b36a8; --primary-tint:#e4eafd; --navy:#0a1140;
  --success:#15803d; --success-soft:#eaf6ee; --danger:#b91c1c; --danger-soft:#fbedea;
  --accent:#e39a19; --accent-ink:#96690a; --accent-soft:#fcefd3;
  --r-card:14px; --r-ctl:10px;
  --shadow-card:0 1px 2px rgb(16 24 40/.05);
  --shadow-lift:0 8px 24px rgb(36 71 214/.08),0 2px 6px rgb(16 24 40/.05);
  --jaccent:var(--journal-accent,#2447d6);
  --font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;
}
*{box-sizing:border-box;margin:0}
body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.6;
  -webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-hover);text-decoration:underline}
h1,h2,h3{font-family:var(--font-sans);font-weight:800;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:30px}h2{font-size:22px;margin:32px 0 12px}h3{font-size:17px}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}

header.site{border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);
  position:sticky;top:0;z-index:40;backdrop-filter:blur(6px)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.logo b{color:var(--primary);font-size:26px;line-height:0}
.logo:hover{text-decoration:none}
.nav a{margin-left:18px;font-size:14px;font-weight:600;color:var(--gray)}
.nav a:hover{color:var(--ink);text-decoration:none}

footer.site{background:var(--navy);color:#fff;margin-top:56px}
footer.site .wrap{padding:32px 20px;font-size:13px;color:rgba(255,255,255,.72)}
footer.site a{color:rgba(255,255,255,.88)}

.badge{display:inline-block;background:var(--primary-tint);color:var(--primary-hover);
  font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px}
.badge-success{background:var(--success-soft);color:var(--success)}
.badge-danger{background:var(--danger-soft);color:var(--danger)}
.badge-accent{background:var(--accent-soft);color:var(--accent-ink)}
.muted{color:var(--gray);font-size:13px}
.src{font-size:12px;color:var(--gray-soft)}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.94em}

.card{border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px;
  margin:12px 0;background:var(--paper);box-shadow:var(--shadow-card)}
.card.on-surface{background:var(--surface);box-shadow:none}

.btn{display:inline-block;background:var(--primary);color:#fff;font-weight:700;font-size:14px;
  padding:10px 22px;border-radius:var(--r-ctl);border:0;cursor:pointer;font-family:var(--font-sans)}
.btn:hover{background:var(--primary-hover);color:#fff;text-decoration:none}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--surface2);color:var(--ink)}
.btn-ghost{display:inline-block;border:1px solid var(--line);border-radius:var(--r-ctl);
  color:var(--ink);font-weight:600;font-size:13.5px;padding:9px 18px;background:var(--paper);cursor:pointer}
.btn-ghost:hover{background:var(--surface);text-decoration:none;color:var(--ink)}

/* Jurnal sifat kartasi (DOAJ-uslub yorliqlar) */
.qcard{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);
  overflow:hidden;margin:20px 0}
.qcard>div{background:var(--paper);padding:12px 16px}
.qcard>div:last-child:nth-child(odd){grid-column:1/-1} /* toq sonda bo'sh katak qolmasin */
.qcard b{display:block;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--gray-soft);font-weight:700;margin-bottom:4px}
.qcard span{font-size:14px;font-weight:600}

/* Masthead (jurnal sahifasi) */
.masthead{color:#fff}
.masthead .wrap{padding:44px 20px}
.masthead h1{color:#fff;font-size:32px}
.masthead p{margin-top:8px;opacity:.92;font-size:14px}
.masthead .chip{background:rgba(255,255,255,.18);padding:3px 12px;border-radius:999px;font-weight:600}

/* Iqtibos modal */
dialog.cite{border:1px solid var(--line);border-radius:var(--r-card);padding:0;
  max-width:640px;width:calc(100% - 40px);box-shadow:var(--shadow-lift)}
dialog.cite::backdrop{background:rgb(15 23 40/.4)}
.cite-head{display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;border-bottom:1px solid var(--line)}
.cite-head h3{font-size:16px}
.cite-body{padding:8px 20px 18px}
.cite-item{margin-top:12px}
.cite-item b{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--gray-soft)}
.cite-item pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 12px;margin-top:4px;
  font-family:var(--font-mono);font-size:12.5px;line-height:1.5}
.cite-copy{float:right;font-size:12px;font-weight:700;color:var(--primary);
  background:none;border:0;cursor:pointer;font-family:var(--font-sans)}

table.plain{border-collapse:collapse;width:100%;font-size:14px}
table.plain td{border-bottom:1px solid var(--line);padding:8px 10px 8px 0;vertical-align:top}

@media (max-width:640px){h1{font-size:24px}.masthead h1{font-size:26px}}

/* To'liq matn — o'qish uchun tor ustun va bo'sh joy */
.fulltext { max-width: 72ch; }
.fulltext p { margin: 0 0 14px; line-height: 1.72; }