/* Hardface Notes — feuille unique. Reemploi du rythme « portail-rubriques »
   (rangees asymetriques a rail numerote, filets fins, aucun arrondi, aucune ombre),
   rhabille : palette propre, couple de polices propre, vocabulaire de classes bnd-,
   et une couche media ajoutee (heros, vignettes de rangee a 30 % de la ligne). */

:root{
  --bnd-paper:#e6e9e4;
  --bnd-sheet:#f6f8f4;
  --bnd-relief:#d4d9d0;
  --bnd-ink:#171b16;
  --bnd-ink-soft:#4d5449;
  --bnd-rule:#b5bcb0;
  --bnd-accent:#8c3b0e;
  --bnd-counter:#1c5e5a;
  --bnd-dark:#131714;
  --bnd-ink-rev:#eef1ea;
  --bnd-focus:#8c3b0e;
  --voie-1:#8c3b0e;
  --voie-2:#1c5e5a;
  --voie-3:#4a3e7a;
  --bnd-voie:var(--bnd-accent);
  --bnd-title:"Sitka Heading","Sitka Text",Constantia,"Book Antiqua",Georgia,serif;
  --bnd-text:"Lucida Grande","Lucida Sans Unicode","Segoe UI",Tahoma,Verdana,sans-serif;
  --bnd-gauge:Menlo,"DejaVu Sans Mono","Liberation Mono",Consolas,monospace;
  --bnd-measure:39rem;
  --bnd-frame:74rem;
  --bnd-rail:3.4rem;
  --bnd-gap:1.5rem;
  --bnd-air:2.6rem;
}
.voie-1{--bnd-voie:var(--voie-1)}
.voie-2{--bnd-voie:var(--voie-2)}
.voie-3{--bnd-voie:var(--voie-3)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bnd-paper);color:var(--bnd-ink);
  font-family:var(--bnd-text);font-size:1rem;line-height:1.62}
img{max-width:100%;height:auto;display:block}
a{color:var(--bnd-accent)}
a:hover{color:var(--bnd-counter)}
:focus-visible{outline:3px solid var(--bnd-focus);outline-offset:2px}

h1,h2,h3,h4{font-family:var(--bnd-title);font-weight:600;line-height:1.22;margin:0 0 .5em}
h1{font-size:clamp(1.7rem,1.15rem + 2.2vw,2.65rem)}
h2{font-size:clamp(1.28rem,1.05rem + .9vw,1.62rem)}
h3{font-size:1.1rem}

.bnd-skip{position:absolute;left:-9999px;top:0;background:var(--bnd-accent);
  color:#fff;padding:.65rem 1rem;z-index:60}
.bnd-skip:focus{left:0}
.bnd-offscreen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.bnd-frame{width:min(100% - 2rem,var(--bnd-frame));margin-inline:auto}
.bnd-frame--read{width:min(100% - 2rem,var(--bnd-measure) + 12rem)}

/* ---------- en-tete ---------- */
.bnd-mast{background:var(--bnd-dark);color:var(--bnd-ink-rev);border-bottom:3px solid var(--bnd-accent)}
.bnd-mast__body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.8rem;padding:.9rem 0}
.bnd-brand{display:block;text-decoration:none;color:inherit}
.bnd-brand__name{display:block;font-family:var(--bnd-title);font-size:1.32rem;letter-spacing:.01em}
.bnd-brand__line{display:block;font-family:var(--bnd-gauge);font-size:.66rem;letter-spacing:.13em;
  text-transform:uppercase;color:#b9c4b6;margin-top:.2rem}
.bnd-burger{font-family:var(--bnd-gauge);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  background:transparent;color:var(--bnd-ink-rev);border:1px solid #4a5449;padding:.5rem .85rem;cursor:pointer}
.bnd-menu{list-style:none;margin:0;padding:0;display:none;width:100%;
  font-family:var(--bnd-gauge);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}
.bnd-menu.is-open{display:block}
.bnd-menu li{border-top:1px solid #2b332b}
.bnd-menu a{display:block;padding:.62rem .1rem;color:var(--bnd-ink-rev);text-decoration:none}
.bnd-menu a[aria-current="page"]{color:#f0b183;box-shadow:inset 3px 0 0 var(--bnd-accent);padding-left:.7rem}
@media (min-width:62rem){
  .bnd-burger{display:none}
  .bnd-menu{display:flex !important;width:auto;gap:1.15rem;flex-wrap:wrap}
  .bnd-menu li{border-top:0}
  .bnd-menu a{padding:.3rem 0;border-bottom:2px solid transparent}
  .bnd-menu a[aria-current="page"]{box-shadow:none;padding-left:0;border-bottom-color:var(--bnd-accent)}
}

/* ---------- heros ---------- */
.bnd-hero{background:var(--bnd-sheet);border-bottom:1px solid var(--bnd-rule)}
.bnd-hero__grid{display:grid;gap:var(--bnd-gap);padding:var(--bnd-air) 0;align-items:center}
@media (min-width:62rem){.bnd-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}
.bnd-hero__shot{margin:0;border:1px solid var(--bnd-rule)}
.bnd-hero__shot img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bnd-kicker{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bnd-accent);margin:0 0 .55rem}
.bnd-lede{font-size:1.06rem;color:var(--bnd-ink-soft);max-width:34rem}
.bnd-gauges{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0;padding:0;
  font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.bnd-gauges li{border:1px solid var(--bnd-rule);padding:.3rem .6rem;color:var(--bnd-ink-soft)}

/* ---------- pancarte de page ---------- */
.bnd-datum{padding:var(--bnd-air) 0 1.4rem;border-bottom:1px solid var(--bnd-rule)}
.bnd-datum--voie{border-left:5px solid var(--bnd-voie);padding-left:1.1rem}
.bnd-datum__lede{font-size:1.04rem;color:var(--bnd-ink-soft);max-width:var(--bnd-measure)}
.bnd-crumbs{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--bnd-ink-soft);padding:1.1rem 0 0;max-width:var(--bnd-measure);margin-inline:auto}
.bnd-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.42rem}
.bnd-crumbs li+li::before{content:"/";margin-right:.42rem;color:var(--bnd-rule)}

/* ---------- sections ---------- */
.bnd-bay{padding:var(--bnd-air) 0}
.bnd-bay--sunk{background:var(--bnd-sheet);border-block:1px solid var(--bnd-rule)}
.bnd-bay__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:.6rem;border-bottom:2px solid var(--bnd-ink);padding-bottom:.5rem;margin-bottom:1.4rem}
.bnd-bay__head h2{margin:0}
.bnd-bay__note{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--bnd-ink-soft);margin:0}

/* ---------- rangees ---------- */
.bnd-rows{list-style:none;margin:0;padding:0}
.bnd-row{display:grid;gap:var(--bnd-gap);grid-template-columns:1fr;
  padding:1.5rem 0;border-top:1px solid var(--bnd-rule)}
.bnd-rows>li:first-child .bnd-row,.bnd-rows>.bnd-row:first-child{border-top:0;padding-top:0}
@media (min-width:48rem){
  .bnd-row{grid-template-columns:var(--bnd-rail) minmax(0,30%) minmax(0,1fr);align-items:start}
}
.bnd-row__mark{font-family:var(--bnd-gauge);font-size:1.05rem;color:var(--bnd-voie);letter-spacing:.05em}
.bnd-row__rule{display:block;width:1.5rem;height:3px;background:var(--bnd-voie);margin-top:.5rem}
.bnd-row__mark--tag{grid-column:1/-1}
@media (min-width:48rem){.bnd-row__mark--tag{grid-column:auto}}
.bnd-row__shot{margin:0;border:1px solid var(--bnd-rule);background:var(--bnd-relief)}
.bnd-row__shot img{width:100%;aspect-ratio:4/3;object-fit:cover}
.bnd-row__body h3{margin:0 0 .4rem;font-size:1.16rem}
.bnd-row__body h3 a{text-decoration:none;color:var(--bnd-ink);
  border-bottom:2px solid var(--bnd-voie);padding-bottom:2px}
.bnd-row__body h3 a:hover{color:var(--bnd-voie)}
.bnd-row__gist{margin:.35rem 0 .7rem;color:var(--bnd-ink-soft)}
.bnd-row__feed{list-style:none;margin:.6rem 0 .8rem;padding:0}
.bnd-row__feed li{border-top:1px dotted var(--bnd-rule);padding:.4rem 0}
.bnd-row__feed a{text-decoration:none;color:var(--bnd-ink)}
.bnd-row__feed a:hover{color:var(--bnd-voie);text-decoration:underline}
.bnd-tag{font-family:var(--bnd-gauge);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:var(--bnd-voie);padding:.2rem .45rem;display:inline-block;line-height:1.25}
.bnd-more{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;
  display:inline-block;border-bottom:2px solid var(--bnd-voie);text-decoration:none;padding-bottom:2px}

/* ---------- article ---------- */
.bnd-read{padding:var(--bnd-air) 0;max-width:var(--bnd-measure);margin-inline:auto}
.bnd-read h2{margin-top:2rem;padding-top:.7rem;border-top:1px solid var(--bnd-rule)}
.bnd-read h3{margin-top:1.5rem;color:var(--bnd-ink-soft)}
.bnd-read p{margin:0 0 1.05em}
.bnd-list{padding-left:1.15rem;margin:0 0 1.05em}
.bnd-list li{margin-bottom:.4rem}
.bnd-plate{margin:1.7rem 0;border:1px solid var(--bnd-rule)}
.bnd-plate img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bnd-caption{font-size:.82rem;color:var(--bnd-ink-soft);padding:.55rem .7rem;background:var(--bnd-sheet)}
.bnd-scribe{margin:1.6rem 0;padding:.2rem 0 .2rem 1.1rem;border-left:4px solid var(--bnd-voie);
  font-family:var(--bnd-title);font-size:1.08rem}
.bnd-scribe p{margin:0}
.bnd-scroll{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--bnd-rule);background:var(--bnd-sheet)}
.bnd-scroll table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.92rem}
.bnd-scroll th,.bnd-scroll td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--bnd-rule);
  vertical-align:top}
.bnd-scroll th{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  background:var(--bnd-relief)}
.bnd-shim{margin:1.7rem 0;padding:1rem 1.1rem;background:var(--bnd-sheet);border:1px solid var(--bnd-rule);
  border-top:4px solid var(--bnd-voie)}
.bnd-shim h2,.bnd-shim h3{margin-top:0;border:0;padding-top:0}
.bnd-shim ul{margin-bottom:0}
.bnd-byline{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--bnd-ink-soft);margin:.2rem 0 0}
.bnd-toc{margin:1.6rem 0;padding:.9rem 1.1rem;border:1px solid var(--bnd-rule);background:var(--bnd-sheet)}
.bnd-toc h2{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  margin:0 0 .5rem;border:0;padding:0}
.bnd-toc ol{margin:0;padding-left:1.15rem;font-size:.93rem}
.bnd-sources{margin-top:2.4rem;padding-top:1.1rem;border-top:2px solid var(--bnd-ink);font-size:.9rem}
.bnd-sources h2{border:0;padding-top:0;margin-top:0;font-size:1.05rem}
.bnd-back{display:inline-block;margin-top:1.8rem;font-family:var(--bnd-gauge);font-size:.72rem;
  letter-spacing:.1em;text-transform:uppercase}

/* ---------- renvois ---------- */
.bnd-links{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:48rem){.bnd-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bnd-links li{border-top:2px solid var(--bnd-voie);padding-top:.6rem}
.bnd-links__what{font-family:var(--bnd-gauge);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--bnd-ink-soft);display:block;margin-bottom:.25rem}
.bnd-links a{text-decoration:none;color:var(--bnd-ink);font-family:var(--bnd-title);font-size:1.02rem}
.bnd-links a:hover{color:var(--bnd-voie);text-decoration:underline}

/* ---------- pied ---------- */
.bnd-foot{background:var(--bnd-dark);color:var(--bnd-ink-rev);margin-top:var(--bnd-air);
  border-top:3px solid var(--bnd-accent)}
.bnd-foot__grid{display:grid;gap:1.6rem;padding:2.2rem 0 1.4rem}
@media (min-width:48rem){.bnd-foot__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bnd-foot h2{font-family:var(--bnd-gauge);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;
  color:#b9c4b6;margin:0 0 .7rem}
.bnd-foot ul{list-style:none;margin:0;padding:0;font-size:.92rem}
.bnd-foot li{margin-bottom:.4rem}
.bnd-foot a{color:var(--bnd-ink-rev);text-decoration:none;border-bottom:1px solid #45503f}
.bnd-foot a:hover{border-bottom-color:var(--bnd-accent)}
.bnd-foot p{font-size:.9rem;color:#c3cdc0;margin:0 0 .6rem}
.bnd-foot__base{border-top:1px solid #2b332b;padding:.9rem 0 1.6rem;font-size:.8rem;color:#a9b4a6}