/* voAIce brand guide (voaice.com/brand): system type, light + dark co-equal,
   solid ink text, gradient only on the OliviaAI mark, sentence-case labels. */
:root{
  color-scheme: light dark;
  --paper:#fbfbfd; --mist:#f5f5f7; --ink:#1d1d1f; --text-1:#424245; --slate:#6e6e73;
  --line:rgba(0,0,0,.1); --link:#0066cc; --link-hover:#004f9e; --action:#0071e3; --on-action:#fff;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#000; --mist:#1c1c1e; --ink:#f5f5f7; --text-1:#d1d1d6; --slate:#a1a1a6;
    --line:rgba(255,255,255,.14); --link:#4da3ff; --link-hover:#8cc4ff; --action:#0071e3; --on-action:#fff; }
}
*{ font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif; }
html{ scroll-behavior:smooth; }
body{ background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; }
.panel{ background:var(--mist); border:1px solid var(--line); border-radius:12px; }
.eyebrow{ font-size:14px; font-weight:600; color:var(--slate); text-transform:none; letter-spacing:0; }
.brand-name{ color:var(--ink); font-weight:700; font-size:17px; letter-spacing:-.01em; text-transform:none; }
.hx{ letter-spacing:-.02em; }
h1{ color:var(--ink); }
a{ color:var(--link); } a:hover{ color:var(--link-hover); }
.muted{ color:var(--text-1); } .subtle{ color:var(--slate); }
.prose p, .prose li{ color:var(--text-1); line-height:1.7; }
.prose strong{ color:var(--ink); }
.prose h2{ color:var(--ink); font-weight:700; font-size:1.35rem; margin-top:2.2rem; margin-bottom:.6rem; letter-spacing:-.01em; }
.prose ul{ list-style:disc; padding-left:1.3rem; margin:.4rem 0; }
.prose li{ margin:.35rem 0; }
.cta{ background:var(--action); color:var(--on-action); border-radius:10px; font-weight:600; padding:.8rem 1.4rem; min-height:48px; display:inline-flex; align-items:center; text-decoration:none; }
.cta:hover{ background:#0062c4; color:var(--on-action); }
details{ border-top:1px solid var(--line); padding:1rem 0; }
summary{ cursor:pointer; font-weight:600; color:var(--ink); list-style:none; }
summary::-webkit-details-marker{ display:none; }
summary::after{ content:'+'; float:right; color:var(--slate); font-weight:400; }
details[open] summary::after{ content:'–'; }
details .body{ color:var(--text-1); line-height:1.7; margin-top:.6rem; }
.kbd{ display:inline-block; background:var(--mist); border:1px solid var(--line); border-radius:7px; padding:.1rem .5rem; font-weight:700; color:var(--ink); font-size:.9em; }
.site-footer{ border-top:1px solid var(--line); color:var(--slate); }
.site-footer .wordmark{ color:var(--ink); font-weight:600; }
.site-footer a{ display:inline-flex; align-items:center; min-height:44px; }
/* Inline reading links keep text flow but get a 44px vertical hit area on phones
   (inline padding does not change line layout). */
@media (max-width: 767px){ .prose li a, details .body a, .prose p a{ padding-block:13px; } }