/* HSLF site style (11/2 redesign): concrete-grey ground, navy ink, safety orange only for actions. Shared by /book and /results. */
:root{
  --ground:#E3E3E0; --paper:#F3F3F1; --line:#C6C7C4;
  --ink:#0F1B2D; --ink-soft:#4B5363; --night:#0C1626; --night-2:#16223A; --night-line:#253349; --night-soft:#A3ADBD;
  --safety:#EE6A1F; --safety-deep:#B94C0C; --ok:#2E7D4F;
  --display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --gl:max(20px,env(safe-area-inset-left,0px)); --gr:max(20px,env(safe-area-inset-right,0px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:400 18px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-0.025em;line-height:1.03;margin:0;text-wrap:balance}
p{margin:0}
nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--ground);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;font:800 16px/1.05 var(--display);letter-spacing:-0.01em;text-decoration:none}
.brand img{width:36px;height:36px;border-radius:6px}
.links{display:flex;gap:26px;font:500 15px var(--display)}
.links a{color:var(--ink-soft);text-decoration:none}
.links a:hover,.links a[aria-current]{color:var(--ink)}
@media (max-width:860px){.links{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px/1 var(--display);text-decoration:none;padding:16px 22px;border:2px solid transparent;border-radius:4px;transition:border-color .15s;cursor:pointer;background:var(--safety);color:#fff}
.btn:hover{border-color:var(--ink)}
.btn-sm{padding:11px 16px;font-size:15px}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--safety);outline-offset:3px}
footer .wrap{padding-block:28px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font:500 14px var(--display);color:var(--ink-soft)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}