@import url('/assets/disclosures.css');

@font-face {
  font-family: "Schibsted Grotesk";
  src: url("/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2");
  font-weight: 400 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 400 var(--fs-body)/1.6 var(--font-ui);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 { margin: 0; color: var(--ink); font-weight: 700; text-wrap: balance; }
h1 { font-size: var(--fs-2xl); line-height: 1.15; letter-spacing: -0.02em; }
h2 { font-size: var(--fs-2xl); line-height: 1.2;  letter-spacing: -0.02em; }
h3 { font-size: var(--fs-xl);  line-height: 1.3;  letter-spacing: -0.01em; font-weight: 650; }
p  { margin: 0; text-wrap: pretty; }
a  { color: var(--accent); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
code, kbd, pre, samp { font-family: var(--font-code); }
img, svg { max-width: 100%; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 16px; top: 8px; z-index: 100; padding: 8px 12px; background: var(--surface); border-radius: var(--r-sm); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.container {
  width: 100%; max-width: var(--container);
  margin-inline: auto; padding-inline: var(--gutter);
}
.layout-marketing { --container: 1264px; }  /* content width 1200 */
.layout-workbench { --container: 1472px; }  /* content width 1408 */
.layout-reading   { --container: 784px;  }  /* content width 720 */

@font-face{font-family:"Schibsted Grotesk";src:url("/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon--sm{width:16px;height:16px}.icon--lg{width:20px;height:20px}