/* Standalone Terms and Privacy pages (/terms/, /privacy/). Matches the home page's legal pop-ups. */
:root {
  --paper: #0b1b33; --ink: #f3f6fa; --mute: #a9b8cc; --accent: #2f80ed;
  --pad: 20px;
  --wide: "Michroma", "Arial Black", sans-serif;
  --sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
}
@media (min-width: 768px) { :root { --pad: 40px; } }
*, ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--paper); color: var(--ink); -webkit-text-size-adjust: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; font-family: var(--sans); line-height: 1.5; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.lp-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px var(--pad); }
.lp-brand, .lp-back { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; text-transform: uppercase; transition: color 0.25s; }
.lp-brand { gap: 12px; font-family: var(--wide); font-size: 10px; letter-spacing: 0.2em; }
.lp-brand .mk { display: block; width: 23px; height: auto; fill: currentColor; flex: none; }
.lp-brand .mk-red { fill: #2f80ed; }
.lp-back { font-size: 11px; font-weight: 500; letter-spacing: 0.24em; white-space: nowrap; }
/* The business name as a title: bold, with "Web Design & SEO" in blue (same as the home page). */
.lp-brand { font-weight: 700; }
.lp-brand .wm-2 { color: var(--accent); }
.lp-brand:hover, .lp-back:hover { color: var(--accent); }
@media (max-width: 420px) { .lp-brand span { display: none; } }
.lp-main { flex: 1; padding: 10px var(--pad) 44px; }
.legal-doc { width: min(760px, 100%); margin: 0 auto; padding: 22px 22px 34px; border: 3px solid var(--ink); border-radius: 22px; }
@media (min-width: 768px) { .legal-doc { padding: 28px 40px 44px; } }
.legal-eff { font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; }
.legal-doc h1 { margin-top: 30px; font-size: clamp(2rem, 5vw, 3rem); font-weight: 400; line-height: 1; letter-spacing: -0.03em; }
.legal-doc h2 { margin-top: 30px; font-family: var(--wide); font-size: 12px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; }
.legal-doc p, .legal-doc li { margin-top: 10px; max-width: 64ch; font-size: 15.5px; line-height: 1.55; }
.legal-doc ul { list-style: disc; padding-left: 1.2em; }
.hl { color: var(--accent); }
.lp-foot { padding: 0 var(--pad) 28px; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); text-align: center; }
.lp-foot a { margin-left: 18px; }
.lp-foot a:hover { color: var(--ink); }