/* the question-and-answer and use-case pages: plain reading pages in the landing page's colours and fonts */
:root{--ink:#0d0c0b;--line:#2a2825;--paper:#efe9e1;--mute:#a59d92;--accent:#d65bd6;--accent-ink:#1a0a1a;
  --sans:"Schibsted Grotesk",ui-sans-serif,system-ui,sans-serif;--serif:"Instrument Serif",ui-serif,Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--accent-ink)}
body{font-size:1.0625rem;line-height:1.6}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.wrap{width:min(760px,100% - 3rem);margin-inline:auto}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:72px}
.mark{font-weight:800;letter-spacing:-.03em;font-size:1.25rem;text-decoration:none}
header nav a{font-weight:500;font-size:.95rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
main{padding-block:3rem 6rem}
h1{font-weight:800;letter-spacing:-.04em;line-height:1;font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:1.5rem}
h1 em{font-family:var(--serif);font-weight:400;color:var(--accent)}
h2{font-weight:700;letter-spacing:-.02em;line-height:1.2;font-size:1.35rem;margin:2.75rem 0 .75rem}
p,ol,ul{margin-bottom:1rem;max-width:62ch}
ol,ul{padding-left:1.25rem}
li{margin-bottom:.5rem}
.lead{font-size:1.2rem;color:#d9d2c8}
.note{color:var(--mute);font-size:.95rem}
.cta{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.btn{font:inherit;font-weight:700;background:var(--paper);color:var(--ink);border-radius:999px;padding:.9rem 1.5rem;text-decoration:none;display:inline-block}
.btn:hover{background:var(--accent);color:var(--accent-ink)}
footer{border-top:1px solid var(--line);padding-block:2.25rem;color:var(--mute);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
footer nav{display:flex;gap:1.25rem;flex-wrap:wrap}