/* DeskVerified legal/article pages — shared parchment stylesheet.
   Kept intentionally small; the home page (index.html) stays single-file
   with its own inlined styles, per the deploy requirement. */

:root{
  --parchment:#f5f4ed; --ivory:#faf9f5; --warm-sand:#e8e6dc;
  --brand:#1B365D; --brand-light:#2D5A8A; --brand-tint:#EEF2F7;
  --near-black:#141413; --dark-warm:#3d3d3a; --olive:#504e49; --stone:#6b6a64;
  --border:#e8e6dc; --border-soft:#e5e3d8; --line:#d8d5c8;
  --serif: Charter, Georgia, Palatino, "Times New Roman", serif;
  --latin-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--parchment); color:var(--near-black);
  font-family:var(--serif); font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a{color:var(--brand); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px}
a:hover{color:var(--brand-light)}

.wrap{max-width:760px; margin:0 auto; padding:64px 32px 96px}

.topbar{
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--latin-ui); font-size:12px; letter-spacing:.4px;
  text-transform:uppercase; color:var(--stone); margin:0 0 56px;
}
.topbar a{color:var(--brand); text-decoration:none; font-weight:600}

.eyebrow{
  font-family:var(--latin-ui); font-size:12px; letter-spacing:.4px;
  text-transform:uppercase; color:var(--brand); margin:0 0 8px;
}
h1{
  font-family:var(--serif); font-weight:500; font-size:44px;
  line-height:1.15; margin:0 0 8px; letter-spacing:0;
}
.updated{font-family:var(--latin-ui); font-size:13px; color:var(--stone); margin:0 0 32px}

h2{font-family:var(--serif); font-weight:500; font-size:22px; line-height:1.3; margin:40px 0 12px; color:var(--near-black)}
p{margin:0 0 16px}
ul{margin:0 0 16px; padding-left:22px}
li{margin:0 0 8px}
strong{color:var(--near-black); font-weight:600}

.callout{
  background:var(--brand-tint); border-left:3px solid var(--brand);
  padding:16px 20px; margin:24px 0; border-radius:0 4px 4px 0; font-size:15px;
}

.legalfoot{
  margin-top:64px; padding-top:28px; border-top:1px solid var(--border-soft);
  font-family:var(--latin-ui); font-size:13px; color:var(--stone);
  display:flex; flex-wrap:wrap; gap:8px 16px;
}
.legalfoot a{color:var(--dark-warm); text-decoration:none}
.legalfoot a:hover{color:var(--brand)}

@media (max-width:600px){
  .wrap{padding:48px 22px 72px}
  h1{font-size:34px}
  body{font-size:16px}
  .topbar{margin-bottom:40px}
}