/* RadarActivités — BlackGenius Canada. Noir de marque + or. Structure propre (pas celle de StatBlack). */
:root{--ink:#0A0A0A;--ink2:#161616;--paper:#FFFFFF;--ivory:#F1F1F1;--line:#E2E2E2;--text:#1A1A1A;--muted:#5F5F5F;
--gold:#BE9647;--gold-text:#856421;--gold-soft:#F4E9CE;--ok:#14532D;--radius:10px;
--display:'Archivo Black',Arial,sans-serif;--sans:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);color:var(--text);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:.6rem 1rem;z-index:99;font-weight:700}
.skip:focus{left:0}

/* ── En-tête ── */
.top{background:var(--paper);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.top img{height:40px;width:auto;display:block}
.top nav{display:flex;align-items:center;gap:1.1rem;font-size:.85rem;font-weight:600}
.top nav a{text-decoration:none;padding:.4rem .2rem;border-bottom:2px solid transparent}
.top nav a:hover{border-bottom-color:var(--gold)}
.top .lang{font-family:var(--mono);font-size:.75rem;color:var(--muted)}

/* ── Héros (écran radar) ── */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center;padding-block:3.5rem 3rem}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.05;margin-bottom:1.1rem}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.lead{color:rgba(255,255,255,.82);max-width:34em;margin-bottom:1.6rem;font-size:1.05rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-weight:700;font-size:.9rem;border-radius:999px;padding:.75rem 1.3rem;cursor:pointer;text-decoration:none;border:2px solid var(--gold);transition:transform .15s,box-shadow .15s,background .15s}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:3px 3px 0 rgba(190,150,71,.35)}
.btn-gold:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 rgba(190,150,71,.35)}
.btn-ghost{background:transparent;color:#fff}
.btn-ghost:hover{background:rgba(190,150,71,.18)}
.stats{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.14)}
.stats div{min-width:6rem}
.stats b{display:block;font-family:var(--display);font-weight:400;font-size:1.9rem;color:var(--gold);line-height:1}
.stats span{font-size:.78rem;color:rgba(255,255,255,.72)}
.radar{width:100%;max-width:430px;margin-inline:auto;display:block}
.radar .ring{fill:none;stroke:rgba(190,150,71,.35);stroke-width:1}
.radar .axis{stroke:rgba(190,150,71,.22);stroke-width:1}
.radar .sweep{transform-origin:200px 170px;animation:spin 7s linear infinite}
.radar .dot{fill:var(--gold);transition:opacity .3s,r .3s}
.radar .dot.off{opacity:.12}
.radar .dot.on{opacity:1}
.radar text{font-family:var(--mono);font-size:9px;fill:rgba(255,255,255,.6);letter-spacing:.08em}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.radar .sweep{animation:none}html{scroll-behavior:auto}}

/* ── Outil de recherche ── */
.finder{background:var(--ivory);border-block:1px solid var(--line);padding-block:2rem 1.6rem;scroll-margin-top:0}
.finder h2{font-family:var(--display);font-weight:400;font-size:1.5rem;margin-bottom:.3rem}
.finder .sub{color:var(--muted);font-size:.95rem;margin-bottom:1.2rem}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.field label,.field .lab{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-weight:600}
select,input[type=search]{width:100%;font:inherit;font-size:.95rem;padding:.7rem .8rem;border:1.5px solid #B8B8B8;border-radius:var(--radius);background:#fff;color:var(--text)}
select:focus,input[type=search]:focus{border-color:var(--ink)}
.seg{display:flex;border:1.5px solid #B8B8B8;border-radius:var(--radius);overflow:hidden;background:#fff}
.seg label{flex:1;margin:0;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;text-align:center;padding:.7rem .4rem;font-size:.82rem;font-weight:600;font-family:var(--sans);text-transform:none;letter-spacing:0;color:var(--text);border-right:1px solid #D4D4D4;line-height:1.2}
.seg label:last-child span{border-right:0}
.seg input:checked+span{background:var(--ink);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--gold);outline-offset:-3px}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.chip{font:inherit;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;border:1.5px solid #B8B8B8;background:#fff;color:var(--text);cursor:pointer}
.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip small{font-family:var(--mono);font-size:.7rem;opacity:.7;margin-left:.2rem}
.row2{display:grid;grid-template-columns:1fr auto;gap:1rem;margin-top:1.1rem;align-items:end}

/* ── Résultats ── */
.results{padding-block:1.8rem 3rem}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.2rem}
.count{font-family:var(--display);font-size:1.25rem}
.count small{font-family:var(--sans);font-size:.85rem;color:var(--muted);font-weight:400;margin-left:.4rem}
.tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.tools select{width:auto;padding:.5rem .7rem;font-size:.85rem}
.tbtn{font:inherit;font-size:.85rem;font-weight:600;border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:.5rem 1rem;cursor:pointer}
.tbtn:hover{background:var(--ink);color:#fff}
.tbtn.fav{background:var(--gold-soft);border-color:var(--gold-text)}
.soon{margin-bottom:1.8rem}
.soon>h3,.region-h{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);margin:1.6rem 0 .8rem;padding-bottom:.4rem;border-bottom:2px solid var(--gold)}
.cards{display:grid;grid-template-columns:1fr;gap:.55rem;max-width:920px}
.card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.15rem 1rem;display:flex;flex-direction:column;gap:.55rem;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.card.k-g{border-top-color:var(--gold)}
.card.k-f{border-top-color:#8E8E8E}
.card.k-n{border-top-color:#333}
.tagrow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:var(--ivory);color:#3a3a3a}
.tag.cost-g{background:var(--gold);color:var(--ink)}
.tag.cost-f{background:var(--gold-soft);color:#5c430f}
.tag.cost-n{background:#E4E4E4;color:#222}
.card h3{font-size:1.02rem;line-height:1.3;font-weight:700}
.meta{list-style:none;font-size:.86rem;color:#333;display:grid;gap:.2rem}
.meta b{font-weight:600;color:#000}
.meta li{display:grid;grid-template-columns:4.6rem 1fr;gap:.4rem}
.meta li>span:first-child{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:.12rem}
details{font-size:.84rem;color:#333}
summary{cursor:pointer;font-weight:600;color:var(--gold-text);padding:.2rem 0}
details p{margin-top:.3rem}
.acts{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line)}
.go{font-weight:700;font-size:.85rem;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:1px}
.go:hover{background:var(--gold-soft)}
.heart{font:inherit;font-size:.82rem;font-weight:600;border:1.5px solid #B8B8B8;border-radius:999px;background:#fff;padding:.3rem .75rem;cursor:pointer}
.heart[aria-pressed=true]{background:var(--ink);color:var(--gold);border-color:var(--ink)}
.empty{padding:2.5rem 1rem;text-align:center;border:2px dashed #C9C9C9;border-radius:var(--radius);color:#333}
.empty b{display:block;font-family:var(--display);font-weight:400;font-size:1.2rem;margin-bottom:.4rem}
.note{margin-top:2rem;padding:1rem 1.2rem;background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:6px;font-size:.88rem}

/* ── Ma sélection ── */
dialog{border:0;border-radius:14px;padding:0;width:min(640px,94vw);max-height:88vh;box-shadow:0 20px 70px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(0,0,0,.55)}
.dlg{padding:1.4rem 1.5rem}
.dlg h2{font-family:var(--display);font-weight:400;font-size:1.3rem;margin-bottom:.8rem}
.dlg ol{padding-left:1.2rem;display:grid;gap:.8rem;margin-bottom:1.2rem}
.dlg li b{display:block}
.dlg li span{font-size:.85rem;color:#444;display:block}
.dlg .acts2{display:flex;flex-wrap:wrap;gap:.6rem}

footer{background:var(--ink);color:rgba(255,255,255,.8);padding-block:2rem;font-size:.85rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
footer a{color:var(--gold)}

@media(max-width:980px){.hero .wrap{grid-template-columns:1fr;padding-block:2.5rem 2rem}.radar{max-width:320px}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid4,.row2{grid-template-columns:1fr}.top nav a.hide-s{display:none}.meta li{grid-template-columns:4.2rem 1fr}.stats{gap:1rem}}
@media print{
 body.printing>*:not(dialog){display:none!important}
 body.printing dialog{position:static;box-shadow:none;width:100%;max-height:none}
 body.printing .acts2{display:none}
 dialog::backdrop{display:none}
}

/* ── Menus déroulants ── */
details.act{background:#fff;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:var(--radius);font-size:.9rem;color:var(--text)}
details.act.k-g{border-left-color:var(--gold)}
details.act.k-f{border-left-color:#8E8E8E}
details.act.k-n{border-left-color:#333}
details.act>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;grid-template-areas:"line chev" "title chev" "sub chev";gap:.15rem .8rem;align-items:center;padding:.7rem .9rem;color:var(--text);font-weight:400}
details.act>summary::-webkit-details-marker{display:none}
details.act>summary::after{content:"+";grid-area:chev;font-family:var(--mono);font-size:1.3rem;font-weight:600;color:var(--gold-text);width:1.8rem;height:1.8rem;display:grid;place-items:center;border:1.5px solid #B8B8B8;border-radius:50%}
details.act[open]>summary::after{content:"–"}
details.act>summary:hover{background:var(--ivory)}
details.act>summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.sline{grid-area:line;display:flex;flex-wrap:wrap;gap:.4rem}
.atitle{grid-area:title;font-weight:700;font-size:1rem;line-height:1.3}
.asub{grid-area:sub;font-size:.82rem;color:var(--muted)}
.abody{padding:.2rem .9rem .9rem;display:grid;gap:.6rem;border-top:1px solid var(--line)}
.abody .meta{margin-top:.6rem}
.adesc{font-size:.86rem;color:#333}
details.rgroup{margin-top:.9rem}
details.rgroup>summary{font-family:var(--mono);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-text);font-weight:600;padding:.7rem .2rem;border-bottom:2px solid var(--gold);cursor:pointer}
details.rgroup>.cards{margin-top:.7rem}

/* ── Récapitulatif en tableau ── */
.recap{margin-top:2.6rem}
.recap h2{font-family:var(--display);font-weight:400;font-size:1.4rem}
.recap .sub{color:var(--muted);font-size:.9rem;margin:.3rem 0 1rem;max-width:62ch}
.tablewrap{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.tablewrap:focus-visible{outline:3px solid var(--gold)}
#recapT{border-collapse:separate;border-spacing:0;width:100%;min-width:980px;font-size:.84rem}
#recapT th,#recapT td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
#recapT thead th{background:var(--ink);color:#fff;white-space:nowrap;padding:0}
#recapT thead th:last-child{padding:.55rem .7rem}
.thb{font:inherit;font-weight:600;font-size:.8rem;color:#fff;background:none;border:0;padding:.6rem .7rem;cursor:pointer;width:100%;text-align:left}
.thb:hover{background:#333}
.thb:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
#recapT tbody th.tn{font-weight:700;min-width:15rem;background:#fff}
#recapT tbody tr:nth-child(even) td,#recapT tbody tr:nth-child(even) th.tn{background:#FAF7F0}
#recapT tbody tr:hover td,#recapT tbody tr:hover th.tn{background:var(--gold-soft)}
body.printing .recap{display:none}
#recapT td .tag,#recapT td .go{white-space:nowrap}
#recapT td:nth-child(5){min-width:6.5rem}

@media(max-width:760px){
 .tablewrap{overflow:visible;border:0;background:none}
 #recapT{min-width:0;display:block}
 #recapT thead{display:none}
 #recapT tbody{display:grid;gap:.55rem}
 #recapT tbody tr{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .8rem}
 #recapT tbody tr:nth-child(even) td,#recapT tbody tr:nth-child(even) th.tn,#recapT tbody tr:hover td,#recapT tbody tr:hover th.tn{background:none}
 #recapT tbody th.tn{display:block;min-width:0;border:0;padding:0 0 .35rem;font-size:.95rem}
 #recapT tbody td{display:grid;grid-template-columns:5.2rem 1fr;gap:.4rem;border:0;padding:.15rem 0;min-width:0!important}
 #recapT tbody td::before{content:attr(data-label);font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:.15rem}
}
@media(max-width:760px){#recapT tbody td .tag,#recapT tbody td .go{justify-self:start;align-self:start}}

/* ── Filtres province / ville ── */
.row3{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:end;margin-top:1.1rem}
.row3 .field{min-width:min(100%,24rem)}
.chk{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;cursor:pointer;padding:.7rem 0}
.chk input{width:1.15rem;height:1.15rem;accent-color:var(--ink)}
.morewrap{margin-top:1rem;text-align:center;max-width:920px}
.morewrap .tbtn{padding:.7rem 1.6rem}
details.recap{margin-top:2.6rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
details.recap>summary{list-style:none;cursor:pointer;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text)}
details.recap>summary::-webkit-details-marker{display:none}
details.recap>summary::after{content:"+";font-family:var(--mono);font-size:1.3rem;font-weight:600;color:var(--gold-text);width:1.8rem;height:1.8rem;display:grid;place-items:center;border:1.5px solid #B8B8B8;border-radius:50%}
details.recap[open]>summary::after{content:"–"}
details.recap>summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.rh{font-family:var(--display);font-size:1.3rem;font-weight:400}
details.recap>.sub{padding:0 1.2rem;margin-top:0}
details.recap>.tablewrap{margin:0 1rem 1rem;max-width:calc(100% - 2rem)}
@media(max-width:760px){details.recap>.tablewrap{margin:0 .6rem .8rem}}

/* ══ Refonte du design (compact, ordonné) ══ */
/* boutons : couleur du site, pas le bleu du navigateur */
.tbtn,.heart,.chip,.thb{color:var(--text);-webkit-appearance:none;appearance:none}
.tbtn.fav{color:var(--text)}
.tbtn:hover{color:#fff}
/* sélecteurs segmentés alignés */
.finder .seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.finder .seg label{display:flex;margin:0;font-family:var(--sans);text-transform:none;letter-spacing:0}
.finder .seg span{flex:1;display:flex;align-items:center;justify-content:center;padding:.65rem .4rem}
/* filtres */
.searchrow{max-width:520px;margin-bottom:1rem}
.grid4{margin-bottom:1rem}
details.moref{margin-top:.2rem}
details.moref>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--gold-text);padding:.5rem 0}
details.moref>summary::-webkit-details-marker{display:none}
details.moref>summary::before{content:"+";display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1.5px solid #B8B8B8;border-radius:50%;font-size:1rem;color:var(--gold-text)}
details.moref[open]>summary::before{content:"–"}
details.moref>.row3{margin-top:.6rem}
.row3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1rem;align-items:start}
.row3 .field{min-width:0}
.row2{display:block;margin-top:1rem}
.chips{margin-top:.2rem}
/* barre de résultats */
.bar{gap:.7rem}
.tools{display:flex;flex-wrap:wrap;gap:.5rem}
.tools select{min-height:2.4rem}
.tbtn{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
/* À venir en menu déroulant */
.soon{margin-bottom:1rem}
details.soond>summary{color:var(--gold-text)}
/* cartes plus nettes */
details.act>summary{padding:.75rem 1rem}
.sline{align-items:center}
.tag{white-space:nowrap}
.cards{gap:.5rem}
@media(max-width:760px){
 .wrap{width:min(1180px,100% - 2rem)}
 .top img{height:34px}
 .top .wrap{min-height:56px}
 .hero .wrap{padding-block:1.8rem 1.6rem;gap:1.2rem}
 .hero h1{font-size:1.75rem}
 .hero p.lead{font-size:.95rem;margin-bottom:1.1rem}
 .radar{max-width:230px}
 .stats{margin-top:1.2rem;padding-top:1rem;gap:1.1rem}
 .stats b{font-size:1.5rem}
 .finder{padding-block:1.4rem 1.2rem}
 .finder h2{font-size:1.25rem}
 .finder .sub{font-size:.88rem;margin-bottom:.9rem}
 .searchrow{max-width:none}
 .grid4{grid-template-columns:1fr 1fr;gap:.7rem}
 select,input[type=search]{padding:.6rem .65rem;font-size:.9rem}
 .field label,.field .lab{font-size:.62rem;margin-bottom:.25rem}
 .row3{grid-template-columns:1fr;gap:.8rem}
 .seg4{grid-template-columns:1fr 1fr;grid-auto-flow:row}
 .seg4 label span{border-bottom:1px solid #D4D4D4}
 .seg4 label:nth-child(even) span{border-right:0}
 .seg4 label:nth-child(n+3) span{border-bottom:0}
 .chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:.3rem}
 .chips::-webkit-scrollbar{display:none}
 .chip{flex:none;white-space:nowrap;padding:.4rem .75rem}
 .bar{display:grid;grid-template-columns:1fr;gap:.6rem}
 .count{font-size:1.1rem}
 .tools{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
 .tools select{width:100%}
 .tbtn{width:100%}
 details.act>summary{padding:.65rem .8rem;grid-template-columns:1fr auto}
 .atitle{font-size:.95rem}
 .asub{font-size:.78rem}
 .results{padding-block:1.2rem 2rem}
 .note{margin-top:1.4rem}
}

.asub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
details.act>summary{min-width:0}
details.rgroup>summary,details.soond>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
details.rgroup>summary::-webkit-details-marker{display:none}
details.rgroup>summary::after{content:"+";display:grid;place-items:center;flex:none;width:1.6rem;height:1.6rem;border:1.5px solid #B8B8B8;border-radius:50%;font-size:1.1rem;color:var(--gold-text)}
details.rgroup[open]>summary::after{content:"–"}
@media(max-width:760px){
 .seg4{gap:1px;background:#D4D4D4;grid-template-columns:1fr 1fr;grid-auto-flow:row}
 .seg4 label span,.seg4 label:nth-child(even) span,.seg4 label:nth-child(n+3) span{border:0;background:#fff}
 .seg4 input:checked+span{background:var(--ink)}
 select{font-size:.88rem;padding-right:.4rem}
}

.radar .land{fill:rgba(190,150,71,.14);stroke:rgba(190,150,71,.7);stroke-width:.6;stroke-linejoin:round}
.radar .hub{fill:#BE9647}
.radar .olab{font-size:8px}
.radar .dot{fill:#F2D58A}

/* Correctif iPhone : rien ne doit élargir la page */
html,body{max-width:100%;overflow-x:hidden}
.grid4>*,.row2>*,.row3>*,.field,.finder .wrap>*{min-width:0}
select,input[type=search]{min-width:0;max-width:100%}
details.moref>summary{display:flex;align-items:center;white-space:normal;line-height:1.35}
/* Recherche dynamique */
.sbox{position:relative}
input[type=search]{-webkit-appearance:none;appearance:none;font-size:16px}
#sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:.3rem;list-style:none;background:#fff;border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:0 12px 30px rgba(0,0,0,.18);max-height:min(60vh,22rem);overflow:auto}
#sug[hidden]{display:none}
.sug-h{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.5rem .6rem .25rem}
.sug-i{display:flex;align-items:center;gap:.55rem;padding:.6rem .6rem;border-radius:6px;cursor:pointer;min-height:2.6rem}
.sug-i[aria-selected=true],.sug-i:hover{background:#F4EBD6}
.sug-t{flex:none;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;background:#EDEDED;color:#444;border-radius:4px;padding:.15rem .4rem}
.sug-l{flex:1;min-width:0;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug-l mark{background:none;color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.sug-n{flex:none;color:var(--muted);font-size:.8rem}
.scount{min-height:1.4rem;margin:.35rem 0 0}
.slink{background:none;border:0;padding:0;font:inherit;font-size:.88rem;font-weight:600;color:var(--gold-text);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.scount:empty{display:none}
.tools select{font-size:.82rem}