/* ====================================================================
   lesson.css — Akademiya DARS sahifalari uchun UMUMIY uslublar
   --------------------------------------------------------------------
   Barcha dars sahifalari (mavzu-N-*.html) shu faylni ulaydi:
     <link rel="stylesheet" href="saldo.css">
     <link rel="stylesheet" href="lesson.css">
   Sahifa <head> ichida endi katta <style> blok TAKRORLANMAYDI.
   Faqat saldo.css tokenlaridan foydalaniladi (yangi rang YO'Q).
   Sahifaga xos DINAMIK qiymatlar (mas. progress width:7%) HTML'da
   inline style sifatida qoladi — bu fayl faqat qayta ishlatiladigan
   komponent uslublarini saqlaydi.
   ==================================================================== */

  a.btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
  .btn:disabled{opacity:.45;cursor:not-allowed}
  .dtable th.c,.dtable td.c{text-align:center}
  /* OBOROT-SALDO QAYDNOMASI — to'liq katakli yengil grid */
  .dtable.osv th,.dtable.osv td{border:1px solid var(--line)}
  .dtable tr.jami td{background:var(--navy-50)}

  /* CHAP MENYU = KURS TARKIBI (navy sidebar — saldo.css tokenlari) */
  .ls-back{display:inline-flex;align-items:center;gap:5px;color:#94A3B8;font-size:13px;text-decoration:none;padding:2px 12px 8px}
  .ls-back:hover{color:#cbd5e1}
  .ls-ctitle{color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;padding:0 12px 3px}
  .ls-cmini{color:#94A3B8;font-size:12px;padding:0 12px 8px;font-variant-numeric:tabular-nums}
  .ls-cbar{height:5px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:0 12px 6px}
  .ls-cbar>span{display:block;height:100%;border-radius:999px;background:var(--accent-bg)}
  a.sb-item{text-decoration:none}
  .sb-item.done{color:#cbd5e1}
  .sb-item.done i{color:var(--accent-line)}
  .sb-item.lock{color:#7d93a8}
  .sb-item.lock i{color:#7d93a8}
  .sb-sub{padding-left:30px;font-size:13.5px}

  /* Yopishqoq yo'nalish chizig'i */
  .ls-bar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);
          margin:-28px -32px 20px;padding:11px 32px}
  .ls-bar-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .ls-bar .bt{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--navy-900);min-width:0}
  .ls-bar .bp{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}
  .ls-bar .bp .mb{width:110px;height:6px;border-radius:999px;background:var(--navy-50);overflow:hidden}
  .ls-bar .bp .mb>i{display:block;height:100%;border-radius:999px;background:var(--accent-bg)}
  .ls-nav{margin-left:auto;display:flex;align-items:center;gap:8px}
  .ls-bar .bnext{padding:8px 14px;font-size:13px}
  .ls-bar .bprev{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;
                 background:transparent;border:1px solid var(--line);color:var(--text-2);border-radius:10px;text-decoration:none}
  .ls-bar .bprev:hover{background:var(--bg)}

  /* Sarlavha */
  .ki-kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;
             font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);
             background:var(--accent-soft);padding:5px 11px;border-radius:999px;margin-bottom:12px}
  .ki-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
  .ki-head .page-title{font-size:26px;line-height:1.18;max-width:760px;margin:0;text-wrap:balance}
  .ki-meta{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:13.5px;color:var(--text-2);
           flex-wrap:wrap;font-variant-numeric:tabular-nums}
  .ki-meta span{display:inline-flex;align-items:center;gap:6px}
  .ki-meta i{font-size:16px;color:var(--text-3)}
  .ki-share{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);
            color:var(--navy);display:grid;place-items:center;cursor:pointer;font-size:19px}
  .ki-share:hover{background:var(--bg)}

  /* Dars maqsadi (tepada) */
  .ls-goal{display:flex;gap:11px;align-items:flex-start;background:var(--accent-soft);border-radius:12px;padding:13px 16px;margin-bottom:20px}
  .ls-goal i{color:var(--accent-text);font-size:20px;flex:none;margin-top:1px}
  .ls-goal .gt{font-family:var(--font-display);font-weight:600;font-size:11px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}
  .ls-goal p{margin:0;font-size:15px;color:var(--text-2);line-height:1.6}
  .ls-goal b{color:var(--text);font-weight:600}

  /* Ikki ustun: kontent + ixcham progress */
  .ls-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
  .ls-content{min-width:0}
  .ls-side{position:sticky;top:74px}

  /* Video player */
  .ki-player{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;
             background:linear-gradient(150deg,var(--navy),var(--navy-900));margin-bottom:12px}
  .ki-player::after{content:"";position:absolute;inset:0;opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:42px 42px;mask-image:radial-gradient(420px 240px at 50% 45%,#000,transparent)}
  .ki-player .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;
                   border-radius:50%;border:none;background:var(--accent-bg);color:var(--accent-btn-text);
                   display:grid;place-items:center;font-size:32px;cursor:pointer;z-index:2;transition:.15s}
  .ki-player .play:hover{transform:translate(-50%,-50%) scale(1.06)}
  .ki-player .pill{position:absolute;right:14px;top:14px;z-index:2;font-size:12px;color:var(--accent-btn-text);
                   background:var(--accent-bg);padding:4px 11px;border-radius:999px;font-weight:600;
                   display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display)}
  .ki-player .vmeta{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff}
  .ki-player .vmeta .lbl{font-size:12px;color:rgba(255,255,255,.7)}
  .ki-player .vmeta .ttl{font-family:var(--font-display);font-weight:600;font-size:16px;margin-top:2px}
  .ki-rtime{font-size:13px;color:var(--text-3);display:inline-flex;align-items:center;gap:6px;margin-bottom:18px}

  /* INFOGRAFIKA BLOKLARI */
  .ig-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
  .ig-goal{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px;text-align:center}
  .ig-goal .ic{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-text);
               display:grid;place-items:center;font-size:22px;margin:0 auto 10px}
  .ig-goal .gn{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--navy-900);margin-bottom:3px}
  .ig-goal .gs{font-size:12.5px;color:var(--text-2);line-height:1.4}

  .ig-flash{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3);margin:4px 0 16px;font-style:italic}
  .ig-flash i{color:var(--accent-text);font-size:17px;font-style:normal}

  /* Sarlavha bloklari */
  .ls-shead{display:flex;align-items:center;gap:11px;margin:28px 0 12px}
  .ls-shead:first-child{margin-top:0}
  .ls-shead .n{width:30px;height:30px;border-radius:9px;background:var(--accent-bg);color:var(--accent-btn-text);
               display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:14px;flex:none;
               font-variant-numeric:tabular-nums}
  .ls-shead h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--navy-900)}

  /* Submodul banneri (murakkab darslar: 13.1, 13.2, 16.1 va h.k.) */
  .ls-sub{display:flex;align-items:flex-start;gap:13px;margin:34px 0 16px;padding:15px 17px;border-radius:14px;
          background:var(--accent-bg);border:1px solid var(--line)}
  .ls-sub:first-child{margin-top:0}
  .ls-sub .sc{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--accent-btn-text);
              background:var(--accent-text);border-radius:9px;padding:7px 11px;flex:none;font-variant-numeric:tabular-nums}
  .ls-sub .sb{min-width:0}
  .ls-sub .sst{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);margin-bottom:3px}
  .ls-sub h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy-900);line-height:1.32}

  /* Matn bloklari */
  .ki-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
  .ki-chip{font-size:12px;color:var(--navy);background:var(--navy-50);border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-weight:500}
  .ki-lead{font-size:16px;line-height:1.5;font-weight:600;color:var(--navy-900);margin:0 0 12px;font-family:var(--font-display)}
  .ki-list{list-style:none;margin:0 0 14px;padding:0}
  .ki-list li{display:flex;gap:10px;align-items:flex-start;padding:5px 0;color:var(--text-2);font-size:15.5px;line-height:1.55}
  .ki-list li i{color:var(--accent-text);font-size:18px;margin-top:1px;flex:none}
  .ki-list li b{color:var(--text);font-weight:600}
  .ki-sect{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--navy);
           display:flex;align-items:center;gap:8px;margin:0 0 10px;flex-wrap:wrap}
  .ki-sect i{font-size:19px;color:var(--accent-text)}

  .ki-callout{border-left:3px solid var(--accent-line);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:13px 16px;margin:0 0 14px}
  .ki-callout .ct{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--accent-text);display:flex;align-items:center;gap:7px;margin-bottom:4px}
  .ki-callout p{margin:0;font-size:15px;line-height:1.6;color:var(--text-2)}
  .ki-callout p b{color:var(--text)}
  .ki-callout.warn{border-left-color:var(--warn);background:#FBF1E0}
  .ki-callout.warn .ct{color:var(--warn)}

  .ki-logic{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}
  .ki-grow{display:flex;align-items:flex-start;gap:11px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
  .ki-grow .gd{width:30px;height:30px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;flex:none;font-variant-numeric:tabular-nums}
  .ki-grow .gt b{font-weight:600;color:var(--navy-900);display:block;font-size:13.5px}
  .ki-grow .gt span{color:var(--text-3);font-size:12.5px}

  .ki-exhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
  .ki-exhead .av{width:38px;height:38px;border-radius:10px;background:var(--navy-50);color:var(--navy);display:grid;place-items:center;font-size:20px;flex:none}
  .ki-exhead .en{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--navy-900)}
  .ki-exhead .es{font-size:12.5px;color:var(--text-3)}
  .ki-para{font-size:15.5px;line-height:1.65;color:var(--text-2);margin:0 0 12px}
  .ki-para b{color:var(--text);font-weight:600}

  .ki-oplist{list-style:none;margin:0 0 16px;padding:0;counter-reset:op}
  .ki-oplist li{counter-increment:op;display:flex;gap:11px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line);font-size:14px;color:var(--text-2)}
  .ki-oplist li:first-child{border-top:none}
  .ki-oplist li::before{content:counter(op);width:24px;height:24px;border-radius:7px;background:var(--navy-50);color:var(--navy);font-family:var(--font-display);font-weight:700;font-size:12.5px;display:grid;place-items:center;flex:none;font-variant-numeric:tabular-nums}

  /* ======= NAMUNA HUJJAT (doc-spec) — rekvizitlar yorlig'i bilan ======= */
  .doc-spec{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 14px;background:var(--surface)}
  .doc-spec .doc-h{background:var(--navy-50);padding:12px 16px;border-bottom:1px solid var(--line)}
  .doc-spec .doc-title{font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--navy-900);display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}
  .doc-spec .doc-body{padding:6px 16px}
  .doc-row{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px dashed var(--line);font-size:13.5px}
  .doc-row:first-child{border-top:none}
  .doc-row .dl{color:var(--text-3);min-width:120px;flex:none}
  .doc-row .dv{color:var(--navy-900);font-weight:500}
  .doc-spec .doc-foot{display:flex;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--line);background:var(--bg);font-size:13.5px;color:var(--navy-900);font-weight:500}
  .doc-spec .doc-cap{padding:9px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--text-3)}
  .rq{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--accent-text);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-display);flex:none;font-variant-numeric:tabular-nums}

  /* ======= ATAMA TOOLTIP (gl-) ======= */
  .gl{border-bottom:1px dashed var(--accent-line);cursor:help}
  .gl:focus{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:2px}
  .gl-tip{position:absolute;z-index:60;max-width:260px;background:var(--navy-900);color:#fff;font-size:12.5px;line-height:1.45;
          padding:9px 12px;border-radius:9px;box-shadow:0 8px 24px rgba(14,36,56,.28);opacity:0;pointer-events:none;
          transform:translateY(3px);transition:opacity .14s ease,transform .14s ease;font-family:var(--font-body)}
  .gl-tip.on{opacity:1;transform:none}

  /* ======= NAZARIYA VIZUAL DIAGRAMMA (dg-) ======= */
  .dg{border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 16px;background:var(--bg)}
  .dg-t{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:7px;margin-bottom:12px}
  .dg-t i{color:var(--accent-text);font-size:18px}
  .dg-row{display:flex;align-items:stretch;gap:10px}
  .dg-side{flex:1;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px;text-align:center}
  .dg-side .h{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin-bottom:8px}
  .dg-side .nm{font-size:12.5px;color:var(--text-2);margin-bottom:8px}
  .dg-side .sm{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--navy-900);font-variant-numeric:tabular-nums;text-align:center}
  .dg-eq{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--accent-text);flex:none;width:26px}
  .dg-cap{font-size:12.5px;color:var(--text-3);margin:11px 0 0;text-align:center;line-height:1.45}
  @media(max-width:560px){.dg-row{flex-direction:column}.dg-eq{width:auto;padding:2px 0}}

  /* ======= PROVODKA OQIM SXEMASI (pf-) — bosqichli zanjir, o'qlar bilan ======= */
  .pf{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 12px;background:var(--bg)}
  .pf-lbl{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-text);display:flex;align-items:center;gap:7px;margin-bottom:11px}
  .pf-lbl i{font-size:16px}
  .pf-row{display:flex;align-items:stretch;gap:7px;flex-wrap:nowrap}
  .pf-node{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:11px 9px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px}
  .pf-node.dest{border-color:var(--accent-line);background:var(--accent-soft)}
  .pf-node .pv{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:var(--navy-900);font-variant-numeric:tabular-nums;letter-spacing:.01em}
  .pf-node .pv b{color:var(--accent-text);font-weight:800}
  .pf-node .pl{font-size:11.5px;color:var(--text-3);line-height:1.35}
  .pf-arr{flex:none;align-self:center;display:flex;align-items:center;color:var(--accent-text);font-size:19px}
  .pf-cap{font-size:12px;color:var(--text-3);margin:10px 0 0;line-height:1.45}
  @media(max-width:560px){.pf-row{flex-direction:column}.pf-arr{transform:rotate(90deg);padding:1px 0}}

  /* ======= FORMULA BLOKI (fx-) — B turi ======= */
  .fx{background:var(--navy-50);border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 16px;text-align:center}
  .fx .eq{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy-900);line-height:1.5}
  .fx .eq b{color:var(--accent-text)}
  .fx .nt{font-size:12.5px;color:var(--text-3);margin-top:8px}

  /* ======= ISHLANGAN MISOL (wk-) — B turi ======= */
  .wk{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 16px}
  .wk-h{background:var(--accent-soft);padding:10px 14px;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--accent-text);display:flex;align-items:center;gap:7px}
  .wk-step{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line);font-size:14px;color:var(--text-2)}
  .wk-step .s{width:24px;height:24px;border-radius:7px;background:var(--navy-50);color:var(--navy);font-family:var(--font-display);font-weight:700;font-size:12.5px;display:grid;place-items:center;flex:none;font-variant-numeric:tabular-nums}
  .wk-step .v{margin-left:auto;font-weight:600;color:var(--navy-900);white-space:nowrap;font-variant-numeric:tabular-nums}
  .wk-step.tot{background:var(--navy-50)}

  /* ======= T-SCHYOT (ts-) — B turi: debet/kredit ikki ustun ======= */
  .ts{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 16px;background:var(--surface)}
  .ts-h{background:var(--navy-50);text-align:center;padding:9px 12px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--navy-900)}
  .ts-h .acc{color:var(--navy);margin-right:6px}
  .ts-cols{display:grid;grid-template-columns:1fr 1fr}
  .ts-col{padding:10px 12px}
  .ts-col:first-child{border-right:1px solid var(--line)}
  .ts-cap{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);text-align:center;margin-bottom:8px}
  .ts-row{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--text-2);padding:3px 0;font-variant-numeric:tabular-nums}
  .ts-row .lbl{color:var(--text-3)}
  .ts-row.op{font-weight:600;color:var(--navy-900);border-top:1px dashed var(--line);margin-top:5px;padding-top:7px}
  .ts-row.bal{font-weight:700;color:var(--navy-900);border-top:1px solid var(--line);margin-top:5px;padding-top:7px}

  /* schyot nomi — provodka jadvalida kod ostida */
  .acc-nm{display:block;font-size:11px;color:var(--text-3);font-weight:400;margin-top:2px;line-height:1.25}

  /* ======= TO'XTAB O'YLANG (tq-) ======= */
  .tq{border:1px solid var(--accent-line);border-radius:12px;background:var(--accent-soft);margin:0 0 16px;overflow:hidden}
  .tq>summary{list-style:none;cursor:pointer;padding:13px 16px;font-size:14.5px;color:var(--navy-900);font-weight:600;font-family:var(--font-display);display:flex;align-items:center;gap:9px}
  .tq>summary::-webkit-details-marker{display:none}
  .tq>summary .qic{color:var(--accent-text);font-size:19px;flex:none}
  .tq>summary .hint{margin-left:auto;color:var(--accent-text);font-size:18px;flex:none;transition:transform .18s ease}
  .tq[open]>summary .hint{transform:rotate(180deg)}
  .tq .tq-a{padding:0 16px 14px;font-size:14px;color:var(--text-2);line-height:1.5}
  .tq .tq-a b{color:var(--text)}

  /* ======= IXCHAM HUJJAT/MA'LUMOT RO'YXATI (tq-list) ======= */
  .tq-list{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 15px;margin:0 0 14px}
  .tq-list .tql-h{font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:5px}
  .tq-list .tql-h i{color:var(--accent-text);font-size:17px}
  .tq-list p{margin:0;font-size:14px;color:var(--text-2);line-height:1.6}

  /* ======= DRAG-AND-DROP MASHQ (dc-) ======= */
  .dc-hint{font-size:13px;color:var(--text-3);margin:0 0 12px;display:flex;align-items:center;gap:7px}
  .dc-hint i{color:var(--accent-text);font-size:17px}
  .dc-pool{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px;min-height:8px;border-radius:10px}
  .dc-chip{display:inline-flex;align-items:flex-start;gap:8px;background:var(--surface);border:1.5px solid var(--line);
           border-radius:10px;padding:9px 12px;font-size:13.5px;color:var(--text);cursor:grab;user-select:none;max-width:100%;line-height:1.35;transition:.12s}
  .dc-chip:hover{border-color:var(--text-3)}
  .dc-chip .gh{color:var(--text-3);font-size:16px;flex:none;margin-top:1px}
  .dc-chip.picked{border-color:var(--navy);background:var(--navy-50);box-shadow:0 0 0 3px var(--navy-50)}
  .dc-chip.dragging{opacity:.45}
  .dc-chip.correct{border-color:var(--ok);background:#E7F6EC;cursor:default}
  .dc-chip.wrong{border-color:var(--danger);background:#FBE6E6;cursor:default}
  .dc-chip .res{margin-left:2px;font-size:16px;flex:none}
  .dc-chip.correct .res{color:var(--ok)}
  .dc-chip.wrong .res{color:var(--danger)}
  .dc-zones{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .dc-zone{border:1.5px dashed var(--line);border-radius:12px;padding:12px;min-height:92px;background:var(--bg);transition:.12s}
  .dc-zone.over{border-color:var(--accent-line);background:var(--accent-soft)}
  .dc-zone .zh{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:7px;margin-bottom:9px}
  .dc-zone .zh i{color:var(--accent-text);font-size:18px}
  .dc-zone .drop{display:flex;flex-direction:column;gap:7px;min-height:24px}
  .dc-chip:focus-visible,.dc-zone:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
  .dc-chip.wrong{flex-wrap:wrap}
  .dc-chip .fix{flex-basis:100%;margin-left:24px;margin-top:3px;font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px}
  .dc-zone.zone-right{border-style:solid;border-color:var(--ok);background:#E7F6EC}
  .ki-explain .ex-row{padding:6px 0;border-top:1px solid rgba(0,0,0,.06)}
  .ki-explain .ex-row:first-child{border-top:none}
  .ki-explain .ex-row.miss{background:#FBE6E6;border-radius:8px;padding:6px 9px;border-top:none;margin-top:5px}
  .dc-solve{margin-top:14px}
  .dc-solve>summary{cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--accent-text);display:inline-flex;align-items:center;gap:6px;list-style:none}
  .dc-solve>summary::-webkit-details-marker{display:none}
  .dc-solve>summary::before{content:"\ea5f";font-family:"tabler-icons";font-size:16px}
  .dc-solve[open]>summary::before{content:"\ea5d"}
  @media(max-width:700px){.dc-zones{grid-template-columns:1fr}}

  /* ======= BOSQICHLI / ZANJIRLI MASHQ (bq-) ======= */
  .bq-scen{padding:22px;margin-bottom:14px}
  .bq-state{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:13.5px;color:var(--text-2);margin:12px 0}
  .bq-state i{color:var(--accent-text);font-size:18px;flex:none}
  .bq-ops{width:100%;margin-top:4px}
  .bq{padding:22px}
  .bq-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}
  .bq-dots{display:flex;gap:7px}
  .bq-dots span{width:11px;height:11px;border-radius:50%;background:var(--line);transition:.15s}
  .bq-dots span.done{background:var(--ok)}
  .bq-dots span.miss{background:var(--danger)}
  .bq-dots span.cur{background:var(--navy);box-shadow:0 0 0 3px var(--navy-50)}
  .bq-cnt{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}
  .bq-final{margin-top:6px;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:12px;padding:18px}
  .bq-final h3{margin:0 0 6px;font-size:16px;color:var(--navy-900);display:flex;align-items:center;gap:8px}
  .bq-final p{margin:0 0 12px;font-size:14px;color:var(--text-2)}
  .bq-final .sc{font-family:var(--font-display);font-weight:700}
  .ki-opt:focus-visible,.bq :focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}

  /* Jonli balans paneli */
  .bq-balance{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;background:var(--navy-50);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}
  .bq-balance .bl{font-family:var(--font-display);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);width:100%}
  .bq-balance .op{color:var(--text-3);font-weight:700}
  .bq-balance b{color:var(--navy-900);font-family:var(--font-display);margin-left:3px}
  .bq-balance .bok{color:var(--ok);font-weight:700;font-size:16px;margin-left:auto}
  .bq-balance .bx{width:100%;border-top:1px dashed var(--line);margin-top:4px;padding-top:6px;font-size:12px;color:var(--text-3)}
  .bq-balance.changed{animation:bqflash .7s ease}
  @keyframes bqflash{0%{background:var(--accent-soft);border-color:var(--accent-line)}100%{background:var(--navy-50);border-color:var(--line)}}

  /* Savol turi yorlig'i */
  .bq-tag{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:10px;background:var(--navy-50);color:var(--navy)}
  .bq-tag.t-sum{background:var(--accent-soft);color:var(--accent-text)}
  .bq-tag.t-eq{background:#E7F6EC;color:var(--ok)}
  .bq-tag.t-fin{background:var(--navy);color:#fff}
  /* .qd — «qoldiq tomoni» mini-vizual (bq izohi ichida; aktiv→debet / passiv→kredit) */
  .qd{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;padding:6px 10px;border-radius:9px;background:var(--navy-50);border:1px solid var(--line);font-size:13px;color:var(--text-2);font-weight:500}
  .qd b{color:var(--navy-900);font-weight:600}
  .qd .qs{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:7px;font-family:var(--font-display);font-weight:600;font-size:12.5px}
  .qd .qs i{font-size:14px}
  .qd .qs.deb{background:var(--accent-soft);color:var(--accent-text)}
  .qd .qs.kre{background:var(--accent-bg);color:var(--accent-btn-text)}

  /* Yig'ilayotgan ro'yxat tasmasi (zanjirli mashqda hisobvaraqlar to'planadi) */
  .irr-body{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;min-width:0}
  .irr-h{font-family:var(--font-display);font-size:12.5px;color:var(--navy);font-weight:700}
  .irr-chips{display:flex;flex-wrap:wrap;gap:6px}
  .irr-chips .ic{font-size:11.5px;color:var(--navy);background:var(--surface);border:1px solid var(--line);
                 border-radius:999px;padding:3px 9px;font-variant-numeric:tabular-nums;animation:irrpop .25s ease}
  .irr-chips .ic b{color:var(--accent-text);font-weight:700}
  .irr-empty{font-size:12.5px;color:var(--text-3)}
  @keyframes irrpop{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

  /* ======= YAKUNIY XULOSA (rc-) ======= */
  .rc{background:linear-gradient(160deg,var(--accent-soft),var(--surface));border:1px solid var(--accent-line);border-radius:16px;padding:22px;margin-top:22px}
  .rc h3{margin:0 0 14px;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--navy-900);display:flex;align-items:center;gap:9px}
  .rc h3 i{color:var(--accent-text);font-size:21px}
  .rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .rc-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px;position:relative}
  .rc-card .n{width:26px;height:26px;border-radius:8px;background:var(--accent-bg);color:var(--accent-btn-text);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;margin-bottom:9px;font-variant-numeric:tabular-nums}
  .rc-card b{display:block;font-family:var(--font-display);font-size:14px;color:var(--navy-900);margin-bottom:4px}
  .rc-card p{margin:0;font-size:13px;color:var(--text-2);line-height:1.45}
  @media(max-width:760px){.rc-grid{grid-template-columns:1fr}}

  /* Mini-test + javob variantlari (mashq bilan umumiy) */
  .ki-test{padding:22px;margin-top:18px}
  .ki-test .th{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .ki-test .tt{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--navy-900);display:flex;align-items:center;gap:8px}
  .ki-test .tt i{color:var(--accent-text);font-size:20px}
  .ki-test .cnt{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}
  .ki-qtext{font-size:14.5px;font-weight:500;color:var(--text);margin-bottom:12px}
  .ki-opt{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;font-size:14px;font-family:inherit;color:inherit;background:var(--surface);transition:.12s}
  .ki-opt:hover:not(:disabled){border-color:var(--text-3)}
  .ki-opt:disabled{cursor:default}
  .ki-opt .mk{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--text-3);flex:none;transition:.12s}
  .ki-opt.sel{border-color:var(--navy);background:var(--navy-50)}
  .ki-opt.sel .mk{border-color:var(--navy);color:var(--navy);background:var(--surface)}
  .ki-opt.correct{border-color:var(--ok);background:#E7F6EC}
  .ki-opt.correct .mk{background:var(--ok);color:#fff;border-color:var(--ok)}
  .ki-opt.wrong{border-color:var(--danger);background:#FBE6E6}
  .ki-opt.wrong .mk{background:var(--danger);color:#fff;border-color:var(--danger)}
  .ki-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}
  .ki-result{display:none;align-items:center;gap:7px;font-family:var(--font-display);font-weight:600;font-size:13.5px;padding:8px 15px;border-radius:999px}
  .ki-result.ok{display:inline-flex;background:#E7F6EC;color:var(--ok)}
  .ki-result.no{display:inline-flex;background:#FBE6E6;color:var(--danger)}
  .ki-explain{display:none;border-left:3px solid var(--accent-line);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:12px 15px;font-size:13.5px;color:var(--text-2);margin-top:12px}
  .ki-explain.show{display:block;animation:ki-fade .2s ease}
  .ki-explain .et{font-family:var(--font-display);font-weight:600;color:var(--accent-text);font-size:12.5px;display:flex;align-items:center;gap:6px;margin-bottom:3px}
  .ki-explain b{color:var(--text)}
  @keyframes ki-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
  .ki-examnote{margin-top:14px;font-size:13px;color:var(--text-3);display:flex;align-items:center;gap:8px;border-top:1px dashed var(--line);padding-top:12px}
  .ki-examnote i{color:var(--navy);font-size:17px}

  /* Yagona amal: Bajarildi -> keyingi */
  .ls-done{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:14px;padding:18px 20px;margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .ls-done .dt{flex:1;min-width:200px}
  .ls-done .dt b{font-family:var(--font-display);font-size:15px;color:var(--navy-900);display:block;margin-bottom:2px}
  .ls-done .dt span{font-size:13px;color:var(--text-2)}
  .ls-done .btn{font-size:14px;padding:12px 20px}
  .ls-prev{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13.5px;color:var(--text-3)}
  .ls-prev i{font-size:17px}
  .ls-prev a{color:var(--accent-text);text-decoration:none;font-weight:600}
  /* Quti ichida: chap tomonda yengil chip-tugma ko'rinishi */
  .ls-done .ls-prev{margin-top:0;flex:none;font-size:13px;color:var(--text-2);
                    background:var(--surface);border:1px solid var(--accent-line);padding:8px 12px;border-radius:10px}
  .ls-done .ls-prev i{font-size:16px}

  /* Savol-javob */
  .ki-qa{padding:20px;margin-top:18px}
  .ki-qah{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}
  .ki-qah .tt{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--navy-900);display:flex;align-items:center;gap:8px}
  .ki-qah .tt i{color:var(--accent-text);font-size:20px}
  .ki-qah a{font-size:13px;color:var(--accent-text);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px}
  .ki-qinput{display:flex;gap:10px;margin-bottom:14px}
  .ki-qinput input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px;font-family:inherit;background:var(--surface)}
  .ki-qinput input:focus{outline:2px solid var(--accent-line);border-color:transparent}
  .ki-qinput .send{width:46px;border:none;border-radius:10px;background:var(--accent-bg);color:var(--accent-btn-text);display:grid;place-items:center;font-size:20px;cursor:pointer}
  .ki-qitem{display:flex;gap:11px;padding:11px 0;border-top:1px solid var(--line)}
  .ki-qitem .av{width:34px;height:34px;border-radius:50%;background:var(--navy-50);color:var(--navy);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;flex:none}
  .ki-qitem .who{font-size:13.5px;color:var(--navy-900);font-weight:600}
  .ki-qitem .who span{color:var(--text-3);font-weight:400;font-size:12.5px}
  .ki-qitem .qx{font-size:14px;color:var(--text-2);margin-top:2px}
  .ki-qitem .ans{font-size:12.5px;color:var(--ok);margin-top:4px;font-weight:500;display:inline-flex;align-items:center;gap:5px}

  /* O'ng — ixcham progress */
  .ls-prog{padding:18px}
  .ls-prog h3{margin:0 0 12px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px}
  .ls-prog h3 i{font-size:18px;color:var(--accent-text)}
  .ls-prog .pt{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}
  .ls-prog .pct{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--navy-900);font-variant-numeric:tabular-nums}
  .ls-prog .of{font-size:13px;color:var(--text-3)}
  .ls-prog .bar{height:9px;border-radius:999px;background:var(--navy-50);overflow:hidden;margin-bottom:14px}
  .ls-prog .bar>i{display:block;height:100%;border-radius:999px;background:var(--accent-bg)}
  .ls-prog .kv{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
  .ls-prog .kv i{font-size:18px;color:var(--accent-text);flex:none}
  .ls-prog .kv .kt{color:var(--text-3);flex:1}
  .ls-prog .kv .kvv{font-weight:600;color:var(--text);font-family:var(--font-display)}

  /* RESPONSIV */
  @media(max-width:1000px){
    .ls-cols{grid-template-columns:1fr}
    .ls-side{display:none}
    .ki-logic{grid-template-columns:1fr}
    .ig-goals{grid-template-columns:1fr}
    .ls-bar{margin:-18px -18px 18px;padding:11px 18px}
    .ls-bar .bt{flex-basis:100%}
  }
  @media(max-width:560px){
    .ki-head{flex-wrap:wrap}
    .ls-bar .bp .mb{width:80px}
  }

  /* KONVERSIYA BLOKI (cv-) */
  .cv-cta{position:relative;overflow:hidden;background:var(--navy-900);border-radius:18px;padding:26px 28px;margin-top:24px;color:#fff}
  .cv-glow{position:absolute;top:-70px;right:-50px;width:230px;height:230px;border-radius:50%;background:var(--accent-bg);opacity:.16;pointer-events:none}
  .cv-inner{position:relative;z-index:1}
  .cv-kick{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bg);background:rgba(255,255,255,.06);padding:5px 12px;border-radius:999px;margin-bottom:12px}
  .cv-title{font-family:var(--font-display);font-weight:700;font-size:21px;color:#fff;margin:0 0 6px;line-height:1.25}
  .cv-sub{color:#cbd5e1;font-size:14.5px;margin:0 0 16px;max-width:560px;line-height:1.5}
  .cv-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:#e2e8f0}
  .cv-list li i{color:var(--accent-bg);font-size:18px;flex:none;margin-top:1px}
  .cv-buy{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 18px}
  .cv-price{display:flex;flex-direction:column;gap:2px}
  .cv-amount.sum{font-family:var(--font-display);font-weight:700;font-size:28px;color:#fff;font-variant-numeric:tabular-nums;text-align:left}
  .cv-amount.sum .cur{color:var(--accent-bg);font-size:15px;font-weight:600;margin-left:4px}
  .cv-note{font-size:12.5px;color:#94A3B8}
  .cv-btn{margin-left:auto;font-size:15px;padding:13px 22px}
  .cv-trust{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#94A3B8;margin:14px 0 0}
  .cv-trust i{color:var(--accent-bg);font-size:16px}
  @media(max-width:560px){
    .cv-list{grid-template-columns:1fr}
    .cv-buy{flex-direction:column;align-items:stretch}
    .cv-btn{margin-left:0;justify-content:center}
  }

  /* Sahifa-ichi navigatsiya */
  html{scroll-behavior:smooth}
  .ls-shead,#miniTest{scroll-margin-top:74px}
  .lx-nav{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
  .lx-nav-t{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:8px}
  .lx-nav a{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font-size:13.5px;color:var(--text-2);text-decoration:none}
  .lx-nav a:hover{background:var(--navy-50);color:var(--navy)}
  .lx-nav a i{font-size:17px;color:var(--accent-text);flex:none}
  .lx-soon{color:var(--text-3);font-size:12px;display:flex;align-items:center;gap:7px;padding:7px 8px}
  .lx-soon i{font-size:16px}

  /* ── Guruhlangan + yig'iladigan «Bu darsda» (16.1 / 16.2 / 16.3) ── */
  .lx-acc{display:flex;flex-direction:column;gap:6px}
  .lx-grp{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
  .lx-grp + .lx-grp{margin-top:0}
  .lx-grph{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;
    padding:9px 10px;cursor:pointer;text-align:left;font:inherit;color:var(--text)}
  .lx-grph:hover{background:var(--navy-50)}
  .lx-grph .gk{font-weight:700;font-size:13px;color:var(--accent-text);flex:none;
    background:var(--accent-soft);border-radius:6px;padding:1px 7px;line-height:1.5}
  .lx-grph .gt{font-size:12.5px;color:var(--text-2);font-weight:600;line-height:1.35;
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .lx-grph .chev{margin-left:auto;flex:none;font-size:17px;color:var(--text-3);transition:transform .18s ease}
  .lx-grp[data-open="1"] .chev{transform:rotate(180deg)}
  .lx-grp-body{display:none;padding:4px 6px 6px;border-top:1px solid var(--line)}
  .lx-grp[data-open="1"] .lx-grp-body{display:block}
  .lx-grp-body a{padding:6px 8px;font-size:13px}
  .lx-grp-body a.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
  .lx-grp-body a.on i{color:var(--accent-text)}
  .lx-loose{margin-top:2px}
  .lx-loose a{border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--text)}
  .lx-loose a.on{background:var(--accent-soft);color:var(--accent-text)}

  /* ===== FIFO/AVECO «taxmin qil → ko'rsat» topshirig'i (.fa-) ===== */
  .fa-sim{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px;margin:0 0 18px}
  .fa-setup{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:18px}
  .fa-setup-h{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin-bottom:9px}
  .fa-tbl{width:100%;border-collapse:collapse;font-size:13px}
  .fa-tbl th{font-family:var(--font-display);font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);text-align:left;padding:4px 8px;border-bottom:1px solid var(--line)}
  .fa-tbl td{padding:5px 8px;color:var(--text-2);font-variant-numeric:tabular-nums}
  .fa-tbl .r{text-align:right}
  .fa-tbl tr.tot td{border-top:1px solid var(--line);color:var(--navy-900);font-weight:700}
  .fa-sale{margin-top:10px;font-size:13px;color:var(--navy);background:var(--accent-soft);border-radius:8px;padding:8px 11px}
  .fa-sale i{color:var(--accent-text)}
  .fa-sale b{color:var(--navy-900)}
  .fa-q{margin:0 0 14px}
  .fa-qt{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--navy);margin-bottom:10px;line-height:1.5}
  .fa-qt u{text-decoration-color:var(--accent-line)}
  .fa-opts{display:flex;gap:9px;flex-wrap:wrap}
  .fa-opt{appearance:none;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--navy);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 22px;cursor:pointer;transition:.15s}
  .fa-opt:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}
  .fa-opt:disabled{cursor:default;opacity:.65}
  .fa-opt.pick{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text);opacity:1}
  .fa-fb{font-size:13px;line-height:1.6;margin-top:11px;border-radius:10px;padding:10px 12px}
  .fa-fb.ok{background:#EAF6EE;color:#15803D;border:1px solid #C3E6CF}
  .fa-fb.no{background:#FBEDEC;color:#B3261E;border:1px solid #F0C9C6}
  .fa-fb b{font-weight:700}
  .fa-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
  .fa-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
  .fa-cardh{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--navy);margin-bottom:9px;display:flex;align-items:center;gap:6px}
  .fa-cardh i{color:var(--accent-text);font-size:16px}
  .fa-rcp{font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums;line-height:1.95}
  .fa-line{display:flex;justify-content:space-between;gap:8px}
  .fa-line.tot{color:var(--navy-900);font-weight:700}
  .fa-rule{border-top:1px dashed var(--line);margin:6px 0}
  .fa-prov{margin:14px 0 0;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--text-2);text-align:center}
  .fa-prov b{color:var(--navy-900)}
  .fa-reset{margin-top:16px}
  @media(max-width:560px){.fa-cards{grid-template-columns:1fr}}

