/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

/* ── DESIGN TOKENS ── */
:root{
  --cream:#F7F3EC;--cream2:#EDE7DA;--cream3:#E4DCCF;--white:#FEFCF8;
  --ink:#1C1814;--ink2:#6B6258;--ink3:#A89F95;
  --gold:#8B6C2A;--gold-l:#C49A3C;
  --gold-bg:rgba(139,108,42,0.09);--gold-brd:rgba(139,108,42,0.22);
  --blue:#2D5FA0;--blue-bg:rgba(45,95,160,0.08);--blue-brd:rgba(45,95,160,0.2);
  --green:#2A7A4A;--green-bg:rgba(42,122,74,0.09);--green-brd:rgba(42,122,74,0.22);
  --red:#B03020;--red-bg:rgba(176,48,32,0.08);--red-brd:rgba(176,48,32,0.2);
  --brd:rgba(28,24,20,0.10);--brd2:rgba(28,24,20,0.06);
  --serif:'Libre Baskerville',Georgia,serif;--sans:'Outfit',system-ui,sans-serif;
  --r:18px;
}

/* ── BASE ── */
html,body{
  min-height:100%;background:var(--cream);color:var(--ink);
  font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;
}

/* ── SHARED HEADER ── */
.hdr{
  position:sticky;top:0;z-index:50;
  background:rgba(247,243,236,0.96);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--brd2);padding:46px 20px 12px;
}
.hdr-row{display:flex;align-items:center;gap:10px;}
.back{
  background:none;border:none;font-size:22px;cursor:pointer;
  color:var(--ink2);padding:2px 6px 2px 0;line-height:1;
  font-family:inherit;text-decoration:none;
}
.hdr-title{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink);}
.hdr-sub{font-size:11px;color:var(--ink3);margin-top:2px;}