.cat .ch{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:12px 0}.cat .ch h2{margin:0}
.ctabs{display:flex;gap:6px;overflow-x:auto;max-width:100%}.ctabs button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid transparent;background:none;color:var(--mute);font-weight:600;white-space:nowrap;cursor:pointer}.ctabs .on{background:#4f46e533;border-color:#4f46e5;color:#c7d2fe}
.cprog{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mute)}.cprog i{display:block;width:90px;height:8px;border-radius:9px;background:#273047;overflow:hidden}.cprog b{display:block;height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#34d399);transition:width .3s}.cprog em{background:none;padding:0;color:#34d399;font-size:.85rem;text-transform:none;letter-spacing:0}
.ctools{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0}.ctools label:not(.up){display:flex;flex-direction:column;font-size:.8rem;color:var(--mute);flex:1;min-width:130px}.ctools select{margin:4px 0 0}.up{cursor:pointer}
.drop{border:2px dashed #4f46e5;border-radius:18px;padding:40px 16px;text-align:center;color:var(--mute);cursor:pointer;background:#4f46e50f}
.sg{background:#0e1333;border:1px solid #1c2347;border-radius:16px;margin:0 0 12px;overflow:hidden}.sg.act{border:2px solid #5b54f0;box-shadow:0 0 22px #4f46e540}
.sg header{display:flex;gap:8px;align-items:center;padding:10px 14px;font-size:.78rem}.sg .n{color:var(--mute);font-weight:600}
.bd{padding:2px 9px;border-radius:7px;font-size:.72rem;font-weight:600;border:1px solid}.bd.tm{color:#34d399;border-color:#34d39966;background:#34d39918}.bd.ai{color:#4ade80;border-color:#4ade8066;background:#4ade8018}
.stb{margin-left:auto}.s-Approved{color:#34d399;border-color:#34d39966;background:#34d39918}.s-Translated{color:#60a5fa;border-color:#60a5fa66;background:#60a5fa18}.s-Draft{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2418}
.cols{display:grid;gap:12px;padding:0 14px 14px}@media(min-width:760px){.cols{grid-template-columns:1fr 1fr}}
.sc{background:#0a0f2a;border-radius:12px;padding:12px}.sh{display:flex;justify-content:space-between;align-items:center;color:var(--mute)}.sh small{letter-spacing:.06em}.sh button{background:none;border:0;color:var(--mute);cursor:pointer;min-height:36px}
.sc p{margin:8px 0 0;font-size:1.02rem}.tc textarea{margin:6px 0 10px;resize:vertical;min-height:84px;background:#080c22;border-color:#2a3366}
.ft{display:none;flex-wrap:wrap;gap:8px}.sg.act .ft{display:flex}.ft button{min-height:44px;padding:0 14px;border-radius:9px;border:0;background:#1d2547;color:#cbd5e1;font-weight:600;cursor:pointer}.ft button:disabled{opacity:.5}.ft .save{margin-left:auto;background:#059669;color:#fff}
.tgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tg{font-size:.75rem;padding:2px 8px;border-radius:7px;background:#dcc68f22;color:var(--gold)}
.lnk{background:none;border:0;color:var(--hi);text-decoration:underline;cursor:pointer;min-height:40px}
@media(max-width:520px){.ft .save{flex:1 0 100%}.cprog i{width:60px}}
/* ---- compact segments + zoom ---- */
.cat{--z:1}#cSegs{font-size:calc(.85rem*var(--z));touch-action:pan-y}
.sg{border-radius:12px;margin:0 0 8px}.sg.act{border-width:1.5px}
.sg header{padding:6px 10px;font-size:.85em;gap:6px}.bd{font-size:.8em;padding:1px 7px}
.cols{gap:8px;padding:0 10px 10px;align-items:start}
.sc{padding:8px 10px;border-radius:10px}.sc p{margin:4px 0 0;font-size:1em;line-height:1.45}
.sh{font-size:.8em}.sh button{min-height:30px;font-size:1em}
.tc textarea{margin:4px 0 6px;min-height:0;padding:8px 10px;font-size:1em;line-height:1.45;border-radius:10px;overflow:hidden;resize:none}
.ft button{min-height:38px;padding:0 12px;font-size:.95em}
@media(pointer:coarse){.tc textarea{font-size:max(16px,1em)}}
.zm{display:flex;align-items:center;gap:6px}.zm button{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:700;cursor:pointer}.zm span{min-width:50px;text-align:center;cursor:pointer;color:var(--mute);font-size:.85rem}

/* ---- Lingonexus-style header bar ---- */
.cbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:10px 14px;margin:12px 0;border-radius:16px;background:linear-gradient(135deg,#10173f,#0c1131);border:1px solid #1f2858}
.cbrand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1.15rem}.cbrand b{color:#e8ecff}.cbrand svg{color:#818cf8}
.cv{font-size:.7rem;padding:2px 9px;border-radius:99px;background:#6366f133;color:#a5b4fc;border:1px solid #6366f155;font-weight:600;white-space:nowrap}
.ctabs svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px}
.cexp{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:0;background:linear-gradient(90deg,#4f46e5,#6366f1);color:#fff;font-weight:700;cursor:pointer}.cexp svg{width:16px;height:16px}
.cbar2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}.cbar2 input,.cbar2 select{margin:0;flex:1;min-width:130px}.pair{font-weight:700;color:#a5b4fc}

/* ---- top bar like Lingonexus, light mode, language search, tags ---- */
.cat.lt{background:#06080c;filter:invert(1) hue-rotate(180deg);border-radius:18px;padding:0 14px 14px}
.ph{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;margin:6px 0 14px}.ph h2{margin:0 0 4px}.ph p{margin:0}
.cnew{min-height:46px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #4f46e55a}
.dz{padding:44px 16px;line-height:1.7}.dz .row{margin-top:16px}
.lp{position:relative;flex:1;min-width:150px}.lp span{display:block;font-size:.8rem;color:var(--mute);margin-bottom:4px}.lp input{margin:0}
.lp ul{position:absolute;z-index:40;left:0;right:0;top:100%;max-height:260px;overflow:auto;margin:2px 0 0;padding:4px;list-style:none;background:#10173f;border:1px solid #2a3366;border-radius:12px;box-shadow:0 14px 30px #000a}
.lp li button{width:100%;text-align:left;min-height:44px;padding:0 12px;background:none;border:0;color:inherit;border-radius:8px;cursor:pointer}.lp li button:hover{background:#4f46e533}.lp li.note{padding:10px 12px}
.tk,.tkb{display:inline-block;padding:0 6px;margin:0 1px;border-radius:6px;font:.85em/1.5 ui-monospace,Consolas,monospace;border:1px solid #3a4a9a;background:#1d2a5c;color:#9db4ff}
.k-i{border-color:#7c4ab5;background:#2b1d4f;color:#d3b4ff}.k-u{border-color:#2a8a85;background:#133a3a;color:#7fe0d8}.k-c{border-color:var(--tc,#f59e0b);background:#00000040;color:var(--tc,#f59e0b)}
.k-img{border-color:#2c9a63;background:#12351f;color:#7ee2a8}.k-br,.k-tab{border-color:#566;background:#222;color:#bbb}
.tgr{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;align-items:center}.tgr small{color:var(--mute)}.tkb{cursor:pointer;min-height:32px}
.bd.warn{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2418}

/* ---- v10 bar: brand | tabs | progress | view | theme | export ---- */
.cat{container:cat/inline-size}
.cbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;position:sticky;top:64px;z-index:15}
.cbrand{flex:0 0 auto}.ctabs{flex:1 1 auto;min-width:0}
.cprog{margin-left:auto;padding:6px 12px;border:1px solid #1f2858;background:#ffffff08;border-radius:10px;white-space:nowrap}
.cact{display:flex;align-items:center;gap:8px}
.cic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid #2a3366;background:#ffffff0d;color:var(--text);cursor:pointer;padding:0}.cic svg{width:20px;height:20px}
.cexp{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:0;background:linear-gradient(90deg,#4f46e5,#6366f1);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}
.expw{position:relative}.expm{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:210px;padding:4px;background:#10173f;border:1px solid #2a3366;border-radius:12px;box-shadow:0 14px 30px #000a}
.expm button{display:block;width:100%;text-align:left;min-height:44px;padding:0 12px;background:none;border:0;border-radius:8px;color:#e8ecf2;cursor:pointer}.expm button:hover{background:#4f46e533}
@container cat (max-width:1320px){.cv{display:none}.cprog span{display:none}.ctabs button{padding:0 12px}}
@container cat (max-width:1180px){.ctabs{order:2;flex:1 1 360px}.cprog{order:3;margin-left:auto}.cact{order:4}}
@container cat (max-width:760px){.cbrand{flex:1 1 100%}.ctabs{flex:1 1 100%}.cprog{margin-left:0;margin-right:auto}}
@container cat (max-width:560px){.ctabs button{padding:0 9px;font-size:.84rem}.ctabs svg{display:none}.cbar2 input{flex:1 1 100%;order:3}.cprog{flex:1 1 100%;margin:0}.cprog i{flex:1;width:auto}.cact{flex:1 1 100%}.cexp{flex:1}.cbar{top:62px}}
.cat.mob{max-width:430px;margin-left:auto;margin-right:auto}
.cat.mob .cols{grid-template-columns:1fr!important}
@container cat (max-width:700px){.cols{grid-template-columns:1fr!important}}
.cat .ctabs .on{color:#c7d2fe}
.cat input,.cat select,.cat textarea{color:var(--text)}
.k-s{border-color:#b54a4a;background:#4f1d1d;color:#ffb4b4}.k-sup,.k-sub{border-color:#8a8a2a;background:#3a3a13;color:#e0e07f}
.expw{display:inline-flex;gap:4px}.cexm{flex:0 0 auto!important;padding:0 12px;margin:0}

/* ---- v3.6: source box looks like the target box, unsave, QA ---- */
.cat .sc{background:none;padding:0;border-radius:0}
.cat .sc p{margin:4px 0 6px;padding:8px 10px;font-size:1em;line-height:1.45;border:1px solid #2a3366;border-radius:10px;background:#080c22;white-space:pre-wrap;overflow-wrap:anywhere;min-height:2.6em}
@media(pointer:coarse){.cat .sc p{font-size:max(16px,1em)}}
.ft .unsv{margin-left:auto;background:#92400e;color:#fff}
@media(max-width:520px){.ft .unsv{flex:1 0 100%}}
.cqa{background:#ffffff0d!important;border:1px solid #2a3366!important;color:var(--text)!important}
.qab{max-width:640px}.qal{display:grid;gap:6px;margin:12px 0;max-height:50vh;overflow:auto}
.qai{display:flex;gap:10px;align-items:center;text-align:left;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid #2a3366;background:#0a0f2a;color:var(--text);cursor:pointer}
.qai b{color:#a5b4fc;min-width:44px}.qai em{font-style:normal;font-size:.75rem;padding:1px 8px;border-radius:7px;border:1px solid;white-space:nowrap}
.qai.err em{color:#f87171;border-color:#f8717166;background:#f8717118}.qai.warn em{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2418}.qai span{flex:1}
#cQa .btn:disabled{opacity:.45;cursor:not-allowed}

/* ---- v3.8: slim list | cards | resource bar (all scoped to .cat) ---- */
.cat .wnl,.cat .wbh,.cat #cSug,.cat .wtot{display:none}
.cat .cpl{font-size:.7em;padding:1px 8px;border-radius:7px;background:#4f46e51f;color:#a5b4fc;border:1px solid #4f46e555}
.cat .ln{color:#c7d2fe}.cat .sh small{text-transform:uppercase;letter-spacing:.05em}
.cat .sh{gap:8px;flex-wrap:wrap}.cat .sh .cpl{margin-left:auto}
.cat .tl{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.cat .tl button{min-height:28px;padding:0 8px;border:0;border-radius:7px;background:none;color:#a5b4fc;cursor:pointer;font-size:.92em;text-transform:none}.cat .tl button:hover{background:#4f46e533}
.cat .tl .etb{border:1px solid #2a3366;background:#0a0f2a;min-width:28px;color:#cbd5e1}
.cat .sg:not(.act) .tl .etb{display:none}
.cat .tl .cc{color:var(--mute);text-transform:none;letter-spacing:0;margin-left:4px}
.cat .stb{cursor:pointer;font-family:inherit;line-height:1.3}.cat .s-Approved::before{content:"✓ "}
.cat .ft .save,.cat .ft .unsv{margin-left:auto}
.cat .ft{margin-top:6px}
.cat .wbs{background:#0e1333;border:1px solid #1c2347;border-radius:14px;overflow:hidden}
.cat .subt{display:flex;gap:6px;padding:0 10px;border-bottom:1px solid #1c2347;overflow-x:auto;background:#0b102b}
.cat .subt button{min-height:38px;padding:0 12px;background:none;border:0;border-bottom:2px solid transparent;color:var(--mute);cursor:pointer;white-space:nowrap;font-weight:600;font-size:.9em}.cat .subt .on{color:#a5b4fc;border-bottom-color:#6366f1;background:#161d4d}
.cat #cSugL{padding:8px 10px;display:grid;gap:6px;align-content:start}
.cat .sgr{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #1c2347;border-radius:9px;padding:6px 10px;background:#0a0f2a}.cat .sgr.ai{grid-template-columns:1fr auto}
.cat .sgr strong{display:block;font-size:.85em;font-weight:600}.cat .sgr small{color:var(--mute);display:block;margin-top:1px}
.cat .mt{font-size:.7em;padding:2px 8px;border-radius:7px;background:#34d39918;color:#34d399;white-space:nowrap;font-weight:700}.cat .mt.err{background:#f8717118;color:#f87171}.cat .mt.warn{background:#fbbf2418;color:#fbbf24}
.cat .ins{min-height:36px;border:0;background:none;color:#818cf8;cursor:pointer;font-weight:600}.cat .ins:hover{text-decoration:underline}
.cat .wh1{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cat .wh1 b{font-size:.95em}.cat .wh1 .note{margin:0}
.cat .wbn{display:flex;gap:8px;align-items:center}.cat .wbn .note{margin:0;white-space:nowrap}
.cat .wni{display:block;width:100%;text-align:left;padding:8px 10px;margin:0;border:0;border-bottom:1px solid #151b40;border-left:3px solid transparent;background:none;color:var(--text);cursor:pointer}
.cat .wni:hover{background:#121846}.cat .wni.on{border-left-color:#6366f1;background:#161d4d}
.cat .wh{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.cat .wh b{color:#a5b4fc;font-size:.78em}
.cat .stc{font-style:normal;font-size:.65em;padding:1px 7px;border-radius:6px;border:1px solid;white-space:nowrap}
.cat .w1{display:block;font-size:.8em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat .wni small{display:block;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72em}.cat .wni small .nt{opacity:.7}
.cat .wtot{margin:0;padding:6px 10px;font-size:.75em}
@container cat (min-width:1000px){
.cat .cbar{padding:6px 12px;margin:8px 0;gap:8px 12px;border-radius:12px}
.cat .cbar .ctabs button{min-height:36px;padding:0 12px;font-size:.9em}
.cat .cbar .cic,.cat .cbar .cexp{min-height:36px}.cat .cbar .cic{width:36px;height:36px}
.cat .cbar .cprog{padding:3px 10px}
}
@container cat (min-width:860px){
.cat:not(.mob) .wbg.has{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:540px;border:1px solid #1c2347;border-radius:14px;overflow:hidden;background:#0b102b}
.cat:not(.mob) .wbg.has .wbl{display:flex;flex-direction:column;min-height:0;border-right:1px solid #1c2347;background:#0c1130}
.cat:not(.mob) .wbg.has .cbar2{flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:8px;border-bottom:1px solid #1c2347}
.cat:not(.mob) .wbg.has .cbar2 input,.cat:not(.mob) .wbg.has .cbar2 select{flex:none;width:100%;min-height:38px}
.cat:not(.mob) .wbg.has .cbar2 .zm button{min-width:36px;min-height:34px}
.cat:not(.mob) .wbg.has .wtot{display:block}
.cat:not(.mob) .wbg.has .wnl{display:block;position:relative;flex:1;min-height:0;overflow:auto}
.cat:not(.mob) .wbg.has .wbc{display:flex;flex-direction:column;min-height:0;min-width:0}
.cat:not(.mob) .wbg.has .wbh{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;background:#0e1333;border-bottom:1px solid #1c2347}
.cat:not(.mob) .wbg.has #cSegs{flex:1;min-height:0;overflow-y:auto;padding:10px;position:relative}
.cat:not(.mob) .wbg.has #cSug{display:flex;flex-direction:column;flex:0 0 140px;border:0;border-top:1px solid #1c2347;border-radius:0}
.cat:not(.mob) .wbg.has #cSugL{overflow:auto;flex:1;min-height:0}
.cat:not(.mob) .wbg.has .cols{grid-template-columns:1fr 1fr!important}
.cat:not(.mob) .wbg.has .sg header{padding:5px 10px}
}
.cat .hsv{display:none;margin-left:auto;min-height:26px;padding:0 10px;border:0;border-radius:7px;font-weight:600;font-size:.92em;cursor:pointer;font-family:inherit}.cat .hsv.save{background:#059669;color:#fff}.cat .hsv.unsv{background:#92400e;color:#fff}.cat .hsv~.stb{margin-left:8px}
@container cat (min-width:860px){
.cat:not(.mob) .wbg.has .sg{margin:0 0 6px}
.cat:not(.mob) .wbg.has .sg.act .hsv{display:inline-block}
.cat:not(.mob) .wbg.has .ft{display:none!important}
.cat:not(.mob) .wbg.has .cols{padding:0 10px 8px;gap:10px}
.cat:not(.mob) .wbg.has .sh{min-height:26px}.cat:not(.mob) .wbg.has .sh button,.cat:not(.mob) .wbg.has .tl button{min-height:24px}
.cat:not(.mob) .wbg.has .sc p{margin:2px 0 0;padding:6px 10px}
.cat:not(.mob) .wbg.has .tc textarea{margin:2px 0 0;padding:6px 10px}
}
@container cat (min-width:1000px){
.cat .cbar .ctabs button{padding:0 10px}.cat .cbar .cprog i{width:56px}.cat .cbar .cexp{padding:0 12px}.cat .cbar .cqa{padding:0 12px}.cat .cbar .cbrand{gap:6px}
}
@container cat (max-width:560px){.cact{flex-wrap:wrap}.cact .cqa{flex:1}}

/* ---- v3.9: everything scales together, compact, one-line paging, tags row ---- */
.cat .wbl,.cat .wbh,.cat #cSug{font-size:calc(.8rem*var(--z,1))}
.cat .pgb{min-height:26px;padding:0 10px;border-radius:7px;border:1px solid #2a3366;background:#0a0f2a;color:#cbd5e1;font-size:1em;white-space:nowrap;cursor:pointer;font-family:inherit}.cat .pgb:hover{background:#4f46e533}
.cat .wbh,.cat .wbn,.cat .wh1{flex-wrap:nowrap}.cat .wh1{min-width:0;flex:1;gap:10px}.cat .wh1 b{font-size:1.05em;white-space:nowrap}.cat .wbn .note{font-size:1em}
.cat #cDoc{display:inline-block;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.cat .nt{color:var(--mute);font-size:.85em}.cat .sg:not(.act) .tgr.no{display:none}
.cat .tgr{margin:4px 0 0}.cat .tkb{min-height:24px;padding:0 8px;font-size:.85em}
.cat .subt button{min-height:30px;font-size:1em}
@container cat (min-width:860px){
.cat .cbar{padding:5px 10px;margin:6px 0;gap:6px 10px}
.cat .cbar .cbrand{font-size:.95rem}.cat .cbar .ctabs button{min-height:30px;padding:0 10px;font-size:.8rem}.cat .cbar .ctabs svg{width:14px;height:14px}
.cat .cbar .cic{width:30px;height:30px;border-radius:9px}.cat .cbar .cic svg{width:16px;height:16px}
.cat .cbar .cexp{min-height:30px;font-size:.8rem;padding:0 10px;border-radius:9px}.cat .cbar .cexm{padding:0 8px}
.cat .cbar .cprog{padding:2px 8px;font-size:.75rem}.cat .cbar .cprog em{font-size:.75rem}
.cat:not(.mob) .wbg.has .cbar2 input,.cat:not(.mob) .wbg.has .cbar2 select{min-height:30px;padding:3px 10px;font-size:1em}
.cat:not(.mob) .wbg.has .cbar2 .zm button{min-width:30px;min-height:28px;font-size:.9em}.cat:not(.mob) .wbg.has .cbar2 .zm span{min-width:40px;font-size:.9em}
.cat:not(.mob) .wbg.has .cbar2 .pair{font-size:.95em}
.cat:not(.mob) .wbg.has .wbl{grid-template-columns:none}
.cat:not(.mob) .wbg.has{grid-template-columns:240px minmax(0,1fr)}
.cat:not(.mob) .wbg.has #cSug{flex:0 0 118px}
.cat:not(.mob) #cStat{margin:2px 0;font-size:.82rem}
}

.cat .how{display:inline-block;margin-top:8px;color:var(--mute);font-size:.88rem;line-height:1.6;max-width:56ch}
.cat .sgt{margin-left:auto;min-width:34px;min-height:30px;border:0;background:none;color:var(--mute);cursor:pointer;font-size:.9em}
.cat:not(.mob) .wbg.has #cSug.shut{flex:0 0 33px}.cat .shut #cSugL{display:none}

.cat .cbar{top:51px}
@container cat (max-width:560px){.cat .cbar{top:51px}}
.cat .st2{display:none;margin-left:auto;align-self:center;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mute);font-size:.85em;padding-right:6px}
.cat .sgt{margin-left:6px}
@container cat (min-width:860px){
.cat.wbw:not(.mob) #cStat{display:none}
.cat.wbw:not(.mob) .st2{display:block}
.cat:not(.mob) .wbg.has{min-height:420px}
}

/* v66: term lists + sharing */
.cat .tbh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.cat .tbh h3{margin:0}
.cat .tbr{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.cat #cTbQ{width:100%;max-width:340px;margin:8px 0}
.cat #cTb{max-height:320px;overflow:auto;margin-bottom:10px}
.cat .dsc{margin-top:18px;padding:12px 14px;border:1px solid var(--line,#2b3350);border-radius:12px;background:rgba(255,255,255,.03)}
.cat .dsc h3{margin:0 0 6px}
.cat .dsl{display:flex;align-items:flex-start;gap:10px;margin:8px 0;cursor:pointer;font-size:14px}.cat .dsl input{width:18px;height:18px;margin-top:1px;flex:none}
.cat #cTbF{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.cat #cTbF input{flex:1 1 180px;min-width:0;margin:0}
.cat #cTb .prop{padding:6px 0}.cat #cTbQ{display:block}
/* v21: long translated labels must wrap inside their boxes (FR, RU, AM, NL…) */
.cat .ctabs{flex-wrap:wrap;overflow:visible;gap:6px}
.cat .ctabs button{white-space:normal;line-height:1.2;text-align:center;flex:1 1 auto;max-width:100%;overflow-wrap:anywhere;height:auto;padding-top:6px;padding-bottom:6px}
.cat .cact{flex-wrap:wrap;min-width:0;max-width:100%}
.cat .cact .cexp,.cat .cact .cqa{white-space:normal;line-height:1.2;text-align:center;overflow-wrap:anywhere;min-width:0;height:auto;padding-top:6px;padding-bottom:6px}
.cat .cact .cqa{flex:1 1 140px}
.cat .cact .expw{flex:1 1 180px;min-width:0}
.cat .cact .expw .cexp:not(.cexm){flex:1 1 auto}
.cat .cbrand,.cat .cprog,.cat .cbar2 .pair{min-width:0;max-width:100%;overflow-wrap:anywhere}
.cat .cbar2 select{min-width:0;max-width:100%;text-overflow:ellipsis}
.cat .drop,.cat .note,.cat .how{overflow-wrap:anywhere}