@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap");
/* Talavera (light) from ROMANTICA reel-vault/docs/design/palettes.html */
:root {
  --paper: #f7f1e6; --ink: #2e2a24; --muted: #6b675f; --accent: #35704f; --rule: #e3d9c6;
  --serif: "Cormorant Garamond", Georgia, serif; --sans: "Inter", system-ui, sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { margin: 0; }
body { margin: 0; padding: 0 16px; background: var(--paper); color: var(--ink); font: 300 17px/1.65 var(--sans); }
main, footer { max-width: 680px; margin: 0 auto; }
main { padding: 56px 0 40px; }
a { color: var(--accent); }
strong { font-weight: 500; }
.home { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 500 1.25rem/1 var(--serif); margin-bottom: 36px; }
.home svg { width: 28px; height: 28px; color: var(--accent); }
h1 { font: italic 500 clamp(2rem, 6vw, 2.6rem)/1.1 var(--serif); margin: 0 0 8px; }
h2 { font: italic 500 1.45rem/1.2 var(--serif); margin: 32px 0 8px; }
.meta { color: var(--muted); font-size: 0.9rem; letter-spacing: .04em; margin: 0 0 24px; }
ul { padding-left: 1.2em; }
footer { padding: 20px 0 28px; border-top: 1px solid var(--rule); color: var(--muted); font-size: 0.85rem; }
footer a { margin-right: 16px; }