/* =====================================================================
   PASTEL GARDEN — thème du Digitalarchiv Ursula Haverbeck
   ---------------------------------------------------------------------
   Palette : rose #C75F71 · rose pâle #F0B8B8 · sauge #A2AE9D · brun #54463A
   Direction : un sol de brun profond (chrome, hero, bandeaux) sur lequel
   sont posées des feuilles de papier crème vieilli qui portent le contenu.
   Le rose est l'accent (repères, boutons, index), le rose pâle éclaire
   les surfaces sombres, la sauge tient les filets, les sous-titres et les
   surfaces secondaires. Contraste : brun sur crème ≥ 7:1, crème sur brun
   ≥ 9:1, sauge sur brun ≈ 4.7:1, rose profond sur crème ≈ 4.6:1.
   Chargé EN DERNIER, après archive.css, design-restoration.css et haverbeck.css.
   ===================================================================== */

:root {
  /* --- Palette --- */
  --pg-rose:        #C75F71;
  --pg-rose-deep:   #6E2E3C;   /* rose de texte sur papier (≈ 8:1, AAA) */
  --pg-rose-ink:    #4F2029;   /* rose très profond : survols sur papier */
  --pg-pink:        #F0B8B8;
  --pg-pink-soft:   #F7DCDC;   /* teinte de survol sur papier */
  --pg-sage:        #A2AE9D;
  --pg-sage-light:  #D3D9CE;   /* sauge éclaircie : texte secondaire sur brun (8.8:1) */
  --pg-sage-tint:   #E1E5DB;   /* panneau sauge sur papier */
  --pg-brown:       #54463A;
  --pg-brown-deep:  #3D3127;   /* sol de page */
  --pg-brown-2:     #463A2F;   /* bandeaux alternés */
  --pg-brown-abyss: #2C231B;   /* pied de page */
  --pg-brown-ink:   #2E241B;   /* encre la plus profonde (texte sur rose) */

  /* --- Papier crème vieilli --- */
  --paper:          #EFE3CC;
  --paper-2:        #E8DBBF;   /* papier plus patiné (survol, bandes) */
  --paper-edge:     #D9C8A6;   /* bord bruni */
  --paper-ink:      #3E3329;   /* encre sur papier (9.6:1) */
  --paper-muted:    #54463A;   /* texte secondaire sur papier (7.1:1, AAA) */
  --paper-line:     rgba(84, 70, 58, 0.16);
  --paper-line-strong: rgba(84, 70, 58, 0.32);
  --paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.33 0 0 0 0 0.27 0 0 0 0 0.22 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");

  /* --- Remap des variables sémantiques d'archive.css (contexte sombre) --- */
  --bg: var(--pg-brown-deep);
  --bg-2: var(--pg-brown-2);
  --surface: var(--paper);
  --surface-2: var(--paper-2);
  --border: rgba(240, 184, 184, 0.14);
  --border-strong: rgba(240, 184, 184, 0.32);
  --text: #F6EDDE;
  --muted: var(--pg-sage-light);
  --color-cool-gray: #E3D6C4;
  --color-ivory-mist: #F6EDDE;
  --gold: var(--pg-pink);          /* l'accent sur fond brun : rose pâle */
  --gold-soft: #F6D0D0;

  /* --- Variables « glacial » lues par design-restoration.css --- */
  --gl-navy: var(--pg-brown-deep);
  --gl-abyss: var(--pg-brown-abyss);
  --gl-glacier: var(--pg-rose);
  --gl-glacier-soft: var(--pg-pink);
  --gl-frost: var(--pg-rose);
  --gl-steel: var(--pg-sage-light);
  --gl-ice: #F6EDDE;
  --gl-ice-bright: #FBF5EA;
  --gl-panel: var(--paper);
  --gl-panel-2: var(--paper-2);
  --gl-border: rgba(240, 184, 184, 0.14);
  --gl-border-strong: rgba(240, 184, 184, 0.32);

  /* --- Tokens de finition (design-restoration) --- */
  --rz-lift: var(--paper);
  --rz-lift-2: var(--paper-2);
  --rz-hairline: rgba(240, 184, 184, 0.18);
  --rz-hairline-lit: rgba(240, 184, 184, 0.55);
  --rz-glow: rgba(199, 95, 113, 0.35);
  --rz-ink-deep: #1E1712;
  --rz-shadow-soft: 0 2px 14px rgba(30, 23, 18, 0.35);
  --rz-shadow-card: 0 18px 48px rgba(30, 23, 18, 0.45), 0 2px 6px rgba(30, 23, 18, 0.3);
  --rz-iris: linear-gradient(90deg, transparent, rgba(240,184,184,0.7) 30%, rgba(162,174,157,0.6) 55%, rgba(199,95,113,0.55) 78%, transparent);

  /* --- Tokens propres à haverbeck.css --- */
  --cover-bg: #E4D7BC;
  --tint: rgba(199, 95, 113, 0.07);
}

/* ---------- Base ---------- */
html { scrollbar-width: thin; scrollbar-color: var(--pg-brown) var(--pg-brown-deep); }
body { background: var(--pg-brown-deep); text-rendering: optimizeLegibility; font-feature-settings: "kern" 1, "liga" 1; }
::selection { background: var(--pg-pink); color: #2E241B; }
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: var(--pg-brown-deep); }
::-webkit-scrollbar-thumb { background: var(--pg-brown); border: 3px solid var(--pg-brown-deep); border-radius: 10px; }

/* Lumière chaude en haut, vignette brune, léger voile rosé à droite */
body::before {
  background:
    radial-gradient(120% 70% at 50% -10%, rgba(240, 184, 184, 0.12), transparent 60%),
    radial-gradient(80% 55% at 100% 0%, rgba(162, 174, 157, 0.10), transparent 55%),
    radial-gradient(135% 110% at 50% 40%, transparent 55%, rgba(20, 15, 11, 0.55) 100%);
}
body::after {
  background:
    radial-gradient(60% 32% at 50% 0%, rgba(240, 184, 184, 0.06), transparent 70%),
    radial-gradient(40% 24% at 12% 10%, rgba(162, 174, 157, 0.05), transparent 70%);
}
main > .uh-section:nth-of-type(even):not(.uh-quote) {
  background: linear-gradient(180deg, rgba(240,184,184,0.03) 0%, transparent 25%, transparent 75%, rgba(20,15,11,0.25) 100%);
}
.uh-section[style*="border-top"]::before { background: linear-gradient(90deg, transparent, rgba(162,174,157,0.55) 50%, transparent); }

/* Titres sur fond brun : crème lumineux */
.uh-section-title, .uh-era-title, .uh-quote-text { color: var(--gl-ice-bright); }

/* ==========================================================================
   FEUILLE DE PAPIER CRÈME VIEILLI — les zones de lecture
   ========================================================================== */
.uh-card, .uh-work, .uh-verf-wrap, .uh-note, .uh-era, .uh-prose, .uh-contact-box, .uh-filters {
  position: relative;
  color: var(--paper-ink);
  background:
    radial-gradient(120% 95% at 50% 35%, var(--paper) 0%, #EBDDC3 65%, var(--paper-2) 100%);
  border: 1px solid var(--paper-edge);
  border-radius: var(--radius);
  box-shadow:
    0 1px 0 rgba(255, 250, 240, 0.35) inset,
    0 0 0 1px rgba(255, 250, 240, 0.18) inset,
    0 14px 40px rgba(20, 15, 11, 0.35),
    0 2px 6px rgba(20, 15, 11, 0.25);
}
/* grain et bords brunis */
.uh-card::after, .uh-work::after, .uh-verf-wrap::after, .uh-note::after, .uh-era::after, .uh-prose::after, .uh-contact-box::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
  background-image: var(--paper-grain);
  opacity: 0.16; mix-blend-mode: multiply;
  box-shadow: inset 0 0 60px rgba(120, 95, 60, 0.18), inset 0 0 6px rgba(120, 95, 60, 0.12);
}
.uh-card > *, .uh-work > *, .uh-verf-wrap > *, .uh-note > *, .uh-era > *, .uh-prose > *, .uh-contact-box > * { position: relative; z-index: 1; }

/* Typographie sur papier */
.uh-prose { padding: clamp(1.6rem, 3.5vw, 2.6rem) clamp(1.5rem, 3.5vw, 2.6rem); max-width: 46rem; }
.uh-prose p, .uh-prose p.uh-lead, .uh-prose h3 { color: var(--paper-ink); }
.uh-prose p { color: #4A3E32; }
.uh-prose .uh-section-title, .uh-prose .uh-kicker { color: var(--paper-ink); }
.uh-prose .uh-kicker { color: var(--pg-rose-deep); }
.uh-prose .uh-kicker::before { background: var(--pg-rose-deep); }
.uh-prose p.uh-lead::first-letter { color: var(--pg-rose-deep); }
.uh-card-title, .uh-work-title { color: var(--paper-ink); }
.uh-card-text, .uh-work-desc { color: var(--paper-muted); }
.uh-card-index, .uh-work-year { color: var(--pg-rose-deep); opacity: 1; }
.uh-work-cat { color: var(--paper-muted); }
.uh-note { color: var(--paper-muted); border-left: 3px solid var(--pg-rose); }
.uh-note strong { color: var(--paper-ink); }
.uh-contact-box { padding: clamp(1.8rem, 4vw, 3rem); }
.uh-contact-box p { color: #4A3E32; }
.uh-contact-box .uh-figure-cap { color: var(--paper-muted); }

/* Cartes : liseré rose, survol papier patiné */
.uh-card { box-shadow: var(--rz-shadow-soft), inset 0 1px 0 rgba(255,250,240,0.4); }
.uh-card::before { background: var(--pg-rose); opacity: 0.85; box-shadow: 0 0 10px var(--rz-glow); }
.uh-card:hover {
  background: radial-gradient(120% 95% at 50% 35%, #F3E8D3 0%, var(--paper) 60%, var(--paper-2) 100%);
  border-color: var(--pg-sage); box-shadow: var(--rz-shadow-card), inset 0 1px 0 rgba(255,250,240,0.5);
}
.uh-card:hover::before { width: 72px; opacity: 1; }
.uh-access-card .uh-card-arrow { color: var(--pg-rose-deep); }
.uh-access-card:hover .uh-card-arrow { color: var(--pg-rose-ink); }

/* Œuvres */
.uh-work { background: radial-gradient(120% 95% at 50% 30%, var(--paper) 0%, #EBDDC3 65%, var(--paper-2) 100%); }
.uh-work:hover { border-color: var(--pg-sage); box-shadow: var(--rz-shadow-card); }
.uh-work-cover { background: var(--cover-bg); border-bottom: 1px solid var(--paper-edge); box-shadow: inset 0 -40px 60px -40px rgba(84,70,58,0.35); }
.uh-work-cover::after { opacity: 0.35; }
.uh-work-proof { color: var(--paper-ink); }
.uh-work-proof a { color: var(--pg-rose-deep); border-bottom-color: rgba(176,79,99,0.35); }
.uh-work-proof a:hover { border-bottom-color: var(--pg-rose-deep); color: var(--pg-rose-ink); }
.uh-work-credit { color: var(--paper-muted); opacity: 1; }
.uh-work-cover--none { background:
    radial-gradient(100% 80% at 50% 40%, rgba(240,184,184,0.22), transparent 70%),
    repeating-linear-gradient(135deg, transparent 0 14px, rgba(84,70,58,0.06) 14px 15px), var(--cover-bg); }
.uh-work-cover--none span { color: var(--paper-ink); }
.uh-work-cover--none small { color: var(--paper-muted); opacity: 1; }
.uh-work-cover--contain img { background: var(--cover-bg); }

/* Filtres : bande de papier, pastilles rose / sauge */
.uh-filters { padding: 0.9rem 1rem; border-radius: 999px; gap: 0.5rem; }
.uh-filter-btn { color: var(--paper-muted); border-color: var(--paper-line-strong); }
.uh-filter-btn:hover { color: var(--paper-ink); border-color: var(--pg-sage); background: var(--pg-sage-tint); }
.uh-filter-btn.active { background: var(--pg-pink); color: #2E241B; border-color: var(--pg-pink); }

/* Chronologie : chaque période est une feuille */
.uh-era { padding: clamp(1.5rem, 3.5vw, 2.4rem) clamp(1.4rem, 3.5vw, 2.4rem); }
.uh-era-head { border-bottom-color: var(--paper-line); }
.uh-era-years { color: var(--pg-rose-deep); }
.uh-era .uh-era-title { color: var(--paper-ink); }
.uh-timeline { border-left-color: var(--pg-sage); }
.uh-tl-item::before { background: var(--paper); border-color: var(--pg-rose); }
.uh-tl-year { color: var(--pg-rose-deep); }
.uh-tl-text { color: var(--paper-ink); }
.uh-tl-text em { color: #4A3E32; }
.uh-tl-desc { color: var(--paper-muted); }
.uh-tl-src { color: var(--paper-muted); opacity: 1; }
.uh-tl-src::before { background: var(--pg-sage); opacity: 1; }

/* Procédures : tableau sur papier, en-tête sauge */
.uh-verf-title { color: var(--pg-pink); }
.uh-verf-wrap { border-radius: var(--radius-sm); }
.uh-verf { color: #4A3E32; }
.uh-verf th { color: var(--paper-ink); background: rgba(162, 174, 157, 0.28); border-bottom-color: var(--paper-line-strong); }
.uh-verf td { border-bottom-color: var(--paper-line); }
.uh-verf tbody tr:hover { background: var(--pg-pink-soft); }
.uh-verf em, .uh-verf-date, .uh-verf-court { color: var(--paper-ink); }
.uh-verf a { color: var(--pg-rose-deep); border-bottom-color: rgba(176,79,99,0.35); }
.uh-verf a:hover { border-bottom-color: var(--pg-rose-deep); color: var(--pg-rose-ink); }
@media (max-width: 767px) {
  .uh-verf-wrap { background: transparent; border: 0; box-shadow: none; }
  .uh-verf-wrap::after { display: none; }
  .uh-verf tbody tr { background: var(--paper); border-color: var(--paper-edge); box-shadow: 0 8px 24px rgba(20,15,11,0.3); }
  .uh-verf td::before { color: var(--pg-rose-deep); }
}

/* Sources & médias : cartes papier */
.uh-source-cat, .uh-media-date { color: var(--pg-rose-deep); }
.uh-source-link, .uh-media-src { color: var(--paper-ink); border-bottom-color: var(--paper-line-strong); }
.uh-source-link:hover, .uh-media-src:hover { color: var(--pg-rose-deep); border-color: var(--pg-rose-deep); }
.uh-media-src--none { color: var(--paper-muted); }

/* ==========================================================================
   CHROME SOMBRE — navigation, hero, bandeaux, pied de page
   ========================================================================== */
.uh-nav.is-scrolled {
  background: rgba(61, 49, 39, 0.72);
  -webkit-backdrop-filter: saturate(120%) blur(18px); backdrop-filter: saturate(120%) blur(18px);
  border-bottom: 1px solid rgba(240,184,184,0.14);
  box-shadow: 0 10px 34px rgba(20, 15, 11, 0.45);
}
.uh-nav-link { color: var(--pg-sage-light); }
.uh-nav-link:hover, .uh-nav-link.is-active { color: #FBF5EA; }
.uh-nav-link.is-active::after { background: var(--pg-pink); box-shadow: 0 0 8px rgba(240,184,184,0.5); }
.uh-logo:hover { filter: drop-shadow(0 0 5px rgba(240,184,184,0.4)); }
.uh-lang-selector { border-color: rgba(240,184,184,0.32); }
.uh-lang-btn { color: var(--pg-sage-light); }
.uh-lang-btn.active { background: var(--pg-pink); color: #2E241B; }
@media (max-width: 768px) {
  .uh-nav-links { background: rgba(46, 36, 27, 0.98); border-bottom-color: rgba(240,184,184,0.14); }
  .uh-nav-link { border-bottom-color: rgba(240,184,184,0.12); }
}

/* Hero : étalonnage brun chaud, voile rosé discret ; le haut de la photo est clair */
.uh-hero-bg img { opacity: 1; filter: brightness(0.6) contrast(1.08) saturate(0.35) sepia(0.28); }
.uh-hero-bg::after {
  background:
    linear-gradient(180deg, rgba(46,36,27,0.85) 0%, rgba(61,49,39,0.55) 22%, rgba(61,49,39,0.28) 45%, rgba(44,35,27,0.92) 100%),
    radial-gradient(120% 85% at 50% 34%, rgba(199, 95, 113, 0.16) 0%, transparent 55%),
    radial-gradient(130% 100% at 50% 50%, transparent 48%, rgba(20, 15, 11, 0.6) 100%);
}
.uh-hero-title { color: #FBF5EA; text-shadow: 0 2px 44px rgba(20, 15, 11, 0.6); }
.uh-hero-sub { color: var(--pg-pink); text-shadow: 0 1px 24px rgba(20, 15, 11, 0.5); }
.uh-hero .uh-kicker { color: var(--pg-pink); }
.uh-hero::after { background: linear-gradient(180deg, transparent, rgba(240,184,184,0.7)); }
.uh-page-hero { background: linear-gradient(180deg, rgba(199, 95, 113, 0.10) 0%, transparent 100%); border-bottom: 1px solid rgba(240,184,184,0.14); }
.uh-page-note { color: var(--pg-sage-light); }

/* Boutons : rose plein / contour sauge */
.uh-btn--primary { background: var(--pg-pink); color: #2E241B; border-color: var(--pg-pink); box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -9px 15px -11px rgba(46,36,27,0.35); }
.uh-btn--primary:hover { background: #F6D0D0; border-color: #F6D0D0; color: #2E241B; box-shadow: 0 0 0 1px rgba(240,184,184,0.5), 0 12px 30px rgba(20,15,11,0.45); }
.uh-btn--primary::after { background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.35) 50%, transparent 80%); }
.uh-btn--ghost { color: #F6EDDE; border-color: rgba(162,174,157,0.6); }
.uh-btn--ghost:hover { background: rgba(162,174,157,0.14); border-color: var(--pg-sage); color: #FBF5EA; }
.uh-btn:focus-visible, .uh-nav-link:focus-visible, .uh-source-link:focus-visible { box-shadow: 0 0 0 2px var(--pg-brown-deep), 0 0 0 4px var(--pg-pink); }

/* Kickers et filets sur fond brun */
.uh-kicker { color: var(--pg-pink); }
.uh-kicker::before { background: var(--pg-pink); }
.uh-section-lead { color: var(--pg-sage-light); }
.uh-section-head::after { background: linear-gradient(90deg, rgba(240,184,184,0.7), rgba(162,174,157,0.5) 55%, transparent); }
.uh-section-head.is-center::after, .uh-footer::before { background: var(--rz-iris); }

/* Image éditoriale : cadre papier */
.uh-split-media { box-shadow: 0 24px 60px rgba(20, 15, 11, 0.5); }
.uh-split-media::after { background: linear-gradient(180deg, rgba(61,49,39,0) 60%, rgba(44,35,27,0.35) 100%); box-shadow: inset 0 0 0 1px rgba(240,184,184,0.22); }
.uh-figure-cap { color: var(--pg-sage-light); }

/* Bandeau principe */
.uh-quote { background: linear-gradient(180deg, rgba(84,70,58,0.55) 0%, var(--pg-brown-deep) 100%); border-color: rgba(240,184,184,0.14); }
.uh-quote-author { color: var(--pg-pink); }
.uh-ornament { color: var(--pg-pink); filter: drop-shadow(0 0 6px rgba(240,184,184,0.35)); }

/* Galerie */
.uh-gallery-item { border-color: rgba(240,184,184,0.18); background: var(--paper); }
.uh-gallery-item figcaption { color: #FBF5EA; background: linear-gradient(transparent, rgba(30,23,18,0.88)); }
.uh-lightbox { background: rgba(30, 23, 18, 0.94); }
.uh-lightbox-close, .uh-lightbox-nav { border-color: rgba(240,184,184,0.4); color: #FBF5EA; }
.uh-lightbox-close:hover, .uh-lightbox-nav:hover { border-color: var(--pg-pink); color: var(--pg-pink); }

/* Pied de page : brun abyssal, titres rose pâle, liens sauge */
.uh-footer { background: linear-gradient(180deg, var(--pg-brown-deep) 0%, var(--pg-brown-abyss) 100%); border-top-color: rgba(240,184,184,0.14); }
/* Marque : logo gravé posé sur une feuille de papier ; sceau UH en bas à droite */
.uh-footer-logo img { filter: none; opacity: 1; }
.uh-footer-brand {
  display: inline-block; padding: 1rem 1.3rem; border-radius: var(--radius-sm);
  background: radial-gradient(120% 95% at 50% 35%, var(--paper) 0%, #EBDDC3 65%, var(--paper-2) 100%);
  border: 1px solid var(--paper-edge);
  box-shadow: 0 1px 0 rgba(255,250,240,0.35) inset, 0 12px 32px rgba(20,15,11,0.4);
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease);
}
.uh-footer-brand:hover { transform: translateY(-3px); box-shadow: 0 1px 0 rgba(255,250,240,0.35) inset, 0 18px 44px rgba(20,15,11,0.5); }
.uh-footer-brand { display: inline-flex; align-items: center; gap: 1.1rem; padding: 0.9rem 1.5rem 0.9rem 1.1rem; }
.uh-footer-logo .uh-brand-portrait { height: 92px; width: auto; display: block; mix-blend-mode: multiply; flex: 0 0 auto; }
.uh-brand-text { display: flex; flex-direction: column; border-left: 2px solid #8B6A1E; padding-left: 1.1rem; line-height: 1; color: #1F231B; }
.uh-brand-top { font-family: var(--font-display); font-size: 0.78rem; letter-spacing: 0.42em; text-transform: uppercase; color: #8B6A1E; margin-bottom: 0.35rem; }
.uh-brand-name { font-family: var(--font-display); font-size: clamp(1.5rem, 2.4vw, 2.05rem); letter-spacing: -0.01em; color: #1F231B; padding-bottom: 0.45rem; border-bottom: 1.5px solid #8B6A1E; white-space: nowrap; }
.uh-brand-sub { font-family: var(--font-display); font-size: 0.68rem; letter-spacing: 0.3em; text-transform: uppercase; color: #1F231B; margin-top: 0.5rem; white-space: nowrap; }
.uh-brand-sub i { font-style: normal; color: #8B6A1E; margin: 0 0.15em; }
.uh-footer-bottom { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 2rem; }
.uh-footer-legal { display: flex; flex-direction: column; gap: 0.6rem; }
@media (max-width: 768px) {
  .uh-footer-bottom { flex-direction: column; align-items: flex-start; }
  .uh-footer-brand { max-width: 100%; padding: 0.8rem 1rem 0.8rem 0.8rem; gap: 0.8rem; }
  .uh-footer-logo .uh-brand-portrait { height: 68px; }
  .uh-brand-text { padding-left: 0.8rem; min-width: 0; }
  .uh-brand-name { font-size: 1.3rem; white-space: normal; }
  .uh-brand-sub { font-size: 0.56rem; letter-spacing: 0.18em; white-space: normal; line-height: 1.6; }
}
.uh-footer-desc, .uh-footer-col a, .uh-footer-bottom p { color: var(--pg-sage-light); }
.uh-footer-col .uh-footer-title { color: var(--pg-pink); }
.uh-footer-col a:hover { color: #FBF5EA; }
.uh-footer-col a::after { background: var(--pg-pink); }
.uh-footer-bottom { border-top-color: rgba(240,184,184,0.14); }
.uh-to-top { background: var(--pg-brown); border-color: rgba(240,184,184,0.35); color: #FBF5EA; box-shadow: 0 8px 24px rgba(20,15,11,0.4); }
.uh-to-top:hover { border-color: var(--pg-pink); color: var(--pg-pink); }

/* Grain général : chaud, très discret */
main::after { opacity: 0.03; }

/* Responsive : les feuilles perdent un peu de marge */
@media (max-width: 768px) {
  .uh-prose { padding: 1.4rem 1.2rem; }
  .uh-era { padding: 1.3rem 1.1rem; }
}