/* Chef Portfolios: legal pages (privacy, terms, cookies, legal notice).
   Same family as the dark pages (/join/): Gloock headings, Schibsted Grotesk text,
   #0B0A09 ground, #F2EDE4 text, orange used sparingly. Tuned for long reading. */

:root{
  --ground:#0B0A09;
  --top:#08090A;
  --panel:#14171A;
  --ink:#F2EDE4;
  --ink-strong:#FFFFFF;
  --muted:#BDB7AC;      /* 9.6:1 on ground */
  --rule:#3A3F44;
  --accent:#FF5A1F;     /* 6.6:1 on ground; used for markers only */
  --todo-bg:#3B2410;
  --todo-ink:#FFD7B8;   /* 11:1 on --todo-bg */
  --measure:68ch;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ground);color:var(--ink);font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.65;overflow-wrap:break-word}
::selection{background:var(--accent);color:#14171A}

a{color:var(--ink-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
a:focus-visible,[tabindex]:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px;border-radius:1px}

.skip{position:absolute;left:16px;top:-60px;padding:10px 14px;background:#FFFFFF;color:#14171A;font-weight:600;z-index:10}
.skip:focus{top:12px}

/* Header and footer */
.site-top{background:var(--top);border-bottom:1px solid var(--rule)}
.site-top-in,.site-foot-in,.wrap{width:100%;max-width:calc(var(--measure) + 40px);margin:0 auto;padding-left:20px;padding-right:20px}
.site-top-in{display:flex;align-items:center;min-height:64px}
.wordmark{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-strong);font-family:'Gloock',Georgia,serif;font-size:22px;text-decoration:none}
.wordmark:hover{color:var(--ink-strong)}

.site-foot{margin-top:72px;border-top:1px solid var(--rule);background:var(--top)}
.site-foot-in{padding-top:28px;padding-bottom:40px;font-size:15px;color:var(--muted)}
.site-foot ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px}
.site-foot li a{display:inline-flex;align-items:center;min-height:44px}
.site-foot a[aria-current="page"]{color:var(--accent)}
.site-foot p{margin:0}

/* Draft note.
   DRAFT SWITCH: when every page is final, change `display:block` to `display:none`
   below (one edit hides the note on all four pages), then remove
   <meta name="robots" content="noindex"> from each page. */
.draft-note{display:block;margin:28px 0 0;padding:14px 16px;border:1px solid #6B5A47;border-left:4px solid var(--accent);background:#17130F;color:var(--ink);font-size:15px;line-height:1.5}
.draft-note strong{color:var(--ink-strong)}

/* Placeholders: every one is highlighted so none is missed */
.todo{display:inline;padding:1px 5px;background:var(--todo-bg);color:var(--todo-ink);border:1px dashed var(--accent);border-radius:2px;font-weight:600;font-size:.94em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Page body */
main{display:block}
.doc{padding-top:8px}
.doc h1{margin:36px 0 8px;font-family:'Gloock',Georgia,serif;font-weight:400;font-size:44px;line-height:1.05;letter-spacing:-.01em;color:var(--ink-strong);text-wrap:balance}
.updated{margin:0;color:var(--muted);font-size:15px}
.doc h2{margin:52px 0 12px;font-family:'Gloock',Georgia,serif;font-weight:400;font-size:28px;line-height:1.2;color:var(--ink-strong);text-wrap:balance}
.doc h3{margin:30px 0 8px;font-size:18px;line-height:1.35;font-weight:600;color:var(--ink-strong)}
.doc p,.doc ul,.doc ol{margin:0 0 16px}
.doc ul,.doc ol{padding-left:1.3em}
.doc li{margin:0 0 8px}
.doc li::marker{color:var(--muted)}
.doc strong{color:var(--ink-strong);font-weight:600}
.lead{font-size:18px;color:var(--ink)}

/* Summary box */
.summary{margin:28px 0 8px;padding:20px 20px 6px;background:var(--panel);border:1px solid var(--rule)}
.doc .summary h2{margin:0 0 10px;font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;font-size:18px;font-weight:600}
.summary ul{padding-left:1.2em}

/* Contents */
.toc{margin:32px 0 0;padding:18px 0 4px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.doc .toc h2{margin:0 0 8px;font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:0 0 12px;padding-left:1.6em;font-size:16px;line-height:1.5}
.toc li{margin:0 0 4px}
.toc a{display:inline-block;padding:3px 0}

/* Tables scroll inside their own box on phones */
.table-wrap{margin:8px 0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rule);background:var(--panel)}
.table-wrap:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.5}
table.wide{min-width:960px}
table.wide td{min-width:9.5em}
caption{padding:12px 14px 4px;text-align:left;font-weight:600;color:var(--ink-strong);caption-side:top}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--rule)}
thead th{border-top:0;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}
tbody th{min-width:11em;font-weight:600;color:var(--ink-strong)}
td code,th code{white-space:nowrap;overflow-wrap:normal}
.scroll-hint{display:none;margin:-12px 0 20px;font-size:14px;color:var(--muted)}
@media (max-width:660px){.scroll-hint{display:block}}

code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:1px 4px;background:#1E2226;border-radius:2px;color:var(--ink-strong);overflow-wrap:anywhere}

.back-top{margin-top:40px;font-size:15px}

@media (max-width:480px){
  body{font-size:16.5px}
  .doc h1{font-size:36px}
  .doc h2{font-size:24px;margin-top:44px}
}