/* SEO in Tilburg - route B v2 owner-corrected candidate. Editorial decision-desk / annotated working-paper system. */
:root{
  --paper:#F7F4EC;
  --paper-raised:#FFFFFF;
  --ink:#20221E;
  --ink-soft:#4B4C46;
  --line:#D8D3C4;
  --accent:#2F3E6B;
  --accent-soft:#E4E8F2;
  --flag:#8A3324;
  --face-display: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --face-body: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --face-mono: "IBM Plex Mono", Consolas, Menlo, monospace;
  --measure: 72ch;
  --rail: 22ch;
  --gutter: 40px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--face-body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--face-display);font-weight:600;line-height:1.25;color:var(--ink)}
h1{font-size:2rem;margin:.2em 0 .5em}
h2{font-size:1.4rem;margin:1.6em 0 .5em}
h3{font-size:1.1rem;margin:1.2em 0 .4em}
p{margin:0 0 1em}
a{color:var(--accent)}
a:hover,a:focus{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
img{max-width:100%}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.6em 1em;z-index:100}
.skip:focus{left:8px;top:8px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wrap{max-width:1160px;margin:0 auto;padding:0 var(--gutter)}

/* masthead */
.masthead{border-bottom:1px solid var(--line);background:var(--paper-raised)}
.masthead__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6em;padding:1em 0}
.wordmark{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);font-family:var(--face-display)}
.wordmark b{font-size:1.15rem}
.wordmark i{font-style:normal;font-family:var(--face-mono);font-size:.72rem;color:var(--ink-soft);letter-spacing:.02em}
.nav-wide ul{list-style:none;display:flex;gap:1.1em;margin:0;padding:0;flex-wrap:wrap}
.nav-wide a{text-decoration:none;color:var(--ink-soft);font-size:.92rem}
.nav-wide a[aria-current="page"]{color:var(--accent);font-weight:600}
.nav-small{display:none}
@media (max-width:900px){
  .nav-wide{display:none}
  .nav-small{display:block}
  .nav-small ul{list-style:none;padding:0;display:grid;gap:.5em}
  .nav-small a{text-decoration:none;color:var(--ink)}
}
.boundary-strip{background:var(--accent-soft);border-bottom:1px solid var(--line);font-family:var(--face-mono);font-size:.78rem;color:var(--ink-soft);padding:.5em 0}

/* manuscript layout with margin-note rail */
.doc{display:grid;grid-template-columns: minmax(0,var(--measure)) var(--rail); gap: 2.4rem; padding: 2.4rem 0 4rem; align-items:start}
.doc__main{min-width:0}
.doc__rail{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:1.5rem}
@media (max-width:1180px){
  .doc{grid-template-columns:1fr}
  .doc__rail{position:static}
}
.note{background:var(--paper-raised);border:1px solid var(--line);border-left:3px solid var(--accent);padding:.75em .9em;font-size:.85rem;color:var(--ink-soft)}
.note b{color:var(--ink);font-family:var(--face-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:.35em}
.note--inline{display:block;margin:0 0 1.2em}
@media (min-width:1181px){ .note--inline{display:none} }
.note--rail{display:none}
@media (min-width:1181px){ .note--rail{display:block} }

/* hero */
.hero{padding:1.2rem 0 .4rem}
.hero p.lede{font-size:1.08rem;color:var(--ink-soft);max-width:60ch}

/* numbered clauses */
ol.clauses{list-style:none;counter-reset:clause;padding:0;margin:1.2em 0;display:grid;gap:1em}
ol.clauses>li{counter-increment:clause;position:relative;padding-left:2.6em;border-top:1px solid var(--line);padding-top:.8em}
ol.clauses>li::before{content:counter(clause,decimal-leading-zero);position:absolute;left:0;top:.8em;font-family:var(--face-mono);color:var(--accent);font-size:.85rem}
ol.clauses h3{margin-top:0}

/* checklist table */
table.check{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}
table.check caption{text-align:left;font-family:var(--face-mono);font-size:.78rem;color:var(--ink-soft);margin-bottom:.5em;text-transform:uppercase;letter-spacing:.03em}
table.check th,table.check td{border:1px solid var(--line);padding:.55em .7em;text-align:left;vertical-align:top}
table.check th{background:var(--accent-soft);font-family:var(--face-body);font-weight:600}

/* objection callouts */
details.objection{border:1px solid var(--line);background:var(--paper-raised);padding:.2em .9em;margin:.7em 0;border-radius:2px}
details.objection summary{cursor:pointer;padding:.6em 0;font-weight:600}
details.objection[open] summary{color:var(--accent)}
details.objection .answer{padding-bottom:.9em;color:var(--ink-soft)}

/* worksheet */
section.worksheet{background:var(--paper-raised);border:1px solid var(--line);padding:1.2em;margin:1.4em 0}
section.worksheet h2{margin-top:0}
.ws__table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed}
.ws__table th,.ws__table td{border:1px solid var(--line);padding:.5em;vertical-align:top}
.ws__table th{text-align:left;background:var(--accent-soft)}
.ws__table th:first-child{width:22%}
.ws__table input,.ws__table select,.ws__table textarea{display:block;width:100%;max-width:100%;min-width:0}
.ws__table td textarea{width:100%;min-height:3.4em;font-family:var(--face-body);font-size:.92rem;border:1px solid var(--line);padding:.4em;background:var(--paper)}
.ws__table td select{width:100%;padding:.3em;font-family:var(--face-body)}
.ws__actions{display:flex;gap:.6em;margin-top:.9em;flex-wrap:wrap}
.ws__actions button{font-family:var(--face-body);font-size:.9rem;padding:.5em 1em;border:1px solid var(--ink);background:var(--paper);cursor:pointer}
.ws__actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.ws__status{font-family:var(--face-mono);font-size:.78rem;color:var(--ink-soft);margin-top:.5em}
.ws__noscript{display:none}
.no-js .ws__interactive{display:none}
.no-js .ws__noscript{display:block}
@media (max-width:700px){
  .ws__table, .ws__table thead, .ws__table tbody, .ws__table th, .ws__table td, .ws__table tr{display:block}
  .ws__table thead{position:absolute;left:-9999px}
  .ws__table tr{border:1px solid var(--line);margin-bottom:.8em}
  .ws__table tbody th{width:100%;max-width:100%;overflow-wrap:anywhere}
  .ws__table td{border:none;border-bottom:1px solid var(--line)}
  .ws__table td::before{content:attr(data-label);display:block;font-family:var(--face-mono);font-size:.7rem;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.2em}
}

/* next-step nav */
nav.next{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}
nav.next ul{list-style:none;padding:0;display:grid;gap:.8em}
nav.next a{font-weight:600;text-decoration:none}
nav.next p{margin:.15em 0 0;color:var(--ink-soft);font-size:.92rem}

/* boundary strip in content */
p.boundary{font-family:var(--face-mono);font-size:.78rem;color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:.8em;margin-top:1.6em}

/* footer */
.foot{border-top:1px solid var(--line);background:var(--paper-raised);margin-top:2rem}
.foot__inner{padding:2rem 0}
.foot__top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5em}
.foot__mark{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.foot__mark i{font-style:normal;color:var(--ink-soft)}
.foot__nav ul{list-style:none;display:flex;gap:1em;flex-wrap:wrap;padding:0;margin:0}
.foot__nav a{text-decoration:none;color:var(--ink-soft);font-size:.88rem}
.foot__note,.foot__build{font-size:.82rem;color:var(--ink-soft)}
.foot__reopen{font-family:var(--face-mono);font-size:.75rem;background:none;border:1px solid var(--line);padding:.3em .6em;cursor:pointer;margin-top:.5em}

/* consent */
.consent{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:var(--paper);padding:1em;z-index:50}
.consent__inner{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1em;flex-wrap:wrap}
.consent p{margin:0;font-size:.9rem;max-width:60ch}
.consent__row{display:flex;gap:.6em}
.consent__row button{font-family:var(--face-body);padding:.5em 1em;border:1px solid var(--paper);background:transparent;color:var(--paper);cursor:pointer}
.consent__row button.consent__yes{background:var(--paper);color:var(--ink)}

@media (max-width:480px){
  .wrap{padding-left:20px;padding-right:20px}
  h1{font-size:1.5rem}
  .doc{padding-top:1.4rem}
  .foot__top,.foot__mark,.foot__nav,.foot__nav ul{width:100%;max-width:100%;min-width:0}
  .foot__nav ul{gap:.55em 1em}
}

@media (max-width:700px){
  .ws__table caption{display:block;width:100%;text-align:left;margin-bottom:.65em}
  .ws__table thead{position:static;left:auto;display:block}
  .ws__table thead tr{display:block;border:1px solid var(--line);margin-bottom:.8em;background:var(--accent-soft)}
  .ws__table thead th{display:block;border:0;border-bottom:1px solid var(--line);padding:.55em .65em}
  .ws__table thead th:first-child{display:none}
  .ws__table thead th:last-child{border-bottom:0}
  .ws__table thead input{display:block;width:100%;max-width:100%;margin-top:.2em;padding:.45em;font:inherit}
  .ws__table td textarea{min-height:2.7em}
}