/* ===========================================================================
   app-privacy.css — privacybeleid van een app op nonius.be.

   Een juridisch document leest niemand voor zijn plezier. Het moet dus vooral
   goed te scannen zijn: één smalle kolom, koppen die eruit springen, en regels
   die niet te lang worden. Verder erft alles van home.css — kleuren, letters en
   het donkere thema komen daar vandaan, zodat deze pagina niet losstaat van de
   rest van de site.
   =========================================================================== */

.apriv .wrap{ max-width:720px; }
.apriv{ padding-block:clamp(2rem,5vw,3.6rem) clamp(3rem,7vw,5rem); }

.apriv-kop{ border-bottom:2px solid var(--goud); padding-bottom:1.4rem; margin-bottom:2.2rem; }
.apriv-kop h1{ font-size:clamp(2rem,5vw,3rem); margin:.5rem 0 .6rem; }

/* De versie en de datum zijn wat een reviewer en een klant als houvast hebben:
   die horen leesbaar te zijn, niet weggemoffeld in een voetnoot. */
.apriv-stempel{ font-family:var(--mono); font-size:.72rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin:0; }

/* De samenvatting bovenaan. Wie niet verder leest, heeft dit wel gelezen. */
.apriv-kern{ font-size:clamp(1.05rem,1.5vw,1.2rem); line-height:1.7; margin:0 0 2.6rem;
  padding:1.2rem 1.4rem; border-left:3px solid var(--goud);
  background:var(--bg-2); border-radius:0 12px 12px 0; color:var(--ink); }

.apriv-sec{ margin-bottom:2.4rem; scroll-margin-top:calc(var(--navh,64px) + 1rem); }
.apriv-sec h2{ font-size:clamp(1.1rem,1.7vw,1.35rem); margin:0 0 .7rem;
  font-family:var(--mono); letter-spacing:.03em; color:var(--goud-deep); }
.apriv-sec p{ margin:0 0 1rem; line-height:1.75; color:var(--ink); }
.apriv-sec ul{ margin:0 0 1rem; padding-left:1.15rem; }
.apriv-sec li{ margin-bottom:.6rem; line-height:1.7; color:var(--ink); }
.apriv-sec a{ color:var(--goud-deep); text-underline-offset:3px; }

/* De verwerkerstabel mag op een telefoon schuiven in plaats van de pagina mee
   te sleuren: de rest van de tekst blijft dan gewoon staan waar hij staat. */
.apriv-tabel{ overflow-x:auto; margin:0 0 1rem; }
.apriv-sec table{ border-collapse:collapse; width:100%; min-width:460px; font-size:.94rem; }
.apriv-sec th, .apriv-sec td{ text-align:left; vertical-align:top;
  padding:.7rem .8rem; border-bottom:1px solid var(--line-soft); }
.apriv-sec th{ font-family:var(--mono); font-size:.68rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }

.apriv-voet{ margin-top:3rem; padding-top:1.2rem; border-top:1px solid var(--line-soft);
  font-size:.9rem; color:var(--muted); line-height:1.65; }
.apriv-voet a{ color:var(--goud-deep); word-break:break-all; }