/* The Gestion's « Jurisdictions » tab (juris-a.js) — board 08, direction C « The trunk and its branches », as picked and revised
   (Oct 22). The Costs design (couts.css: white cards on grey, Figtree, ink, purple, lime only for the one next step); level colours
   easy #4F7F1E · medium #6F4787 · hard #201A21 · approval amber + ⚠ + the word. The page scrolls; no box scrolls by itself; 390 px. */
.cw.jz{max-width:1320px;gap:14px;padding-top:22px}
body.jz-has-bk .au-toast{bottom:96px}
.qtags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.lgu{font-weight:600;color:var(--fg);text-underline-offset:2px}
@media (max-width:760px){body.jz-has-bk .au-toast{bottom:200px}.cw.jz{padding-top:16px}}
/* Jurisdictions, round 2 — direction C « The trunk and its branches » (models: a family tree, GitHub's branch graph, Figma's component
   variants). Pick a catalogue and a region at the top; the page draws the tree: the trunk (the version made first) and its branches (one per
   jurisdiction). Each course is its own small tree. Matrix and By jurisdiction stay as tabs, same selection. Ticked branches go to a basket. */
:root{--lv-e:#4F7F1E;--lv-m:#6F4787;--lv-h:#201A21;--lv-a:#F2B23A;--lv-a-ink:#201A21;--lv-a-bg:#FFF4DC;--lv-a-line:#F2C46B;--lv-a-tx:#7A5300;
  --lt-e:#EDF4E3;--lt-e-ink:#3B6512;--lt-m:#F3ECF8;--lt-m-ink:#5A3870;--lt-h:#ECE9ED;--lt-h-ink:#201A21;--line:#BFB7C2;
  --s-c:var(--c-rech);--s-p:var(--c-hig);--s-w:var(--c-claude);--s-n:var(--border-strong)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lv-e:#5E8E24;--lv-m:#8A62AE;--lv-h:#4A4150;--lv-a-bg:rgba(242,178,58,.12);--lv-a-line:rgba(242,178,58,.5);--lv-a-tx:#F2C46B;
  --lt-e:rgba(94,142,36,.22);--lt-e-ink:#B9DC86;--lt-m:rgba(138,98,174,.24);--lt-m-ink:#D9C0EE;--lt-h:#3A323B;--lt-h-ink:#F2EEF3;--line:#5A505E}}
:root[data-theme="dark"]{--lv-e:#5E8E24;--lv-m:#8A62AE;--lv-h:#4A4150;--lv-a-bg:rgba(242,178,58,.12);--lv-a-line:rgba(242,178,58,.5);--lv-a-tx:#F2C46B;
  --lt-e:rgba(94,142,36,.22);--lt-e-ink:#B9DC86;--lt-m:rgba(138,98,174,.24);--lt-m-ink:#D9C0EE;--lt-h:#3A323B;--lt-h-ink:#F2EEF3;--line:#5A505E}
.btn[disabled]{opacity:.45;cursor:default}
.lnk{color:var(--fg);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-strong);font-size:12.5px;white-space:nowrap}
.lnk:hover{text-decoration-color:var(--fg)}
.ph{font-size:12.5px;color:var(--muted);line-height:1.45}
.pk{font:500 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:6px}
.wi{width:12px;height:12px;flex-shrink:0}

/* title row */
.ttl{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.ttl .csub{max-width:66ch}
.acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.acts .btn{height:36px;font-size:13.5px;padding:0 14px}
.reset{font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:2px;padding:0 4px}
.reset:hover{color:var(--fg)}

/* 1 · catalogue  2 · region  3 · the tree */
.pick{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px}
.prow2{display:flex;flex-wrap:wrap;gap:12px 36px}
.pg{display:flex;flex-direction:column;gap:7px;min-width:0}
.pick .pl{font:500 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:block}
.rtw{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:50px;padding:7px 14px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:left;min-width:0;max-width:100%}
.opt:hover{border-color:var(--border-strong);background:var(--soft)}
.opt[aria-pressed="true"]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.opt b{font-size:14px;font-weight:600;line-height:1.25}
.opt span{font-size:12px;color:var(--muted);line-height:1.3}
.opt.add{border-style:dashed;border-color:var(--border-strong)}
.opt.add b{color:var(--muted)}
.opt.later b{color:var(--muted)}
.ltag{font:600 9.5px ui-monospace,"JetBrains Mono",Menlo,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px dashed var(--border-strong);border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:2px}

/* trees: the lines are drawn by drawTrees() under the boxes */
.tree{position:relative;min-width:0}
.tree>svg.lines{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:0}
.tree>svg.lines path{fill:none;stroke:var(--line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.thead{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px 18px;flex-wrap:wrap}
.trunk{display:flex;flex-direction:column;gap:1px;min-width:0;max-width:100%;padding:7px 14px 8px 12px;border:1px solid var(--border-strong);border-left:4px solid var(--fg);border-radius:9px;background:var(--surface)}
.trunk .tlab{font:500 10px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap}
.trunk .tlab .stw{font:500 11.5px Figtree,system-ui,sans-serif;letter-spacing:0;text-transform:none}
.trunk b{font-size:15px;font-weight:600;line-height:1.3;display:block}
.trunk b .no{font:600 11px ui-monospace,"JetBrains Mono",Menlo,monospace;color:var(--muted);margin-right:6px}
.trunk b .lgs{margin-left:6px}
.trunk .fr{font-size:12.5px;color:var(--muted);line-height:1.35}
.trunk.big{padding:9px 16px 10px 13px}
.trunk.big b{font-size:19px;letter-spacing:-.01em}
.rt-hint{font-size:12.5px;color:var(--muted);max-width:46ch;align-self:center}
.brs{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 8px;padding-left:26px;margin-top:22px}
.fold{position:relative;z-index:1;margin:12px 0 0 26px;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.fold:hover{color:var(--fg)}

/* a branch = one course in one jurisdiction: colour + word = the level; a box = tick it; a mark = our version exists */
.br{position:relative;width:100px;min-height:44px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:4px;row-gap:1px;padding:5px 6px;border-radius:8px;border:1px solid var(--lb2,transparent);border-left:3px solid var(--lc);background:var(--lb);color:var(--li)}
.br>.bo{position:absolute;inset:0;border-radius:inherit;z-index:1}
.br>.bo:hover{background:rgba(32,26,33,.05)}
.br>.tk,.br>.mk{position:relative;z-index:2;grid-row:1;grid-column:1}
.br>.mk{pointer-events:none}
.br .cd{grid-row:1;grid-column:2;font:700 11.5px/1.2 ui-monospace,"JetBrains Mono",Menlo,monospace;color:var(--fg);pointer-events:none;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}
.br .cd em{font-style:normal;padding:0 1px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br .lw{grid-row:2;grid-column:1/-1;font-size:11.5px;font-weight:600;white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:3px;line-height:1.25}
.br.e,.sw.e,.mc.e{--lc:var(--lv-e);--lb:var(--lt-e);--li:var(--lt-e-ink)}
.br.m,.sw.m,.mc.m{--lc:var(--lv-m);--lb:var(--lt-m);--li:var(--lt-m-ink)}
.br.h,.sw.h,.mc.h{--lc:var(--lv-h);--lb:var(--lt-h);--li:var(--lt-h-ink)}
.br.a,.sw.a,.mc.a{--lc:var(--lv-a);--lb:var(--lv-a-bg);--li:var(--lv-a-tx);--lb2:var(--lv-a-line)}
.br.x,.sw.x,.mc.x{--lc:var(--border-strong);--lb:var(--surface);--li:var(--muted)}
.br.x{border:1px dashed var(--border-strong);border-left:3px dashed var(--border-strong)}
.br.x .lw{font-weight:500}
.br.tick{box-shadow:0 0 0 2px var(--fg)}
.br.open{box-shadow:0 0 0 2px var(--fg),0 6px 14px -6px rgba(32,26,33,.35)}
.br.focus .cd em{background:var(--fg);color:var(--surface);padding:0 4px}
.br.off{opacity:.5}
.tk{width:15px;height:15px;margin:0;accent-color:var(--fg);cursor:pointer}
.mk{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center;color:var(--fg);flex-shrink:0}
.mk svg{width:13px;height:13px}
.mk.m-made,.sx .m-made{color:var(--ok)}
.dc{display:inline-flex;align-items:center;height:15px;padding:0 4px;border-radius:4px;background:var(--surface);border:1px solid var(--border-strong);font:700 9px/1 ui-monospace,"JetBrains Mono",Menlo,monospace;color:var(--fg);letter-spacing:.03em;text-transform:uppercase;flex-shrink:0;vertical-align:1px}
.bgrp{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:5px 12px 6px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface);text-align:left;font-size:12px;color:var(--muted)}
.bgrp b{font-size:12.5px;color:var(--fg);font-weight:600}
.bgrp u{color:var(--fg);text-underline-offset:2px;font-size:12px;margin-top:1px}
.bgrp:hover{border-color:var(--fg)}
.bgrp.off{opacity:.6}

/* a jurisdiction in the top tree */
.rn{position:relative;width:113px;min-height:86px;display:flex;flex-direction:column;gap:3px;padding:8px 10px 9px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:left;min-width:0}
.rn>.bo{position:absolute;inset:0;border-radius:inherit;z-index:1}
.rn>.bo:hover{background:rgba(32,26,33,.03)}
.rn:hover{border-color:var(--border-strong)}
.rn>span{pointer-events:none;position:relative}
.rn .nm{font-size:12.5px;font-weight:600;line-height:1.25;display:flex;flex-direction:column;align-items:flex-start;overflow-wrap:break-word}
.rn .nm em{font:600 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;font-style:normal;color:var(--faint);letter-spacing:.04em;border-radius:4px}
.rn .pr{font-size:12px;color:var(--muted);line-height:1.3}
.rn .pr b{color:var(--fg);font-variant-numeric:tabular-nums}
.mb{display:flex;height:5px;border-radius:3px;overflow:hidden;background:var(--track);gap:1px}
.mb i,.sbar i{display:block;height:100%}
.mb i.made,.sbar i.made{background:var(--ok)}.mb i.prod,.sbar i.prod{background:var(--c-hig)}.mb i.wish,.sbar i.wish{background:var(--c-claude)}
.rn .lvs{font-size:11.5px;color:var(--muted);line-height:1.3}
.rn .lvs b{color:var(--lt-e-ink);font-weight:600}
.rn.ns{border-style:dashed;border-color:var(--border-strong)}
.rn.focus{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);background:var(--soft)}
.rn.focus .nm em{color:var(--surface);background:var(--fg);padding:0 4px}
.rt-side{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;justify-content:flex-end;align-self:center}
.addb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1.5px dashed var(--border-strong);border-radius:9px;background:var(--surface);font-size:13px;font-weight:600;color:var(--fg);white-space:nowrap}
.addb:hover{border-color:var(--fg)}
.rn.off{opacity:.5;min-height:52px}

/* the selected jurisdiction: what is done, what is left, its kit */
.fp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px 32px;position:relative;padding-right:56px}
.fp .fj{font:700 26px/1.15 Figtree,system-ui,sans-serif;letter-spacing:-.02em;margin:2px 0 0}
.fp-x{position:absolute;top:12px;right:12px}
.fh{display:flex;align-items:baseline;gap:4px 20px;flex-wrap:wrap}
.sprog{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--muted)}
.sprog b{font:700 28px/1 Figtree,system-ui,sans-serif;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.sbar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;background:var(--track);margin-top:10px;max-width:520px}
.slg{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.slg span{display:inline-flex;align-items:center;gap:5px}
.slg svg{width:12px;height:12px}
.slg b{color:var(--fg);font-variant-numeric:tabular-nums}
.slg .m-made{color:var(--ok)}
.fp-todo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}
.fp-todo .pk{width:100%;margin:0 0 2px}
.fp-todo .btn.primary{height:36px;font-size:14px;padding:0 16px}
.qt{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12.5px;white-space:nowrap;color:var(--fg)}
.qt:hover{border-color:var(--border-strong)}
.qt[aria-pressed="true"]{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}
.qt b{font-variant-numeric:tabular-nums}
.qt .tw{color:var(--muted)}
.kt{display:grid;grid-template-columns:auto minmax(0,1fr) 14px minmax(0,1.35fr);gap:6px 10px;font-size:13px;align-items:baseline}
.kt .k{color:var(--faint);font-size:11.5px;white-space:nowrap}
.kt .f{color:var(--muted);overflow-wrap:anywhere}
.kt .ar{color:var(--faint)}
.kt .t{font-weight:600;overflow-wrap:anywhere}
.src{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.55}
.src b{color:var(--fg);font-weight:600}
.dnote{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.45}
.dnote b{color:var(--fg)}
.mkx{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:#FFF3C4;color:#7A5B00;font-size:10.5px;font-weight:700;white-space:nowrap;vertical-align:1px}

/* the three views */
.tabrow{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-strong);flex-wrap:wrap}
.tabs button{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs button:hover{color:var(--fg)}
.tabs button[aria-selected="true"]{color:var(--fg);font-weight:600;border-bottom-color:var(--fg)}
.tabs svg{width:16px;height:16px;flex-shrink:0}
.lgd{display:flex;flex-wrap:wrap;gap:6px 26px;font-size:12px;color:var(--muted);align-items:center}
.lgg{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.lgg>span{display:inline-flex;align-items:center;gap:5px}
.lgd svg{width:12px;height:12px}
.lgd .lgk{font:500 10px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.sw{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px 0 5px;border-radius:5px;border-left:3px solid var(--lc);background:var(--lb);color:var(--li);font-size:11.5px;font-weight:600;white-space:nowrap}
.sw.x{border:1px dashed var(--border-strong);border-left:3px dashed var(--border-strong);font-weight:500}
.cb{width:12px;height:12px;border:1.5px solid var(--muted);border-radius:3px;display:inline-block}

/* Trunk & branches: one small tree per course */
.grp{display:flex;flex-direction:column;gap:10px}
.grp+.grp{margin-top:8px}
.grp-h{display:flex;align-items:center;gap:8px;margin:6px 2px 0}
.grp-h .t{font:500 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.grp-h .n{font-size:12px;color:var(--faint)}
.cc{padding:14px 16px 16px}
.cst{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 12px;padding-top:4px}
.sx{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.sx svg{width:12px;height:12px;flex-shrink:0}
.sx.on{color:var(--fg);font-weight:600}
.stw{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}
.stw i{width:8px;height:8px;border-radius:50%;background:var(--s,var(--s-n));flex-shrink:0}
.stw.s-c{--s:var(--s-c)}.stw.s-p{--s:var(--s-p)}.stw.s-w{--s:var(--s-w)}.stw.s-n{--s:var(--s-n)}.stw.s-x{--s:var(--g-bricon)}
.lgs{display:inline-flex;gap:3px;vertical-align:1px}
.lg{font:600 10px ui-monospace,"JetBrains Mono",Menlo,monospace;color:var(--muted);background:var(--soft2);border-radius:4px;padding:1px 5px;font-style:normal}

/* an open branch */
.bd{margin-top:16px;border:1px solid var(--border-strong);border-radius:10px;background:var(--soft);padding:12px 14px 14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.bd.in{margin:2px 0 10px 30px}
.pps .bd{margin:0;border:0;padding:0;background:none}
.bd-h{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.bd-t{display:flex;flex-direction:column;min-width:0}
.bd-t b{font-size:16px;font-weight:600;line-height:1.25}
.bd-t .k-mono{font-size:10px}
.bd-m{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.bd-h .sp{flex:1}
.tkl{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.tkl.on{border-color:var(--fg);box-shadow:0 0 0 1px var(--fg)}
.tkl input{width:15px;height:15px;accent-color:var(--fg);margin:0}
.bd-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:12px 26px}
.jr ul{margin:0;padding-left:17px;display:flex;flex-direction:column;gap:3px}
.jr li,.jr p{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.jr li .dc{margin-right:3px}
.jr p+p{margin-top:4px}
.jr details{margin-top:5px}
.jr summary{font-size:12px;color:var(--muted);cursor:pointer}
.jr details p{font-size:12px;color:var(--muted);margin-top:4px}
.jr .frn{font-size:11.5px;color:var(--faint);margin-top:3px}
.kl{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.kl+.kl{margin-top:3px}
.kl b{font-weight:600}
.hn{font-size:12.5px;color:var(--muted);background:var(--soft2);border-radius:8px;padding:6px 9px;line-height:1.45}
.hn b{color:var(--fg);font-weight:600}
.apw{display:flex;gap:8px;align-items:flex-start;border-radius:9px;padding:8px 10px;font-size:12.5px;line-height:1.45;background:var(--lv-a-bg);border:1px solid var(--lv-a-line);color:var(--fg)}
.apw>svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:var(--warn)}
.apw b{font-weight:700}
.ours{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;border:1px solid var(--tint-line);background:var(--tint);border-radius:9px;padding:8px 10px;font-size:12.5px}
.ours b{font-weight:600}
.ours .sx{white-space:normal}
.ours .oa{display:flex;gap:6px;flex-wrap:wrap}
.ours .oa small{color:var(--muted);font-weight:400}
.ns-box{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;font-size:13px}
.ns-box b{font-weight:600}
.lv{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;line-height:1;color:#fff;flex-shrink:0}
.lv.e{background:var(--lv-e)}.lv.m{background:var(--lv-m)}.lv.h{background:var(--lv-h)}
.lv.a{background:var(--lv-a);color:var(--lv-a-ink)}
.lv.x{background:none;color:var(--muted);border:1px dashed var(--border-strong);font-weight:500}
.lv svg{width:12px;height:12px}

/* Matrix */
.mxw{padding:16px}
table.mx{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12.5px}
.mx col.c0w{width:290px}
.mx col.cgw{width:92px}
.mx thead th{position:sticky;top:var(--jz-hh,52px);z-index:5;background:var(--surface);border-bottom:1px solid var(--border-strong);vertical-align:bottom;padding:8px 3px;font-weight:400;text-align:left}
.mx thead th.c0{padding-left:8px}
.mx .jh{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:2px 4px;border-radius:6px;width:100%;min-width:0}
.mx .jh:hover{background:var(--hover)}
.mx .jh b{font:700 12px ui-monospace,"JetBrains Mono",Menlo,monospace;border-radius:4px}
.mx .jh small{font-size:11px;color:var(--muted);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mx .hc{display:block;font-size:11px;color:var(--muted);padding:0 4px;margin-top:2px;line-height:1.25}
.mx .ta{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);padding:3px 4px 0;cursor:pointer}
.mx .ta input{width:14px;height:14px;accent-color:var(--fg);margin:0}
.mx th.fc,.mx td.fc{background:var(--soft2)}
.mx th.fc .jh b{background:var(--fg);color:var(--surface);padding:0 4px}
.mx th.cg{color:var(--muted);font-size:11.5px;line-height:1.3}
.mx th.cg b{display:block;color:var(--fg);font-size:12px}
.mx tbody th.c0{padding:6px 8px;font-weight:400;border-bottom:1px solid var(--border);text-align:left}
.mx .rw{display:flex;align-items:flex-start;gap:8px}
.mx .rw .tk{margin-top:2px}
.mx .tk0{width:15px;flex-shrink:0}
.mx .cn{display:flex;flex-direction:column;min-width:0;gap:1px}
.mx .cn b{font-size:13px;font-weight:600;line-height:1.3}
.mx tr.fam th{background:var(--soft);padding:6px 8px;text-align:left;border-bottom:1px solid var(--border)}
.mx tr.fam th span{font:500 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mx tr.fam th span i{font-style:normal;margin-left:6px;color:var(--faint)}
.mx td{padding:3px;border-bottom:1px solid var(--border)}
.mx td.mg{color:var(--faint);text-align:center;font-size:11.5px}
.mci{position:relative;display:flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 5px;border-radius:6px;border-left:3px solid var(--lc);background:var(--lb);color:var(--li)}
.mc.x .mci{border:1px dashed var(--border-strong);border-left:3px dashed var(--border-strong)}
.mci .tk{width:14px;height:14px}
.mci .bo{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:3px;text-align:left;color:inherit;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;border-radius:4px}
.mc.x .mci .bo{font-weight:500}
.mci .bo:hover{text-decoration:underline;text-underline-offset:2px}
.mci .w{display:inline-flex;align-items:center;gap:3px}
.mci .l{display:none}
.mxkey{display:none;font-size:11.5px;color:var(--muted);margin:-4px 0 10px;line-height:1.5}
.mxkey b{font:700 11px ui-monospace,"JetBrains Mono",Menlo,monospace;color:var(--fg)}
.mc.tick .mci{box-shadow:0 0 0 2px var(--fg)}
.mx tbody tr[data-c]:hover th.c0{background:var(--hover)}
.mxnote{font-size:12px;color:var(--muted);margin-top:10px}

/* By jurisdiction */
.bj{padding:16px 18px}
.bjh{font:600 14px Figtree,system-ui,sans-serif;margin:16px 0 0}
.bjh:first-of-type{margin-top:4px}
.bjg{display:flex;align-items:center;gap:10px;padding:12px 0 6px;flex-wrap:wrap}
.bjg .n{font-size:12.5px;color:var(--muted)}
.jrw{display:grid;grid-template-columns:24px minmax(0,1.35fr) 150px 140px minmax(0,1.6fr);align-items:center;gap:4px 12px;border-top:1px solid var(--border);padding:5px 4px;min-height:50px;border-radius:0}
.jrw.tick,.jrw.open{background:var(--soft)}
.jck{display:flex;justify-content:center}
.jo{display:flex;align-items:flex-start;gap:6px;text-align:left;min-width:0;padding:4px 6px 4px 2px;border-radius:6px}
.jo:hover{background:var(--hover)}
.jo .chev{color:var(--faint);transition:transform .15s;width:10px;flex-shrink:0;font-size:15px;line-height:1.2}
.jrw.open .jo .chev{transform:rotate(90deg);color:var(--fg)}
.jo .jt{display:flex;flex-direction:column;min-width:0}
.jo b{font-size:13.5px;font-weight:600;line-height:1.3}
.jo small{font-size:12px;color:var(--muted);line-height:1.3}
.js .imp{display:block;font-size:11.5px;color:var(--faint);margin-top:1px}
.jc{font-size:12.5px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;line-height:1.4}
.later-c h2{font-size:16px}

/* the basket */
.bk{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);padding:10px 12px 10px 14px;width:max-content;max-width:calc(100vw - 32px)}
.bk-l{display:flex;align-items:center;gap:10px;min-width:0}
.bk-ic{width:32px;height:32px;border-radius:9px;background:var(--soft2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.bk-ic svg{width:18px;height:18px}
.bk-t{display:flex;flex-direction:column;min-width:0;font-size:12.5px;color:var(--muted);line-height:1.35}
.bk-t b{font-size:14px;color:var(--fg)}
.bk-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bk-r .btn{height:38px;font-size:14px;padding:0 16px}
.apx{color:var(--lv-a-tx);font-weight:600;display:inline-flex;align-items:center;gap:4px}
body.jz-has-bk .cw{padding-bottom:140px}

/* pop-ups: the page scrolls, never a box inside */
.jz-ov{position:fixed;inset:0;background:rgba(32,26,33,.38);z-index:70}
.pp{position:absolute;left:50%;transform:translateX(-50%);width:min(820px,calc(100vw - 32px));z-index:71;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin-bottom:40px}
.pph{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px}
.pph h2{font:600 19px/1.25 Figtree,system-ui,sans-serif;letter-spacing:-.01em;margin:0}
.pph .s1{font-size:13px;color:var(--muted);margin-top:3px}
.ppx{margin-left:auto;width:32px;height:32px;border-radius:8px;color:var(--muted);font-size:22px;line-height:1;flex-shrink:0}
.ppx:hover{background:var(--hover);color:var(--fg)}
.ppx.sm{width:28px;height:28px;font-size:19px}
.pps{padding:14px 20px;border-top:1px solid var(--border)}
.pf{display:flex;flex-direction:column;gap:4px;min-width:0}
.pf .seg{display:inline-flex;flex-wrap:wrap;align-self:flex-start}
.seg button[disabled]{opacity:.45;cursor:default}
.pgrid{display:grid;grid-template-columns:auto minmax(0,1fr) 90px;gap:12px 14px;align-items:end}
.ppin{width:100%;height:38px;border:1px solid var(--border-strong);border-radius:9px;padding:0 11px;font-size:14px;background:var(--surface);color:var(--fg);outline:none}
.ppin:focus{border-color:var(--fg)}
.ppin.sm{text-transform:uppercase;font:600 13px ui-monospace,"JetBrains Mono",Menlo,monospace}
.perr{font-size:12.5px;color:var(--danger);margin-top:8px}
.ppf{position:sticky;bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 16px 16px;z-index:2}
.ppf .pfs{margin-right:auto;font-size:13px;color:var(--muted);min-width:0}
.ppf .pfs b{color:var(--fg)}
.ppf .btn{height:36px}
.ppf .btn.primary{padding:0 16px;font-size:14px}
.colz{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.colz span{font:600 11px ui-monospace,"JetBrains Mono",Menlo,monospace;background:var(--soft2);border-radius:5px;padding:3px 7px;color:var(--fg)}
.impact{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:12px}
.impact .btn{height:36px;font-size:13.5px;padding:0 14px}
.ifn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin-bottom:8px}
.ifn b{font-weight:600}
.isum{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin:4px 0 8px}
.isum b{color:var(--fg)}
.ir{display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px 10px;padding:9px 6px;border-top:1px solid var(--border);align-items:start}
.ir input[type=checkbox]{width:16px;height:16px;accent-color:var(--fg);margin-top:2px}
.ir .it{display:flex;flex-direction:column;gap:4px;min-width:0}
.ir .it label{font-size:13.5px;font-weight:600;cursor:pointer;overflow-wrap:anywhere}
.ir .it label .ar{color:var(--faint);font-weight:400;margin:0 2px}
.ir.off .it label{color:var(--muted);cursor:default}
.ir .imeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.ir .cat-s{font-size:11.5px;color:var(--faint)}
.tg{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.tg.ok{background:var(--tint);color:var(--ok);border:1px solid var(--tint-line)}
.tg.no{background:var(--soft2);color:var(--muted);white-space:normal;height:auto;min-height:20px}
.tg.al{background:var(--lv-a-bg);color:var(--lv-a-tx);border:1px solid var(--lv-a-line)}
.ir select{height:28px;border:1px solid var(--border-strong);border-radius:7px;padding:0 6px;font-size:12.5px;background:var(--surface);color:var(--fg)}
.ir .use{color:var(--fg);text-decoration:underline;text-underline-offset:2px;font-size:12.5px}
.bopts{display:flex;flex-direction:column;gap:5px}
.bo2{display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px 10px;align-items:start;padding:8px 10px;border:1px solid var(--border);border-radius:9px;cursor:pointer}
.bo2:hover{border-color:var(--border-strong)}
.bo2.on{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.bo2 input{margin-top:3px;accent-color:var(--fg)}
.bo2 b{font-size:13.5px;font-weight:600}
.bo2 small{display:block;font-size:12px;color:var(--muted)}
.bnew{margin:6px 0 4px 28px}
.bgh2{font:500 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:10px 0 2px}
.nc{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.45}
.nc b{font-weight:600}
.flash{animation:flash 2.2s ease-out}
@keyframes flash{0%,35%{box-shadow:0 0 0 3px var(--lime)}100%{box-shadow:0 0 0 0 rgba(213,240,152,0)}}

@media (max-width:1100px){
  .fp{grid-template-columns:minmax(0,1fr)}
  .bd-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bd-g .jr:first-child{grid-column:1/-1}
  .jrw{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"ck o l" ". s s" ". c c"}
  .jrw .jck{grid-area:ck}.jrw .jo{grid-area:o}.jrw .jl{grid-area:l}.jrw .js{grid-area:s;padding-left:18px}.jrw .jc{grid-area:c;padding-left:18px;padding-bottom:4px}
  .mx col.c0w{width:220px}
}
@media (max-width:760px){
  .cw{padding:16px 16px 96px}
  main.cw{padding-top:16px}
  .ch1{font-size:26px}
  .acts{width:100%}
  .acts .btn{flex:1 1 auto}
  .card{padding:14px}
  .pick{padding:14px}
  .prow2{gap:14px}
  .pg{width:100%}
  .opt{flex:1 1 calc(50% - 4px)}
  .opt.add{flex-basis:100%;min-height:42px}
  .brs{padding-left:18px;gap:18px 6px;margin-top:20px}
  .fold{margin-left:18px}
  .br{width:calc((100% - 15px) / 4);padding:4px 4px 5px 5px;grid-template-columns:15px minmax(0,1fr)}
  .br .lw{font-size:10.5px}
  .br .cd{font-size:11px}
  .br .dc{position:absolute;top:-8px;right:-4px;padding:0 3px;font-size:8.5px;height:14px;z-index:3}
  .rn{width:calc((100% - 12px) / 3);min-height:78px;padding:7px 8px 8px}
  .rt-side{justify-content:flex-start;padding-left:24px}
  .rn .nm{font-size:12px}
  .rn .pr,.rn .lvs{font-size:11px}
  .cst{padding-left:24px}
  .thead{flex-direction:column;gap:8px}
  .cst{justify-content:flex-start;padding-top:0}
  .rt-hint{align-self:flex-start}
  .fp{padding-right:14px}
  .fp .fj{font-size:23px;padding-right:36px}
  .fp-x{top:8px;right:8px}
  .kt{grid-template-columns:minmax(0,1fr) 14px minmax(0,1.2fr)}
  .kt .k{grid-column:1/-1;margin-top:4px}
  .bd-g{grid-template-columns:minmax(0,1fr)}
  .bd.in{margin-left:0}
  .bd-h .sp{display:none}
  .tabs button{padding:0 10px;font-size:13.5px;gap:6px;flex:1 1 auto;justify-content:center}
  .tabs svg{display:none}
  .mxw{padding:12px 10px}
  .mx col.c0w{width:34%}
  .mx col.cgw{width:30px}
  .mx thead th{padding:6px 1px;text-align:center}
  .mx thead th.c0{padding-left:4px;text-align:left}
  .mx thead th.c0 .k-mono{font-size:9.5px;letter-spacing:.04em}
  .mx .jh{align-items:center;padding:2px 0}
  .mx .jh small,.mx .hc,.mx .ta,.mx th.cg small{display:none}
  .mx .jh b{font-size:9.5px;letter-spacing:0}
  .mx th.cg b{font-size:10px}
  .mx tbody th.c0{padding:5px 4px 5px 2px}
  .mx .rw .tk,.mx .tk0,.mx .cn small{display:none}
  .mx .cn b{font-size:11.5px;line-height:1.25}
  .mx td{padding:2px 1px}
  .mci{padding:0;justify-content:center;border-left-width:0;border-bottom:3px solid var(--lc);height:28px;gap:0;border-radius:4px}
  .mc.x .mci{border-left-width:1px;border-bottom:1px dashed var(--border-strong)}
  .mci .tk,.mci .w,.mci .dc{display:none}
  .mci .bo{justify-content:center;font:700 11px ui-monospace,"JetBrains Mono",Menlo,monospace}
  .mci .l{display:inline}
  .mci .mk{position:absolute;top:-4px;right:-3px;width:12px;height:12px;background:var(--surface);border-radius:50%;z-index:2}
  .mci .mk svg{width:10px;height:10px}
  .mx td.mg{font-size:10px}
  .mxkey{display:block}
  .bj{padding:14px}
  .jrw .js,.jrw .jc{padding-left:0}
  .bk{left:0;right:0;bottom:0;transform:none;max-width:none;width:auto;border-radius:14px 14px 0 0;border-width:1px 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px}
  .bk-l{width:100%}
  .bk-l .lnk{margin-left:auto}
  .bk-r{width:100%}
  .bk-r .seg{width:100%;display:flex}
  .bk-r .seg button{flex:1}
  .bk-r .btn{flex:1 1 auto;padding:0 10px}
  body.jz-has-bk .cw{padding-bottom:230px}
  .pp{width:calc(100vw - 16px)}
  .pph,.pps,.ppf{padding-left:14px;padding-right:14px}
  .pgrid{grid-template-columns:minmax(0,1fr) 84px}
  .pgrid .pf:first-child{grid-column:1/-1}
  .ppf .pfs{flex-basis:100%}
  .ppf .btn.primary{flex:1}
}


/* ===== round 2 · revised: shared places tree, catalogue settings, sub-branches, the batch without the Batch builder ===== */
.ttl .acts .btn{height:36px}
.pick{gap:14px}
.catrow{display:flex;flex-direction:column;gap:7px}
.opt.sm{min-height:44px;padding:6px 12px 7px}
/* a catalogue's settings */
.cset{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 28px;padding:10px 14px 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft)}
.cset .ck-t{flex-basis:100%;font:500 10px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.cs-g{display:flex;flex-direction:column;gap:5px;min-width:0}
.csk{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.chks{display:flex;flex-wrap:wrap;gap:5px}
.chk{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-size:12.5px;color:var(--muted);white-space:nowrap}
.chk:hover{border-color:var(--fg)}
.chk.on{border-color:var(--fg);color:var(--fg);font-weight:600;box-shadow:inset 0 0 0 1px var(--fg)}
.chk .ltag{margin-left:2px;vertical-align:0}
.ssel{height:32px;border:1px solid var(--border-strong);border-radius:8px;padding:0 8px;font-size:13px;background:var(--surface);color:var(--fg);max-width:100%;min-width:200px}
.cset .seg button{padding:5px 10px;font-size:12.5px}
.odec{font:600 9.5px ui-monospace,"JetBrains Mono",Menlo,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.05em;color:#7A5F86;background:#F3EEF5;border:1px solid #DCCDE4;border-radius:5px;padding:1px 5px;white-space:nowrap}
.regrow{display:flex;flex-direction:column;gap:7px}
.regrow .rnote{font-size:12px;color:var(--faint)}
/* « + N below »: a branch that is the trunk of the places under it */
.below{position:relative;z-index:2;grid-column:1/-1;justify-self:start;align-self:flex-start;font-size:10.5px;font-weight:600;color:var(--fg);text-decoration:underline;text-underline-offset:2px;margin-top:2px;padding:1px 0;white-space:nowrap;pointer-events:auto}
.below.on{color:var(--muted)}
.rn>.below{font-size:11.5px;margin-top:3px}
.br.haskids{min-height:58px}
.subt{margin:18px 0 0 calc(var(--d,1) * 26px);padding-top:14px;border-top:1px dashed var(--border-strong)}
.trunk.sub{border-left:4px solid var(--muted);background:var(--soft);padding:5px 12px 7px}
.trunk.sub b{font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.trunk.sub .fr{font-size:12px}
.above{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:12.5px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:9px;padding:7px 10px;line-height:1.45}
.above b{font-weight:600}
/* the Places sheet */
.plbar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:12px}
.plbar .btn{height:34px}
.plt{margin-top:12px;border-bottom:1px solid var(--border)}
.plr{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:6px 4px 6px calc(var(--d,0) * 20px + 2px);border-top:1px solid var(--border);min-height:42px}
.plr.off .pln b{color:var(--muted)}
.plc{width:22px;height:22px;border-radius:5px;color:var(--muted);font-size:13px;line-height:1}
.plc:hover{background:var(--hover);color:var(--fg)}
.pln{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13.5px}
.pln b{font-weight:600}
.plr[style*="--d:1"] .pln b{font-size:14.5px}
.pln em{font:600 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;font-style:normal;color:var(--faint)}
.pln small{font-size:12px;color:var(--muted)}
.pln .tg{height:18px;font-size:10.5px}
.pla{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;justify-content:flex-end}
.mseg{display:inline-flex;border:1px solid var(--border);border-radius:7px;padding:2px;background:var(--surface)}
.mseg button{font-size:11.5px;padding:2px 8px;border-radius:5px;color:var(--muted)}
.mseg button[aria-pressed="true"]{background:var(--sel);color:var(--fg);font-weight:600}
.pladd{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:8px 4px 10px calc(var(--d,1) * 20px + 26px);background:var(--soft);border-top:1px solid var(--border)}
.pladd input{height:34px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;font-size:13.5px;background:var(--surface);color:var(--fg);outline:none;min-width:0}
.pladd input:focus{border-color:var(--fg)}
.pladd #plnm{flex:1 1 180px}
.pladd #plcd{width:74px;text-transform:uppercase;font:600 13px ui-monospace,"JetBrains Mono",Menlo,monospace}
.pladd .btn{height:34px}
.pladd .perr{flex-basis:100%;margin:0}
/* create the batch */
.cf{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px 20px}
.cf .wide{grid-column:1/-1}
.cf select,.cf input[type=date]{height:38px;border:1px solid var(--border-strong);border-radius:9px;padding:0 10px;font-size:13.5px;background:var(--surface);color:var(--fg);width:100%}
.cf .pf .seg button{padding:6px 12px}
.bsum{font-size:12.5px;color:var(--muted);line-height:1.55}
.bsum b{color:var(--fg);font-weight:600}
.pk small{text-transform:none;letter-spacing:0;font:400 11.5px Figtree,system-ui,sans-serif;color:var(--faint);margin-left:4px}
.need{color:var(--danger);font-size:12px}
/* the Queue, the result */
.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.qcol{background:var(--soft2);border-radius:14px;padding:12px 10px 10px;display:flex;flex-direction:column;gap:6px;min-width:0}
.qh{padding:0 6px 6px}
.qh b{font:600 15px/1.3 Figtree,system-ui,sans-serif}
.qh span{font-size:12.5px;color:var(--muted);margin-left:8px}
.qh p{font-size:12px;color:var(--muted)}
.qb{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 10px}
.qb.new{border-color:var(--fg);box-shadow:0 0 0 2px var(--lime)}
.qb-h{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:6px;align-items:baseline}
.qn{font:500 11px ui-monospace,"JetBrains Mono",Menlo,monospace;color:var(--faint);text-align:right}
.qt1{min-width:0}
.qt1 b{font-size:13.5px;font-weight:600;line-height:1.3}
.qt1 small{font-size:12px;color:var(--muted);margin-left:6px}
.qsz{font-size:12px;color:var(--muted);white-space:nowrap}
.qsz b{color:var(--fg);font-size:13px}
.qb-m{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 0 24px;font-size:12px;color:var(--muted)}
.pill{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.pill.mu{background:#FFF3C4;color:#7A5B00}
.pill.plan{border:1px solid var(--border-strong);color:var(--muted)}
.pill.new{background:var(--tint);color:var(--ok);border:1px solid var(--tint-line)}
.qcs{margin:8px 0 0 24px;border-top:1px solid var(--border);display:flex;flex-direction:column}
.qc{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:6px 0;border-bottom:1px solid var(--border)}
.qc:last-child{border-bottom:0}
.qc b{font-size:13px;font-weight:600;line-height:1.3}
.qc .lgs{margin-left:6px}
.atag{font-size:11.5px;color:var(--fg);background:var(--soft2);border-radius:6px;padding:1px 7px;line-height:1.45}
.qmore{font-size:12px;color:var(--muted);padding:6px 0 0}
@media (max-width:760px){
  .cset{gap:12px}
  .cs-g{width:100%}
  .ssel{width:100%;min-width:0}
  .cset .seg{display:flex;width:100%}
  .cset .seg button{flex:1;padding:5px 4px}
  .subt{margin-left:calc(var(--d,1) * 10px)}
  .br.haskids{min-height:56px}
  .plr{grid-template-columns:22px minmax(0,1fr);padding-left:calc(var(--d,0) * 12px + 2px)}
  .pla{grid-column:2;justify-content:flex-start}
  .pladd{padding-left:calc(var(--d,1) * 12px + 24px)}
  .cf{grid-template-columns:minmax(0,1fr)}
  .qgrid{grid-template-columns:minmax(0,1fr)}
}
/* ↶ ↷ (Oct 22) — the Queue's arrows */
.jz-hist{display:inline-flex;gap:4px;margin-right:4px}
.btn.ar{width:36px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--fg)}
.btn.ar[disabled]{opacity:.32;cursor:default}
/* Oct 22 (round 2 on the live page): ONE Show bar as on the Costs and the Dashboard (couts.css .ex-fbar, .ex-fsel, .fmenu), the settings
   folded under it, the groups of a big region, every place in the matrix (it scrolls sideways inside its card when wide), « Research this place » */
.jz-top{display:flex;flex-direction:column;gap:10px}
.jz-bar{position:relative}
.jz-bar .ex-seg button{padding:5px 11px;font-size:12.5px}
.jz-bar .fmenu{min-width:280px}
.jz-bar .fmenu>button{width:100%}
.jz-bar .fmenu .msep{height:1px;background:var(--border);margin:4px 2px}
.jz-bar .fmenu .jz-mh{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:6px 9px 4px}   /* Oct 25: « Market studies » */
.jz-bar .fmenu .jz-mnew{display:flex;align-items:baseline;gap:8px;padding:8px 9px;border-radius:7px;color:var(--fg);text-decoration:none;font-size:13.5px}
.jz-bar .fmenu .jz-mnew span{font-weight:600}
.jz-bar .fmenu .jz-mnew small{color:var(--muted);font-size:12px}
.jz-bar .fmenu .jz-mnew:hover,.jz-bar .fmenu .jz-mnew:focus-visible{background:var(--surface-2,#F4F3F5)}
.jz-bar .fmenu>button[role="menuitem"] span{font-weight:600}
.jz-pm{min-width:320px}
.csetf{border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.csetf>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 14px;cursor:pointer;list-style:none;font-size:13px}
.csetf>summary::-webkit-details-marker{display:none}
.csetf>summary::before{content:'▸';color:var(--muted);font-size:11px}
.csetf[open]>summary::before{content:'▾'}
.csetf .ck-t{font:500 10px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.csetf .cs-s{color:var(--fg);min-width:0}
.csetf .cs-e{margin-left:auto;font-size:12.5px;color:var(--fg);text-decoration:underline;text-underline-offset:2px}
.csetf .cset{border:0;border-top:1px solid var(--border);border-radius:0 0 12px 12px}
.grpbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.grpbar .pl{font:500 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-right:4px}
.grpbar .qt{padding:0 11px}
.grpbar .lnk{margin-left:auto}
.rtc{padding:16px 18px 18px}
.jz-rs{position:relative;z-index:2;height:30px;font-size:12.5px;padding:0 11px;white-space:nowrap}
.jz-rs.sm{height:22px;font-size:11px;padding:0 7px;border-radius:6px;align-self:flex-start;margin-top:4px}
.rq{position:relative;z-index:2;align-self:flex-start;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:2px;margin-top:4px;text-align:left;line-height:1.3}
.rq:hover{color:var(--fg)}
.mx th.cj .jz-rs.sm,.mx th.cj .rq{margin:4px 0 0 4px;display:inline-flex}
.fp-rs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}
.mxs{position:relative;min-width:0}
.mxs.wide{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px}
.mxs.wide table.mx{width:max-content;min-width:100%}
.mxs.wide .mx col.c0w{width:250px}
.mxs.wide .mx col.cw{width:98px}
.mxs.wide .mx thead th{position:static;top:auto}
.mxs.wide .mx thead th.c0{top:auto}
.mxs.wide .mx th.c0{position:sticky;left:0;z-index:4;background:var(--surface);box-shadow:1px 0 0 var(--border-strong)}
.mxs.wide .mx tr.fam th{position:static}
.mxs.wide .mx tr.fam th span{position:sticky;left:8px;display:inline-block}
.rsdl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;font-size:13.5px;margin:0}
.rsdl dt{color:var(--muted)}
.rsdl dd{margin:0;font-weight:600}
.meth{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45}
.brf{margin-top:12px}
.brf>summary{cursor:pointer;font-size:12.5px;color:var(--muted)}
.brief{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,"JetBrains Mono",Menlo,monospace;background:var(--soft2);border-radius:8px;padding:10px 12px;margin-top:8px}
@media (max-width:760px){
  .jz-bar .fwrap{position:static}
  .jz-bar .fmenu{position:absolute;left:8px;right:8px;top:auto;min-width:0;width:auto;max-width:none}
  .jz-bar .ex-seg{width:100%;display:flex}
  .jz-bar .ex-seg button{flex:1;padding:5px 4px}
  .csetf .cs-e{margin-left:0}
  .grpbar .lnk{margin-left:0}
  .mxs.wide .mx col.c0w{width:120px}
  .mxs.wide .mx col.cw{width:32px}
  .mx th.cj .jz-rs,.mx th.cj .rq{display:none}
}
/* ===== Oct 22 · Languages, direction A « La langue dans le lieu » (Alex: « ouais, tu peux mettre les langues officielles… pousse en prod »):
   each place carries the languages it needs; a branch = a place, its chips = its languages and where each one is (an icon and a colour) ===== */
.lcs{display:flex;flex-wrap:wrap;gap:3px;align-items:center;min-width:0}
.lc{position:relative;z-index:2;display:inline-flex;align-items:center;gap:1px;height:19px;padding:0 3px 0 4px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface);font:700 9.5px/1 ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.02em;color:var(--fg);white-space:nowrap;flex-shrink:0}
.lc svg{width:9px;height:9px;flex-shrink:0}
.lc.todo{padding:0 4px}
button.lc{cursor:pointer}
button.lc:hover{border-color:var(--fg)}
.lc.made{background:var(--tint);border-color:var(--tint-line);color:var(--ok)}
.lc.prod{background:var(--lt-m);border-color:transparent;color:var(--lt-m-ink)}
.lc.batch,.lc.wish{background:var(--soft2);border-color:var(--border-strong);color:var(--fg)}
.lc.todo{border-style:dashed;color:var(--muted)}
.lc.todo.base{border-style:dotted;color:var(--faint)}
.lc.on{background:var(--fg);border:1px solid var(--fg);color:var(--surface)}
.lc.later{border-style:dotted;color:var(--faint);background:var(--surface)}
.lc.need{border:1px dotted var(--border-strong);background:none;color:var(--faint);font-weight:600;padding:0 5px}
button.lc.need:hover{color:var(--fg);border-color:var(--fg)}
.lc .wd{font:600 11.5px Figtree,system-ui,sans-serif;letter-spacing:0;margin-left:3px}
.lcs.big{gap:6px}
.lcs.big .lc{height:28px;padding:0 9px 0 8px;font-size:11.5px;border-radius:7px;gap:4px}
.lcs.big .lc svg{width:12px;height:12px}
.lg.off{opacity:.55;text-decoration:line-through}
.lg.need{background:none;border:1px dotted var(--border-strong);color:var(--faint)}
.lgd .lgg>span{gap:4px}
.lgd .lc svg{width:9px;height:9px}
/* Trunk & branches: the chips under each place; the trunk can be selected too */
.br{width:108px;min-height:66px;align-content:start;row-gap:3px;padding:5px 6px 6px}
.br .lcs{grid-row:3;grid-column:1/-1;position:relative;z-index:2}
.br .lw{grid-row:2}
.br.none .lcs{font-size:11px;color:var(--faint)}
.trunk .tl2{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;margin-top:5px;position:relative;z-index:2}
.trunk .tl2 .k{font-size:11.5px;color:var(--muted)}
.trunk .tl2 .lnk{font-size:11.5px}
.trunk.big{position:relative}
.trunk.big>.bo{position:absolute;inset:0;border-radius:inherit;z-index:1}
.trunk.big>.bo:hover{background:rgba(32,26,33,.03)}
.trunk.big>span,.trunk.big>b{position:relative;pointer-events:none}
.trunk.big.focus{box-shadow:inset 0 0 0 1px var(--fg);background:var(--soft)}
.trunk.big .tl2 .lg{font-size:10.5px}
.rn .rl{display:flex;flex-wrap:wrap;gap:3px;margin-top:1px}
.rn .rl .lg{font-size:9.5px;padding:0 4px}
/* the matrix: a cell = the place's level (word + colour) + its language chips; the whole cell opens the branch, the chips tick */
.mci{height:auto;min-height:46px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:4px 4px 5px 6px}
.mci>.bo{position:absolute;inset:0;z-index:1;width:auto;height:auto;border-radius:inherit;flex:none}
.mci>.bo:hover{background:rgba(32,26,33,.05);text-decoration:none}
.mci>.w{position:relative;z-index:0;pointer-events:none;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}
.mc.x .mci>.w{font-weight:500}
.mci>.lcs{z-index:2;position:relative}
.mc.t .mci{background:var(--soft2);border-left-color:var(--fg);--li:var(--fg)}
.mc.none .mci{background:var(--surface);border:1px dashed var(--border);border-left:3px dashed var(--border)}
.mc.none .mci .nl{position:relative;font-size:11px;color:var(--faint);pointer-events:none}
.mx th.tcol{background:var(--soft2)}
.mx th.tcol .tt{display:block;font:600 9.5px ui-monospace,"JetBrains Mono",Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 4px}
.mx .hl{display:flex;flex-wrap:wrap;gap:3px;padding:4px 4px 0}
.mx .hl .lc{height:19px}
.mx .ta{padding-top:4px}
.mx .jh small{overflow-wrap:normal;word-break:normal;font-size:10.5px}
/* the selected place: its languages + the quick ticks */
.plng{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted)}
.plng .pk{margin:0}
.plng .lgw{display:inline-flex;align-items:center;gap:5px;color:var(--fg);font-weight:500}
.fp-todo .qrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}
.tsum{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tsum .tr{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.tsum .tr .muted{font-size:12.5px}
/* By jurisdiction: the chips column */
.jrw{grid-template-columns:24px minmax(0,1.35fr) 150px minmax(110px,auto) minmax(0,1.4fr)}
.jrw .jv{display:flex;align-items:center}
/* an open branch: its languages, our versions */
.lvb{display:flex;flex-direction:column;gap:6px}
.lvb .pk{margin:0}
.vrow{display:flex;flex-direction:column;gap:6px}
.vline{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;border:1px solid var(--tint-line);background:var(--tint);border-radius:9px;padding:7px 10px;font-size:12.5px}
.vline b{font-weight:600}
.vline .sx{white-space:normal}
.vline .oa{display:flex;gap:6px;flex-wrap:wrap}
.vline .oa .btn{height:28px;font-size:12.5px}
.tnote{font-size:12.5px;color:var(--muted);line-height:1.5}
.tnote b{color:var(--fg)}
/* the Languages sheet */
.lgt{margin-top:12px;border-bottom:1px solid var(--border)}
.lgr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 4px;border-top:1px solid var(--border)}
.lgr.off .lgn b{color:var(--muted)}
.lgn{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.lgn b{font-size:15px;font-weight:600}
.lgn .code{font:700 11px ui-monospace,"JetBrains Mono",Menlo,monospace;background:var(--soft2);border-radius:5px;padding:2px 7px;color:var(--fg)}
.lgn .tg{height:19px;font-size:11px}
.lgu{grid-column:1/-1;font-size:12.5px;color:var(--muted);line-height:1.45;font-weight:400}
.lgu b{color:var(--fg);font-weight:600}
.lga{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;justify-content:flex-end}
.lged{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;background:var(--soft);border-radius:9px;padding:8px}
.lged input,.ladd input{height:34px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;font-size:13.5px;background:var(--surface);color:var(--fg);outline:none;min-width:0}
.lged input:focus,.ladd input:focus{border-color:var(--fg)}
.lged .nm,.ladd .nm{flex:1 1 160px}
.lged .cd,.ladd .cd{width:64px;text-transform:uppercase;font:600 13px ui-monospace,"JetBrains Mono",Menlo,monospace}
.lged .btn,.ladd .btn{height:34px}
.lged .perr{width:100%;margin:0}
.ladd{margin-top:14px;border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}
.ladd h3{font:600 15px Figtree,system-ui,sans-serif;margin:0}
.ladd .row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.ladd .row .k{font-size:12px;color:var(--muted);width:100%}
.ladd .perr{margin:0;width:100%}
.ladd select{height:32px;border:1px solid var(--border-strong);border-radius:8px;padding:0 8px;font-size:13px;background:var(--surface);color:var(--fg);max-width:100%}
.sugg{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-size:13px;white-space:nowrap}
.sugg:hover{border-color:var(--fg)}
.sugg[aria-pressed="true"]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);font-weight:600}
.sugg em{font:700 10.5px ui-monospace,"JetBrains Mono",Menlo,monospace;font-style:normal;color:var(--muted)}
.pchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 11px;border:1px solid var(--fg);border-radius:999px;font-size:12.5px;font-weight:600;background:var(--surface);max-width:100%}
.pchip button{width:20px;height:20px;border-radius:50%;color:var(--muted);font-size:15px;line-height:1}
.pchip button:hover{background:var(--hover);color:var(--fg)}
.pchip.info{border-color:var(--border-strong);font-weight:500;padding-right:11px}
.asked{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.asked .ar1{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.asked .ar1 b{color:var(--fg);font-weight:600}
/* the Places sheet: a place's languages */
.plr .plgs{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center}
.plr .plgs small{font-size:11.5px;color:var(--faint);margin-left:2px}
.plled{gap:6px 8px}
.plled .k{font-size:12px;color:var(--muted)}
.plled .ph{font-size:12px}
/* the batch pop-up: the languages, a real pick */
.lpick{display:flex;flex-wrap:wrap;gap:6px}
.lpk{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 9px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);font-size:13px;white-space:nowrap;color:var(--fg)}
.lpk:hover{border-color:var(--fg)}
.lpk[aria-pressed="true"]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);font-weight:600}
.lpk .bx{width:15px;height:15px;border:1.5px solid var(--muted);border-radius:4px;display:inline-flex;align-items:center;justify-content:center}
.lpk[aria-pressed="true"] .bx{background:var(--fg);border-color:var(--fg);color:var(--surface)}
.lpk .bx svg{width:10px;height:10px}
.lpk small{font-size:12px;color:var(--muted);font-weight:400}
.lpk[disabled]{opacity:.5;cursor:default}
.lnote{font-size:12.5px;color:var(--muted);margin-top:6px}
/* the Show bar's Language: the « Only Spanish » strip */
.fmenu.lm>button .lg{margin-right:4px}
.lfrow{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;border-top:1px solid var(--border);padding-top:10px;margin-top:2px;font-size:13px;color:var(--muted)}
.lfrow .lfw{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.lfrow .lfw b{color:var(--fg);font-weight:600}
.lfrow .btn{height:34px}
.lfrow .btn .tw{font-weight:500;opacity:.7}
@media (max-width:1100px) and (min-width:761px){
  .jrw{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"ck o l" ". v v" ". c c"}
  .jrw .jv{grid-area:v;padding-left:18px}
}
@media (max-width:760px){
  .br{width:calc((100% - 12px) / 3);min-height:64px;padding:5px 5px 6px}
  .br .dc{position:static;height:15px}
  /* the matrix scrolls sideways inside its own card on a phone (never the page): the cells keep their words and chips */
  .mxs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mx thead th{position:static;padding:6px 3px;text-align:left}
  .mx th.c0{position:sticky;left:0;z-index:4;background:var(--surface)}
  .mx tr.fam th{position:static}
  .mx tr.fam th span{position:sticky;left:6px;display:inline-block}
  .mx .jh{align-items:flex-start;padding:2px 4px}
  .mx .jh small{display:-webkit-box}
  .mx .hc,.mx .ta{display:block}
  .mx .ta{display:inline-flex;align-items:center;gap:4px}
  .mx .jh b{font-size:11px}
  .mx tbody th.c0{padding:5px 6px 5px 2px}
  .mx .rw .tk,.mx .tk0{display:inline-block}
  .mx .cn small{display:none}
  .mx .cn b{font-size:12px}
  .mx td{padding:2px}
  .mci{padding:4px 3px 5px 5px;justify-content:center;border-left-width:3px;border-bottom:0;height:auto;min-height:44px;gap:3px;border-radius:6px}
  .mc.x .mci{border-left-width:3px;border-bottom:1px dashed var(--border-strong)}
  .mci>.w{display:inline-flex;font-size:10.5px}
  .mci .l{display:none}
  .mxkey{display:none}
  .jrw{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"ck o l" ". v v" ". c c"}
  .jrw .jv{grid-area:v;padding-left:0}
  .lgr{grid-template-columns:minmax(0,1fr)}
  .lga{justify-content:flex-start}
  .ladd{padding:10px}
  .lpk{flex:1 1 calc(50% - 6px)}
  .lfrow .btn{width:100%}
}
/* Oct 22 (Alex): the views menu at the top of the view, as tabs; « + Add a place » / « + Add a language » on its right */
.vtabs{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:-4px 0 16px}
.vt-w{display:flex;align-items:center;min-width:0;max-width:100%}
.vt-l{min-width:0;overflow-x:auto;scrollbar-width:none}
.vt-l::-webkit-scrollbar{display:none}
.vt-r{display:flex;gap:6px 16px;align-items:center;flex-wrap:wrap}
.vt-r .lnk{font-size:13.5px;font-weight:500}
/* Places + Languages: one « + Add » at the top, a quiet row, « Edit » opens the rest */
.plor{font-size:13px;color:var(--muted)}
.plbar .ph .lnk{font-size:inherit}
.pltop{margin-top:12px}
.pltop select,#jzPlUnder{height:36px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;font:500 14px Figtree,system-ui,sans-serif;color:var(--fg);background:var(--surface);max-width:100%;min-width:0}
.pltop .nm{flex:1;min-width:180px}
.pltop .cd{width:90px}
.pltop input{height:36px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;font:500 14px Figtree,system-ui,sans-serif;color:var(--fg);background:var(--surface)}
.pltop .row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.pltop .k{font-size:13px;color:var(--muted)}
.pe-r{flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:6px;margin-top:2px;border-top:1px dashed var(--border)}
.lged .pe-r:first-child{border-top:0;padding-top:0;margin-top:0}
.pe-r .k{font-size:12px;color:var(--muted)}
.pe-r .sp{flex:1}
.lged{flex-direction:column;align-items:stretch}
.pla .tg,.lga .tg{font-size:11.5px}
@media (max-width:760px){.vt-r{padding-bottom:0}.pe-r .sp{display:none}}
.lged .nm{flex:1;max-width:340px;min-width:160px}
/* Oct 23 · places and languages are picked from the full lists (world-places.js): the search box + its results */
.pltop .row .ph{flex:1 1 260px;margin:0}
.wres{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}
.wres:empty{display:none}
.wres .k,.wres .ph{margin:0;padding:9px 12px;font-size:12.5px;color:var(--muted)}
.wres .k + .wr,.wres .ph + .wr{border-top:1px solid var(--border)}
.wr{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-top:1px solid var(--border);background:var(--surface);color:var(--fg);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.wr:first-child{border-top:0}
.wr:hover:not(:disabled),.wr:focus-visible{background:var(--soft)}
.wr:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
.wr:disabled{cursor:default}
.wr:disabled .wn b{color:var(--muted);font-weight:500}
.wr .wn{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
.wr .wn b{font-weight:600}
.wr .wn span{color:var(--muted)}
.wr .wt{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:12.5px;color:var(--muted)}
.wr .wt .tg{font-size:11px;height:19px}
.wr .wa{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-strong);white-space:nowrap}
.wres + .row{margin-top:-2px}
.ladd input[type="search"]{-webkit-appearance:none;appearance:none}
.ladd input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.sugg:disabled{cursor:default;color:var(--muted);border-style:dashed}
.sugg small{font-size:11px;color:var(--muted);font-weight:400}
#jzLaRes .ph{margin:0}
@media (max-width:760px){.wr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:8px 10px}.wr .wn{grid-column:1/-1}.wr .wt{grid-column:1}.wr .wa{grid-column:2}}

/* G13 (use-case gaps, Oct 26) · a place this catalogue no longer sells: dimmed and says so (the region tree, a course's tree, the matrix
   column); its card has « Stop selling » / « Sell again » (confirmed, XP.setUnsold → gestion.unsold) */
.rn.jg-uns{opacity:.6}
.rn.jg-uns .pr .ltag{margin-left:0}
.br.jg-uns{opacity:.55}
.mx td.jg-uns .mci{opacity:.45}
.mx th .hc.jg-unh{display:block;font:600 9.5px/1.3 ui-monospace,"JetBrains Mono",Menlo,monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.fh .jg-sell{margin-left:auto;align-self:center}
.fj .ltag{vertical-align:6px}