/* Answered — shared stylesheet for the public legal / support site.
   Self-contained, no external fonts or trackers. Safe for App Review. */
:root{
  --ink:#14171c; --muted:#5c6674; --line:#e4e7ec; --bg:#ffffff;
  --accent:#1a4fd6; --panel:#f7f8fa; --warn:#8a5a00;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:400 17px/1.66 Charter,"Bitstream Charter",Georgia,"Times New Roman",serif;
}
.wrap{max-width:780px; margin:0 auto; padding:0 24px 96px}
.top{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 0 0}
.back{
  font:600 .82rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  color:var(--muted); text-decoration:none;
}
.back:hover{color:var(--accent)}
.print{
  font:600 .78rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--muted);
  padding:8px 12px; cursor:pointer;
}
.print:hover{border-color:#c9cfd8; color:var(--ink)}
header.doc{border-bottom:1px solid var(--line); padding:34px 0 22px}
.eyebrow{
  font:600 .72rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin:0 0 12px;
}
h1{
  font:700 clamp(1.55rem,1.15rem + 1.5vw,2rem)/1.22 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  letter-spacing:-.015em; margin:0 0 12px;
}
.dates{color:var(--muted); font-size:.92rem; margin:0}
h2{
  font:680 1.1rem/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  letter-spacing:-.008em; margin:2.7rem 0 .9rem; padding-top:1.35rem; border-top:1px solid var(--line);
}
h3{
  font:640 .98rem/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  margin:1.6rem 0 .45rem;
}
h4{
  font:640 .95rem/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  margin:1.2rem 0 .4rem;
}
p{margin:.6rem 0}
ul,ol{margin:.6rem 0; padding-left:1.35rem}
li{margin:.3rem 0}
ol.alpha{list-style:none; counter-reset:alpha; padding-left:1.6rem}
ol.alpha > li{counter-increment:alpha; position:relative}
ol.alpha > li::before{content:"(" counter(alpha,lower-alpha) ")"; position:absolute; left:-1.6rem}
ul.tight li{margin:.5rem 0}
.caps{font-size:.96rem}
.toc{
  margin:30px 0 0; padding:20px 22px; border:1px solid var(--line); border-radius:12px; background:var(--panel);
}
.toc h4{
  font:600 .72rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin:0 0 12px;
}
.toc ol{margin:0; padding-left:1.5rem; columns:1}
@media (min-width:620px){ .toc ol{columns:2; column-gap:32px} }
.toc li{margin:.22rem 0; font-size:.93rem; break-inside:avoid}
.toc a{color:var(--ink); text-decoration:none}
.toc a:hover{color:var(--accent); text-decoration:underline}
.contact{
  margin:1rem 0; padding:16px 18px; border:1px solid var(--line); border-radius:10px; background:var(--panel);
  font-size:.98rem;
}
code, .email{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em; background:var(--panel); border:1px solid var(--line);
  border-radius:6px; padding:1px 6px; white-space:nowrap;
}
.callout{
  margin:1.2rem 0; padding:16px 18px; border:1px solid var(--line); border-left:4px solid var(--accent);
  border-radius:10px; background:var(--panel); font-size:.96rem;
}
.steps{counter-reset:step; list-style:none; padding-left:0}
.steps > li{counter-increment:step; position:relative; padding-left:2.2rem; margin:.7rem 0}
.steps > li::before{
  content:counter(step); position:absolute; left:0; top:.05rem; width:1.5rem; height:1.5rem;
  border-radius:999px; background:var(--ink); color:#fff; font:600 .82rem/1.5rem -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  text-align:center;
}
/* Home page: card grid + metadata block (index.html only) */
.cards{display:grid; gap:14px; margin:34px 0 0}
@media (min-width:640px){ .cards{grid-template-columns:1fr 1fr} }
a.card{
  display:block; padding:20px 22px; border:1px solid var(--line); border-radius:12px;
  background:var(--panel); text-decoration:none; color:inherit; transition:border-color .15s, transform .15s;
}
a.card:hover{border-color:#c9cfd8; transform:translateY(-1px)}
a.card strong{
  display:block; font:650 1.02rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  margin-bottom:6px;
}
a.card span{color:var(--muted); font-size:.9rem}
.meta{
  margin-top:34px; padding:18px 20px; border:1px solid var(--line); border-radius:12px;
  font-size:.92rem; color:var(--muted);
}
.meta dl{margin:0; display:grid; gap:8px}
.meta dt{
  font:600 .72rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  letter-spacing:.1em; text-transform:uppercase; color:var(--muted);
}
.meta dd{margin:2px 0 0; color:var(--ink)}
.meta a{color:var(--accent); text-decoration:none}
.meta a:hover{text-decoration:underline}
footer.doc{
  margin-top:64px; padding-top:22px; border-top:1px solid var(--line);
  font-size:.85rem; color:var(--muted);
}
footer.doc a{color:var(--accent); text-decoration:none}
footer.doc a:hover{text-decoration:underline}
.navbar{
  display:flex; flex-wrap:wrap; gap:6px 16px; padding:14px 0 0;
  font:600 .82rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
}
.navbar a{color:var(--muted); text-decoration:none}
.navbar a:hover{color:var(--accent); text-decoration:underline}
.navbar a[aria-current="page"]{color:var(--ink)}
@media print{
  .top,.toc,.navbar{display:none}
  body{font-size:11.4pt; line-height:1.5}
  .wrap{max-width:none; padding:0}
  h2{page-break-after:avoid; margin-top:1.6rem}
  h3,h4{page-break-after:avoid}
  li,p{orphans:3; widows:3}
}