/* The legal pages: /privacy, /terms and /dpa (scripts/build-legal-pages.js writes them from their Markdown). The pricing
   page's calm type on cream, in one readable column, under the site's own header (header.css, site-header.css) and
   above its footer (the pricing page's, whose second row consent.css lays out). Tables are ruled rows; on a phone each
   row becomes a short list of label and value. The "Your choices" block on /privacy uses the cookie bar's buttons. */
:root{--cream:#FAF8F2;--paper:#F3EFE6;--stone:#ECE6DC;--ink:#161513;--mu:#5c5750;--line:rgba(22,21,19,.12);--line2:rgba(22,21,19,.22);--e:cubic-bezier(.2,.8,.2,1)}
html,body{margin:0;background:var(--cream)}
body{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
.lg{display:block;padding:calc(var(--header-h) + clamp(36px,6vw,88px)) 0 clamp(72px,9vw,128px)}
.lg-doc{width:min(100% - 2*var(--gutter),720px);margin-inline:auto}
.lg-doc,.lg-doc *,.lg-doc *::before,.lg-doc *::after{box-sizing:border-box}
.lg-doc :where(h1,h2,h3,p,ul,ol,li,table){margin:0;padding:0}
.lg-doc h1{font-size:clamp(40px,2.9vw + 22px,64px);line-height:1.04;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.lg-intro{margin-top:24px;padding-bottom:clamp(28px,4vw,40px);border-bottom:1px solid var(--line)}
.lg-intro p{margin-top:14px;font-size:clamp(17px,.35vw + 15.5px,19px);line-height:1.55;color:var(--mu);text-wrap:pretty}
.lg-intro p:first-child{margin-top:0}
.lg-intro strong{font-weight:600;color:var(--ink)}
.lg-doc .lg-date{font-size:15px;line-height:1.5;color:var(--mu)}
.lg-doc h2{margin-top:clamp(44px,5vw,60px);font-size:clamp(24px,.9vw + 18px,30px);line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:24px}
.lg-doc h3{margin-top:32px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.lg-doc p,.lg-doc li{font-size:17px;line-height:1.62;text-wrap:pretty}
.lg-doc p,.lg-doc ul,.lg-tw{margin-top:14px}
.lg-doc ul{list-style:none}
.lg-doc li{position:relative;padding-left:24px}
.lg-doc li+li{margin-top:6px}
.lg-doc li::before{content:'';position:absolute;left:6px;top:.72em;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}
.lg-doc strong{font-weight:700}
.lg-doc a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(22,21,19,.4);text-underline-offset:3px}
.lg-doc a:hover{text-decoration-color:currentColor}
.lg-doc a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}
/* a numbered clause ("1.1 …"): the number hangs in the margin of its own paragraph */
.lg-doc .lg-cl{padding-left:2.9em;text-indent:-2.9em}
.lg-n{display:inline-block;min-width:2.9em;text-indent:0;font-weight:600}
/* tables */
.lg-doc table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.lg-doc th,.lg-doc td{padding:12px 18px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.lg-doc th:last-child,.lg-doc td:last-child{padding-right:0}
.lg-doc thead th{padding-top:4px;font-size:13.5px;font-weight:600;color:var(--mu);border-bottom-color:var(--line2)}
.lg-doc tbody td:first-child{font-weight:600}
@media (max-width:640px){
  .lg-doc table,.lg-doc tbody,.lg-doc tr,.lg-doc td{display:block;width:100%}
  .lg-doc thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .lg-doc tbody tr{padding:14px 0;border-bottom:1px solid var(--line)}
  .lg-doc tbody tr:first-child{border-top:1px solid var(--line2)}
  .lg-doc td{padding:2px 0 0;border:0}
  .lg-doc td+td{margin-top:6px}
  .lg-doc td::before{content:attr(data-label);display:block;font-size:12.5px;line-height:1.5;font-weight:600;color:var(--mu)}
  /* the first cell is the card's title: no label above it */
  .lg-doc td:first-child{font-size:16px}
  .lg-doc td:first-child::before{display:none}
}

/* "Your choices" (/privacy): the current choice, Accept and Decline (equal in every way, like the bar's), two switches,
   Save. privacy.js turns it on */
.lg-choices{margin-top:20px;padding:clamp(20px,3vw,28px);border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.lg-doc .lg-choices+p{margin-top:22px}
.lg-doc .lg-choices p{margin-top:0}
.lg-doc .lg-choices__now{font-weight:600}
.lg-choices__now:empty{display:none}
.lg-choices__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lg-btn{flex:0 0 auto;min-width:116px;height:44px;margin:0;padding:0 22px;border:0;border-radius:999px;background:var(--ink);color:var(--cream);font:600 15px/1 'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.01em;cursor:pointer;transition:background-color .2s ease}
.lg-btn:hover{background:#2c2a26}
.lg-btn--o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.lg-btn--o:hover{background:rgba(22,21,19,.06)}
.lg-btn:disabled{cursor:default;opacity:.45}
.lg-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.lg-sws{margin-top:22px;border-top:1px solid var(--line)}
.lg-sw{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.lg-sw label{font-size:17px;line-height:1.4;font-weight:600;cursor:pointer}
.lg-doc .lg-sw__h{grid-column:2;margin-top:2px;font-size:15px;line-height:1.5;color:var(--mu)}
/* the switch: a track and a knob (the checkbox itself, so a keyboard and a screen reader get a real switch) */
.lg-sw input{grid-row:1/span 2;align-self:start;appearance:none;-webkit-appearance:none;position:relative;flex:none;width:46px;height:28px;margin:0;border-radius:999px;background:#8a847b;cursor:pointer;transition:background-color .2s ease}
.lg-sw input::before{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(22,21,19,.35);transition:transform .25s var(--e)}
.lg-sw input:checked{background:var(--ink)}
.lg-sw input:checked::before{transform:translateX(18px)}
.lg-sw input:disabled{cursor:default;opacity:.45}
.lg-sw input:disabled+label{cursor:default}
.lg-sw input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.lg-choices__save{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}
.lg-doc .lg-choices__msg{font-size:15px;color:var(--mu)}
.lg-choices__msg:empty{display:none}
@media (prefers-reduced-motion:reduce){.lg-btn,.lg-sw input,.lg-sw input::before{transition:none}}

/* the footer: the pricing page's (pricing2/base.css), on its own here */
.pp-in{margin-inline:max(var(--gutter),calc((100% - var(--container-max))/2))}
.pp-foot{padding:44px 0 52px;border-top:1px solid var(--line)}
.pp-foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 36px}
.pp-foot__logo img{display:block;width:auto;height:23px}
.pp-foot__nav{display:flex;flex-wrap:wrap;gap:8px 28px}
.pp-foot a:not(.pp-foot__logo){font-size:15px;font-weight:500;color:var(--mu);text-decoration:none}
.pp-foot a:not(.pp-foot__logo):hover,.pp-foot a[aria-current="page"]{color:var(--ink)}
.pp-foot a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
.pp-foot__c{margin:0;font-size:14px;color:var(--mu)}

@media print{.skip,.mh,.pp-foot,.lg-choices{display:none!important}.lg{padding:0}.lg-doc{width:auto}}