/* The hibernate page (infra/hibernate-page/index.html): Primetto's colours from apps/site/site.css, system fonts only. */
:root {
  --navy: #1E2A33; --cream: #F6F1E8; --cream2: #EFE7DA; --line: #E3D9C8;
  --ink: #1E2A33; --soft: #4A5560; --terra: #B4532A; --terra2: #8F4021; --peach: #E08A5E;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  min-height: 100vh; display: flex; flex-direction: column;
  background: var(--cream); color: var(--ink);
  font-family: system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; font-size: 17px; line-height: 1.55;
}
a { color: var(--terra2); }
a:focus-visible { outline: 3px solid var(--peach); outline-offset: 3px; }

.top { padding: 22px 20px; max-width: 1080px; width: 100%; margin: 0 auto; }
.logo { display: inline-flex; align-items: center; gap: 10px; font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-weight: 600; letter-spacing: -0.3px; }
.mark { width: 34px; height: 34px; border-radius: 9px; background: var(--peach); color: var(--navy); display: grid; place-items: center; }

.main { flex: 1; padding: 64px 20px 96px; max-width: 1080px; width: 100%; margin: 0 auto; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; font-size: clamp(38px, 6.5vw, 68px); line-height: 1.05; letter-spacing: -1px; max-width: 14ch; }
.lede { margin-top: 22px; font-size: clamp(20px, 2.6vw, 24px); color: var(--terra); font-style: italic; font-family: Georgia, 'Times New Roman', serif; }
.more { margin-top: 28px; color: var(--soft); }

.foot { border-top: 1px solid var(--line); background: var(--cream2); padding: 28px 20px 36px; font-size: 14px; color: var(--soft); }
.foot p { max-width: 1080px; margin: 0 auto; }
.foot p + p { margin-top: 4px; }