:root{--papier:#F7F3EC;--surface:#FFF;--encre:#15181D;--sourd:#5C6672;--petrole:#0D5A62;
--ocre:#9A5B18;--filet:#E3DDD1;--pose:#EFE9DD;--chaud:#FBF7F0}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--papier:#13161A;
--surface:#1A1E24;--encre:#E9E7E2;--sourd:#97A0AB;--petrole:#54B6BF;--ocre:#D7A161;
--filet:#2B313A;--pose:#21262E;--chaud:#1E232A}}
*{box-sizing:border-box}
body{background:var(--papier);color:var(--encre);margin:0;
font:400 16px/1.6 "IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--petrole)}
.page{max-width:1080px;margin:0 auto;padding:0 20px 72px}
.bar{border-bottom:1px solid var(--filet);background:var(--surface);
box-shadow:0 1px 0 rgba(13,90,98,.06)}
.bar:before{content:"";display:block;height:3px;background:linear-gradient(90deg,
var(--petrole) 0%,var(--petrole) 62%,var(--ocre) 62%,var(--ocre) 100%)}
.bar .in{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;gap:20px;
align-items:center;flex-wrap:wrap}
.logo{font:700 17px/1 "Bitter",Georgia,serif;color:var(--encre);text-decoration:none}
.q{margin-left:auto;display:flex;gap:8px}
.q input{border:1px solid var(--filet);background:var(--papier);color:var(--encre);
border-radius:3px;padding:7px 11px;font:inherit;font-size:14px;min-width:230px}
.q button{border:1px solid var(--petrole);background:var(--petrole);color:var(--papier);
border-radius:3px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}
nav.fil{font-size:13px;color:var(--sourd);padding:18px 0 0}
nav.fil a{text-decoration:none}
header.fiche{padding:22px 26px 26px;border-bottom:2px solid var(--encre);
background:var(--chaud);border-radius:4px 4px 0 0;margin-top:14px}
.eyebrow{font:500 12px/1 sans-serif;letter-spacing:.14em;text-transform:uppercase;
color:var(--sourd);margin:0 0 12px}
h1{font:700 clamp(28px,4.5vw,44px)/1.07 "Bitter",Georgia,serif;margin:0;
letter-spacing:-.015em;text-wrap:balance}
h1 .mq{color:var(--sourd);font-weight:500}
.meta{display:flex;flex-wrap:wrap;gap:0 28px;margin:20px 0 0;font-size:14px;color:var(--sourd)}
.meta b{color:var(--encre);font-weight:600;font-variant-numeric:tabular-nums;font-size:17px}
.lede{font-size:17px;max-width:62ch;margin:26px 0 0}
h2{font:700 21px/1.2 "Bitter",Georgia,serif;margin:46px 0 6px}
.sous{margin:0 0 18px;color:var(--sourd);font-size:15px;max-width:64ch}
.vedette{background:var(--surface);border:1px solid var(--filet);border-left:3px solid var(--ocre);
border-radius:3px;padding:20px 22px}
.vedette .nom{font-weight:600;font-size:18px}
.vedette .cpt{color:var(--ocre);font-weight:600}
.vedette ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:7px}
.vedette li a{background:var(--pose);border:1px solid var(--filet);border-radius:2px;
padding:5px 10px;font:500 13px/1 "IBM Plex Mono",monospace;text-decoration:none;display:block}
.marchands{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.m{background:var(--surface);border:1px solid var(--filet);border-radius:4px;
padding:16px 18px;border-top:3px solid var(--petrole)}
.m a{text-decoration:none;font-weight:600}
.m a:hover{text-decoration:underline}
.m .n{font-weight:600;display:block}
.m .u{font:400 13px/1.8 "IBM Plex Mono",monospace;color:var(--sourd)}
.tw{overflow-x:auto;background:var(--surface);border:1px solid var(--filet);border-radius:3px}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
thead th{text-align:left;font:500 11px/1 sans-serif;letter-spacing:.11em;text-transform:uppercase;
color:var(--sourd);padding:13px 17px;border-bottom:1px solid var(--encre)}
tbody td{padding:10px 17px;border-bottom:1px solid var(--filet);vertical-align:baseline}
tbody tr:last-child td{border-bottom:none}
.ref{font:500 14px/1 "IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
td.c{white-space:nowrap;color:var(--sourd);font-size:14px}
td.c b{color:var(--ocre);font-variant-numeric:tabular-nums}
.grille{display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
list-style:none;padding:0}
.grille a{display:block;background:var(--surface);border:1px solid var(--filet);
border-radius:4px;padding:13px 15px;text-decoration:none;font-size:14px;
border-left:3px solid var(--filet);transition:border-color .12s,transform .12s}
.grille a:hover{border-left-color:var(--petrole);transform:translateX(2px)}
footer{margin-top:46px;padding-top:18px;border-top:1px solid var(--filet);
font-size:13px;color:var(--sourd)}
.sug{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;
background:var(--surface);border:1px solid var(--filet);border-radius:4px;
box-shadow:0 6px 20px -8px rgba(21,24,29,.3);overflow:hidden}
.sug a{display:block;padding:8px 12px;text-decoration:none;color:var(--encre);
border-bottom:1px solid var(--filet);font-size:14px}
.sug a:last-child{border-bottom:none}
.sug a:hover,.sug a.on{background:var(--pose)}
.sug b{font-weight:600;display:block}
.sug span{color:var(--sourd);font-size:12px}
@media(max-width:640px){td.c{display:none}thead th:nth-child(3){display:none}
.q input{min-width:140px}}