/* ════════════════════════════════════════════════════════════════════════
 *  Testroute - e-book: de pagina's zelf  ·  4.97.0
 *  Witte A5-pagina's (148 x 210 mm). Elke maat binnen een pagina staat in cqi,
 *  zodat een pagina als geheel meeschaalt met de breedte die de lezer hem
 *  geeft; 1pt = 0.2384cqi. Gebouwd buiten de plugin (bron/book.css in
 *  testroute-ebook.zip) en hier omgezet: .pg werd .treb-pg en elke regel kreeg
 *  !important, omdat de pagina's binnen .trh-root en Cornerstone staan.
 *
 *  Eerst een eigen reset: de root-reset van .trh-root zet marge en padding op
 *  0, maar het thema zet ook lettertype, kleur en randen op koppen, lijsten en
 *  tabellen. Alles wat een pagina nodig heeft, zet hij hieronder zelf.
 * ════════════════════════════════════════════════════════════════════════ */
.treb-pg h1,.treb-pg h2,.treb-pg h3,.treb-pg p,.treb-pg ul,.treb-pg ol,.treb-pg li,.treb-pg table,.treb-pg th,.treb-pg td,.treb-pg figure,.treb-pg figcaption{font-family:inherit !important;text-transform:none !important;background:none !important;border:0 !important;box-shadow:none !important}
.treb-pg ol,.treb-pg ul{list-style-position:outside !important}
.treb-pg{--ink:#0c1927 !important;--body:#2b3846 !important;--muted:#6a7683 !important;--rule:#dfe3e8 !important;container-type:inline-size !important;position:relative !important;width:100% !important;aspect-ratio:148/210 !important;background:#fff !important;color:var(--body) !important;overflow:hidden !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;-webkit-font-smoothing:antialiased !important;line-height:1.55 !important}
.treb-pg *{box-sizing:border-box !important}
.treb-pg p,.treb-pg h2,.treb-pg h3,.treb-pg ol,.treb-pg ul,.treb-pg figure,.treb-pg table{margin:0 !important}
.treb-pg svg{display:block !important}
.treb-pg .in{position:absolute !important;inset:0 !important;padding:15cqi 12cqi 14cqi !important;display:flex !important;flex-direction:column !important;gap:2.5cqi !important;font-size:2.38cqi !important}
.treb-pg .rh{position:absolute !important;top:7.5cqi !important;left:12cqi !important;right:12cqi !important;display:flex !important;justify-content:space-between !important;font-size:1.75cqi !important;color:var(--muted) !important;white-space:nowrap !important}
.treb-pg .fo{position:absolute !important;bottom:7cqi !important;font-size:1.8cqi !important;color:var(--muted) !important;font-variant-numeric:tabular-nums !important}
.treb-pg.verso .fo{left:12cqi !important}
.treb-pg.recto .fo{right:12cqi !important}
.treb-pg.verso .rh{justify-content:flex-start !important}
.treb-pg.recto .rh{justify-content:flex-end !important}
.treb-pg b{color:var(--ink) !important;font-weight:600 !important}
.treb-pg .small{font-size:1.75cqi !important;line-height:1.5 !important;color:var(--muted) !important}
.treb-pg h2.blk{font-size:3.5cqi !important;font-weight:700 !important;letter-spacing:-.015em !important;line-height:1.22 !important;color:var(--ink) !important;margin-top:2.6cqi !important;text-wrap:balance !important}
.treb-pg h3.blk{font-size:2.55cqi !important;font-weight:700 !important;color:var(--ink) !important;line-height:1.35 !important;margin-top:.8cqi !important}
.treb-pg .in > .blk:first-child{margin-top:0 !important}
.treb-pg ul.blk{padding-left:3.6cqi !important;display:flex !important;flex-direction:column !important;gap:.9cqi !important}
.treb-pg ul.blk li::marker{color:var(--muted) !important}
.treb-pg ul.check{list-style:none !important;padding-left:0 !important}
.treb-pg ul.check li{display:grid !important;grid-template-columns:4.2cqi minmax(0,1fr) !important}
.treb-pg ul.check li::before{content:"" !important;width:2.3cqi !important;height:2.3cqi !important;margin-top:.45cqi !important;border:1px solid rgba(12,25,39,.55) !important;border-radius:.3cqi !important}
.treb-pg ol.steps{list-style:none !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:1.6cqi !important}
.treb-pg ol.steps li{display:grid !important;grid-template-columns:4.2cqi minmax(0,1fr) !important}
.treb-pg ol.steps .n{font-weight:700 !important;color:var(--ink) !important;font-variant-numeric:tabular-nums !important}
.treb-pg ol.timeline{list-style:none !important;padding:0 !important;display:flex !important;flex-direction:column !important}
.treb-pg ol.timeline li{display:grid !important;grid-template-columns:4.2cqi minmax(0,1fr) !important;padding:1.6cqi 0 !important;border-top:1px solid var(--rule) !important}
.treb-pg ol.timeline li:last-child{border-bottom:1px solid var(--rule) !important}
.treb-pg ol.timeline .n{font-weight:700 !important;color:var(--ink) !important;font-variant-numeric:tabular-nums !important}
.treb-pg ol.timeline .c{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;column-gap:3cqi !important;row-gap:.4cqi !important}
.treb-pg ol.timeline .c > span{font-size:1.85cqi !important;color:var(--muted) !important;text-align:right !important;padding-top:.3cqi !important}
.treb-pg ol.timeline .c > p{grid-column:1 / -1 !important}
.treb-pg p.note{border-top:1px solid var(--rule) !important;padding-top:2cqi !important}
.treb-pg figure.fig{display:flex !important;flex-direction:column !important;gap:1.4cqi !important;padding-block:1cqi !important}
.treb-pg figure.fig svg{width:100% !important;height:auto !important;max-height:46cqi !important}
.treb-pg figure.fig figcaption{font-size:1.75cqi !important;line-height:1.5 !important;color:var(--muted) !important}
.treb-pg div.qa{border-top:1px solid var(--rule) !important;padding-top:2cqi !important;display:flex !important;flex-direction:column !important;gap:.8cqi !important}
.treb-pg div.qa h3{font-size:1.9cqi !important;font-weight:700 !important;color:var(--muted) !important;letter-spacing:.01em !important}
.treb-pg div.qa p.q{font-weight:600 !important;color:var(--ink) !important}
.treb-pg table.ft{width:100% !important;border-collapse:collapse !important;font-size:2.15cqi !important;line-height:1.45 !important}
.treb-pg table.ft th{text-align:left !important;font-weight:600 !important;color:var(--muted) !important;font-size:1.75cqi !important;padding:0 2cqi 1.1cqi 0 !important;border-bottom:1px solid var(--ink) !important;vertical-align:bottom !important}
.treb-pg table.ft td{padding:1.5cqi 2cqi 1.5cqi 0 !important;border-bottom:1px solid var(--rule) !important;vertical-align:top !important}
.treb-pg table.ft td:first-child{color:var(--ink) !important;font-weight:600 !important;width:30% !important}
.treb-pg table.ft th:last-child,.treb-pg table.ft td:last-child{padding-right:0 !important}
.treb-pg p.src{font-size:1.65cqi !important;line-height:1.5 !important;color:var(--muted) !important;margin-top:2cqi !important;padding-top:2cqi !important;border-top:1px solid var(--rule) !important}
.treb-pg.opener .art{position:absolute !important;top:16cqi !important;left:22cqi !important;right:22cqi !important}
.treb-pg.opener .art svg{width:100% !important;height:auto !important;max-height:44cqi !important}
.treb-pg.opener .in{justify-content:flex-end !important;gap:3cqi !important;padding-bottom:22cqi !important}
.treb-pg.opener .cn{font-size:1.9cqi !important;color:var(--muted) !important}
.treb-pg.opener h2{font-size:6.4cqi !important;font-weight:700 !important;letter-spacing:-.03em !important;line-height:1.08 !important;color:var(--ink) !important;text-wrap:balance !important}
.treb-pg.opener .intro{font-size:2.8cqi !important;line-height:1.5 !important}
.treb-pg .wm{font-size:2.6cqi !important;font-weight:700 !important;letter-spacing:-.02em !important;color:var(--ink) !important;line-height:1 !important}
.treb-pg .wm span{font-weight:500 !important;color:var(--muted) !important}
.treb-pg.cover .wm{position:absolute !important;top:12cqi !important;left:12cqi !important}
.treb-pg.cover .art{position:absolute !important;top:30cqi !important;left:12cqi !important;right:12cqi !important}
.treb-pg.cover .art svg{width:100% !important;height:auto !important}
.treb-pg.cover .in{justify-content:flex-end !important;gap:3cqi !important}
.treb-pg.cover .cv-title{margin:0 !important;font-size:7.4cqi !important;font-weight:700 !important;letter-spacing:-.03em !important;line-height:1.06 !important;color:var(--ink) !important;max-width:68cqi !important;text-wrap:balance !important}
.treb-pg.cover .intro{font-size:2.8cqi !important;line-height:1.5 !important;max-width:64cqi !important}
.treb-pg.imprint .in{justify-content:flex-end !important;gap:2cqi !important}
.treb-pg.imprint p{font-size:1.85cqi !important;line-height:1.55 !important;color:var(--muted) !important}
.treb-pg.imprint p b{color:var(--ink) !important}
.treb-pg .t{font-size:4.6cqi !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.15 !important;color:var(--ink) !important;text-wrap:balance !important}
.treb-pg ol.toc{list-style:none !important;padding:0 !important;margin-top:2cqi !important}
.treb-pg ol.toc li{display:grid !important;grid-template-columns:5cqi minmax(0,1fr) auto !important;column-gap:2cqi !important;align-items:baseline !important;padding:1.55cqi 0 !important;font-size:2.55cqi !important;color:var(--ink) !important}
.treb-pg ol.toc .n,.treb-pg ol.toc .p{font-variant-numeric:tabular-nums !important;color:var(--muted) !important;font-size:2.2cqi !important}
.treb-pg.back .in{padding-top:12cqi !important}
.treb-pg.back .t{margin-top:9cqi !important}
.treb-pg.back .end{margin-top:auto !important;padding-top:4cqi !important;border-top:1px solid var(--rule) !important;display:flex !important;flex-direction:column !important;gap:2cqi !important}
.treb-pg.back h3{font-size:2.55cqi !important;font-weight:700 !important;color:var(--ink) !important}
.treb-pg .url{white-space:nowrap !important;color:var(--ink) !important;font-weight:600 !important}
.treb-pg .in > *{flex-shrink:0 !important}