[data-h="pser1"]:not(#\31):not(#\32):not(#\33){color:var(--ink);font-weight:500}
@font-face{font-family:'JetBrains Mono';src:url(../assets/ramtt-editorial/fonts/jetbrains-mono.woff2) format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url(../assets/ramtt-editorial/fonts/lora.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url(../assets/ramtt-editorial/fonts/lora-italic.woff2) format('woff2');font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:'Literata';src:url(../assets/ramtt-editorial/fonts/literata.woff2) format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:'Literata';src:url(../assets/ramtt-editorial/fonts/literata-italic.woff2) format('woff2');font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:'PT Serif';src:url(../assets/ramtt-editorial/fonts/pt-serif-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PT Serif';src:url(../assets/ramtt-editorial/fonts/pt-serif-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'PT Serif';src:url(../assets/ramtt-editorial/fonts/pt-serif-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'PT Serif';src:url(../assets/ramtt-editorial/fonts/pt-serif-700-italic.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(../assets/ramtt-editorial/fonts/source-serif-4.woff2) format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(../assets/ramtt-editorial/fonts/source-serif-4-italic.woff2) format('woff2');font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:'STIX Two Text';src:url(../assets/ramtt-editorial/fonts/stix-two-text.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'STIX Two Text';src:url(../assets/ramtt-editorial/fonts/stix-two-text-italic.woff2) format('woff2');font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:'Fraunces';src:url(../assets/ramtt-editorial/fonts/fraunces.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(../assets/ramtt-editorial/fonts/newsreader-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(../assets/ramtt-editorial/fonts/newsreader-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}


@font-face{font-family:'Sentient';src:url(../assets/ramtt-editorial/fonts/sentient.woff2) format('woff2');font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:'Charis SIL';src:url(../assets/ramtt-editorial/fonts/charis-sil-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Charis SIL';src:url(../assets/ramtt-editorial/fonts/charis-sil-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root,:root[data-theme]{color-scheme:light;
  --raised:#ffffff;--paper:#fcfcfb;--mat:#f9f9f7;--ground:#f4f3f0;--well:#f1f0ed;--pill:#eeede9;--rule:#e9e8e4;
  --ink:#0b0b0b;--ink2:#52514e;--ink3:#6c6b69;--ink4:#888784;
  --p-h:#f4f3ef;--p-s:#eceae4;--p-sh:#e7e6de;--d-h:#ebeae5;--d-s:#e3e1da;
  --line:rgba(11,11,11,.06);--panel-line:rgba(11,11,11,.08);
  --lift:0 0 0 .5px rgba(11,11,11,.088), 0 3px 6px -2px rgba(0,0,0,.02), 0 1px 1px 0 rgba(0,0,0,.04);
  --accent:#6250D6;--fare:#8E2626;
  --sans:'Inter Variable','Inter',-apple-system,system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --korn-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  
  --adj:none; --opt:auto; --w-display:500; --ls-display:0em;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{position:relative;isolation:isolate;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:450;line-height:1.6;letter-spacing:-.006em;font-feature-settings:'kern' 1,'calt' 1,'liga' 1,'tnum' 1,'ss01' 1,'cv05' 1;-webkit-font-smoothing:antialiased}
.korn{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.05;mix-blend-mode:multiply;background-image:var(--korn-img)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
code,.mono{font-family:var(--mono);font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}
p{margin:0}
.lille{font-size:12px;line-height:1.5;color:var(--ink3);letter-spacing:.012em}

.side{max-width:1400px;margin:0 auto;padding:28px 40px 120px}
.hoved{display:flex;flex-direction:column;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
.hoved .top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink2)}
.hoved .top .sep{color:var(--ink4)}
h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.016em;line-height:1.25}
.hoved p{max-width:74ch;color:var(--ink2);text-wrap:pretty}


.panel{position:sticky;top:0;z-index:5;background:var(--ground);margin:22px -40px 22px;padding:12px 40px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;box-shadow:0 1px 0 var(--rule)}
.gruppe{display:flex;align-items:center;gap:8px}
.gruppe .l{font-size:12px;color:var(--ink3);white-space:nowrap}
.tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:9px;background:var(--pill)}
.tabs button{height:26px;padding:0 11px;border-radius:7px;font-size:13px;color:var(--ink2);transition:background-color .15s cubic-bezier(.25,.46,.45,.94)}
.tabs button:is(:hover, [data-hover]){background:var(--d-h);color:var(--ink);transition:none}
.tabs button[aria-pressed="true"]{background:var(--raised);color:var(--ink);box-shadow:var(--lift)}
.knap{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:7px;font-size:13px;color:var(--ink2);background:var(--raised);box-shadow:var(--lift)}
.knap i{width:26px;height:14px;border-radius:9999px;background:var(--pill);position:relative;flex:none;transition:background-color .15s}
.knap i::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:9999px;background:var(--raised);box-shadow:0 0 0 .5px var(--panel-line);transition:translate .15s cubic-bezier(.25,.46,.45,.94)}
.knap[aria-pressed="true"] i{background:var(--ink)}
.knap[aria-pressed="true"] i::after{translate:12px 0}
.knap[aria-pressed="true"]{color:var(--ink)}
input[type=range]{accent-color:var(--ink);width:120px}
.val{font-family:var(--mono);font-size:12px;color:var(--ink);min-width:44px;font-variant-numeric:tabular-nums}


.ref{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:9px;margin-top:22px}
.kort{background:var(--raised);border-radius:10px;box-shadow:var(--lift);padding:14px 16px 16px}
.kort h2{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:-.008em}
.kort h2 span{font-weight:450;color:var(--ink3);margin-left:8px;font-size:12px}
.tabel{width:100%;border-collapse:collapse;font-size:13px}
.tabel th{text-align:left;font-weight:450;font-size:12px;color:var(--ink3);letter-spacing:.012em;padding:0 10px 6px 0;border-bottom:1px solid var(--rule);white-space:nowrap}
.tabel td{padding:6px 10px 6px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2)}
.tabel td:first-child{color:var(--ink);white-space:nowrap}
.tabel td.mono{font-family:var(--mono);font-size:12px;white-space:nowrap}
.tabel.brud td.mono{white-space:normal}
.tabel tr:last-child td{border-bottom:0}


.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.kand{background:var(--raised);border-radius:10px;box-shadow:var(--lift);padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px;min-height:280px}
.kand .navn{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.008em}
.kand .navn span{font-weight:450;color:var(--ink3);font-size:12px}
.kand .navn .nu{margin-left:auto;font-size:12px;font-weight:450;color:var(--accent)}
.proeve{flex:1;display:flex;flex-direction:column;gap:14px;color:var(--ink);font-family:var(--fam);font-size-adjust:var(--adj);font-optical-sizing:var(--opt);font-feature-settings:'pnum' 1,'lnum' 1,'liga' 1,'kern' 1}
.proeve [data-rolle]{display:none;text-wrap:pretty}
.proeve [data-rolle="display"]{font-size:44px;line-height:1.1;font-weight:var(--w-display);letter-spacing:var(--ls-display);text-wrap:balance;max-width:14ch}
.proeve [data-rolle="manchet"]{font-size:24px;line-height:1.4;font-weight:400;max-width:40ch}
.proeve [data-rolle="brod"]{font-size:17px;line-height:30px;font-weight:400;letter-spacing:0;max-width:640px}
.proeve [data-rolle="brod"] .tal{font-variant-numeric:tabular-nums;color:var(--ink2)}
.proeve [data-rolle="kort"]{font-size:19px;line-height:1.2;font-weight:500}
body[data-rolle="display"] [data-rolle="display"],body[data-rolle="manchet"] [data-rolle="manchet"],body[data-rolle="brod"] [data-rolle="brod"],body[data-rolle="kort"] [data-rolle="kort"],body[data-rolle="alle"] [data-rolle]{display:block}
.maal{border-top:1px solid var(--line);padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:12px;color:var(--ink3)}
.maal b{font-weight:450;color:var(--ink2);font-family:var(--mono);font-variant-numeric:tabular-nums}
.maal .akser{grid-column:1/-1;color:var(--ink3)}
.maal .akser em{font-style:normal;color:var(--ink2)}

.afsnit{margin-top:34px;padding-top:26px;border-top:1px solid var(--rule)}
.afsnit h2{margin:0 0 8px;font-size:16px;font-weight:600;letter-spacing:-.012em}
.afsnit p{max-width:74ch;color:var(--ink2);text-wrap:pretty}
.afsnit p+p{margin-top:8px}
.liste{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.liste .kort p{font-size:13px;line-height:1.55;max-width:none}
.liste .kort .fra{font-size:12px;color:var(--ink3);margin-bottom:4px}
.liste .kort .navn{font-size:14px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}

@media (max-width:1180px){.grid{grid-template-columns:repeat(2,1fr)}.ref{grid-template-columns:1fr}}
@media (max-width:760px){.side{padding:16px 16px 80px}.panel{margin:16px -16px;padding:10px 16px}.grid,.liste{grid-template-columns:1fr}.proeve [data-rolle="display"]{font-size:34px}.ref .kort{overflow-x:auto}.tabel td.mono,.tabel th{white-space:normal}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* the page stays light in the dark library, and so do its form controls */
html,html[data-theme]{color-scheme:light}


/* added for the library: italics are the page's own (the frame's base sets them upright), and Inter is the design system's file */
em,i,cite{font-style:italic}
/* RAMTT's later pages darken the search field with their dark palette; the earlier ones get the same rule */
html[data-palette][data-theme="dark"] .pl .hd input{background:#131311;color:#fff}