/* Opmaak voor de publieke juridische documenten.
   Alles lokaal: geen externe lettertypen, geen CDN, geen achtergrondafbeeldingen
   van derden. De cookieverklaring stelt als feit dat borgivo.nl geen enkele
   externe bron laadt; deze stylesheet houdt zich daaraan.
   Kleuren en typografie komen overeen met de aftelpagina. */

:root{
  color-scheme: dark;
  --bg:#07111f; --surface:#0f1d2f; --surface-2:#14243a;
  --text:#f5f8fc; --text-soft:#c2cede; --muted:#8798ad; --line:#263951;
  --primary:#63e6be;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
*,*::before,*::after{box-sizing:border-box}

body{
  margin:0; background:var(--bg); color:var(--text);
  line-height:1.65; padding:1.5rem;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(99,230,190,.10), transparent 42%),
    radial-gradient(circle at 88% 100%, rgba(98,176,255,.08), transparent 42%);
  background-attachment:fixed;
}

.documentkop{max-width:52rem; margin:0 auto 2rem}
.documentkop .merk{height:2.4rem; width:auto; display:block}
.terug{display:inline-block}
.terug:focus-visible{outline:2px solid #a7ccff; outline-offset:4px; border-radius:.3rem}

.document{max-width:52rem; margin:0 auto}

h1{font-size:clamp(1.6rem,4vw,2.2rem); line-height:1.2; margin:0 0 1.4rem}
h2{
  font-size:clamp(1.1rem,2.4vw,1.3rem); line-height:1.3;
  margin:2.4rem 0 .8rem; padding-top:1.2rem; border-top:1px solid var(--line);
}
h3{font-size:1.02rem; margin:1.6rem 0 .6rem; color:var(--text-soft)}
h4{font-size:.95rem; margin:1.2rem 0 .5rem; color:var(--text-soft)}

p{margin:0 0 1rem; color:var(--text-soft)}
strong{color:var(--text); font-weight:600}
ul,ol{margin:0 0 1rem; padding-left:1.3rem; color:var(--text-soft)}
li{margin-bottom:.45rem}
hr{border:0; border-top:1px solid var(--line); margin:2rem 0}

code{
  font-family: ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace;
  font-size:.9em; background:var(--surface-2); border:1px solid var(--line);
  border-radius:.3rem; padding:.05rem .32rem;
}

a{color:var(--primary); text-decoration:underline; text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid #a7ccff; outline-offset:3px; border-radius:.2rem}

/* Tabellen zijn breed. Ze schuiven binnen hun eigen omhulsel, zodat de pagina
   zelf nooit horizontaal gaat schuiven. */
.tabelomhulsel{overflow-x:auto; margin:0 0 1.4rem; border:1px solid var(--line); border-radius:.6rem}
table{border-collapse:collapse; width:100%; min-width:34rem; font-size:.9rem}
th,td{padding:.6rem .75rem; text-align:left; vertical-align:top; border-bottom:1px solid var(--line)}
th{background:var(--surface-2); color:var(--text); font-weight:600; white-space:nowrap}
td{color:var(--text-soft)}
tbody tr:last-child td{border-bottom:0}

.opslaan{
  margin:2.5rem 0 0; padding:1rem 1.2rem;
  background:var(--surface); border:1px solid var(--line); border-radius:.6rem;
}

footer{
  max-width:52rem; margin:3rem auto 0; padding-top:1.6rem;
  border-top:1px solid var(--line);
}
.documentlijst{
  display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; justify-content:center;
  list-style:none; margin:0 0 1.4rem; padding:0; font-size:.82rem;
}
.documentlijst [aria-current="page"]{color:var(--muted)}
.identificatie{
  display:flex; flex-wrap:wrap; gap:.35rem 1rem; justify-content:center;
  font-style:normal; color:var(--muted); font-size:.76rem; line-height:1.6;
}
.identificatie .handelsnaam{color:var(--text-soft); font-weight:600}

/* Afdrukken en opslaan als PDF vanuit de browser: zwart op wit, geen
   afgesneden tabellen, en de vindplaats van elke verwijzing zichtbaar. */
@media print{
  :root{color-scheme: light}
  body{background:#fff; color:#000; padding:0; background-image:none}
  .documentkop,.documentlijst{display:none}
  .document,footer{max-width:none}
  h1,h2,h3,h4,strong{color:#000}
  p,li,td,.identificatie{color:#111}
  h2{border-top:1px solid #999; page-break-after:avoid}
  h3,h4{page-break-after:avoid}
  table,.tabelomhulsel{page-break-inside:avoid; overflow:visible}
  table{min-width:0; border:1px solid #999}
  th,td{border-bottom:1px solid #bbb}
  th{background:#eee}
  a{color:#000}
  .opslaan{display:none}
  footer{border-top:1px solid #999}
}