/* =========================================================
   FOUNDATION — GLOBAL SYSTEM
   ========================================================= */

/* ---------- VARIABLES ---------- */
:root{
  /* Palette */
  --ink:#141414;
  --muted:#5a5a5a;
  --paper:#ffffff;
  --line:#d7d7d7;
  --header:#f3f3f3;
  --hero:#e9e9e9;
  --seal:#f6f6f6;

  /* Accent */
  --accent:#a50020;
  --accent-soft: rgba(165,0,32,.22);

  /* Layout */
  --max:1200px;
  --pad:clamp(16px, 3vw, 40px);
  --radius:18px;
  --shadow:0 8px 22px rgba(0,0,0,.08);
}

/* ---------- RESET ---------- */
*{ box-sizing:border-box; }

html, body { height:100%; }

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:var(--paper);
}

/* ---------- BASE ELEMENTS ---------- */
a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

/* ---------- ACCESSIBILITY ---------- */
:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:3px;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* ---------- FORM NORMALIZATION ---------- */
button,
input,
select,
textarea{
  font:inherit;
}

/* ---------- SHARED LAYOUT ---------- */
.inner{
  max-width:var(--max);
  margin:0 auto;
  padding-left:var(--pad);
  padding-right:var(--pad);
}

/* ---------- SHARED TYPOGRAPHY ---------- */
.priory-record-title{
  margin:0 0 10px 0;
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(1.2rem, 2vw, 2.1rem);
  line-height:1.05;
  color:var(--ink);
}

.priory-record-sub{
  margin:0;
  font-size:0.95rem;
  line-height:1.55;
  letter-spacing:0.02em;
  color:var(--accent);
}