/* Timeline.az — trade-index layout: sentence search, filter rail, dense ranked lists */
:root{
  --bg:#F3F4F7; --surface:#FFFFFF; --surface-2:#EAECF2; --ink:#121729; --muted:#596077; --line:#DCE0E9;
  --accent:#B0163F; --accent-ink:#FFFFFF; --accent-soft:#F8E4E9;
  --star:#D28E12; --star-off:#D3D7E0; --ok:#1C7A51; --ok-soft:#E0F1E8; --warn:#8C6210; --warn-soft:#F6EDD9;
  --wa:#1A7F45; --wa-ink:#FFFFFF; --shadow:0 10px 30px rgba(18,23,41,.08);
  --av-bg:45% 88%; --av-fg:45% 30%; --vip-bg:#1B1F33; --vip-ink:#F5C451; --brief-bg:#1B1F33; --brief-ink:#FFFFFF;
  --tg-moon:block; --tg-sun:none;
  --f-display:"Unbounded","Onest",system-ui,sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  color-scheme:light;
}
/* Tünd rejim: istifadəçi seçibsə (data-theme="dark") və ya seçməyib, cihaz tünddürsə.
   Hər iki blok eyni dəyərlərdir — birini dəyişəndə o birini də dəyiş. */
:root[data-theme="dark"]{
  --bg:#121729; --surface:#1A2036; --surface-2:#232A42; --ink:#ECEEF5; --muted:#9DA5BB; --line:#2E3652;
  --accent:#F4708F; --accent-ink:#1A0910; --accent-soft:#3B1828;
  --star:#F2B43E; --star-off:#3D4664; --ok:#52C592; --ok-soft:#12301F; --warn:#E3B45A; --warn-soft:#33270F;
  --wa:#3FCB7A; --wa-ink:#06210F; --shadow:0 10px 30px rgba(0,0,0,.45);
  --av-bg:30% 28%; --av-fg:60% 85%; --vip-bg:#F5C451; --vip-ink:#1B1F33; --brief-bg:#ECEEF5; --brief-ink:#121729;
  --tg-moon:none; --tg-sun:block;
  --vz-1:#3987e5;--vz-2:#d95926;--vz-3:#199e70;--vz-4:#c98500;--vz-5:#d55181;--vz-6:#008300;--vz-7:#9085e9;--vz-8:#e66767;
  --vz-base:#3A4260;--vz-dim:#343B55;--vz-up-ink:#3fbf5f;--vz-down-ink:#f07a7a;
  color-scheme:dark;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
    --bg:#121729; --surface:#1A2036; --surface-2:#232A42; --ink:#ECEEF5; --muted:#9DA5BB; --line:#2E3652;
    --accent:#F4708F; --accent-ink:#1A0910; --accent-soft:#3B1828;
    --star:#F2B43E; --star-off:#3D4664; --ok:#52C592; --ok-soft:#12301F; --warn:#E3B45A; --warn-soft:#33270F;
    --wa:#3FCB7A; --wa-ink:#06210F; --shadow:0 10px 30px rgba(0,0,0,.45);
    --av-bg:30% 28%; --av-fg:60% 85%; --vip-bg:#F5C451; --vip-ink:#1B1F33; --brief-bg:#ECEEF5; --brief-ink:#121729;
    --tg-moon:none; --tg-sun:block;
    --vz-1:#3987e5;--vz-2:#d95926;--vz-3:#199e70;--vz-4:#c98500;--vz-5:#d55181;--vz-6:#008300;--vz-7:#9085e9;--vz-8:#e66767;
    --vz-base:#3A4260;--vz-dim:#343B55;--vz-up-ink:#3fbf5f;--vz-down-ink:#f07a7a;
    color-scheme:dark;}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55}
a{color:inherit}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.narrow{max-width:760px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.small{font-size:13px}
.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{text-wrap:balance}
.h1{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,3vw,32px);letter-spacing:-.015em;margin:0 0 8px;line-height:1.25}
.h2{font-family:var(--f-display);font-weight:500;font-size:19px;letter-spacing:-.01em;margin:0}
.h3{font-size:16px;font-weight:650;margin:0}
.lead{color:var(--muted);margin:0 0 22px;max-width:64ch}
.stack{display:flex;flex-direction:column;gap:16px}
.row-flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spread{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.page{padding-block:32px 64px}

/* header */
.top{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:62px;padding-block:8px}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;margin-right:auto;min-width:0}
.brand b{font-family:var(--f-display);font-weight:700;font-size:18px;letter-spacing:-.01em;white-space:nowrap}
.brand b i{font-style:normal;color:var(--accent)}
.brand span{font-size:12px;color:var(--muted);white-space:nowrap}
.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav a{text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap}
.nav a:hover{color:var(--ink);background:var(--surface-2)}
.nav a[aria-current="page"]{color:var(--ink);background:var(--surface-2)}
.userbox{display:flex;gap:8px;align-items:center}
.userbox form{margin:0}
.theme-tg{display:inline-grid;place-items:center;width:34px;height:32px;flex:none;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:none;padding:0;cursor:pointer}
.theme-tg:hover{border-color:var(--ink)}
.theme-tg svg{width:16px;height:16px}
.theme-tg .i-moon{display:var(--tg-moon)}
.theme-tg .i-sun{display:var(--tg-sun)}
.langsw{position:relative}
.langsw summary{list-style:none;cursor:pointer;font-weight:700;font-size:13px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;line-height:1.2;user-select:none;display:inline-flex;align-items:center;white-space:nowrap}
.langsw summary::-webkit-details-marker{display:none}
.langsw summary::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}
.langsw[open] summary,.langsw summary:hover{border-color:var(--ink)}
.langsw ul{position:absolute;right:0;top:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:6px;min-width:176px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.langsw li a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:14px}
.langsw li a b{font-size:12px;color:var(--muted);width:22px}
.langsw li a:hover{background:var(--surface-2)}
.langsw li a[aria-current]{background:var(--surface-2);font-weight:600}
.brand span{display:none}
.top.nav-wrap .wrap{flex-wrap:wrap}
.top.nav-wrap .nav{order:3;width:100%;margin:0 -4px}
@media (max-width:1360px){.nav a{padding:8px 9px}}
@media (max-width:1180px){
  .top .wrap{flex-wrap:wrap}
  .nav{order:3;width:100%;margin:0 -4px}
}

/* buttons & inputs */
.btn{border:1px solid var(--line);background:var(--surface);padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;line-height:1.2}
.btn:hover{border-color:var(--ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.btn.danger{color:var(--accent);border-color:var(--accent)}
.btn.wa{background:var(--wa);border-color:var(--wa);color:var(--wa-ink)}
.btn.ghost{border-color:transparent;background:transparent}
.btn.sm{padding:6px 10px;font-size:13px;border-radius:8px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn svg{width:16px;height:16px;flex:none}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>label,.label{font-size:13px;color:var(--muted);font-weight:500}
.inp{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
textarea.inp{resize:vertical;min-height:96px}
.inp:focus{outline:none;border-color:var(--accent)}
.hint{font-size:12px;color:var(--muted)}
.err{font-size:13px;color:var(--accent)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.checks{display:flex;flex-direction:column;gap:8px;font-size:14px}
.checks label,.check{display:flex;gap:9px;align-items:center;cursor:pointer}
.checks input,.check input{accent-color:var(--accent);width:16px;height:16px;flex:none}
.seg-group{display:flex;gap:6px;flex-wrap:wrap}
.seg{border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;gap:8px;align-items:center;text-decoration:none}
.seg small{font-family:var(--f-mono);font-weight:400;color:var(--muted);font-size:12px}
.seg[aria-pressed="true"],.seg.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.seg[aria-pressed="true"] small,.seg.on small{color:inherit;opacity:.7}
.radio-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:1100px){.radio-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.radio-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.radio-cards label{border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;background:var(--surface)}
.radio-cards input{position:absolute;opacity:0;pointer-events:none}
.radio-cards label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}
.radio-cards b{font-size:15px}
.radio-cards span{font-size:13px;color:var(--muted)}

/* cards & lists */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.card.tight{padding:16px}
.list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.list>.item{border-top:1px solid var(--line)}
.list>.item:first-child{border-top:0}
.empty{padding:40px 24px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.empty b{font-family:var(--f-display);font-weight:500;font-size:16px}
.empty p{margin:0;color:var(--muted);max-width:52ch}

/* badges */
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;letter-spacing:.02em;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap;line-height:1.6}
.pill svg{width:12px;height:12px}
.pill.pick{background:var(--accent);color:var(--accent-ink)}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.off{background:transparent;border:1px dashed var(--line);color:var(--muted)}
.cat{color:var(--accent);font-weight:600}
.stars{display:inline-flex;gap:2px;vertical-align:middle}
.stars svg{width:15px;height:15px;fill:var(--star-off)}
.stars svg.on{fill:var(--star)}
.stars svg.half{fill:var(--star);opacity:.55}
.stars.lg svg{width:22px;height:22px}
.score{font-family:var(--f-mono);font-size:14px;font-weight:500}
.avatar{width:40px;height:40px;border-radius:50%;flex:none;object-fit:cover;display:inline-grid;place-items:center;font-weight:700;font-size:14px;background:hsl(var(--h,340) var(--av-bg));color:hsl(var(--h,340) var(--av-fg))}
img.avatar{background:#fff}
.avatar.sm{width:30px;height:30px;font-size:12px}
.avatar.lg{width:72px;height:72px;font-size:24px;border-radius:16px}

/* hero / sentence search */
.hero{padding-block:36px 18px}
.sentence{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,3.1vw,34px);line-height:1.5;letter-spacing:-.015em;margin:10px 0 0}
.sentence select{font:inherit;color:var(--accent);background:transparent;border:0;border-bottom:2px solid var(--accent);border-radius:0;padding:0 2px;cursor:pointer;max-width:100%;appearance:none;-webkit-appearance:none}
.sentence select:hover{background:var(--accent-soft)}
.sentence option,.sentence optgroup{font-family:var(--f-body);font-size:15px;color:var(--ink);background:var(--surface)}
.searchrow{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.search{flex:1 1 320px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 6px 0 14px;min-width:0}
.search input{border:0;background:transparent;outline:none;padding:13px 0;width:100%;min-width:0}
.search:focus-within{border-color:var(--accent)}
.stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--muted)}
.stats b{font-family:var(--f-mono);font-weight:500;color:var(--ink);font-size:15px;margin-right:4px}

/* catalog */
.catalog{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding-block:8px 60px;align-items:start}
.rail{position:sticky;top:78px;display:flex;flex-direction:column;gap:22px}
.rail h3{margin:0 0 8px;font-size:11px;font-family:var(--f-mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.groups{display:flex;flex-direction:column;gap:2px}
.grp{display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px}
.grp:hover{background:var(--surface-2)}
.grp.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.grp span:last-child{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.grp.on span:last-child{color:var(--accent)}
.listhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.listhead .sort{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}
.listhead .sort select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 8px}
.vrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;padding:16px 18px;text-decoration:none}
.vrow:hover{background:var(--surface-2)}
.vrow .avatar{grid-row:1 / span 3}
.vrow .nm{font-weight:650;font-size:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.vrow .meta{grid-column:2;font-size:13px;color:var(--muted);display:flex;gap:4px 12px;flex-wrap:wrap}
.vrow .desc{grid-column:2;font-size:14px;opacity:.88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vrow .side{grid-column:3;grid-row:1 / span 3;display:flex;flex-direction:column;align-items:flex-end;gap:6px;justify-content:center;text-align:right}
.vrow .cnt{font-size:12px;color:var(--muted)}
.filterbtn{display:none}
.pager{display:flex;gap:6px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.pager a,.pager span{min-width:38px;text-align:center;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);text-decoration:none;font-family:var(--f-mono);font-size:13px}
.pager span.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (max-width:900px){
  .catalog{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;display:none}
  .rail.open{display:flex}
  .filterbtn{display:inline-flex}
}
@media (max-width:560px){
  .vrow{grid-template-columns:auto minmax(0,1fr)}
  .vrow .side{grid-column:2;grid-row:auto;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}
  .grid2,.grid3,.radio-cards{grid-template-columns:minmax(0,1fr)}
}

/* profile page */
.pf{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.pf-head{display:flex;gap:18px;align-items:flex-start}
.pf-title{font-family:var(--f-display);font-weight:500;font-size:clamp(22px,3vw,30px);letter-spacing:-.015em;margin:0;line-height:1.25}
.pf-sub{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:14px;color:var(--muted)}
.contact{display:flex;flex-direction:column;gap:10px}
.contact .btn{width:100%}
.dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 14px;margin:0;font-size:14px}
.dl dt{color:var(--muted)}
.dl dd{margin:0;overflow-wrap:anywhere;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}
.vlist li{display:flex;gap:10px;align-items:center}
.vlist .ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.vlist .y{background:var(--ok-soft);color:var(--ok)}
.vlist .n{background:var(--surface-2);color:var(--muted)}
.section-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px}
.section-h h2{margin:0}
.summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.big{font-family:var(--f-mono);font-size:44px;font-weight:500;line-height:1}
.dist{display:flex;flex-direction:column;gap:4px;font-size:12px}
.dist div{display:grid;grid-template-columns:14px minmax(0,1fr) 28px;gap:8px;align-items:center}
.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.bar i{display:block;height:100%;background:var(--star)}
.rate-input{display:flex;gap:2px;flex-direction:row-reverse;justify-content:flex-end}
.rate-input input{position:absolute;opacity:0;pointer-events:none}
.rate-input label{cursor:pointer;padding:2px}
.rate-input svg{width:30px;height:30px;fill:var(--star-off);transition:fill .1s}
.rate-input input:checked ~ label svg,.rate-input label:hover svg,.rate-input label:hover ~ label svg{fill:var(--star)}
.rate-input input:focus-visible + label{outline:2px solid var(--accent);border-radius:6px}
.review{padding:16px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.review:first-child{border-top:0;padding-top:0}
.review .h{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}
.review p{margin:0}
.reply{margin-left:16px;padding:10px 14px;background:var(--surface-2);border-radius:10px;font-size:14px}
@media (max-width:900px){.pf{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.dl{grid-template-columns:minmax(0,1fr)}.dl dt{margin-top:4px}.summary{grid-template-columns:minmax(0,1fr)}}

/* feed */
.feed{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.post{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}
.post .who{display:flex;gap:12px;align-items:center}
.post .who b{display:block;line-height:1.3}
.post .who a{text-decoration:none}
.post .body{font-size:15px;overflow-wrap:anywhere}
.post .body p{margin:0 0 8px}
.post .img{border-radius:10px;max-height:520px;object-fit:cover;width:100%}
.post .actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap;align-items:center}
.post .actions form{margin:0}
.liked{color:var(--accent)}
.comments{display:flex;flex-direction:column;gap:10px}
.comment{display:flex;gap:10px;align-items:flex-start}
.comment .bubble{background:var(--surface-2);border-radius:12px;padding:8px 12px;font-size:14px;min-width:0;overflow-wrap:anywhere}
.comment .bubble b{font-size:13px}
.cform{display:flex;gap:8px}
.cform input{flex:1}
@media (max-width:900px){.feed{grid-template-columns:minmax(0,1fr)}}

/* tender & job cards */
.trow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;padding:16px 18px;text-decoration:none}
.trow:hover{background:var(--surface-2)}
.trow .t{font-weight:650;font-size:16px}
.trow .meta{font-size:13px;color:var(--muted);display:flex;gap:4px 12px;flex-wrap:wrap}
.trow .side{grid-column:2;grid-row:1 / span 2;text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.qty{font-family:var(--f-mono);font-size:15px}
.layout2{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
@media (max-width:900px){.layout2{grid-template-columns:minmax(0,1fr)}.trow{grid-template-columns:minmax(0,1fr)}.trow .side{grid-column:1;grid-row:auto;align-items:flex-start;text-align:left;flex-direction:row}}

/* tables (admin) */
.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}
table.t{border-collapse:collapse;width:100%;font-size:14px}
table.t th,table.t td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
table.t th{font-size:11px;font-family:var(--f-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
table.t tr:last-child td{border-bottom:0}
.toggle{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
.toggle.on{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.tile b{display:block;font-family:var(--f-mono);font-size:26px;font-weight:500}
.tile span{font-size:13px;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}

/* flash */
.flash{padding:12px 16px;border-radius:10px;font-size:14px;margin-top:16px;border:1px solid var(--line);background:var(--surface)}
.flash.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.flash.error{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.flash.info{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.devmail{background:var(--warn-soft);color:var(--warn);font-size:13px;padding:10px 0}
.devmail a{font-weight:700}

.foot{border-top:1px solid var(--line);padding-block:22px;font-size:13px;color:var(--muted);margin-top:40px}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.foot a{text-decoration:none}

/* home */
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tilecard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.tilecard:hover{border-color:var(--ink)}
.tilecard .k{font-family:var(--f-mono);font-size:26px}
@media (max-width:900px){.home-grid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* plans & monetization */
.pill.vip{background:var(--vip-bg);color:var(--vip-ink)}
.pill.premium{background:var(--warn-soft);color:var(--warn)}
.vrow.is-vip{background:linear-gradient(90deg,var(--warn-soft),transparent 40%)}
.crosssell{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--surface-2);border-radius:12px;padding:14px 16px;font-size:14px}
.crosssell b{display:block}
.own-badge{background:var(--ink);color:var(--bg)}
.sticky-side{position:sticky;top:78px;display:flex;flex-direction:column;gap:16px}
@media (max-width:900px){.sticky-side{position:static}}

/* leaders */
.lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.lcard .who{display:flex;gap:12px;align-items:center;min-width:0}
.lcard .who b{display:block;font-size:16px}
.lcard .pos{font-size:14px}
.lcard .co{font-size:13px;color:var(--muted)}
.lcard .tags{display:flex;gap:6px;flex-wrap:wrap}
.lcard .bio{font-size:14px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lgrid{grid-template-columns:minmax(0,1fr)}}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.plan.hl{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.plan .price{font-family:var(--f-mono);font-size:30px}
.plan .price small{font-size:14px;color:var(--muted)}
.plan ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;flex:1}
@media (max-width:900px){.plans{grid-template-columns:minmax(0,1fr)}}

/* ---- 1.2 ---- */
.top .wrap{gap:14px}
.nav a{padding:8px 10px}
@media (max-width:1240px){
  .top .wrap{flex-wrap:wrap}
  .nav{order:3;width:100%;margin:0 -4px}
  .brand span{display:none}
}
/* ads */
.ad{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.ad img{display:block;width:100%;height:auto}
.ad.wide{max-height:200px}
.ad.wide img{object-fit:cover;max-height:200px}
.ad-label{position:absolute;top:8px;right:8px;background:rgba(18,23,41,.72);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px}
.ad-slot{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line);border-radius:12px;padding:18px;color:var(--muted);font-size:13px;text-decoration:none;min-height:110px;background:transparent}
.ad-slot.wide{min-height:70px;flex-direction:row;gap:12px}
.ad-slot:hover{border-color:var(--ink);color:var(--ink)}
/* admin subnav */
.subnav{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}
.subnav a{text-decoration:none;padding:7px 12px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}
.subnav a:hover{background:var(--surface-2);color:var(--ink)}
.subnav a.on{background:var(--ink);color:var(--bg)}
/* agency */
.facts{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.facts b{color:var(--ink);font-weight:600}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.case{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.case img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--surface-2)}
.case .c-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.case .c-body b{font-size:15px}
.case .c-body p{margin:0;font-size:14px}
@media (max-width:640px){.cases{grid-template-columns:minmax(0,1fr)}}
.tagrow{display:flex;gap:6px;flex-wrap:wrap}
.hero-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:stretch}
.hero-split .card{display:flex;flex-direction:column;gap:12px;justify-content:center}
@media (max-width:900px){.hero-split{grid-template-columns:minmax(0,1fr)}}
/* tender & bids */
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kv div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.kv span{display:block;font-size:12px;color:var(--muted)}
.kv b{font-family:var(--f-mono);font-weight:500;font-size:15px}
@media (max-width:760px){.kv{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bid{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.bid .top-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.bid .price{font-family:var(--f-mono);font-size:18px}
.pill.featured{background:var(--accent);color:var(--accent-ink)}
.pill.brief{background:var(--brief-bg);color:var(--brief-ink)}
/* blog */
.langs{display:inline-flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:999px}
.langs a{text-decoration:none;padding:5px 12px;border-radius:999px;font-weight:700;font-size:13px;color:var(--muted)}
.langs a.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.langs a.off{opacity:.4;pointer-events:none}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.acard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.acard:hover{border-color:var(--ink)}
.acard img,.acard .ph{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--surface-2)}
.acard .a-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.acard h3{margin:0;font-size:17px;line-height:1.35}
.acard p{margin:0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.agrid{grid-template-columns:minmax(0,1fr)}}
.article{max-width:760px;margin:0 auto}
.article .cover{width:100%;border-radius:16px;aspect-ratio:16/8;object-fit:cover;margin:18px 0}
.prose{font-size:17px;line-height:1.7}
.prose h2{font-family:var(--f-display);font-weight:500;font-size:22px;margin:32px 0 10px;letter-spacing:-.01em}
.prose h3{font-size:18px;margin:24px 0 8px}
.prose p{margin:0 0 16px}
.prose img{max-width:100%;height:auto;border-radius:12px;display:block;margin:18px auto}
.prose a{color:var(--accent)}
.prose blockquote{margin:18px 0;padding:6px 18px;border-left:3px solid var(--accent);color:var(--muted)}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose li{margin:4px 0}
.prose code{font-family:var(--f-mono);font-size:14px;background:var(--surface-2);padding:1px 5px;border-radius:5px}
.prose pre{background:var(--surface-2);padding:14px;border-radius:10px;overflow:auto}
.prose table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}
/* editor */
.tabs-ed{display:flex;gap:6px;margin-bottom:-1px}
.tabs-ed button{border:1px solid var(--line);border-bottom:0;background:var(--surface-2);padding:8px 16px;border-radius:10px 10px 0 0;font-weight:700;cursor:pointer}
.tabs-ed button[aria-selected="true"]{background:var(--surface)}
.pane{border:1px solid var(--line);border-radius:0 12px 12px 12px;background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:14px}
textarea.md{min-height:420px;font-family:var(--f-mono);font-size:14px;line-height:1.6}
/* feed */
.composer{display:flex;flex-direction:column;gap:10px}
.composer textarea{min-height:90px}
.post .who .badge-line{font-size:12px;color:var(--muted)}
.mini{display:flex;flex-direction:column;gap:10px}
.mini a{text-decoration:none;display:flex;flex-direction:column;gap:2px;font-size:14px}
.mini a span{font-size:12px;color:var(--muted)}
.qa{display:flex;gap:8px;flex-wrap:wrap}
.adwrap:empty{display:none}

/* ---------- 1.3: Qrafiklər, Araşdırmalar, Data, İlin yekunları ---------- */
:root{--vz-1:#2a78d6;--vz-2:#eb6834;--vz-3:#1baf7a;--vz-4:#eda100;--vz-5:#e87ba4;--vz-6:#008300;--vz-7:#6250d6;--vz-8:#e34948;
  --vz-base:#B9BFCC;--vz-dim:#CDD1DB;--vz-good:#0ca30c;--vz-bad:#d03b3b;--vz-up-ink:#006300;--vz-down-ink:#b8322f}
.viz{margin:24px 0;container-type:inline-size;font-size:15px;line-height:1.5}
.card>.viz,.pane>.viz{margin:0}
.vz-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.vz-title{font-size:16px;font-weight:650;line-height:1.35}
.vz-sub{font-size:13px;color:var(--muted)}
.vz-legend{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}
.vz-legend li{display:inline-flex;align-items:center;gap:6px;margin:0}
.vz-key{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}
.vz-key.line{height:3px;width:16px;border-radius:2px}
.vz-key.s1{background:var(--vz-1)}.vz-key.s2{background:var(--vz-2)}.vz-key.s3{background:var(--vz-3)}.vz-key.s4{background:var(--vz-4)}
.vz-key.s5{background:var(--vz-5)}.vz-key.s6{background:var(--vz-6)}.vz-key.s7{background:var(--vz-7)}.vz-key.s8{background:var(--vz-8)}
.viz svg{display:block;max-width:100%;height:auto}
.viz svg text{font-family:var(--f-body);fill:var(--ink)}
.viz svg .vz-tick{fill:var(--muted)}
.viz svg .vz-val{font-weight:600}
.viz svg .vz-val.up{fill:var(--vz-up-ink)}.viz svg .vz-val.down{fill:var(--vz-down-ink)}
.viz .vz-grid{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges}
.viz .vz-base{stroke:var(--vz-base);stroke-width:1;shape-rendering:crispEdges}
.viz path.s1,.viz rect.s1,.viz circle.s1{fill:var(--vz-1)}.viz path.s2,.viz circle.s2{fill:var(--vz-2)}.viz path.s3,.viz circle.s3{fill:var(--vz-3)}.viz path.s4,.viz circle.s4{fill:var(--vz-4)}
.viz path.s5,.viz circle.s5{fill:var(--vz-5)}.viz path.s6,.viz circle.s6{fill:var(--vz-6)}.viz path.s7,.viz circle.s7{fill:var(--vz-7)}.viz path.s8,.viz circle.s8{fill:var(--vz-8)}
.viz polyline.vz-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.viz .vz-line.s1{stroke:var(--vz-1)}.viz .vz-line.s2{stroke:var(--vz-2)}.viz .vz-line.s3{stroke:var(--vz-3)}.viz .vz-line.s4{stroke:var(--vz-4)}
.viz .vz-line.s5{stroke:var(--vz-5)}.viz .vz-line.s6{stroke:var(--vz-6)}.viz .vz-line.s7{stroke:var(--vz-7)}.viz .vz-line.s8{stroke:var(--vz-8)}
.viz circle.vz-dot{stroke:var(--surface);stroke-width:2}
.viz path.dim{fill:var(--vz-dim)}
.viz path.up{fill:var(--vz-good)}.viz path.down{fill:var(--vz-bad)}
.viz .vz-cross{stroke:var(--muted);stroke-width:1;shape-rendering:crispEdges}
.viz .vz-hit{fill:transparent}
.viz [data-tip]{outline:none;transition:opacity .12s}
.viz path[data-tip].hov{opacity:.78}
.viz path[data-tip]:focus-visible,.viz rect.vz-hit:focus-visible{stroke:var(--ink);stroke-width:1.5}
.vz-narrow{display:none}
@container (max-width:560px){.vz-wide{display:none}.vz-narrow{display:block}}
.vz-foot{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.5}
.vz-foot a{color:inherit}
.vz-tip{position:fixed;z-index:60;pointer-events:none;background:var(--ink);color:var(--bg);border-radius:8px;padding:7px 10px;font-size:12.5px;line-height:1.45;max-width:300px;box-shadow:var(--shadow)}
.vz-tip .h{opacity:.72}
.vz-tip b{font-weight:700;margin-right:6px}
.vz-dwrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.vz-donut{width:200px;max-width:56%;height:auto;flex:none}
.vz-donut path{stroke:var(--surface);stroke-width:2}
.viz svg .vz-dtotal{font-weight:700}
.viz .vz-dlist{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1 1 220px;font-size:14px}
.vz-dlist li{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:10px;align-items:center;margin:0}
.vz-dlist b{font-variant-numeric:tabular-nums}
.vz-dlist em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}
.vz-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.vz-kpi{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}
.vz-kpi-l{font-size:13px;color:var(--muted);line-height:1.35}
.vz-kpi-v{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.vz-kpi-v small{font-size:14px;font-weight:600;color:var(--muted)}
.vz-delta{font-size:13px;font-weight:650}
.vz-delta.up,.chg.up{color:var(--vz-up-ink)}.vz-delta.down,.chg.down{color:var(--vz-down-ink)}.vz-delta.flat{color:var(--muted)}
.vz-kpi-n{font-size:12px;color:var(--muted);line-height:1.4}
.viz .vz-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.vz-flow li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;position:relative;padding-bottom:16px;margin:0}
.vz-flow li::before{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--line)}
.vz-flow li:last-child{padding-bottom:0}.vz-flow li:last-child::before{display:none}
.vz-step-n{grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--vz-1);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.vz-flow li b{grid-column:2;padding-top:4px;font-size:15px;line-height:1.35}
.vz-flow li p{grid-column:2;margin:2px 0 0;font-size:14px;color:var(--muted);line-height:1.5}
.vz-table th.num,.vz-table td.num{text-align:right}
.prose .viz ul,.prose .viz ol{padding-left:0;margin:0}
.prose .viz li{margin:0}
.prose .viz .table-wrap{font-size:14px}
.vz-thumb{display:block}
.vz-thumb rect{fill:var(--th,var(--vz-1))}
.vz-thumb polyline{stroke:var(--th,var(--vz-1));stroke-width:2.5;fill:none;stroke-linejoin:round;stroke-linecap:round}
.rs-nav{border-bottom:0;padding-bottom:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters .inp{width:auto;min-width:150px;flex:0 1 auto}
.ybanner{display:flex;align-items:center;gap:16px;text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px 18px}
.ybanner:hover{border-color:var(--ink)}
.ybanner-y{font-family:var(--f-display);font-size:30px;font-weight:700;color:var(--accent);line-height:1}
.ybanner>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.ybanner-go{font-size:22px;color:var(--muted)}
.dcover{position:relative;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;background:var(--surface-2);overflow:hidden}
.dcover-k{font-weight:700;font-size:13px;color:var(--ink)}
.dcover-g{position:absolute;top:16px;right:16px;font-size:11px;color:var(--muted);font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em}
.dcover .vz-thumb{width:100%;height:auto;max-height:72%;margin-top:auto}
.sec-food{--th:var(--vz-1)}.sec-retail{--th:var(--vz-2)}.sec-construction{--th:var(--vz-7)}.sec-advertising{--th:var(--vz-5)}
.sec-digital{--th:var(--vz-3)}.sec-horeca{--th:var(--vz-4)}.sec-finance{--th:var(--vz-6)}.sec-labor{--th:var(--vz-8)}.sec-economy{--th:var(--vz-1)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.dcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;overflow:hidden}
.dcard:hover{border-color:var(--ink)}
.dcard-viz{background:var(--surface-2);padding:12px 14px;height:96px;display:flex;align-items:flex-end}
.dcard-viz .vz-thumb{width:100%;height:100%}
.dcard-type{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.dcard-b{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.dcard-b b{font-size:15px;line-height:1.35}
.lrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;text-decoration:none;border-top:1px solid var(--line)}
.lrow:first-child{border-top:0}
.lrow:hover{background:var(--surface-2)}
.ybhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ybsec{scroll-margin-top:90px;border-top:1px solid var(--line);padding-top:18px}
.movers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.movers{grid-template-columns:minmax(0,1fr)}}
.mcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.mcol-h{font-size:15px;margin:0;display:flex;gap:6px;align-items:center}
.mcol.up .mcol-h>span:first-child{color:var(--vz-up-ink)}.mcol.down .mcol-h>span:first-child{color:var(--vz-down-ink)}
.mover{border:1px solid var(--line);border-left:3px solid var(--vz-good);border-radius:12px;padding:12px 14px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.mcol.down .mover{border-left-color:var(--vz-bad)}
.mover p{margin:0;font-size:14px}
.mover-p{font-size:15px}.mover-p a{text-decoration:none}
.chg{font-weight:700;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.srcs{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}
.srcs ol{margin:8px 0 0;padding-left:20px;font-size:14px;display:grid;gap:4px}
.srcs a{overflow-wrap:anywhere}
.vpick{display:grid;gap:8px;max-height:260px;overflow:auto}
.vpick div{display:flex;flex-direction:column}
.vpick code{font-size:12px;user-select:all;overflow-wrap:anywhere}
.rcard .a-body h3{font-size:16.5px}
.vz-dlist.pct li{grid-template-columns:12px minmax(0,1fr) auto}
.viz .vz-wide svg{max-width:820px}
.ybviz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;align-items:start}
@media (max-width:900px){.ybviz{grid-template-columns:minmax(0,1fr)}}
.mover-v{font-weight:600;color:var(--ink)}
.vz-kpis{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}
@container (max-width:420px){.vz-kpi{padding:12px}.vz-kpi-v{font-size:22px}.vz-kpi-v small{font-size:12px}}

/* Mətnli müqayisə cədvəli: dar ekranda kartlara çevrilir */
.vz-table.vz-text td,.vz-table.vz-text th{vertical-align:top;line-height:1.45}
.vz-table.vz-text td.vz-rowhead{font-weight:600}
@container (max-width:560px){
  .vz-table.vz-text thead{display:none}
  .vz-table.vz-text,.vz-table.vz-text tbody,.vz-table.vz-text tr,.vz-table.vz-text td{display:block;width:100%}
  .vz-table.vz-text tr{padding:10px 12px;border-top:1px solid var(--line)}
  .vz-table.vz-text tr:first-child{border-top:0}
  .vz-table.vz-text td{border:0;padding:3px 0}
  .vz-table.vz-text td.vz-rowhead{padding-bottom:6px}
  .vz-table.vz-text td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);font-weight:500}
}

/* Avtomatik üzlük (üz şəkli olmayan yazılar) */
.gcover{position:relative;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden;display:block;--c:var(--vz-1)}
.gcover svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.gc-s1{--c:var(--vz-1)}.gc-s2{--c:var(--vz-2)}.gc-s3{--c:var(--vz-3)}.gc-s4{--c:var(--vz-4)}
.gc-s5{--c:var(--vz-5)}.gc-s6{--c:var(--vz-6)}.gc-s7{--c:var(--vz-7)}.gc-s8{--c:var(--vz-8)}
.gcover .gc-a{fill:var(--c)}
.gcover .gc-dim{opacity:.55}
.gcover .gc-m{fill:var(--line)}
.gcover .gc-ln{fill:none;stroke:var(--c);stroke-width:4;stroke-linejoin:round;stroke-linecap:round;opacity:.45}
.gcover .gc-ring{fill:none;stroke:var(--line);stroke-width:26}
.gcover .gc-arc{fill:none;stroke:var(--c);stroke-width:26;stroke-linecap:round}
.gcover .gc-t{fill:#fff;font-family:var(--f-body,system-ui);font-weight:700;font-size:17px}
.gcover-k{position:absolute;left:16px;top:14px;font-weight:700;font-size:13px;color:var(--ink)}
.gc-s4 .gc-t{fill:#121729}
@media (max-width:480px){
  .top .wrap{gap:10px}
  .brand b{font-size:16px}
  .userbox{gap:6px}
  .userbox .btn.sm{padding:6px 8px}
  .langsw summary{padding:6px 8px}
  .langsw summary::after{display:none}
}