/* Control Tower · Catalogue (catalogue.html) — the video platform's Cours page (C4, Oct 25) in the Tower's kit: the same look, the same
   classes where they are the video's own (cr4- the bar, the tree, the windows · cr5- the list · fx- a finished version and its question,
   copied from prometheus-builder src/v2/cours/kit.css, cours.css, table.css, box.css), the PM sheets already on the page for the rest
   (couts.css: .cw .ch1 .card .ex-fbar .ex-fsel .fmenu; base: .btn). The generic names the video takes from dash-a / queue-a (.sb .stp .hs
   .pill .mk .nob .v-ic) are prefixed here (cg-sb …): those sheets are not on this page and the names are taken elsewhere in the kit.
   New classes: cg-. */
:root{--cr4-scrim:rgba(32,26,33,.38);--cg-mk-bg:#FFF3C4;--cg-mk-fg:#7A5B00;--cg-acc:#6F4787;--cg-acc-bg:rgba(111,71,135,.07)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cr4-scrim:rgba(8,4,10,.62);--cg-mk-bg:rgba(255,214,102,.14);--cg-mk-fg:#F2D27A;--cg-acc:#C9A5E6;--cg-acc-bg:rgba(201,165,230,.10)}}
:root[data-theme="dark"]{--cr4-scrim:rgba(8,4,10,.62);--cg-mk-bg:rgba(255,214,102,.14);--cg-mk-fg:#F2D27A;--cg-acc:#C9A5E6;--cg-acc-bg:rgba(201,165,230,.10)}
html.cr4-lock{overflow:hidden}

/* ---------- the head: the title, then the one lime CTA top right with its one-line note (the video's v-head) ---------- */
.cg-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.cg-ht{min-width:0}
.cg-ic{flex:none}
.cr4-xh{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:300px}
.cr4-cta{gap:8px;height:38px;padding:0 16px;font-size:14px}
.cr4-cta[disabled]{opacity:.7;cursor:progress}
.cr4-xh small{font-size:12px;line-height:1.35;color:var(--muted);text-align:right}

/* ---------- the « Afficher » bar: the search on its first line, then the chips (the catalogue first, lime) ---------- */
.cr4-bar{flex-direction:column;align-items:stretch;gap:0;padding:0;position:relative;z-index:5}
.cr4-r1,.cr4-r2{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;min-width:0}
.cr4-r2{border-top:1px solid var(--border)}
.cr4-srch{position:relative;display:flex;align-items:center;gap:8px;flex:0 1 380px;min-width:0;height:34px;border:1px solid var(--border-strong);border-radius:9px;padding:0 11px;color:var(--muted);background:var(--surface)}
.cr4-srch:focus-within{border-color:var(--fg)}
.cr4-srch input{flex:1;min-width:0;border:0;background:none;color:var(--fg);font:500 13.5px Figtree,system-ui,sans-serif;padding:0;outline:none}
.cr4-srch input::placeholder{color:var(--faint)}
.cr4-clr{display:grid;place-items:center;width:22px;height:22px;margin-right:-5px;border-radius:6px;color:var(--muted);flex:none;border:0;background:none;cursor:pointer}
.cr4-clr:hover{background:var(--hover);color:var(--fg)}
.cr4-clr:focus-visible{outline:2px solid var(--fg);outline-offset:1px}
.cr4-sim{font-size:12.5px;color:var(--muted);min-width:0}
.cr4-sim b{color:var(--fg);font-weight:600}
.cr4-chips{display:contents}
.cr4-sum{margin-left:auto;gap:10px}
.cr4-reset{font:600 12.5px Figtree,system-ui,sans-serif;color:var(--fg);text-decoration:underline;text-underline-offset:2px;padding:0 2px;border:0;background:none;cursor:pointer}
.cr4-fs{gap:6px;user-select:none}
.cr4-fs:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.cr4-v{display:inline-flex;align-items:center;gap:6px;min-width:0}
.cr4-ca{font-size:12px}
.cr4-fs.cr4-set{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.cr4-fw.cr4-open>.cr4-fs:not(.cr4-cat){background:var(--sel);border-color:var(--muted)}
.cr4-fw:last-child .cr4-menu{left:auto;right:0}
.cr4-menu{min-width:290px;max-height:min(72vh,520px);overflow:auto;z-index:20}
.cr4-menu>button i{background:transparent}
.cr4-menu>button small{font-variant-numeric:tabular-nums}
.cr4-menu>button:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
.cr4-mh{font:500 10px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:6px 10px}
.cr4-menu>button.cr4-nob span{text-decoration:underline dashed var(--border-strong);text-underline-offset:4px}
.cr4-d{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;box-sizing:border-box}
.cr4-d.fin{background:var(--c-rech)}
.cr4-d.prod{background:var(--c-claude)}
.cr4-d.file{border:1.5px solid var(--faint);background:transparent}
.cr4-menu>button .cr4-d{width:8px;height:8px;border-radius:50%}
.cr4-menu>button .cr4-d.fin{background:var(--c-rech)}.cr4-menu>button .cr4-d.prod{background:var(--c-claude)}

/* ---------- the list across the page (cr5: Lots' table): n° + title · « Terminées » n/total · the 8 cells · who ---------- */
.cr4-list{padding:0;overflow:hidden;min-width:0}
.cr4-lh{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--muted)}
.cr4-lt{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.cr4-lt b{color:var(--fg);font-size:14px;font-weight:600}
.cr4-empty{font-size:13px;color:var(--muted);padding:14px 16px}
.cr4-why{display:block;margin-top:2px;font-size:11.5px;line-height:1.3;color:var(--muted);font-style:italic}
.cr5-list{overflow:visible;padding:0;container:cr5/inline-size}
.cr5-hd,.cr5-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 300px 156px 14px;grid-template-areas:"c d s w ch";column-gap:14px;align-items:center;padding-left:16px;padding-right:16px}
.cr5-hd{position:sticky;top:0;z-index:3;min-height:36px;background:var(--surface);border-bottom:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--muted)}
.cr5-hc{grid-area:c;padding-left:0}.cr5-hd2{grid-area:d}.cr5-hs{grid-area:s}.cr5-hw{grid-area:w}
.cr5-item{border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 48px}
.cr5-item:last-child{border-bottom:0}
.cr5-row{width:100%;min-height:48px;padding-top:8px;padding-bottom:8px;border:0;background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.cr5-row:hover{background:var(--hover)}
.cr5-row[aria-current]{box-shadow:inset 3px 0 0 var(--fg);background:var(--sel)}
.cr5-row:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
.cr5-item:last-child>.cr5-row{border-radius:0 0 12px 12px}
.cr5-c{grid-area:c;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;min-width:0}
.cr5-no{flex:none;min-width:44px;font:500 12px "JetBrains Mono",ui-monospace,monospace;color:var(--muted);white-space:nowrap}
.cr5-tt{flex:1 1 0;min-width:0;font-weight:600;font-size:14px;line-height:1.3}
.cr5-why{flex-basis:100%;margin-top:0;padding-left:54px}
.cr5-d{grid-area:d;min-width:0}
.cr5-dn{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;font:500 12.5px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--muted);background:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.cr5-dn b{font-weight:600;color:var(--fg)}
.cr5-dn.cr5-ok{background:var(--c-rech);color:#fff}
.cr5-dn.cr5-ok b{color:#fff}
.cr5-st{grid-area:s;min-width:0}
.cr5-st .cg-stp small{color:var(--muted)}
.cr5-st .cg-stp small b{color:var(--fg)}
.cr5-q{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:12.5px;color:var(--muted)}
.cr5-q b{font-weight:600;color:var(--fg)}
.cr5-who{grid-area:w;min-width:0;font-size:13px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr5-mt{color:var(--muted)}
.cr5-chev{grid-area:ch;color:var(--faint);font-size:16px;line-height:1;text-align:center}
.cr5-row:hover .cr5-chev{color:var(--fg)}
@container cr5 (max-width:1060px){
  .cr5-hd,.cr5-row{grid-template-columns:minmax(0,1fr) 70px 270px 120px 14px;column-gap:12px}
}
@container cr5 (max-width:640px){
  .cr5-hd{display:none}
  .cr5-row{grid-template-columns:minmax(0,1fr) 14px;grid-template-areas:"c ch" "d ch" "s ch" "w ch";row-gap:6px;padding:10px 12px}
  .cr5-why{padding-left:0}
  .cr5-tt{flex-basis:100%}
  .cr5-who{font-size:12.5px;color:var(--muted)}
}

/* ---------- the 8 cells (the Lots and Dashboard pipeline: done · in progress · to do · to come) + « n sur 8 · étape » ---------- */
.cg-sb{display:inline-flex;gap:2px;vertical-align:middle}
.cg-sb i{width:11px;height:10px;border-radius:2px;background:var(--track)}
.cg-sb i.cg-y{background:var(--c-rech)}
.cg-sb i.cg-p{background:var(--c-claude)}
.cg-sb i.cg-c{background:var(--c-hig)}
.cr4-stp{display:inline-flex;min-width:0}
.cg-stp{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 8px;min-width:0}
.cg-stp small{font-size:12.5px;color:var(--fg);white-space:nowrap;font-variant-numeric:tabular-nums}
.cg-stp small b{font-weight:600}
.cg-pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;line-height:1}
.cg-pill.cg-mk{background:var(--cg-mk-bg);color:var(--cg-mk-fg);height:18px;font-size:10.5px;padding:0 6px;align-self:center}
.cg-pill.cg-nob{border:1px dashed var(--border-strong);color:var(--muted);font-weight:500;align-self:center}
.cg-pill.cg-upd{background:var(--cg-acc-bg);color:var(--cg-acc);height:20px;text-decoration:none}
a.cg-pill.cg-upd:hover{box-shadow:inset 0 0 0 1px var(--cg-acc)}
/* G12 (Oct 26): archived in the LMS Admin Console — neutral, never yellow */
.cg-pill.cg-arch{border:1px solid var(--border-strong);color:var(--muted);background:var(--surface);height:18px;font-size:10.5px;padding:0 6px;align-self:center}
/* G17 (Oct 26): where a catalogue course comes from / the client course's catalogue course */
.cg-src{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-top:2px}
.cg-srcl{border:0;background:none;padding:0;font:inherit;color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left}
.cg-srcl:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:3px}
@media (max-width:600px){.cg-sb i{width:8px;height:9px}}

/* ---------- the tree: the course → its jurisdictions → its languages (the video's cr4 tree) ---------- */
.cr4-canvas{container-type:inline-size;border:1px solid var(--border);border-radius:14px;background:var(--soft);padding:18px 20px 16px;min-width:0}
.cr4-cq{display:flex;flex-direction:column;gap:14px}
.cr4-cols{display:flex;font-size:12px;color:var(--muted);font-weight:600}
.cr4-cols span{flex:none}
.cr4-cols span:nth-child(1){width:254px}.cr4-cols span:nth-child(2){width:190px}
.cr4-tree{display:flex;align-items:center;padding:2px;min-width:0}
.cr4-node{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;position:relative;font-size:13.5px;color:var(--fg);text-align:left;font-family:inherit}
.cr4-root{border:1.5px solid var(--fg);padding:14px 16px;flex-direction:column;align-items:flex-start;gap:4px;width:214px;flex:none;border-radius:12px}
.cr4-root>b{font:600 19px/1.2 Newsreader,Georgia,serif}
.cr4-root>small{color:var(--muted);font-size:12.5px}
.cr4-id{font:500 11.5px "JetBrains Mono",ui-monospace,monospace;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:2px 6px}
.cr4-act{margin-top:6px;height:auto;min-height:30px;padding:5px 9px;gap:5px;font-size:12.5px;font-weight:600;white-space:normal;text-align:left;line-height:1.25;cursor:pointer}
.cr4-act[disabled]{opacity:.45;cursor:not-allowed}
.cr4-jz{width:150px;flex:none}
.cr4-jz .cg-jn{display:flex;flex-direction:column;line-height:1.2;font-weight:600;flex:1;min-width:0}
.cr4-jz small{font-weight:400;font-size:11.5px;color:var(--muted)}
.cr4-jc{font:500 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;background:var(--fg);color:var(--bg);border-radius:5px;padding:3px 6px}
.cr4-kids{display:flex;flex-direction:column;margin-left:40px;position:relative;min-width:0;flex:1}
.cr4-kids::before{content:"";position:absolute;left:-40px;top:50%;width:20px;border-top:2px solid var(--border-strong)}
.cr4-kid{display:flex;align-items:center;position:relative;padding:5px 0;min-width:0}
.cr4-kid::before{content:"";position:absolute;left:-20px;top:50%;width:20px;border-top:2px solid var(--border-strong)}
.cr4-kid::after{content:"";position:absolute;left:-20px;top:0;bottom:0;border-left:2px solid var(--border-strong)}
.cr4-kid:first-child::after{top:50%}
.cr4-kid:last-child::after{bottom:50%}
.cr4-kid:only-child::after{display:none}
.cr4-kid.cr4-gk::before{border-top-style:dashed}
.cr4-ghost{border:1.5px dashed var(--border-strong);background:transparent;color:var(--muted);font-weight:500;font-size:13px;padding:7px 10px;gap:6px;cursor:pointer}
.cr4-ghost:hover{color:var(--fg);border-color:#9CC454;background:var(--tint)}
.cr4-ghost:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.cr4-ghost[disabled],.cr4-ghost[disabled]:hover{opacity:.45;cursor:not-allowed;color:var(--muted);border-color:var(--border-strong);background:transparent}
.cr4-leaf{padding:8px 10px;gap:10px;align-items:flex-start;flex:1;min-width:0;max-width:420px;cursor:pointer;font:inherit;font-size:13.5px;text-decoration:none;color:var(--fg)}
.cr4-leaf:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}
.cr4-leaf:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.cr4-lc{font:600 12px/20px "JetBrains Mono",ui-monospace,monospace;flex:none;width:20px}
.cr4-lm{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.cr4-l1{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:20px}
.cr4-l2{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:12px;color:var(--muted)}
.cr4-l2 .cr4-go{margin-left:auto}
.cr4-who{display:inline-flex;align-items:center;gap:6px;color:var(--fg);font-size:12px;white-space:nowrap}
.cr4-av{width:18px;height:18px;border-radius:50%;background:#4B2766;color:#D5F098;display:inline-grid;place-items:center;font:700 10px Figtree,system-ui,sans-serif;flex:none}
.cr4-ok{font-size:13px;font-weight:600;color:var(--ok)}
.cr4-fq{font-size:12.5px;font-weight:600;color:var(--muted)}
.cr4-lot{font-size:12px;font-weight:600;color:var(--fg);border:1px solid var(--border-strong);border-radius:999px;padding:1px 8px;white-space:nowrap}
.cr4-go{flex:none;align-self:center;font-size:11.5px;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.cr4-leaf:hover .cr4-go{color:var(--fg);font-weight:600}
.cr4-foot{display:flex;align-items:baseline;gap:5px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}
.cr4-foot b{color:var(--fg);font-weight:600}
.cg-new{animation:cg-fl 2.2s ease-out}
@keyframes cg-fl{0%{box-shadow:0 0 0 3px var(--lime)}100%{box-shadow:0 0 0 3px transparent}}
@container (max-width:730px){
  .cr4-cols{display:none}
  .cr4-tree{flex-direction:column;align-items:flex-start}
  .cr4-root{width:auto;max-width:360px}
  .cr4-tree>.cr4-kids,.cr4-kid>.cr4-kids{margin-left:22px;margin-top:4px;width:calc(100% - 22px);flex:none}
  .cr4-kid{flex-direction:column;align-items:flex-start}
  .cr4-kids::before{left:-14px;top:-4px;width:0;height:4px;border-top:0;border-left:2px solid var(--border-strong)}
  .cr4-kid::before{left:-14px;top:24px;width:12px}
  .cr4-kid::after{left:-14px;top:0!important;bottom:auto;height:24px}
  .cr4-kid:not(:last-child)::after{height:auto;bottom:0}
  .cr4-kid:only-child::after{display:block}
  .cr4-leaf{width:100%;max-width:440px}
  .cr4-jz{width:auto;min-width:150px}
}

/* ---------- the windows: « L'arbre du cours », then (on top) « Ajouter … » and « Éditer un cours terminé ? » ---------- */
.cr4-modal{position:fixed;top:0;right:0;bottom:0;left:var(--gsw,0px);z-index:90;background:var(--cr4-scrim);display:grid;place-items:start center;padding:28px 20px;overflow-y:auto;font-family:Figtree,system-ui,sans-serif}
.cr4-mbox{width:min(1180px,100%);margin:auto 0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);min-width:0;color:var(--fg)}
.cr4-mhd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border)}
.cr4-mhd h2{font:600 18px/1.2 Figtree,system-ui,sans-serif;letter-spacing:-.01em;margin:0}
.cr4-mhd p{color:var(--muted);font-size:13px;margin:4px 0 0}
.cr4-x{width:34px;height:34px;border-radius:9px;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--fg);flex:none;background:var(--surface);cursor:pointer}
.cr4-x:hover{background:var(--hover)}
.cr4-x:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.cr4-mbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px;min-width:0}

/* a finished language: the line + its two buttons (video box.css, Oct 25) */
.cr4-leaf.fx-fin{padding:0;cursor:default;align-items:center;flex-wrap:wrap;gap:0 8px;max-width:none}
.cr4-leaf.fx-fin:hover{box-shadow:none}
.fx-fsel{display:flex;align-items:flex-start;gap:10px;flex:1 1 180px;min-width:0;padding:8px 10px;border:0;border-radius:9px;background:none;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer}
.fx-fsel:hover{background:var(--hover)}
.fx-fsel:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}
.fx-facts{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;padding:6px 8px 6px 0}
.fx-fbtn{height:28px;font-size:12.5px;text-decoration:none;cursor:pointer}
.fx-cp{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:#EFE7F3;color:#4B2766;font-size:11.5px;font-weight:600;white-space:nowrap}
.cr4-mbox.fx-mbox{width:min(540px,100%)}
.fx-mb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}
.fx-tgt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft)}
.fx-tgt b{font-weight:600}
.fx-tgt>span{color:var(--muted);font-size:13px}
.fx-tgt .fx-st{margin-left:auto;font-weight:600}
.fx-st.fin{color:#3F6212}
.fx-warn{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #F2D27A;border-radius:10px;background:#FFF7E0;color:#4A3800}
.fx-warn p{margin:0;font-size:13.5px;line-height:1.45}
.fx-wi{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:#F2B705;color:#201A21;font-weight:800;font-size:13px}
.fx-sub{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.fx-act{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:4px}
.fx-pp{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.fx-ppk{font:500 10.5px 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.fx-ppb{height:32px;padding:0 12px;border:1px solid #CFC9D1;border-radius:8px;background:var(--surface);color:var(--fg);font:500 13px Figtree,system-ui,sans-serif;cursor:pointer}
.fx-ppb:hover{border-color:var(--fg)}
.fx-ppb.fx-on{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);font-weight:600}
.fx-ppb:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.fx-abtn{height:34px;padding:0 14px;cursor:pointer}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .fx-cp{background:rgba(160,120,200,.22);color:#E3D3F0}
  :root:not([data-theme="light"]) .fx-warn{background:rgba(242,183,5,.12);border-color:rgba(242,183,5,.45);color:#F5E3A6}
  :root:not([data-theme="light"]) .fx-st.fin{color:#C5E58A}
}
:root[data-theme="dark"] .fx-cp{background:rgba(160,120,200,.22);color:#E3D3F0}
:root[data-theme="dark"] .fx-warn{background:rgba(242,183,5,.12);border-color:rgba(242,183,5,.45);color:#F5E3A6}
:root[data-theme="dark"] .fx-st.fin{color:#C5E58A}
:root[data-theme="dark"] .fx-ppb{border-color:#4A4150}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fx-ppb{border-color:#4A4150}}

/* « Ajouter une langue / une juridiction », « Mettre à jour le cours »: which languages, then which batch (one jurisdiction + its
   languages per batch: only the open batches of that jurisdiction with these languages are offered), or a new one */
.cr4-mbox.cg-amb{width:min(600px,100%)}
.cg-af{display:flex;flex-direction:column;gap:6px;min-width:0}
.cg-ak{font-size:12.5px;font-weight:600;color:var(--fg)}
.cg-ak small{font-weight:400;color:var(--muted);margin-left:6px}
.cg-af select,.cg-af input[type=text],.cg-af input[type=date]{height:36px;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;background:var(--surface);color:var(--fg);font:500 13.5px Figtree,system-ui,sans-serif;min-width:0;width:100%}
.cg-af select:focus-visible,.cg-af input:focus-visible{outline:2px solid var(--fg);outline-offset:1px}
.cg-lgs{display:flex;flex-wrap:wrap;gap:6px}
.cg-lg{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);font-size:13px;cursor:pointer;user-select:none}
.cg-lg input{margin:0;accent-color:#5E8E24}
.cg-lg b{font:600 12px "JetBrains Mono",ui-monospace,monospace}
.cg-lg.cg-on{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.cg-lg.cg-off{opacity:.55;cursor:not-allowed}
.cg-lg small{color:var(--muted);font-size:11.5px}
.cg-lg.cg-more{padding:0 4px 0 2px;border-style:dashed}
.cg-lg.cg-more select{border:0;background:none;color:var(--fg);font:500 13px Figtree,system-ui,sans-serif;height:30px;max-width:220px;cursor:pointer}
.cg-sr{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cg-ph{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}
.cg-bl{display:flex;flex-direction:column;gap:6px}
.cg-bo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:9px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface)}
.cg-bo:hover{border-color:var(--border-strong)}
.cg-bo.cg-on{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.cg-bo input{margin:0;accent-color:#5E8E24}
.cg-bo b{font-weight:600;font-size:13.5px;min-width:0}
.cg-bo .cg-bm{grid-column:2/4;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 10px}
.cg-bo .cg-jt{font:600 11px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--fg);background:var(--soft2);border-radius:5px;padding:4px 6px;white-space:nowrap}
.cg-nf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:10px 12px 12px;margin-top:-2px;border:1px solid var(--fg);border-top:0;border-radius:0 0 10px 10px}
.cg-nf .cg-wide{grid-column:1/-1}
.cg-bo.cg-on.cg-bnew{border-radius:10px 10px 0 0}
/* G10 (Oct 26): « Toutes les juridictions » — the batches it makes (read-only lines), then their shared fields */
.cg-bo.cg-ball{grid-template-columns:minmax(0,1fr) auto;cursor:default}
.cg-bo.cg-ball:hover{border-color:var(--border)}
.cg-bo.cg-ball .cg-bm{grid-column:1/-1}
.cg-nf.cg-nf1{margin-top:6px;border:1px solid var(--border);border-radius:10px}
.cg-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border-strong);border-radius:9px;padding:2px;gap:2px;background:var(--surface)}
.cg-seg button{height:30px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--muted);font:500 13px Figtree,system-ui,sans-serif;cursor:pointer}
.cg-seg button[aria-pressed="true"]{background:var(--fg);color:var(--bg);font-weight:600}
.cg-sum{margin:0;padding:10px 12px;border-radius:10px;background:var(--soft);font-size:13px;line-height:1.45}
.cg-sum b{font-weight:600}

@media (prefers-reduced-motion:reduce){.cg-new{animation:none}}
@media (max-width:900px){
  .cg-head{grid-template-columns:minmax(0,1fr)}
  .cr4-xh{align-items:flex-start;max-width:none}.cr4-xh small{text-align:left}
}
@media (max-width:760px){
  .cr4-modal{padding:0;display:block}
  .cr4-mbox{width:100%;min-height:100%;border:0;border-radius:0;margin:0;box-shadow:none}
  .cr4-mhd{position:sticky;top:0;z-index:7;background:var(--surface);padding:14px 16px 12px}
  .cr4-mbody{padding:14px 12px 24px}
  .cr4-modal.fx-modal,.cr4-modal.cg-amodal{display:grid;place-items:end center;padding:12px}
  .cr4-mbox.fx-mbox,.cr4-mbox.cg-amb{min-height:0;border:1px solid var(--border);border-radius:14px;margin:0}
  .fx-mbox .cr4-mhd,.cg-amb .cr4-mhd{position:static}
  .fx-facts{margin-left:0;padding:0 10px 8px 40px}
  .cg-nf{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .cr4-canvas{padding:14px}
  .cr4-leaf{max-width:none}
  .cr4-cta{width:100%;justify-content:center}
  .cr4-xh{align-self:stretch}
  .cr4-lh{padding:12px}
  .cr4-srch{flex:1 1 100%}
  .cr4-sim{flex-basis:100%}
  .cr4-lbl{flex-basis:100%}
  .cr4-sum{margin-left:0}
  .cr4-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
  .cr4-fw,.cr4-bar .cr4-fs{max-width:none;width:100%;min-width:0}
  .cr4-bar .cr4-fs{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k c" "v c";align-items:center;gap:1px 6px;height:auto;padding:6px 10px;font-size:13px;text-align:left}
  .cr4-bar .cr4-fs .cr4-k{display:block;grid-area:k;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cr4-bar .cr4-fs .cr4-v{grid-area:v;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cr4-bar .cr4-fs .cr4-ca{grid-area:c}
  .cr4-menu,.cr4-fw:last-child .cr4-menu{position:absolute;left:0;right:auto;top:calc(100% + 6px);min-width:0;width:min(300px,calc(100vw - 56px))}
  .cr4-fw:nth-child(even) .cr4-menu{left:auto;right:0}
}
/* grandma-tower c7 (Oct 27): a course without a number keeps an empty place (titles stay in line); on a narrow list it takes no room */
@container cr5 (max-width:640px){.cr5-no:empty{display:none}}