/* ТЕТРАДЬ — umumiy uslublar (darslar, lug'at, mashqlar, kitoblar) */
:root{
  --paper:#F6F5EE;
  --paper-alt:#EEECE0;
  --paper-line:#FFFFFF;
  --ink:#242F2A;
  --ink-soft:#5B6960;
  --rule:#9FB4D8;
  --margin:#B94A3D;
  --accent:#2F6F52;
  --accent-strong:#1E5A40;
  --accent-ink:#F4FBF6;
  --accent-soft:#DDEBE2;
  --gold:#B98A2E;
  --ok:#2F6F52;
  --ok-bg:#DDEFE4;
  --bad:#B94A3D;
  --bad-bg:#F6E0DC;
  --card-shadow:0 1px 0 rgba(36,47,42,.06), 0 10px 24px -16px rgba(36,47,42,.35);
  --hole:#D8D5C6;
  --font-display:'PT Serif', Georgia, 'Times New Roman', serif;
  --font-body:'PT Sans', 'Segoe UI', Tahoma, sans-serif;
  --font-hand:'Caveat', cursive;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#182721; --paper-alt:#1F332A; --paper-line:#22392E;
    --ink:#ECE8DC; --ink-soft:#A9BAB0; --rule:#5F84B8; --margin:#E0806F;
    --accent:#6FCB9F; --accent-strong:#8FE0B7; --accent-ink:#0F231A; --accent-soft:#24402F;
    --gold:#E8C36B; --ok:#8FE0B7; --ok-bg:#1E3F2E; --bad:#F09A8A; --bad-bg:#4A2723;
    --card-shadow:0 1px 0 rgba(0,0,0,.2), 0 14px 30px -18px rgba(0,0,0,.6);
    --hole:#0F1D17; color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --paper:#182721; --paper-alt:#1F332A; --paper-line:#22392E;
  --ink:#ECE8DC; --ink-soft:#A9BAB0; --rule:#5F84B8; --margin:#E0806F;
  --accent:#6FCB9F; --accent-strong:#8FE0B7; --accent-ink:#0F231A; --accent-soft:#24402F;
  --gold:#E8C36B; --ok:#8FE0B7; --ok-bg:#1E3F2E; --bad:#F09A8A; --bad-bg:#4A2723;
  --card-shadow:0 1px 0 rgba(0,0,0,.2), 0 14px 30px -18px rgba(0,0,0,.6);
  --hole:#0F1D17; color-scheme: dark;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{transition:none!important; animation:none!important;} }
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--font-body); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-display); font-weight:700; line-height:1.18; text-wrap:balance; margin:0;}
p{margin:0;}
a{color:inherit;}
button{font:inherit; color:inherit;}
img,svg{display:block; max-width:100%;}
::selection{background:var(--rule); color:var(--accent-ink);}
[hidden]{display:none!important;}

.binding{
  position:fixed; left:0; top:0; bottom:0; width:22px;
  background-image: radial-gradient(circle at 11px 16px, var(--hole) 5px, transparent 5.5px);
  background-size:22px 42px; background-repeat:repeat-y; background-position:0 10px;
  z-index:5; pointer-events:none;
}
@media (max-width:640px){ .binding{width:12px; background-size:12px 32px; background-image: radial-gradient(circle at 6px 14px, var(--hole) 3.5px, transparent 4px);} }

.wrap{max-width:1120px; margin:0 auto; padding:0 clamp(16px,4vw,48px) 0 clamp(28px,6vw,64px);}

/* ---------- header ---------- */
header.site{position:sticky; top:0; z-index:30; background:var(--paper); border-bottom:1px solid var(--paper-alt);}
.nav{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px clamp(16px,4vw,48px) 14px clamp(28px,6vw,64px); max-width:1120px; margin:0 auto;}
.brand{display:flex; align-items:baseline; gap:10px; text-decoration:none; flex:none;}
.brand-mark{font-family:var(--font-display); font-weight:700; letter-spacing:.04em; font-size:22px; color:var(--ink);}
.brand-tag{font-size:12.5px; color:var(--ink-soft); white-space:nowrap;}
@media (max-width:420px){ .brand-tag{display:none;} }
.nav-links{display:flex; align-items:center; gap:22px; list-style:none; margin:0; padding:0;}
.nav-links a{text-decoration:none; font-size:15px; font-weight:700; color:var(--ink-soft); padding:4px 0; border-bottom:2px solid transparent;}
.nav-links a:hover{color:var(--accent); border-color:var(--accent);}
.nav-links a[aria-current="page"]{color:var(--accent); border-color:var(--accent);}
.menu-btn{display:none; background:none; border:1.5px solid var(--ink-soft); border-radius:8px; padding:6px 10px; cursor:pointer; font-weight:700; font-size:14px;}
@media (max-width:820px){
  .menu-btn{display:inline-flex;}
  .nav-links{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; align-items:stretch; gap:0; background:var(--paper); border-bottom:1px solid var(--paper-alt); padding:6px clamp(16px,4vw,48px) 12px clamp(28px,6vw,64px);}
  .nav-links.open{display:flex;}
  .nav-links a{display:block; padding:12px 0; border-bottom:1px solid var(--paper-alt);}
}

/* ---------- page head ---------- */
.page-head{padding:44px 0 28px; border-bottom:1px solid var(--paper-alt);
  background:repeating-linear-gradient(var(--paper) 0 37px, color-mix(in srgb, var(--rule) 45%, transparent) 37px 38px);}
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--accent); margin-bottom:12px;}
.eyebrow::before{content:""; width:18px; height:1.5px; background:var(--accent);}
.page-head h1{font-size:clamp(28px,4.4vw,44px);}
.page-head p.lead{margin-top:12px; max-width:62ch; color:var(--ink-soft); font-size:17px;}
.hand{font-family:var(--font-hand); color:var(--margin); font-size:22px;}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--font-body); font-weight:700; font-size:15px; padding:11px 18px; border-radius:8px; text-decoration:none; cursor:pointer; border:1.5px solid transparent; transition:transform .12s ease, background .15s ease, border-color .15s ease; min-height:44px;}
.btn:active{transform:translateY(1px);}
.btn-primary{background:var(--accent); color:var(--accent-ink);}
.btn-primary:hover{background:var(--accent-strong);}
.btn-ghost{background:transparent; color:var(--ink); border-color:var(--ink-soft);}
.btn-ghost:hover{border-color:var(--accent); color:var(--accent);}
.btn-sm{padding:7px 12px; font-size:14px; min-height:36px;}
.btn:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
.btn[disabled]{opacity:.45; cursor:not-allowed;}

.chip{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; letter-spacing:.02em; background:var(--paper); color:var(--accent); border:1px solid var(--accent); border-radius:999px; padding:4px 10px; white-space:nowrap;}
.chip.gold{color:var(--gold); border-color:var(--gold);}
.chip.soft{background:var(--accent-soft); border-color:transparent;}

.card{background:var(--paper-line); border-radius:12px; box-shadow:var(--card-shadow); padding:22px;}
.muted{color:var(--ink-soft);}
.ru{font-family:var(--font-display);}

/* ---------- speak button ---------- */
.say{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; border:1px solid var(--paper-alt); background:var(--paper); cursor:pointer; vertical-align:middle; flex:none; color:var(--accent);}
.say:hover{border-color:var(--accent);}
.say svg{width:15px; height:15px;}
.no-tts .say{display:none;}

/* ---------- lessons layout ---------- */
.lessons{display:grid; grid-template-columns:290px 1fr; gap:36px; padding:32px 0 72px; align-items:start;}
@media (max-width:900px){ .lessons{grid-template-columns:1fr; gap:20px;} }
.toc{position:sticky; top:80px; max-height:calc(100vh - 100px); overflow:auto; padding-right:4px;}
@media (max-width:900px){ .toc{position:static; max-height:none;} .toc.collapsed .toc-body{display:none;} }
.toc-toggle{display:none; width:100%; justify-content:space-between;}
@media (max-width:900px){ .toc-toggle{display:flex;} }
.toc-group{margin:0 0 18px;}
.toc-group h4{font-family:var(--font-body); font-size:12px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-soft); margin:0 0 6px;}
.toc ol{list-style:none; margin:0; padding:0;}
.toc a{display:flex; gap:10px; align-items:flex-start; text-decoration:none; padding:8px 10px; border-radius:8px; font-size:15px; line-height:1.35;}
.toc a:hover{background:var(--paper-alt);}
.toc a[aria-current="true"]{background:var(--accent-soft); color:var(--accent-strong); font-weight:700;}
.toc .num{flex:none; width:24px; height:24px; border-radius:50%; display:inline-grid; place-items:center; font-size:12px; font-weight:700; background:var(--paper-alt); color:var(--ink-soft);}
.toc a.done .num{background:var(--accent); color:var(--accent-ink);}
.progress{height:8px; background:var(--paper-alt); border-radius:99px; overflow:hidden; margin:8px 0 18px;}
.progress > i{display:block; height:100%; background:var(--accent); width:0; transition:width .4s ease;}

.lesson h2{font-size:clamp(26px,3.6vw,36px);}
.lesson .ru-title{font-family:var(--font-hand); font-size:26px; color:var(--margin); margin-top:4px;}
.lesson .meta{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 6px;}
.lesson .goal{margin:16px 0 8px; padding:14px 16px; border-left:3px solid var(--margin); background:var(--paper-alt); border-radius:0 10px 10px 0;}
.block{margin-top:30px;}
.block > h3{font-size:22px; margin-bottom:12px; display:flex; align-items:center; gap:10px;}
.block > h3 .tag{font-family:var(--font-body); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); background:var(--accent-soft); padding:3px 8px; border-radius:6px;}
.block p + p{margin-top:10px;}
.rule-box{background:var(--paper-line); border-radius:12px; box-shadow:var(--card-shadow); padding:18px 20px;}
.rule-box ul{margin:8px 0 0; padding-left:20px;}
.rule-box li{margin:4px 0;}
.note{margin-top:12px; font-size:15px; padding:10px 14px; border-radius:10px; background:color-mix(in srgb, var(--gold) 14%, transparent); border:1px dashed var(--gold);}
.note b{color:var(--gold);}

.tbl-wrap{overflow-x:auto; margin-top:12px; border-radius:12px; box-shadow:var(--card-shadow); background:var(--paper-line);}
table.t{border-collapse:collapse; width:100%; min-width:420px; font-size:15px;}
table.t th, table.t td{padding:10px 12px; text-align:left; border-bottom:1px solid var(--paper-alt); vertical-align:top;}
table.t th{font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); background:var(--paper-alt);}
table.t td.ru, table.t td .ru{font-family:var(--font-display); font-size:16px;}
table.t tr:last-child td{border-bottom:none;}
.end{color:var(--margin); font-weight:700;}

.examples{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.examples li{display:flex; gap:12px; align-items:flex-start; padding:12px 14px; background:var(--paper-line); border-radius:10px; box-shadow:var(--card-shadow);}
.examples .txt{flex:1; min-width:0;}
.examples .r{font-family:var(--font-display); font-size:17px;}
.examples .u{color:var(--ink-soft); font-size:14.5px; margin-top:2px;}

.dialog{background:var(--paper-line); border-radius:12px; box-shadow:var(--card-shadow); padding:8px 18px;}
.dialog .line{display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:start; padding:10px 0; border-bottom:1px dashed var(--paper-alt);}
.dialog .line:last-child{border-bottom:none;}
.dialog .who{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-weight:700; font-size:13px; background:var(--accent-soft); color:var(--accent-strong);}
.dialog .line.b .who{background:color-mix(in srgb, var(--margin) 18%, transparent); color:var(--margin);}

.words{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:8px;}
.words .w{display:flex; align-items:center; gap:8px; padding:10px 12px; background:var(--paper-line); border-radius:10px; box-shadow:var(--card-shadow);}
.words .w .r{font-family:var(--font-display); font-weight:700;}
.words .w .u{font-size:14px; color:var(--ink-soft);}

/* ---------- exercises ---------- */
.ex-list{display:grid; gap:12px;}
.ex{background:var(--paper-line); border-radius:12px; box-shadow:var(--card-shadow); padding:16px 18px; border-left:4px solid transparent; transition:border-color .2s ease;}
.ex.ok{border-left-color:var(--ok);}
.ex.bad{border-left-color:var(--bad);}
.ex .q{font-family:var(--font-display); font-size:17px;}
.ex .q .n{font-family:var(--font-body); font-weight:700; color:var(--ink-soft); margin-right:6px;}
.ex .hint{font-size:14px; color:var(--ink-soft); margin-top:4px; font-style:italic;}
.ex .opts{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
.ex .opt{font-family:var(--font-display); font-size:16px; padding:8px 14px; border-radius:8px; border:1.5px solid var(--paper-alt); background:var(--paper); cursor:pointer; min-height:40px;}
.ex .opt:hover{border-color:var(--accent);}
.ex .opt.right{background:var(--ok-bg); border-color:var(--ok); color:var(--ok);}
.ex .opt.wrong{background:var(--bad-bg); border-color:var(--bad); color:var(--bad); text-decoration:line-through;}
.ex .opt[disabled]{cursor:default;}
.ex .row{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; align-items:center;}
.ex input[type=text]{font-family:var(--font-display); font-size:17px; padding:9px 12px; border-radius:8px; border:1.5px solid var(--paper-alt); background:var(--paper); color:var(--ink); min-width:0; flex:1 1 180px; max-width:340px; min-height:42px;}
.ex input.right{border-color:var(--ok); background:var(--ok-bg);}
.ex input.wrong{border-color:var(--bad); background:var(--bad-bg);}
.ex .fb{margin-top:10px; font-size:14.5px;}
.ex .fb.ok{color:var(--ok);}
.ex .fb.bad{color:var(--bad);}
.ex .fb .ans{font-family:var(--font-display); font-weight:700;}
.score{display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-top:14px; padding:14px 18px; border-radius:12px; background:var(--accent-soft);}
.score b{font-size:20px;}
.kbd-help{font-size:13px; color:var(--ink-soft); margin-top:6px;}
.cyr-kb{display:flex; flex-wrap:wrap; gap:4px; margin-top:8px;}
.cyr-kb button{font-family:var(--font-display); width:34px; height:34px; border-radius:6px; border:1px solid var(--paper-alt); background:var(--paper); cursor:pointer; font-size:16px;}
.cyr-kb button:hover{border-color:var(--accent);}

.pager{display:flex; justify-content:space-between; gap:12px; margin-top:40px; padding-top:20px; border-top:1px solid var(--paper-alt); flex-wrap:wrap;}
.pager a{max-width:48%;}
@media (max-width:520px){ .pager a{max-width:100%; flex:1 1 100%;} }

/* ---------- grids ---------- */
.grid{display:grid; gap:18px;}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.grid.c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

/* ---------- flashcards ---------- */
.fc-area{display:grid; place-items:center; padding:20px 0;}
.flash{width:min(440px,100%); aspect-ratio:3/2; perspective:1200px; cursor:pointer; border:none; background:none; padding:0;}
.flash .inner{position:relative; width:100%; height:100%; transition:transform .5s cubic-bezier(.3,.7,.3,1); transform-style:preserve-3d;}
.flash.flipped .inner{transform:rotateY(180deg);}
.flash .face{position:absolute; top:0;right:0;bottom:0;left:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; border-radius:16px; box-shadow:var(--card-shadow); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:20px; text-align:center;
  background:repeating-linear-gradient(var(--paper-line) 0 33px, color-mix(in srgb, var(--rule) 40%, transparent) 33px 34px);}
.flash .face::before{content:""; position:absolute; top:0; bottom:0; left:28px; width:1px; background:var(--margin); opacity:.4;}
.flash .back{transform:rotateY(180deg);}
.flash .big{font-family:var(--font-display); font-size:clamp(30px,6vw,44px); font-weight:700;}
.flash .tr{color:var(--ink-soft); font-size:15px;}
.flash .uzw{font-family:var(--font-hand); font-size:clamp(28px,5vw,38px); color:var(--accent-strong);}
.fc-ctrl{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:18px;}
.toolbar{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0;}
.toolbar input[type=search], .toolbar select{font:inherit; padding:9px 12px; border-radius:8px; border:1.5px solid var(--paper-alt); background:var(--paper-line); color:var(--ink); min-height:42px; min-width:0;}
.toolbar input[type=search]{flex:1 1 220px;}
.tabs{display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 6px;}
.tabs button{border:1.5px solid var(--paper-alt); background:var(--paper); padding:8px 14px; border-radius:999px; cursor:pointer; font-weight:700; font-size:14px;}
.tabs button[aria-selected="true"]{background:var(--accent); color:var(--accent-ink); border-color:var(--accent);}
.vocab-list{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:8px;}
.vocab-list .w{display:flex; align-items:center; gap:10px; padding:10px 12px; background:var(--paper-line); border-radius:10px; box-shadow:var(--card-shadow);}
.vocab-list .w .t{flex:1; min-width:0;}
.vocab-list .w .r{font-family:var(--font-display); font-weight:700; font-size:16.5px;}
.vocab-list .w .x{font-size:12.5px; color:var(--ink-soft);}
.vocab-list .w .u{font-size:14.5px;}
.vocab-list .w.known{opacity:.6;}
.vocab-list .w .k{border:none; background:none; cursor:pointer; font-size:18px; color:var(--ink-soft);}
.vocab-list .w.known .k{color:var(--accent);}
.day-head{margin:28px 0 10px; display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;}
.day-head h3{font-size:20px;}

/* ---------- books ---------- */
.book{display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:start;}
@media (max-width:560px){ .book{grid-template-columns:1fr;} .book .cover{max-width:120px;} }
.cover{aspect-ratio:3/4.2; border-radius:4px 10px 10px 4px; box-shadow:var(--card-shadow), inset 6px 0 0 rgba(0,0,0,.18); display:flex; flex-direction:column; justify-content:space-between; padding:14px 12px 12px 16px; color:#fff; position:relative; overflow:hidden;}
.cover .ct{font-family:var(--font-display); font-weight:700; font-size:16px; line-height:1.15;}
.cover .ca{font-size:11px; opacity:.85;}
.cover::after{content:""; position:absolute; right:-20px; bottom:-20px; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,.12);}
.book h3{font-size:22px;}
.book .au{color:var(--ink-soft); font-size:14.5px; margin-top:4px;}
.book .tags{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0;}
.book ul{margin:8px 0 0; padding-left:20px;}
.book li{margin:3px 0;}
.matrix td.c{text-align:center; font-size:18px;}
.matrix td.c.y{color:var(--accent);}
.matrix td.c.n{color:var(--paper-alt);}

/* ---------- home cards ---------- */
.feature{display:flex; flex-direction:column; gap:10px; text-decoration:none; transition:transform .15s ease;}
.feature:hover{transform:translateY(-3px);}
.feature .ic{width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent-strong); font-family:var(--font-display); font-weight:700; font-size:20px;}
.feature h3{font-size:20px;}
.feature p{color:var(--ink-soft); font-size:15px;}
.feature .go{margin-top:auto; color:var(--accent); font-weight:700; font-size:14.5px;}

footer.site{border-top:1px solid var(--paper-alt); padding:26px 0 34px; font-size:13.5px; color:var(--ink-soft);}
footer.site .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px;}
footer.site a{color:var(--accent);}

.toast{position:fixed; left:50%; bottom:22px; transform:translateX(-50%) translateY(20px); background:var(--ink); color:var(--paper); padding:10px 16px; border-radius:10px; font-size:14.5px; opacity:0; pointer-events:none; transition:all .25s ease; z-index:50; max-width:calc(100% - 32px);}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

@media print{
  header.site, .binding, .toc, .pager, .say, footer.site, .menu-btn{display:none!important;}
  .lessons{grid-template-columns:1fr;}
  body{background:#fff; color:#000;}
}

/* --- tuzatishlar: mobil kenglik --- */
.lessons > *{min-width:0;}
a.chip{text-decoration:none;}
.lesson .meta .chip{white-space:normal;}
.tbl-wrap{max-width:100%;}
.flash{display:block;}
.flash .inner{display:block;}
.flash .face > span{display:block;}

/* --- darajalar (A0–C1) --- */
.levels{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;}
.lv{display:flex; flex-direction:column; gap:1px; text-decoration:none; padding:8px 14px; border-radius:10px; background:var(--paper-line); box-shadow:var(--card-shadow); min-width:96px; border:1.5px solid transparent;}
.lv:hover{border-color:var(--accent);}
.lv b{font-family:var(--font-display); font-size:20px; color:var(--accent-strong);}
.lv span{font-size:12.5px; color:var(--ink-soft);}
.roadmap td b.lvl{font-family:var(--font-display); font-size:20px; color:var(--accent-strong);}

/* --- kelishiklar jadvali --- */
.pad-page{padding-bottom:72px;}
.pad-page > .block > h2{font-size:clamp(24px,3.2vw,32px); margin-bottom:14px; padding-top:8px;}
.pad-page h3{font-size:20px; margin:22px 0 10px;}
.pad-page h3.dec{display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.pad-page h3 .muted{font-family:var(--font-body); font-size:15px; font-weight:400;}
.cb{display:inline-grid; place-items:center; min-width:34px; height:30px; padding:0 8px; border-radius:8px; background:var(--accent); color:var(--accent-ink); font-family:var(--font-body); font-size:14px; font-weight:700;}
h4.sub{font-size:17px; margin:0 0 6px;}
table.pad th[scope="row"]{background:var(--paper-alt); font-size:14px; letter-spacing:0; text-transform:none; color:var(--ink); white-space:nowrap; font-weight:700;}
table.pad td.ru{font-size:16.5px; white-space:nowrap;}
table.pad thead th small{text-transform:none; letter-spacing:0; font-weight:400;}
table.pad.endings td.ru{white-space:normal;}
table.pad tbody tr:nth-child(even) td{background:color-mix(in srgb, var(--paper-alt) 35%, transparent);}
table.use td{vertical-align:top;}
table.use td:first-child{font-weight:700; min-width:160px;}
table.use td:nth-child(2){color:var(--accent-strong); min-width:120px;}
.exr{display:flex; gap:10px; align-items:flex-start;}
.exr .ru{font-family:var(--font-display); font-size:16.5px;}
.usecase{margin-top:26px; scroll-margin-top:80px;}
.usecase h3{display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;}
.jump{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;}
.jump a{text-decoration:none; font-size:14px; font-weight:700; padding:7px 12px; border-radius:999px; background:var(--paper-line); box-shadow:var(--card-shadow); color:var(--accent-strong);}
.jump a:hover{background:var(--accent); color:var(--accent-ink);}
.jump.small{margin:10px 0 0;}
.pad-page .block{scroll-margin-top:72px;}
.pron-grid{gap:22px;}
.pron-grid table.pad{min-width:0;}
.end{color:var(--margin); font-weight:700;}
@media print{
  .jump, #mashq{display:none!important;}
  .tbl-wrap{box-shadow:none; border:1px solid #ccc; overflow:visible;}
  table.t{min-width:0; font-size:12px;}
  .pad-page .block{break-inside:auto;}
  .usecase, .tbl-wrap{break-inside:avoid;}
  .say{display:none!important;}
}
@media (max-width:640px){
  table.use{min-width:0;}
  table.use thead{display:none;}
  table.use tr{display:block; padding:12px 14px; border-bottom:1px solid var(--paper-alt);}
  table.use td{display:block; border:none; padding:2px 0; min-width:0!important;}
  table.use td:first-child{font-size:15px;}
  table.use td:nth-child(2){font-size:14.5px; margin-bottom:6px;}
  table.use tbody tr:nth-child(even) td{background:none;}
}
.nav-links a.ka-home{color:var(--accent);font-weight:700;}

/* eski brauzerlar (Safari 14, Chrome<88) uchun: aspect-ratio bo'lmasa kartochka yo'qolmasin */
@supports not (aspect-ratio:1/1){.flash{height:290px}}