/* The Kennel Bench — feuille slg-. Établi d'éleveur : mur d'accrochage en ton moyen,
   pièces posées à rotate(-.45deg) qui se redressent au survol, annotations reliées par
   filet + pastille outremer, cotes en mono. Palette : fond #F6F7FB, mur #E6EAF4,
   encre #151A33, accent #2B3BFF (mesures et annotations seulement), filet #DBDFF0,
   sombre #0E1126. */
@font-face{font-family:'Spectral';font-weight:700;font-display:swap;src:url('/spectral-700.woff2') format('woff2')}
@font-face{font-family:'Source Serif';font-weight:400;font-display:swap;src:url('/source-serif-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url('/ibm-plex-mono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url('/ibm-plex-mono-500.woff2') format('woff2')}

:root{
  --fond:#F6F7FB; --paroi:#E6EAF4; --papier:#FDFDFF; --fusain:#151A33; --fusain-doux:#4A5270;
  --accent:#2B3BFF; --filet:#DBDFF0; --sombre:#0E1126; --sombre-encre:#EEF0FF; --sombre-filet:#232A55;
  --fil-dogs:#2B3BFF; --fil-litter:#B0413E; --fil-rule:#3E6B4F; --fil-book:#8A6D2F;
  --titre-fonte:'Spectral',Georgia,serif; --corps-fonte:'Source Serif','Iowan Old Style',Palatino,serif;
  --mono:'IBM Plex Mono','SF Mono',Consolas,monospace;
  --travee:72rem; --lecture:44rem; --marge:clamp(1rem,4vw,3rem);
  --halo-plaque:0 2px 0 rgba(21,26,51,.28),0 14px 30px -16px rgba(21,26,51,.5); --ombre-douce:0 18px 40px -22px rgba(21,26,51,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fond);color:var(--fusain);font-family:var(--corps-fonte);font-size:1.06rem;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:#1A27C9}
h1,h2,h3{font-family:var(--titre-fonte);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0 0 .6em}
.slg-travee{max-width:var(--travee);margin-inline:auto;padding-inline:var(--marge)}
.slg-acces-direct{position:absolute;left:-9999px;top:0;background:var(--fusain);color:#fff;padding:.5rem 1rem;z-index:9}
.slg-acces-direct:focus{left:0}

/* ---------- fronton ---------- */
.slg-fronton{border-bottom:1px solid var(--filet);background:var(--fond)}
.slg-fronton__barre{height:5px;background:repeating-linear-gradient(90deg,var(--fusain) 0 14px,transparent 14px 26px)}
.slg-fronton__interieur{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem;padding-block:.85rem .7rem}
.slg-enseigne{display:flex;align-items:center;gap:.5rem;font-family:var(--titre-fonte);font-size:1.3rem;color:var(--fusain);text-decoration:none}
.slg-enseigne__marque{color:var(--accent)}
.slg-devise{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fusain-doux);margin:0}
.slg-parcours{margin-left:auto}
.slg-parcours ul{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;list-style:none;margin:0;padding:0}
.slg-parcours__lien{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fusain);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:.15em}
.slg-parcours__lien:hover,.slg-parcours__lien[aria-current="page"]{border-color:var(--accent);color:var(--accent)}

/* ---------- préambule / une ---------- */
.slg-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:2.6rem 0 .8rem}
.slg-preambule h1{font-size:clamp(2.1rem,4.6vw,3.4rem);max-width:20ch}
.slg-preambule__intro{max-width:62ch;background:var(--papier);border:1px solid var(--filet);border-left:6px solid var(--accent);border-radius:0 14px 14px 0;padding:1.1rem 1.4rem;box-shadow:var(--halo-plaque)}
.slg-preambule__souligne{font-size:1.14rem;color:var(--fusain-doux)}
.slg-preambule__decompte{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;color:var(--fusain-doux);text-transform:uppercase}
.slg-une{margin-block:2.4rem 3rem}
.slg-une__grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.4rem,3vw,3rem);align-items:start}
.slg-une__planche{position:relative;margin:0;transform:rotate(-.45deg);transition:transform .35s ease}
.slg-une__planche:hover{transform:rotate(0deg)}
.slg-une__planche img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;box-shadow:var(--ombre-douce)}
.slg-une__cartel{background:var(--papier);border:1px solid var(--filet);border-top:6px solid var(--accent);border-radius:14px;padding:1.6rem 1.7rem 1.5rem;box-shadow:var(--halo-plaque)}
.slg-une__titre{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.slg-une__titre a{color:var(--fusain);text-decoration:none}
.slg-une__chapo{color:var(--fusain-doux)}
.slg-une__date{font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;color:var(--fusain-doux)}
.slg-une__bouton{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:.75rem 1.4rem;border-radius:999px;margin-top:.6rem}
.slg-une__bouton:hover{background:#1A27C9;color:#fff}

/* ---------- l'annotation reliée ---------- */
.slg-annotation{display:flex;align-items:center;gap:0;margin-top:.7rem}
.slg-annotation__pastille{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.slg-annotation__filet{flex:0 0 2.2rem;height:1px;background:var(--accent)}
.slg-annotation__texte{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;padding-left:.7rem}

/* ---------- le mur de pièces ---------- */
.slg-mur{background:var(--paroi);padding-block:2.6rem 3rem;margin-block:2.6rem 0}
.slg-mur--file{margin-block:0}
.slg-rayon__tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.2rem;padding-block:0 1.4rem}
.slg-rayon__tete h2{font-size:1.5rem;margin:0}
.slg-rayon__phrase{margin:0;color:var(--fusain-doux);font-size:.95rem}
.slg-rayon__decompte{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fusain-doux);margin-left:auto}
.slg-mur__grille{display:grid;grid-template-columns:repeat(6,1fr);gap:1.6rem 1.4rem;align-items:start}
.slg-piece{margin:0;transform:rotate(-.45deg);transition:transform .35s ease,box-shadow .35s ease}
.slg-piece:hover{transform:rotate(0deg)}
.slg-piece--bande{grid-column:span 6}
.slg-piece--ample{grid-column:span 4}
.slg-piece--demi{grid-column:span 3}
.slg-piece--etroit{grid-column:span 2}
.slg-piece--jetee{margin-top:2.2rem}
.slg-piece__planche{margin:0;position:relative}
.slg-piece__planche::before{content:'';position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7C8BFF,var(--accent) 65%);box-shadow:0 3px 5px rgba(21,26,51,.45);z-index:2}
.slg-piece__planche img{width:100%;object-fit:cover;border-radius:12px;box-shadow:var(--halo-plaque)}
.slg-piece__cadrage--traverse img{aspect-ratio:3/2}
.slg-piece__cadrage--equerre img{aspect-ratio:1/1}
.slg-piece__cadrage--montant img{aspect-ratio:4/5}
.slg-piece--ligne{display:grid;grid-template-columns:15rem 1fr;gap:1.2rem;transform:none;align-items:start}
.slg-piece--ligne .slg-piece__planche img{aspect-ratio:3/2}
.slg-piece__cartel{border-top:1px solid var(--filet);margin-top:.8rem;padding-top:.7rem}
.slg-cartel-cote{display:flex;align-items:baseline;gap:.7rem;margin:0 0 .45rem}
.slg-cote{white-space:nowrap;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;color:#fff;background:var(--accent);border-radius:4px;padding:.18rem .5rem}
.slg-piece[data-rubrique="the-dogs"] .slg-cote{background:var(--fil-dogs)}
.slg-piece[data-rubrique="the-litters"] .slg-cote{background:var(--fil-litter)}
.slg-piece[data-rubrique="the-standard"] .slg-cote{background:var(--fil-rule)}
.slg-piece[data-rubrique="the-kennel-book"] .slg-cote{background:var(--fil-book)}
.slg-piece[data-rubrique="the-dogs"] .slg-piece__cartel{border-top-color:var(--fil-dogs)}
.slg-piece[data-rubrique="the-litters"] .slg-piece__cartel{border-top-color:var(--fil-litter)}
.slg-piece[data-rubrique="the-standard"] .slg-piece__cartel{border-top-color:var(--fil-rule)}
.slg-piece[data-rubrique="the-kennel-book"] .slg-piece__cartel{border-top-color:var(--fil-book)}
.slg-cartel-file{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fusain-doux);text-decoration:none}
.slg-cartel-titre{font-size:1.16rem;margin:0 0 .3rem}
.slg-cartel-titre a{color:var(--fusain);text-decoration:none}
.slg-cartel-titre a:hover{color:var(--accent)}
.slg-cartel-usage{margin:0 0 .35rem;color:var(--fusain-doux);font-size:.94rem}
.slg-cartel-date{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--fusain-doux)}

/* ---------- le registre dense ---------- */
.slg-registre{padding-block:2.6rem}
.slg-registre__liste{display:grid;gap:1.1rem}
.slg-registre .slg-piece{margin:0}
.slg-registre .slg-piece__planche::before{display:none}
.slg-registre .slg-cartel-usage{display:none}

/* ---------- les files (répertoire de rubriques) ---------- */
.slg-files{padding-block:2.8rem}
.slg-files__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem}
.slg-files__entree{border-top:2px solid var(--fusain);padding-top:.9rem}
.slg-files__lien{display:flex;align-items:baseline;gap:.8rem;text-decoration:none;color:var(--fusain)}
.slg-files__file{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--accent)}
.slg-files__label{font-family:var(--titre-fonte);font-size:1.2rem}
.slg-files__lien:hover .slg-files__label{color:var(--accent)}
.slg-files__decompte{margin-left:auto;font-family:var(--mono);font-size:.76rem;color:var(--fusain-doux)}
.slg-files__intro{margin:.5rem 0 0;color:var(--fusain-doux);font-size:.92rem}

/* ---------- note sombre + réseau ---------- */
.slg-note-sombre{background:var(--sombre);color:var(--sombre-encre);padding-block:2.8rem;margin-block:2.6rem 0}
.slg-note-sombre__titre{color:var(--sombre-encre);font-size:1.4rem}
.slg-note-sombre__texte{max-width:60ch;font-size:1.05rem;color:#C9CFE8}
.slg-ailleurs{padding-block:2.6rem}
.slg-ailleurs__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.2rem}
.slg-ailleurs__item{background:var(--papier);border:1px solid var(--filet);border-radius:12px;padding:1.1rem 1.2rem;box-shadow:var(--halo-plaque)}
.slg-ailleurs__item p{margin:0;font-size:.95rem;color:var(--fusain-doux)}
.slg-ailleurs__item a{font-weight:600}

/* ---------- article ---------- */
.slg-remontee{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding-block:1.1rem 0}
.slg-remontee ol{display:flex;flex-wrap:wrap;gap:.4rem .8rem;list-style:none;margin:0;padding:0}
.slg-remontee li+li::before{content:'/';margin-right:.8rem;color:var(--fusain-doux)}
.slg-remontee a{color:var(--fusain-doux);text-decoration:none}
.slg-remontee a:hover{color:var(--accent)}
.slg-entete-fiche{padding-block:2rem 1.6rem;max-width:var(--lecture)}
.slg-entete-fiche h1{font-size:clamp(2rem,4.4vw,3.1rem)}
.slg-chapeau{font-size:1.16rem;color:var(--fusain-doux);margin:0 0 .9rem}
.slg-datation{font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fusain-doux);border-top:1px solid var(--filet);padding-top:.9rem}
.slg-planche{margin:0 0 2.2rem}
.slg-planche img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:var(--ombre-douce)}
.slg-planche figcaption{font-family:var(--mono);font-size:.74rem;color:var(--fusain-doux);letter-spacing:.04em;margin-top:.5rem}
.slg-duo{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
.slg-corps{max-width:var(--lecture);font-size:1.08rem}
.slg-corps p{margin:0 0 1.15rem}
.slg-corps h2{font-size:1.5rem;margin:2.2rem 0 .7rem;padding-left:.9rem;border-left:4px solid var(--accent)}
.slg-corps ul,.slg-corps ol{padding-left:1.3rem}
.slg-corps li{margin-bottom:.4rem}
.slg-corps>*:first-child{margin-top:0}
.slg-corps>p:first-of-type::first-letter{font-family:var(--titre-fonte);font-size:3.4em;line-height:.82;float:left;padding:.06em .12em 0 0;color:var(--accent)}
.slg-fiche-banc{position:sticky;top:1.2rem;background:var(--papier);border:1px solid var(--filet);border-radius:14px;padding:1.3rem 1.4rem;box-shadow:var(--halo-plaque)}
.slg-fiche-banc__titre{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem;border-bottom:1px solid var(--filet);padding-bottom:.6rem}
.slg-fiche-banc__releve{margin:0 0 1.2rem;display:grid;gap:.55rem}
.slg-fiche-banc__releve div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--filet);padding-bottom:.45rem}
.slg-fiche-banc__releve dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fusain-doux)}
.slg-fiche-banc__releve dd{margin:0;font-family:var(--mono);font-size:.74rem;font-weight:500;color:var(--fusain)}
.slg-fiche-banc__h{font-size:.95rem;margin:1.2rem 0 .5rem}
.slg-fiche-banc__sommaire{margin:0;padding-left:1.2rem;font-size:.92rem}
.slg-fiche-banc__sommaire li{margin-bottom:.3rem}
.slg-fiche-banc__sources{list-style:none;margin:0;padding:0;font-size:.86rem}
.slg-fiche-banc__sources li{margin-bottom:.35rem;word-break:break-all}
.slg-mur--voisines{margin-top:3rem}
.slg-fiche--bureau{max-width:var(--lecture)}

/* ---------- pied ---------- */
.slg-pied{background:var(--sombre);color:var(--sombre-encre);margin-top:3rem}
.slg-pied__colonnes{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-block:2.4rem}
.slg-pied h2{font-family:var(--mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#8FA0E8;margin:0 0 .8rem}
.slg-pied p{margin:0 0 .6rem;color:#C9CFE8;font-size:.95rem}
.slg-pied__note{color:#8FA0E8;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em}
.slg-pied ul{list-style:none;margin:0;padding:0}
.slg-pied li{margin-bottom:.35rem}
.slg-pied a{color:var(--sombre-encre);text-decoration:none;font-size:.95rem}
.slg-pied a:hover{color:#fff;text-decoration:underline}
.slg-pied__ligne{border-top:1px solid var(--sombre-filet);padding-block:1rem 1.2rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8FA0E8}

/* ---------- responsive ---------- */
@media (max-width:62rem){
  .slg-une__grille{grid-template-columns:1fr}
  .slg-duo{grid-template-columns:1fr}
  .slg-fiche-banc{position:static}
  .slg-mur__grille{grid-template-columns:repeat(4,1fr)}
  .slg-piece--bande,.slg-piece--ample{grid-column:span 4}
  .slg-piece--demi{grid-column:span 2}
  .slg-piece--etroit{grid-column:span 2}
  .slg-piece--ligne{grid-template-columns:9rem 1fr}
  .slg-pied__colonnes{grid-template-columns:1fr}
}
@media (max-width:38rem){
  .slg-mur__grille{grid-template-columns:repeat(2,1fr);gap:1.2rem .9rem}
  .slg-piece--bande,.slg-piece--ample,.slg-piece--demi,.slg-piece--etroit{grid-column:span 2}
  .slg-piece--jetee{margin-top:0}
  .slg-piece--ligne{grid-template-columns:1fr}
  .slg-fronton__interieur{gap:.3rem .9rem}
  .slg-devise{display:none}
}