@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/schibsted-grotesk-latin-wght-normal.woff2) format('woff2-variations')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-latin-opsz-normal.woff2) format('woff2-variations')}
@font-face{font-family:'Source Serif 4';font-style:italic;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-latin-opsz-italic.woff2) format('woff2-variations')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations')}
:root{--canvas:#f3f5f4;--surface:#ffffff;--text:#14212b;--muted:#4b5a61;--line:#d9e0de;--accent:#1d6b61;--onaccent:#ffffff;--hero:#14212b;--code:#14212b;--high:#b3261e;--med:#8f5600;--low:#2c5c9a;--proven:#1d6b61;--cond:#1b6a86;--priv:#5a479a;--review:#5f6d75;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--canvas:#0d1418;--surface:#121a1f;--text:#e3eae8;--muted:#a0b0ab;--line:#26343b;--accent:#5fb3a5;--onaccent:#0d1418;--hero:#101b21;--code:#0a1014;--high:#f08b81;--med:#e2a75c;--low:#8fb5ea;--proven:#5fb3a5;--cond:#6fbad6;--priv:#b6a5e8;--review:#a5b3ba;color-scheme:dark}}
:root[data-theme="dark"]{--canvas:#0d1418;--surface:#121a1f;--text:#e3eae8;--muted:#a0b0ab;--line:#26343b;--accent:#5fb3a5;--onaccent:#0d1418;--hero:#101b21;--code:#0a1014;--high:#f08b81;--med:#e2a75c;--low:#8fb5ea;--proven:#5fb3a5;--cond:#6fbad6;--priv:#b6a5e8;--review:#a5b3ba;color-scheme:dark}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--text);font-family:'Schibsted Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] > summary [data-sign]{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* desktop and mobile variants of the header (the design's isDesktop / isMobile, at 900px) */
.only-desk{display:contents}.only-mob{display:none}
@media (max-width:899px){.only-desk{display:none}.only-mob{display:contents}}
@media (min-width:900px){#mobile-menu{display:none}}
.art{display:contents}
/* Notify me leads into the app, where it is recorded */
.notify{align-self:flex-start;border:1px solid var(--accent);color:var(--accent);font-size:14.5px;font-weight:500;padding:8px 14px;border-radius:8px;text-decoration:none}
.notify:hover{background:var(--accent);color:var(--onaccent)}
.notify-note{font-size:13.5px;color:var(--muted)}
.h1:hover{color:#ffffff !important}
.h2:hover{color:#ffffff !important}
.h3:hover{color:#ffffff !important}
.h4:hover{color:#ffffff !important}
.h5:hover{color:#ffffff !important}
.h6:hover{border-color:#5fb3a5 !important;color:#ffffff !important}
.h7:hover{color:#ffffff !important}
.h8:hover{background:#7cc5b8 !important;color:#0d1418 !important}
.h9:hover{background:#7cc5b8 !important;color:#0d1418 !important}
.h10:hover{border-color:#5fb3a5 !important;color:#ffffff !important}
.h11:hover{background:var(--accent) !important;color:var(--onaccent) !important}
.h12:hover{background:var(--accent) !important;color:var(--onaccent) !important}
.h13:hover{color:var(--onaccent) !important;opacity:0.9 !important}
.h14:hover{background:#7cc5b8 !important;color:#0d1418 !important}
.h15:hover{color:var(--accent) !important}
.h16:hover{color:var(--accent) !important}
.h17:hover{color:var(--accent) !important}
.h18:hover{color:var(--accent) !important}
.h19:hover{color:var(--accent) !important}
.h20:hover{color:var(--accent) !important}
.f21:focus{left:12px !important}
/* legal pages (privacy.html, terms.html) */
.legal-bar{background:var(--hero);padding:18px clamp(16px,5vw,48px)}
.legal-bar a{color:#eef3f1;text-decoration:none;font-weight:600;letter-spacing:-0.03em;font-size:22px}
.legal{max-width:760px;margin:0 auto;padding:48px 16px 64px;font-size:16.5px;line-height:1.65}
.legal h1{font-size:clamp(30px,5vw,40px);letter-spacing:-0.02em;margin:0 0 6px}
.legal h2{font-size:20px;margin:36px 0 10px}
.legal-meta{color:var(--muted);margin:0 0 28px}
.legal table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.legal th,.legal td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}
.legal li{margin:6px 0}
.legal-foot{border-top:1px solid var(--line);max-width:760px;margin:0 auto;padding:20px 16px 32px;font-size:13.5px;color:var(--muted)}