/* Shared look for every test page. Each page sets --accent in its <head>. */
:root { --accent-soft: color-mix(in srgb, var(--accent) 9%, white); --accent-line: color-mix(in srgb, var(--accent) 22%, white); }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-feature-settings: "cv11", "ss01"; }
h1, h2, h3 { letter-spacing: -0.022em; }
.btn { background: var(--accent); transition: filter .15s, transform .15s; }
.btn:hover { filter: brightness(.92); }
.btn:active { transform: translateY(1px); }
.acc { color: var(--accent); }
.soft { background: var(--accent-soft); }
.line { border-color: var(--accent-line); }
.hero { background:
  radial-gradient(60rem 28rem at 85% -10%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%),
  radial-gradient(40rem 20rem at -10% 10%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%); }
.pill { background: var(--accent-soft); color: var(--accent); border: 1px solid var(--accent-line); }
.card { background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem; box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px -12px rgba(15,23,42,.12); }
.check { background: var(--accent-soft); color: var(--accent); }
.num { background: var(--accent); color: #fff; }
.faq details { border-bottom: 1px solid #e2e8f0; }
.faq details:last-child { border-bottom: 0; }
.faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; font-weight: 600; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { color: var(--accent); }
.faq summary .chev { flex-shrink: 0; transition: transform .2s; color: #94a3b8; }
.faq details[open] summary .chev { transform: rotate(180deg); color: var(--accent); }
.faq details > div { padding: 0 1.25rem 1.2rem; color: #475569; }
.cta { background: var(--accent); }
.cta .btn-invert { background: #0f172a; }
.cta .btn-invert:hover { background: #1e293b; }
.hl { background: color-mix(in srgb, var(--accent) 22%, white); border-radius: .25rem; padding: 0 .2rem; }