/* Shared MyRemodelCalculator styling for content pages (privacy, terms, resources).
   Mirrors the landing's warm system. */
:root{
  --paper: oklch(96.5% 0.018 78);
  --paper-2: oklch(93% 0.025 74);
  --card: oklch(99% 0.008 84);
  --ink: oklch(28% 0.02 60);
  --ink-soft: oklch(48% 0.02 62);
  --brand: oklch(38% 0.11 258);
  --brand-deep: oklch(30% 0.10 258);
  --ink-deep: oklch(24% 0.026 55);
  --gold: oklch(74% 0.11 86);
  --clay: oklch(60% 0.13 42);
  --line: oklch(88% 0.02 74);
  --focus: oklch(52% 0.14 258);
  --font-display:'Cormorant',Georgia,serif;
  --font-body:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--brand)}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
.head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:1000px;margin:0 auto}
.head__logo{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:0.03em;color:var(--ink);text-decoration:none}
.head__logo b{color:var(--clay);font-weight:900}
.head__mark{display:inline-block;width:24px;height:24px;vertical-align:-5px;margin-right:8px}
.head__mark svg{display:block;width:100%;height:100%}
.tm{font-size:.42em;font-weight:400;vertical-align:super;letter-spacing:0;color:var(--ink-soft)}
.head__cta{font-size:14px;font-weight:600;color:var(--brand);text-decoration:none;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.prose{max-width:720px;margin:0 auto;padding:24px 24px 80px}
.prose h1{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,5.4vw,50px);line-height:1.04;letter-spacing:0;margin:16px 0 6px}
.prose .updated{color:var(--ink-soft);font-size:13px;margin:0 0 32px}
.prose h2{font-family:var(--font-display);font-weight:600;font-size:22px;margin:36px 0 10px}
.prose h3{font-family:var(--font-display);font-weight:600;font-size:18px;margin:24px 0 8px}
.prose p,.prose li{color:var(--ink-soft);font-size:15.5px}
.prose ul{padding-left:22px}
.prose li{margin-bottom:8px}
.prose strong{color:var(--ink)}
.callout{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--clay);border-radius:10px;padding:16px 18px;margin:20px 0;font-size:14px;color:var(--ink-soft)}
.site-footer{background:var(--ink-deep);color:oklch(85% 0.018 74);text-align:center;padding:36px 24px;margin-top:64px}
.site-footer a{color:var(--gold);text-decoration:none}
.site-footer p{font-size:13px;margin:0;line-height:1.8}
.site-footer nav{margin-bottom:10px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.site-footer nav a{font-size:13px}