/* rinihotel.com - Rini Hotel Notes
   Systeme de design « carnet d'hotelier », prefixe rh-.
   Palette: papier cendre froid, encre ardoise, laiton. Serif editoriale
   (Hoefler/Palatino) + sans humaniste (Gill Sans). Dark-mode automatique,
   selection laiton, focus 150 ms, impression. Aucune requete externe. */

:root {
  --papier: #f1efe7;
  --papier-creux: #e6e3d6;
  --papier-vif: #faf9f3;
  --encre: #24313d;
  --encre-nuit: #17222d;
  --encre-douce: #5c6a75;
  --laiton: #8a6a26;
  --laiton-vif: #c29b3f;
  --ardoise: #3d5a74;
  --ardoise-pale: #93a7b8;
  --filet: #ccc7b4;
  --voile-garde: #f1efe7;
  --ombre: rgba(23, 34, 45, .14);
  --serif: "Hoefler Text", "Palatino", "Palatino Linotype", "Book Antiqua", "URW Palladio L", Georgia, serif;
  --sans: "Gill Sans", "Gill Sans MT", Seravek, "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  --caps-inter: .22em;
  --vitesse: 150ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --papier: #131a21;
    --papier-creux: #1a222b;
    --papier-vif: #1c2530;
    --encre: #dfe0d4;
    --encre-nuit: #0e141a;
    --encre-douce: #96a3ad;
    --laiton: #c29b3f;
    --laiton-vif: #d9b45c;
    --ardoise: #7f9db8;
    --ardoise-pale: #46617a;
    --filet: #2c3945;
    --voile-garde: #131a21;
    --ombre: rgba(0, 0, 0, .5);
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

body {
  margin: 0;
  background: var(--papier);
  color: var(--encre);
  font-family: var(--sans);
  font-size: clamp(1.01rem, .96rem + .24vw, 1.13rem);
  line-height: 1.62;
  -webkit-text-size-adjust: 100%;
}

::selection { background: var(--laiton); color: var(--papier-vif); }

a { color: var(--laiton); text-decoration-thickness: 1px; text-underline-offset: 2px; transition: color var(--vitesse) ease, background-color var(--vitesse) ease, border-color var(--vitesse) ease; }
a:hover { color: var(--ardoise); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--laiton); outline-offset: 3px; border-radius: 1px; }

h1, h2, h3, h4 { font-family: var(--serif); font-weight: 500; line-height: 1.14; color: var(--encre-nuit); margin: 0 0 .5em; }
@media (prefers-color-scheme: dark) { h1, h2, h3, h4 { color: var(--encre); } }
h1 { font-size: clamp(2.2rem, 1.3rem + 3.4vw, 4rem); letter-spacing: -.012em; }
h2 { font-size: clamp(1.5rem, 1.12rem + 1.5vw, 2.25rem); }
h3 { font-size: clamp(1.13rem, 1.03rem + .5vw, 1.4rem); }

img { max-width: 100%; height: auto; display: block; }
figure { margin: 0; }

/* ---------------- largeur utile: le feuillet ---------------- */
.rh-feuillet { max-width: 1320px; margin-inline: auto; padding-inline: clamp(1.1rem, 3.5vw, 3rem); }

/* ---------------- lien d'evitement ---------------- */
.rh-evite { position: absolute; left: -9999px; top: 0; background: var(--encre-nuit); color: var(--papier-vif); padding: .6rem 1rem; z-index: 99; font-family: var(--sans); }
.rh-evite:focus { left: 0; }

/* ---------------- la reliure (en-tete) ---------------- */
.rh-reliure { background: var(--papier-vif); border-bottom: 1px solid var(--filet); box-shadow: 0 1px 0 var(--papier-creux), 0 3px 6px -4px var(--ombre); }
.rh-reliure__rang { display: flex; align-items: baseline; justify-content: space-between; gap: 1.4rem; padding-block: .95rem; flex-wrap: wrap; }
.rh-reliure__marque { font-family: var(--serif); font-size: clamp(1.25rem, 1.05rem + .8vw, 1.7rem); color: var(--encre-nuit); text-decoration: none; letter-spacing: .01em; display: inline-flex; flex-direction: column; line-height: 1.12; }
@media (prefers-color-scheme: dark) { .rh-reliure__marque { color: var(--encre); } }
.rh-reliure__marque span { font-family: var(--sans); font-size: .68rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--encre-douce); margin-top: .28rem; }
.rh-reliure__marque:hover { color: var(--laiton); }
.rh-onglets ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .15rem .95rem; }
.rh-onglets a { font-size: .78rem; letter-spacing: var(--caps-inter); text-transform: uppercase; text-decoration: none; color: var(--encre); padding-bottom: .22rem; border-bottom: 2px solid transparent; }
.rh-onglets a:hover { color: var(--laiton); border-bottom-color: var(--laiton); }

/* ---------------- le fil d'Ariane ---------------- */
.rh-fil { padding-top: 1.1rem; }
.rh-fil ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .55rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--encre-douce); }
.rh-fil li:not(:first-child)::before { content: "›"; margin-right: .55rem; color: var(--ardoise-pale); }
.rh-fil a { color: var(--encre-douce); text-decoration: none; }
.rh-fil a:hover { color: var(--laiton); }

/* ---------------- le frontispice (heros typographique) ---------------- */
.rh-garde { padding-block: clamp(2.6rem, 6vw, 4.8rem) clamp(2.4rem, 5vw, 4rem); }
.rh-garde > .rh-feuillet {
  text-align: center;
  border: 1px solid var(--filet);
  outline: 1px solid var(--filet);
  outline-offset: 5px;
  background: linear-gradient(var(--papier-vif), var(--papier-vif));
  padding: clamp(2.2rem, 6vw, 4.6rem) clamp(1.2rem, 5vw, 4.5rem) clamp(1.9rem, 4vw, 3.2rem);
  position: relative;
}
.rh-garde > .rh-feuillet::before,
.rh-garde > .rh-feuillet::after {
  content: ""; position: absolute; width: 26px; height: 26px; pointer-events: none;
  border-color: var(--laiton); border-style: solid;
}
.rh-garde > .rh-feuillet::before { top: 9px; left: 9px; border-width: 1px 0 0 1px; }
.rh-garde > .rh-feuillet::after { bottom: 9px; right: 9px; border-width: 0 1px 1px 0; }
.rh-garde__kicker {
  margin: 0 0 1.5rem;
  font-size: .78rem;
  letter-spacing: var(--caps-inter);
  text-transform: uppercase;
  color: var(--laiton);
  display: inline-flex; align-items: center; gap: .55rem;
}
.rh-garde__kicker::before, .rh-garde__kicker::after { content: ""; width: 44px; height: 1px; background: var(--laiton); opacity: .75; }
.rh-garde__titre { font-size: clamp(2.4rem, 1.4rem + 4.4vw, 4.6rem); max-width: 21ch; margin-inline: auto; }
.rh-garde__epigraphe { font-family: var(--serif); font-style: italic; font-size: clamp(1.05rem, 1rem + .5vw, 1.3rem); line-height: 1.55; color: var(--encre-douce); max-width: 62ch; margin: 1.1rem auto 1.7rem; }
.rh-garde__mention { margin: 0; font-size: .8rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--encre-nuit); }
@media (prefers-color-scheme: dark) { .rh-garde__mention { color: var(--encre); } }
.rh-garde__mention::after { content: ""; display: block; width: 150px; margin: .95rem auto 0; border-top: 3px double var(--laiton); opacity: .65; }
.rh-garde__verbs { margin: 1rem 0 0; font-size: .78rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--encre-douce); }

/* ---------------- les chapitres de l'accueil ---------------- */
.rh-chapitre { padding-block: clamp(2.2rem, 5vw, 3.6rem); }
.rh-chapitre--creux { background: var(--papier-creux); border-block: 1px solid var(--filet); }
.rh-chapitre__tete { display: flex; align-items: baseline; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap; border-bottom: 1px solid var(--filet); padding-bottom: .9rem; margin-bottom: 1.6rem; }
.rh-chapitre__titre { margin: 0; display: flex; align-items: baseline; gap: .9rem; }
.rh-chapitre__num {
  font-family: var(--sans); font-size: .72rem; letter-spacing: var(--caps-inter); text-transform: uppercase;
  color: var(--papier-vif); background: var(--ardoise); padding: .28rem .55rem .24rem; white-space: nowrap;
  box-shadow: 2px 2px 0 var(--laiton);
}
.rh-chapitre__note { margin: 0; color: var(--encre-douce); font-size: .92rem; max-width: 48ch; }

/* ---------------- la grille asymetrique des tuiles ---------------- */
.rh-tuiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.6rem 1.4rem; grid-auto-flow: dense; }
.rh-tuile { grid-column: span 3; }
.rh-tuile--plein { grid-column: span 6; }
.rh-tuile--large { grid-column: span 4; }
.rh-tuile--moitie { grid-column: span 3; }
.rh-tuile--petit { grid-column: span 2; }
.rh-tuile--decale { transform: translateY(1.4rem); }
.rh-tuile--decale2 { transform: translateY(-1.2rem); }
.rh-tuile__cadre { overflow: hidden; background: var(--papier-creux); border: 1px solid var(--filet); }
.rh-tuile__cadre--paysage { aspect-ratio: 3 / 2; }
.rh-tuile__cadre--portrait { aspect-ratio: 4 / 5; }
.rh-tuile__cadre--carre { aspect-ratio: 1 / 1; }
.rh-tuile__cadre--pano { aspect-ratio: 21 / 10; }
.rh-tuile__estampe { width: 100%; height: 100%; object-fit: cover; filter: saturate(.92); transition: transform var(--vitesse) ease, filter var(--vitesse) ease; }
.rh-tuile:hover .rh-tuile__estampe { transform: scale(1.025); filter: saturate(1); }
.rh-cartouche { padding-top: .8rem; }
.rh-tuile__titre { margin: .25rem 0 .35rem; }
.rh-tuile__lien { color: var(--encre-nuit); text-decoration: none; background-image: linear-gradient(var(--laiton), var(--laiton)); background-repeat: no-repeat; background-size: 0% 1px; background-position: 0 96%; transition: background-size var(--vitesse) ease, color var(--vitesse) ease; }
@media (prefers-color-scheme: dark) { .rh-tuile__lien { color: var(--encre); } }
.rh-tuile__lien:hover { color: var(--laiton); background-size: 100% 1px; }
.rh-tuile__note { margin: 0; font-size: .93rem; color: var(--encre-douce); }
.rh-surtitre { margin: 0; font-size: .72rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--laiton); }
.rh-surtitre .rh-glyphe { vertical-align: -2px; }

/* ---------------- le registre (ledger) ---------------- */
.rh-carnet { list-style: none; margin: 0; padding: 0; display: grid; gap: .2rem; }
.rh-carnet__ligne {
  display: grid; grid-template-columns: 118px 168px 1fr; gap: 1.3rem; align-items: start;
  padding: 1.15rem .6rem;
  border-bottom: 1px solid var(--filet);
}
.rh-carnet__ligne:first-child { border-top: 1px solid var(--filet); }
.rh-carnet__ligne:hover { background: var(--papier-vif); }
.rh-chapitre--creux .rh-carnet__ligne:hover { background: var(--papier-vif); }
.rh-carnet__date { margin: .3rem 0 0; text-align: right; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ardoise); font-variant-numeric: tabular-nums; }
.rh-carnet__vignette { width: 168px; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border: 1px solid var(--filet); filter: saturate(.92); }
.rh-carnet__texte h3 { margin: .2rem 0 .3rem; font-size: clamp(1.15rem, 1.04rem + .55vw, 1.45rem); }
.rh-carnet__texte h3 a { color: var(--encre-nuit); text-decoration: none; background-image: linear-gradient(var(--laiton), var(--laiton)); background-repeat: no-repeat; background-size: 0% 1px; background-position: 0 96%; transition: background-size var(--vitesse) ease, color var(--vitesse) ease; }
@media (prefers-color-scheme: dark) { .rh-carnet__texte h3 a { color: var(--encre); } }
.rh-carnet__texte h3 a:hover { color: var(--laiton); background-size: 100% 1px; }
.rh-carnet__texte > p:last-child { margin: 0; font-size: .94rem; color: var(--encre-douce); }

/* ---------------- la vedette ---------------- */
.rh-vedette { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); gap: clamp(1.4rem, 3.5vw, 2.8rem); align-items: start; }
.rh-vedette__texte h3 { font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.1rem); margin: .35rem 0 .5rem; }
.rh-vedette__texte h3 a { color: var(--encre-nuit); text-decoration: none; border-bottom: 2px solid var(--laiton); }
@media (prefers-color-scheme: dark) { .rh-vedette__texte h3 a { color: var(--encre); } }
.rh-vedette__texte h3 a:hover { color: var(--laiton); }
.rh-vedette__chapo { margin: 0 0 .9rem; color: var(--encre-douce); font-size: 1rem; }
.rh-vedette__plus { margin: 0; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; }
.rh-notehome { margin: 2.2rem 0 0; padding-top: 1.2rem; border-top: 3px double var(--filet); color: var(--encre-douce); font-size: .96rem; max-width: 78ch; }

/* ---------------- la fiche « note de la maison » ---------------- */
.rh-fiche {
  background: var(--papier-vif);
  border: 1px solid var(--filet);
  box-shadow: inset 0 0 0 4px var(--papier-vif), inset 0 0 0 5px var(--filet), 4px 5px 0 var(--papier-creux), 4px 5px 0 1px var(--filet);
  padding: 1.3rem 1.4rem 1.15rem;
  font-variant-numeric: tabular-nums;
}
.rh-fiche__plaque {
  margin: 0 0 .9rem; font-size: .74rem; letter-spacing: var(--caps-inter); text-transform: uppercase;
  color: var(--papier-vif); background: var(--encre-nuit); padding: .45rem .7rem .4rem;
  display: flex; align-items: center; gap: .5rem;
}
@media (prefers-color-scheme: dark) { .rh-fiche__plaque { color: var(--encre-nuit); background: var(--laiton); } }
.rh-fiche__plaque .rh-glyphe { color: var(--laiton-vif); }
@media (prefers-color-scheme: dark) { .rh-fiche__plaque .rh-glyphe { color: var(--encre-nuit); } }
.rh-fiche__registre { margin: 0; display: grid; gap: .55rem; }
.rh-fiche__registre > div { display: grid; grid-template-columns: 130px 1fr; gap: .8rem; padding-bottom: .55rem; border-bottom: 1px dotted var(--filet); }
.rh-fiche__registre dt { font-size: .7rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--ardoise); padding-top: .2rem; }
.rh-fiche__registre dd { margin: 0; font-size: .95rem; line-height: 1.45; }
.rh-fiche__prix {
  margin: 1rem 0 .8rem; font-family: var(--serif); font-size: clamp(1.05rem, 1rem + .4vw, 1.25rem);
  color: var(--laiton); border-block: 1px solid var(--filet); padding-block: .6rem; letter-spacing: .01em;
}
.rh-fiche__verdict { margin: 0; font-family: var(--serif); font-style: italic; font-size: 1.02rem; line-height: 1.5; padding-left: .9rem; border-left: 3px solid var(--laiton); }
.rh-fiche__verdict span { font-family: var(--sans); font-style: normal; font-size: .7rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--ardoise); margin-right: .4rem; }

/* ---------------- tete d'article ---------------- */
.rh-page { padding-bottom: clamp(2.4rem, 5vw, 4rem); }
.rh-tete { padding-top: 1.4rem; }
.rh-tete h1 { max-width: 24ch; }
.rh-tete__chapo { font-family: var(--serif); font-style: italic; font-size: clamp(1.08rem, 1.02rem + .5vw, 1.32rem); line-height: 1.5; color: var(--encre-douce); max-width: 58ch; margin: 0 0 1rem; }
.rh-mentions { list-style: none; margin: 0 0 1.6rem; padding: .65rem 0 0; border-top: 1px solid var(--filet); display: flex; flex-wrap: wrap; gap: .2rem 1.4rem; font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; color: var(--encre-douce); }
.rh-mentions li + li::before { content: "·"; margin-right: 1.4rem; color: var(--ardoise-pale); }
.rh-mentions a { color: var(--encre-douce); text-decoration: none; }
.rh-mentions a:hover { color: var(--laiton); }
.rh-mentions time { font-variant-numeric: tabular-nums; }

/* ---------------- la gravure (image de tete) ---------------- */
.rh-gravure { margin-bottom: clamp(1.6rem, 3.5vw, 2.6rem); }
.rh-gravure__estampe { width: 100%; height: auto; border: 1px solid var(--filet); box-shadow: 0 10px 26px -18px var(--ombre); }

/* ---------------- la colonne de lecture ---------------- */
.rh-texte { max-width: 70ch; }
.rh-texte p { margin: 0 0 1.05rem; }
.rh-texte > p:first-of-type::first-letter {
  font-family: var(--serif); font-size: 3.1em; line-height: .82; float: left;
  padding: .08em .12em 0 0; color: var(--laiton); font-weight: 500;
}
.rh-texte h2 { margin: 2rem 0 .7rem; padding-top: .4rem; border-top: 3px double var(--filet); font-size: clamp(1.3rem, 1.15rem + .7vw, 1.7rem); }
.rh-texte h2:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
.rh-texte ul { margin: 0 0 1.05rem; padding-left: 1.25rem; }
.rh-texte li { margin-bottom: .45rem; }
.rh-texte table { width: 100%; border-collapse: collapse; margin: 0 0 1.05rem; font-size: .92rem; }
.rh-texte caption { caption-side: top; text-align: left; font-family: var(--sans); font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--encre-douce); padding-bottom: .55rem; }
.rh-texte th { text-align: left; font-family: var(--sans); font-weight: 600; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ardoise); border-bottom: 2px solid var(--filet); padding: .4rem .7rem .4rem 0; }
.rh-texte td { border-bottom: 1px solid var(--filet); padding: .5rem .7rem .5rem 0; vertical-align: top; }
.rh-texte tbody tr:last-child td { border-bottom: 2px solid var(--filet); }
.rh-texte td:first-child, .rh-texte th:first-child { padding-left: 0; }
.rh-texte td:last-child, .rh-texte th:last-child { padding-right: 0; white-space: normal; }
.rh-texte a { color: var(--ardoise); }
.rh-texte a:hover { color: var(--laiton); }
.rh-texte, .rh-fiche, .rh-carnet__date { font-variant-numeric: tabular-nums; }
.rh-texte table, .rh-texte th, .rh-texte td { font-variant-numeric: tabular-nums; }

/* ---------------- paraphe et suite ---------------- */
.rh-paraphe { margin-top: 1.8rem; }
.rh-paraphe p { margin: 0; font-size: .86rem; letter-spacing: .04em; color: var(--encre-douce); border-top: 3px double var(--filet); padding-top: .9rem; }
.rh-suite { max-width: 70ch; margin: 2rem auto 0; padding-inline: clamp(1.1rem, 3.5vw, 3rem); }
.rh-suite h2 { font-size: 1.15rem; letter-spacing: .02em; border-top: 3px double var(--filet); padding-top: .8rem; }
.rh-suite ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.rh-suite li { font-size: .96rem; color: var(--encre-douce); }

/* ---------------- les tuiles denses des etageres ---------------- */
.rh-tuiles--denses { gap: 1.2rem 1.2rem; }
.rh-tuiles--denses .rh-tuile { grid-column: span 2; }
.rh-tuiles--denses .rh-cartouche { padding-top: .7rem; }
.rh-tuiles--denses .rh-tuile__note { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------------- l'ornement de separation ---------------- */
.rh-ornement { display: flex; justify-content: center; color: var(--laiton); opacity: .8; padding-block: .4rem; }
.rh-glyphe { flex: none; }

/* ---------------- le pied ---------------- */
.rh-pied { background: var(--encre-nuit); color: #cfd6db; margin-top: clamp(2rem, 5vw, 3.4rem); }
.rh-pied a { color: #cfd6db; }
.rh-pied a:hover { color: var(--laiton-vif); }
.rh-pied__rang { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; padding-block: 2.2rem 1.6rem; }
.rh-pied h2 { font-family: var(--sans); font-size: .74rem; letter-spacing: var(--caps-inter); text-transform: uppercase; color: var(--laiton-vif); margin: 0 0 .7rem; }
.rh-pied ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; font-size: .92rem; }
.rh-pied__bas { border-top: 1px solid rgba(207, 214, 219, .25); padding-block: 1rem 1.4rem; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: #8fa0ac; display: flex; align-items: center; gap: .55rem; }

/* ---------------- responsive ---------------- */
@media (max-width: 1020px) {
  .rh-tuiles { grid-template-columns: repeat(4, 1fr); }
  .rh-tuile--plein, .rh-tuile--large { grid-column: span 4; }
  .rh-tuile--moitie { grid-column: span 2; }
  .rh-tuile--petit { grid-column: span 2; }
  .rh-tuiles--denses .rh-tuile { grid-column: span 2; }
  .rh-tuile--decale, .rh-tuile--decale2 { transform: none; }
  .rh-vedette { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .rh-reliure__rang { align-items: flex-start; flex-direction: column; gap: .7rem; }
  .rh-tuiles, .rh-tuiles--denses { grid-template-columns: 1fr; }
  .rh-tuile, .rh-tuile--plein, .rh-tuile--large, .rh-tuile--moitie, .rh-tuile--petit,
  .rh-tuiles--denses .rh-tuile { grid-column: span 1; }
  .rh-tuile--decale, .rh-tuile--decale2 { transform: none; }
  .rh-texte > p:first-of-type::first-letter { font-size: 2.4em; }
  .rh-carnet__ligne { grid-template-columns: 1fr; gap: .55rem; }
  .rh-carnet__date { text-align: left; margin: 0; }
  .rh-carnet__vignette { width: 100%; max-width: 340px; }
  .rh-fiche__registre > div { grid-template-columns: 1fr; gap: .15rem; }
  .rh-pied__rang { grid-template-columns: 1fr; }
}

/* ---------------- impression ---------------- */
@media print {
  :root { --papier: #fff; --papier-vif: #fff; --encre: #111; --filet: #bbb; --laiton: #333; --ardoise: #333; }
  body { font-size: 10.5pt; color: #111; }
  .rh-reliure, .rh-pied, .rh-evite, .rh-ornement { display: none; }
  .rh-garde > .rh-feuillet { border: 1px solid #999; outline: none; }
  .rh-gravure__estampe, .rh-carnet__vignette { box-shadow: none; }
  .rh-fiche { box-shadow: none; border: 1px solid #999; }
  a { color: #111; }
  main a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8.5pt; word-break: break-all; }
}