/* Buy Back Your Week, editorial skin voor de eigen Nederlandse pagina's
   (methode, prijzen, vragen, contact, merkgids, kennisbank, tools).

   Vervangt brand.css (Daglicht) op die pagina's en laadt ná nl-site.css,
   kb.css en tools.css. Net als editorial-skin.css op de app-schermen
   verandert dit alleen de tokens en de paar onderdelen die de look dragen:
   warm papier, bijna-zwarte inkt, één groen dat alleen op knoppen staat, één
   letterfamilie (Geist). Kop en voet zijn dezelfde als op de homepage.
   Terug naar Daglicht: NL_EDITORIAL_SITE = false in lib/nlsite.js. */

@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Geist-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Geist-var-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---- tokens: dezelfde namen als brand.css, de waarden van de homepage ---- */
:root{
  --paper:#F6F3EC; --sheet:#FFFDF8; --sheet-2:#F1EDE4;
  --seam:#DCD6C9; --seam-soft:#E9E4D9; --shade:rgba(23,22,15,.04);
  --ink:#17160F; --ink-2:#47443C; --muted:#5F5B52; --faint:#6A665C;

  /* het groen staat alleen op knoppen */
  --accent:#1D5A4A; --accent-ink:#FFFFFF; --accent-hover:#154536;
  /* het oude accent ("live") wordt inkt: onderstreping, vinkjes, plustekens */
  --live:#17160F; --live-deep:#000000; --live-tint:rgba(23,22,15,.07); --live-rule:rgba(23,22,15,.4);
  --live-dim:rgba(23,22,15,.06);
  --gold:#7A5A1C; --gold-tint:rgba(122,90,28,.09);

  /* de vier keuzes in de ingetogen inkten van de homepage */
  --keep:#17160F; --delegate:#47443C; --automate:#5C5950; --eliminate:#6A665C;
  --keep-fill:#17160F; --delegate-fill:#5C5950; --automate-fill:#A8A397; --eliminate-fill:#E3DED3;
  --signal:#7A5A1C;

  --display:'Geist',ui-sans-serif,'Helvetica Neue',Arial,sans-serif;
  --sans:'Geist',ui-sans-serif,'Helvetica Neue',Arial,sans-serif;
  --mono:'Geist',ui-sans-serif,'Helvetica Neue',Arial,sans-serif;

  --maxw:1120px; --gut:clamp(20px,4vw,24px); --r:8px;
  --ease:cubic-bezier(.22,.61,.36,1);

  --graphite:#F6F3EC; --panel:#FFFDF8; --panel-2:#F1EDE4; --raised:#EFEBE2;
}
html{background:var(--paper)}
body.ed{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
body.ed ::selection{background:#17160F;color:#F6F3EC}
body.ed :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}

/* ---- koppen: Geist, zwaar en strak, zoals de homepage ---- */
body.ed h1,body.ed h2,body.ed h3,body.ed h4{font-family:var(--sans);color:var(--ink);font-weight:750;letter-spacing:-.035em}
body.ed h1{line-height:1.04;letter-spacing:-.045em}
body.ed h2{line-height:1.1}
body.ed h3,body.ed h4{font-weight:700;letter-spacing:-.02em;line-height:1.25}
body.ed .hero h1 em,body.ed h1 em,body.ed h2 em{font-style:normal;background:none;box-shadow:none;color:var(--ink);
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.14em}
body.ed .lede{color:var(--ink-2)}
body.ed h2 + p,body.ed h2 + .lede,body.ed h2 + .sub{margin-top:16px}
body.ed .fine,body.ed .note{color:var(--faint)}

/* ---- labels: de monoletter wordt de kleine kapitalen van de homepage ---- */
body.ed .kicker,body.ed .weekbar,body.ed .card .n,body.ed .tally .l,body.ed .pr .step,body.ed .pr .per,
body.ed .form label,body.ed .trust,body.ed .mk-type .spec,body.ed .mk-sw .hx,body.ed .mk-logo .lbl,
body.ed .mk-do h4,body.ed .mk-swap th,body.ed .choices h3{
  font-family:var(--sans);font-weight:600;letter-spacing:.08em;font-size:12.5px}
body.ed .idx,body.ed .steps li::before{font-family:var(--sans);font-weight:600;letter-spacing:.04em;border-radius:999px;padding:6px 10px}
body.ed .sec-h .kicker::before{background:var(--seam)}
body.ed .trust span::before{border-color:var(--ink);border-radius:50%}
body.ed .steps .tag{font-family:var(--sans);font-weight:600;letter-spacing:.06em;border-radius:999px}

/* ---- het ene accent: knoppen ---- */
body.ed .b,body.ed .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:999px;
  min-height:48px;padding:0 22px;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:-.01em;
  text-decoration:none;cursor:pointer;
  transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease)}
body.ed .b:hover,body.ed .btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
body.ed .b:active,body.ed .btn:active{transform:translateY(1px)}
body.ed .b.sm,body.ed .btn-sm{min-height:40px;padding:0 16px;font-size:15px}
body.ed .b.gh{background:transparent;color:var(--ink);border-color:var(--seam);font-weight:600}
body.ed .b.gh:hover{background:var(--sheet);border-color:var(--ink);color:var(--ink)}
body.ed .b .ar{font-family:var(--sans)}
body.ed .b[disabled],body.ed .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
body.ed .kbsearch button{background:var(--accent);color:var(--accent-ink);font-family:var(--sans);font-weight:600;border-radius:999px}
body.ed .kbsearch button:hover{background:var(--accent-hover)}

/* ---- vlakken: papieren vellen, ruimere hoeken, geen schaduw-console ---- */
body.ed .card,body.ed .weekbox,body.ed .proof,body.ed .final,body.ed .mk-type,body.ed .mk-tablewrap{border-color:var(--seam);box-shadow:none}
body.ed .final{box-shadow:none}
body.ed .proof{border-left-color:var(--ink)}
body.ed .proof ul li::marker{color:var(--ink)}
body.ed .pr.now{background:var(--sheet);box-shadow:inset 0 2px 0 var(--ink)}
body.ed .pr ul li::before,body.ed .mk-do .yes li::before{border-color:var(--ink);border-radius:50%}
body.ed .mk-do .yes h4{color:var(--ink)}
body.ed .mk-do .no h4{color:#8E3A22}
body.ed .mk-do .no li::before{background:#8E3A22}
body.ed .err{color:#8E3A22}
body.ed .ok{color:var(--accent)}
body.ed .mk-dl a{font-family:var(--sans);font-weight:600;letter-spacing:0;border-color:var(--seam);border-radius:999px;padding:9px 15px}
body.ed .mk-dl a:hover{background:var(--sheet);color:var(--ink);border-color:var(--ink)}
body.ed .mk-words li{font-family:var(--sans);border-radius:999px}
body.ed .faq summary{font-family:var(--sans);font-weight:650;letter-spacing:-.015em;font-size:18px}
body.ed .faq summary:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
body.ed .faq summary::after{font-family:var(--sans);color:var(--ink);font-weight:400}
body.ed .form input,body.ed .form textarea,body.ed .form select{border-color:var(--seam);border-radius:8px;font-family:var(--sans)}
body.ed .form input:focus,body.ed .form textarea:focus,body.ed .form select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,22,15,.08);background:#FFFFFF}
body.ed .hl{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* geschrapt werk: open vlak met een streep, zoals op de homepage */
body.ed .blk{border-radius:2px}
body.ed .blk.e{background:var(--eliminate-fill);border-color:var(--eliminate-fill)}
body.ed .blk.e::after{background:linear-gradient(to top right,transparent calc(50% - .7px),#9A958A calc(50% - .7px),#9A958A calc(50% + .7px),transparent calc(50% + .7px))}

/* tools: de keuzelabels zonder de oude neonranden */
body.ed .tag{font-family:var(--sans);font-weight:600;letter-spacing:.06em;border-radius:999px}
body.ed .tag.keep{background:var(--ink);color:var(--sheet);border-color:var(--ink)}
body.ed .tag.delegate{color:var(--ink);border-color:var(--ink)}
body.ed .tag.automate{color:var(--ink-2);border:1px dashed var(--ink-2)}
body.ed .tag.eliminate{color:var(--ink-2);border-color:var(--seam);text-decoration:line-through;text-decoration-thickness:1px}

/* kennisbank: labels in kleine kapitalen, links in inkt */
body.ed .kbdomains .n,body.ed .kbanswer .k,body.ed .kbcta .k,body.ed .kbside h4,body.ed .kbgroup>h3,
body.ed .kbitems .ty,body.ed .kbsrc h3,body.ed .kbtable th,body.ed .tlcard .k,body.ed #kbres i,
body.ed .kbhero .crumb,body.ed .tlhero .crumb,body.ed .kbhero .meta b,body.ed .tlhero .meta b{
  font-family:var(--sans);font-weight:600;letter-spacing:.07em}
body.ed .kbdomains .n{color:var(--ink-2)}
body.ed .kbcta .fine{font-family:var(--sans);letter-spacing:0}
body.ed .kbrel a{font-family:var(--sans);border-radius:999px}

/* ---- kop: dezelfde als de homepage ---- */
.eh{position:sticky;top:0;z-index:60;background:rgba(246,243,236,.94);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid transparent;transition:border-color .2s var(--ease)}
.eh.scrolled{border-bottom-color:var(--seam)}
.eh-in{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:28px;position:relative}
.eh-mark{font-family:var(--sans);font-weight:750;letter-spacing:-.03em;font-size:17px;text-decoration:none;white-space:nowrap;color:var(--ink);display:inline-block;padding:11px 0;line-height:22px}
.eh-mark span{color:var(--faint);font-weight:500}
.eh-nav{display:flex;gap:24px;margin-left:auto;align-items:center}
.eh-nav a{text-decoration:none;font-size:15px;color:var(--ink-2);font-weight:500}
.eh-nav a:hover,.eh-nav a[aria-current="page"]{color:var(--ink)}
.eh-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.eh-nav a.btn,.eh-nav a.btn:hover{color:var(--accent-ink);text-decoration:none}
.eh-menu{display:none;margin-left:auto;font:inherit;font-family:var(--sans);font-size:15px;font-weight:600;background:none;border:1px solid var(--seam);border-radius:999px;padding:8px 16px;min-height:40px;color:var(--ink);cursor:pointer}

/* ---- voet: dezelfde als de homepage ---- */
.ef{border-top:1px solid var(--seam);margin-top:96px;padding:44px 0 56px}
.ef-in{max-width:1200px;margin:0 auto;padding:0 24px}
.ef nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px}
.ef nav a{font-size:15px;color:var(--ink-2);text-decoration:none}
.ef nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.ef p{font-size:14px;color:var(--faint);margin:22px 0 0;max-width:62ch;line-height:1.55}

@media (max-width:1040px){
  .eh-nav{gap:18px}
}
@media (max-width:960px){
  .eh-in{height:60px;gap:12px}
  .eh-nav{display:none}
  .eh-menu{display:block}
  .eh-nav.open{display:flex;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--seam);padding:4px 24px 18px}
  .eh-nav.open a{padding:14px 0;border-bottom:1px solid var(--seam-soft);font-size:17px}
  .eh-nav.open a[aria-current="page"]{text-decoration:none;font-weight:650}
  .eh-nav.open .btn{margin-top:16px;border-bottom:0;justify-content:center}
  .ef{margin-top:72px}
}
@media (max-width:640px){
  body.ed{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .eh,body.ed .b,body.ed .btn{transition:none}
}
@media print{
  .eh,.ef{display:none!important}
}

/* merkgids: lettervoorbeelden en woordmerk in de editorial gewichten */
body.ed .mk-type .samp.d{font-weight:750;letter-spacing:-.045em}
body.ed .mk-type .samp.m{font-weight:600;letter-spacing:.08em}
body.ed .mk-sw .nm{font-weight:700;letter-spacing:-.015em}
body.ed .mk-logo{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ed .mk-logo>div:first-child{grid-column:1/-1}
body.ed .mk-word{font-weight:750;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
body.ed .mk-word span{color:var(--faint);font-weight:500}
body.ed .mk-logo .stage{border-color:var(--seam);border-radius:8px}
@media(max-width:640px){body.ed .mk-logo{grid-template-columns:1fr}}

body.ed h3 + p,body.ed h3 + .sub{margin-top:10px}
body.ed .mk-logo .stage{min-height:112px}
/* getallen onder elkaar: gelijke breedte in tabellen, tellers en prijzen */
body.ed td,body.ed .tally .v,body.ed .pr .amt,body.ed .kbtable td,body.ed .tltable td{font-variant-numeric:tabular-nums}
body.ed .tlpanel h2{max-width:none}
body.ed .kbsearch button{text-transform:none;letter-spacing:-.01em;font-size:15px}
body.ed .kbhero .crumb em,body.ed .tlhero .crumb em,body.ed .tlhero .crumb i{font-style:normal}

/* telefoon: links in de voet zijn raakvlakken van minstens 44px hoog */
@media (max-width:960px){
  .ef nav{gap:0 22px}
  .ef nav a{display:inline-block;padding:10px 0}
}