/* Atlas Huisstijlhandboek: MkDocs Material omgezet naar de look van atlascorporation.org.
   Alle waarden komen uit atlas-tokens.css (canon, module atlas_corp_design) of zijn daar letterlijk van overgenomen:
   canvas #05080F, panelen #080E1C/#0A1224, hairline .08, tekst .92/.72/.6, CTA-verloop, link #4EA0FF, goud #D4A24C,
   radius 4 px, kaartschaduw 0 8px 22px rgba(0,0,0,.36). Lettertypen zelf gehost (variabele woff2, latin). */

@font-face{font-family:"Atlas DM Sans";src:url("../fonts/DMSans-var-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Atlas Space Grotesk";src:url("../fonts/SpaceGrotesk-var-latin.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Atlas JetBrains Mono";src:url("../fonts/JetBrainsMono-var-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Atlas Inter";src:url("../fonts/Inter-var-latin.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}

:root,[data-md-color-scheme="slate"]{
  --md-text-font:"Atlas DM Sans","DM Sans","Atlas Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --md-code-font:"Atlas JetBrains Mono","JetBrains Mono","Cascadia Code",monospace;
}
[data-md-color-scheme="slate"]{
  --md-default-bg-color:#05080F;
  --md-default-bg-color--light:rgba(5,8,15,.7);
  --md-default-bg-color--lighter:rgba(5,8,15,.3);
  --md-default-bg-color--lightest:rgba(5,8,15,.12);
  --md-default-fg-color:rgba(255,255,255,.92);
  --md-default-fg-color--light:rgba(255,255,255,.72);
  --md-default-fg-color--lighter:rgba(255,255,255,.32);
  --md-default-fg-color--lightest:rgba(255,255,255,.08);
  --md-primary-fg-color:#05080F;
  --md-primary-fg-color--light:#080E1C;
  --md-primary-fg-color--dark:#05080F;
  --md-primary-bg-color:rgba(255,255,255,.92);
  --md-primary-bg-color--light:rgba(255,255,255,.72);
  --md-accent-fg-color:#4EA0FF;
  --md-accent-fg-color--transparent:rgba(78,160,255,.1);
  --md-accent-bg-color:#05080F;
  --md-typeset-color:rgba(255,255,255,.72);
  --md-typeset-a-color:#4EA0FF;
  --md-typeset-mark-color:rgba(46,128,255,.28);
  --md-typeset-kbd-color:#0A1224;
  --md-typeset-kbd-accent-color:#0F1A33;
  --md-typeset-kbd-border-color:rgba(255,255,255,.14);
  --md-typeset-table-color:rgba(255,255,255,.08);
  --md-typeset-table-color--light:rgba(255,255,255,.03);
  --md-code-bg-color:#080E1C;
  --md-code-fg-color:rgba(255,255,255,.86);
  --md-code-hl-color:rgba(46,128,255,.18);
  --md-code-hl-color--light:rgba(46,128,255,.1);
  --md-code-hl-number-color:#F1D38C;
  --md-code-hl-special-color:#FF5C7A;
  --md-code-hl-function-color:#4EA0FF;
  --md-code-hl-constant-color:#77A7FF;
  --md-code-hl-keyword-color:#D4A24C;
  --md-code-hl-string-color:#2EE59D;
  --md-code-hl-name-color:rgba(255,255,255,.86);
  --md-code-hl-operator-color:rgba(255,255,255,.6);
  --md-code-hl-punctuation-color:rgba(255,255,255,.6);
  --md-code-hl-comment-color:rgba(255,255,255,.45);
  --md-code-hl-generic-color:rgba(255,255,255,.6);
  --md-code-hl-variable-color:rgba(255,255,255,.72);
  --md-footer-bg-color:#05080F;
  --md-footer-bg-color--dark:#05080F;
  --md-footer-fg-color:rgba(255,255,255,.72);
  --md-footer-fg-color--light:rgba(255,255,255,.6);
  --md-footer-fg-color--lighter:rgba(255,255,255,.5);
  --md-shadow-z1:0 8px 22px rgba(0,0,0,.36);
  --md-shadow-z2:0 16px 44px rgba(0,0,0,.48);
  --md-shadow-z3:0 20px 60px rgba(0,0,0,.55);
}

html{scroll-behavior:smooth}
body,[data-md-color-scheme="slate"] body{background:#05080F}
.md-main{background:
  radial-gradient(900px 500px at 15% 0%,rgba(46,128,255,.14),transparent 62%),
  radial-gradient(700px 500px at 88% 8%,rgba(20,94,210,.12),transparent 60%),
  #05080F}
.md-typeset{font-size:.8rem;line-height:1.65;color:var(--atlas-color-text-2)}
.md-typeset strong{color:var(--atlas-color-text-1);font-weight:700}
.md-typeset hr{border-bottom:1px solid var(--atlas-color-border-base)}
::selection{background:rgba(46,128,255,.35)}

/* ---------- header (canon: 86% canvas, blur 18px, hairline) ---------- */
.md-header{background:rgba(5,8,15,.86);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid var(--atlas-color-border-base);box-shadow:none;color:var(--atlas-color-text-1)}
.md-header__title{font-family:var(--atlas-font-family-display);font-weight:700;letter-spacing:-.01em}
.md-header__button.md-logo{padding:.3rem .5rem .3rem .2rem}
.md-header__button.md-logo img,.md-header__button.md-logo svg{height:1.5rem;width:auto}
.md-header__topic{font-family:var(--atlas-font-family-display)}
.atlas-header-cta{align-self:center;margin:0 .4rem 0 .6rem;white-space:nowrap}
.atlas-cta,.md-typeset .md-button--primary,.atlas-header-cta{
  display:inline-flex;align-items:center;gap:.5em;text-decoration:none;cursor:pointer;
  background:var(--atlas-gradient-cta);border:1px solid var(--atlas-cta-border);border-radius:var(--atlas-radius-input);
  color:#fff;font-weight:600;font-size:.62rem;letter-spacing:.01em;padding:.62rem 1.1rem;line-height:1.2;
  box-shadow:var(--atlas-shadow-btn);transition:box-shadow .18s,transform .18s,border-color .18s}
.atlas-cta:hover,.md-typeset .md-button--primary:hover,.atlas-header-cta:hover{color:#fff;box-shadow:var(--atlas-shadow-btn-hover);transform:translateY(-1px);border-color:rgba(78,160,255,.7)}
.atlas-ghost,.md-typeset .md-button{
  display:inline-flex;align-items:center;gap:.5em;text-decoration:none;
  background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-strong);border-radius:var(--atlas-radius-input);
  color:var(--atlas-color-brand-400);font-weight:600;font-size:.62rem;padding:.62rem 1.1rem;line-height:1.2;transition:border-color .18s,background .18s}
.atlas-ghost:hover,.md-typeset .md-button:hover{background:var(--atlas-color-panel-2);border-color:rgba(78,160,255,.55);color:#A9D2FF}
.md-typeset .md-button--primary{margin-right:.3rem}
@media (max-width:59.9375em){.atlas-header-cta{display:none}}

/* ---------- navigatie ---------- */
.md-nav{font-size:.68rem}
.md-nav__link{color:var(--atlas-color-text-2);font-weight:500}
.md-nav__link:hover,.md-nav__link--active{color:var(--atlas-color-text-1)}
.md-nav__item .md-nav__link--active{color:var(--atlas-color-brand-400)}
.md-nav--primary>.md-nav__list>.md-nav__item--section>.md-nav__link,
.md-nav--primary>.md-nav__list>.md-nav__item--section>label.md-nav__link{
  font-family:var(--atlas-font-family-mono);font-size:.55rem;font-weight:500;text-transform:uppercase;letter-spacing:.19em;
  color:var(--atlas-color-brand-400);text-shadow:0 0 18px rgba(46,128,255,.55);margin-top:1.1rem}
.md-nav--secondary .md-nav__title,.md-nav__title{font-family:var(--atlas-font-family-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.14em;color:var(--atlas-color-text-3);font-weight:600;box-shadow:none;background:transparent}
.md-sidebar__scrollwrap{scrollbar-color:rgba(255,255,255,.18) transparent}
@media (min-width:76.25em){.md-sidebar--primary .md-nav--primary{border-right:0}}

/* ---------- koppen en tekst (canon) ---------- */
.atlas-page-eyebrow{margin:0 0 .2rem}
.atlas-eyebrow{position:relative;display:inline-block;font-family:var(--atlas-font-family-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.19em;
  color:var(--atlas-color-brand-400);text-shadow:0 0 18px rgba(46,128,255,.55);padding-left:26px}
.atlas-eyebrow::before{content:"";position:absolute;left:0;top:50%;width:18px;height:1.5px;transform:translateY(-50%);background:linear-gradient(90deg,var(--atlas-color-brand-400),transparent)}
.md-typeset h1{font-family:var(--atlas-font-family-display);font-weight:700;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.015em;margin:0 0 .7em;
  color:var(--atlas-color-text-1);background:linear-gradient(160deg,var(--atlas-color-text-1) 60%,rgba(140,180,255,.75) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.md-typeset h2{font-family:var(--atlas-font-family-display);font-weight:700;font-size:1.65em;line-height:1.15;letter-spacing:-.015em;color:var(--atlas-color-text-1);margin:2.2em 0 .6em;
  padding-top:1.1em;border-top:1px solid var(--atlas-color-border-base)}
.md-typeset h2:first-of-type{border-top:0;padding-top:0;margin-top:1.4em}
.md-typeset h3{font-family:var(--atlas-font-family-display);font-weight:600;font-size:1.2em;line-height:1.3;letter-spacing:-.005em;color:var(--atlas-color-text-1);margin:1.8em 0 .5em}
.md-typeset h4{font-family:var(--atlas-font-family-display);font-weight:600;font-size:1em;color:var(--atlas-color-text-1)}
.md-typeset .headerlink{color:var(--atlas-color-brand-400)}
.md-typeset a{color:var(--atlas-color-brand-400);text-underline-offset:3px}
.md-typeset a:hover{color:#A9D2FF}
.md-typeset p.lead,.md-typeset .lead{font-size:clamp(15px,1.5vw,18px);line-height:1.7;color:var(--atlas-color-text-3);max-width:60ch}
.md-typeset blockquote{border-left:3px solid var(--atlas-color-brand-500);background:var(--atlas-color-panel-2);color:var(--atlas-color-text-2);margin:1.2em 0;padding:.8em 1.2em;border-radius:0 var(--atlas-radius-card) var(--atlas-radius-card) 0}
.md-typeset code{background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-base);border-radius:3px;padding:.05em .4em;font-size:.82em;color:#C9DDFB}
.md-typeset pre>code{border:0;padding:1em 1.2em;color:inherit}
.md-typeset pre{background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card)}
.md-typeset .tabbed-set{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card)}
.md-typeset table:not([class]){font-size:.74rem;background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);box-shadow:none;overflow:hidden;display:table;width:100%}
.md-typeset table:not([class]) th{background:var(--atlas-color-panel-2);color:var(--atlas-color-text-3);font-family:var(--atlas-font-family-mono);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid var(--atlas-color-border-strong)}
.md-typeset table:not([class]) td{border-top:1px solid var(--atlas-color-border-base);vertical-align:top}
.md-typeset table:not([class]) tbody tr:hover{background:var(--atlas-color-extra-panel-hover)}
.md-typeset__scrollwrap{margin:1em 0}
.md-typeset .admonition,.md-typeset details{background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-base);border-left:3px solid var(--atlas-color-brand-500);border-radius:var(--atlas-radius-card);box-shadow:none;font-size:.74rem}
.md-typeset .admonition-title,.md-typeset summary{background:var(--atlas-color-panel-2);font-family:var(--atlas-font-family-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}
.md-typeset .admonition.warning,.md-typeset details.warning{border-left-color:var(--atlas-color-gold-base)}
.md-typeset .admonition.danger,.md-typeset details.danger{border-left-color:var(--atlas-color-state-danger)}
.md-typeset .admonition.success,.md-typeset details.success{border-left-color:var(--atlas-color-state-success)}
.md-typeset img{border-radius:var(--atlas-radius-input)}
.md-typeset figure{margin:1.4em 0}
.md-typeset figcaption{font-size:.68rem;color:var(--atlas-color-text-3);margin-top:.5em;font-family:var(--atlas-font-family-sans)}
.md-search__form{background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-input)}
.md-search__input::placeholder{color:var(--atlas-color-text-3)}
.md-search__output{background:var(--atlas-color-panel-2)}

/* ---------- kaarten, grid (canon chip-card met hoekmarkeringen) ---------- */
.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:1.4em 0}
.atlas-grid.wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.atlas-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.atlas-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:44em){.atlas-grid.cols-2,.atlas-grid.cols-3{grid-template-columns:1fr}}
.atlas-card{position:relative;isolation:isolate;overflow:hidden;display:block;padding:20px 20px 18px;text-decoration:none;color:var(--atlas-color-text-2);
  border:1px solid rgba(46,128,255,.22);border-radius:var(--atlas-radius-card);
  background:linear-gradient(180deg,rgba(46,128,255,.04),rgba(255,255,255,.010)),var(--atlas-color-panel-base);
  box-shadow:var(--atlas-shadow-sm),0 0 0 1px rgba(46,128,255,.06),inset 0 0 24px rgba(46,128,255,.03);transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.atlas-card::before,.atlas-card::after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(78,160,255,.55);pointer-events:none;z-index:2}
.atlas-card::before{top:10px;left:10px;border-top:1px solid;border-left:1px solid}
.atlas-card::after{bottom:10px;right:10px;border-bottom:1px solid;border-right:1px solid}
a.atlas-card:hover{border-color:rgba(78,160,255,.55);transform:translateY(-2px);background:linear-gradient(180deg,rgba(46,128,255,.08),rgba(255,255,255,.015)),var(--atlas-color-panel-2);color:var(--atlas-color-text-1)}
.atlas-card h3,.atlas-card h4{margin:.6em 0 .3em;font-size:1.05em}
.atlas-card p{margin:0;font-size:.74rem;line-height:1.55;color:var(--atlas-color-text-3)}
.atlas-card .num{font-family:var(--atlas-font-family-mono);font-size:.58rem;letter-spacing:.19em;color:var(--atlas-color-brand-400);text-transform:uppercase}
.atlas-card svg.feather{width:22px;height:22px;stroke:var(--atlas-color-brand-400);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:6px}
svg.feather{width:1.1em;height:1.1em;vertical-align:-.18em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- hero (home) ---------- */
.atlas-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--atlas-color-border-base);
  background:
    linear-gradient(90deg,rgba(5,8,15,.94) 0%,rgba(5,8,15,.72) 42%,rgba(5,8,15,.1) 100%),
    linear-gradient(180deg,rgba(5,8,15,.2) 0%,#05080F 100%),
    url("../img/earth-hero-1600.webp") center 35%/cover no-repeat,#05080F}
.atlas-hero__inner{max-width:1180px;margin:0 auto;padding:clamp(48px,8vw,104px) 24px clamp(40px,6vw,72px)}
.atlas-hero .dotline{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.atlas-hero .dot{width:6px;height:6px;border-radius:50%;background:var(--atlas-color-brand-400);box-shadow:0 0 8px rgba(78,160,255,.9);animation:atlas-pulse 2.4s ease-in-out infinite;flex-shrink:0}
@keyframes atlas-pulse{0%,100%{opacity:1}50%{opacity:.45}}
.atlas-hero .atlas-eyebrow{text-shadow:0 0 18px rgba(46,128,255,.95),0 0 40px rgba(46,128,255,.55),0 0 80px rgba(46,128,255,.25)}
.atlas-hero h1{font-family:var(--atlas-font-family-display);font-size:var(--atlas-font-fluid-hero-h1);font-weight:900;line-height:1.06;letter-spacing:var(--atlas-font-tracking-hero);
  margin:0 0 28px;max-width:16ch;text-shadow:0 4px 28px rgba(0,0,0,.55);color:var(--atlas-color-text-1);-webkit-text-fill-color:initial;background:none}
.atlas-hero h1 em{font-style:normal;background:linear-gradient(160deg,rgb(232,243,255) 0%,rgb(159,208,255) 50%,rgb(46,128,255) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 10px 28px rgba(46,128,255,.42))}
.atlas-hero p.lead{font-size:clamp(16px,1.75vw,20px);line-height:1.68;color:var(--atlas-color-text-2);max-width:58ch;margin:0 0 28px}
.atlas-hero .btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.atlas-hero .btns a{font-size:13px;padding:13px 22px}
.atlas-hero .checks{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:var(--atlas-font-family-mono);font-size:12px;color:var(--atlas-color-text-3)}
.atlas-hero .checks span::before{content:"\2713\00a0";color:var(--atlas-color-state-success)}
.atlas-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto;border-top:1px solid var(--atlas-color-border-base)}
.atlas-stats>div{padding:28px 24px;border-left:1px solid var(--atlas-color-border-base);position:relative}
.atlas-stats>div:first-child{border-left:0}
.atlas-stats b{display:block;font-family:var(--atlas-font-family-display);font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.01em;color:var(--atlas-color-text-1);line-height:1.1}
.atlas-stats b.gold{color:var(--atlas-color-gold-base)}
.atlas-stats span{display:block;margin-top:6px;font-family:var(--atlas-font-family-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--atlas-color-text-3)}
@media (max-width:44em){.atlas-stats{grid-template-columns:1fr}.atlas-stats>div{border-left:0;border-top:1px solid var(--atlas-color-border-base)}.atlas-stats>div:first-child{border-top:0}}

/* ---------- kleurvlakken ---------- */
.atlas-sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:1.2em 0 1.6em}
.atlas-sw{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);overflow:hidden;background:var(--atlas-color-panel-base);box-shadow:var(--atlas-shadow-sm)}
.atlas-sw i{display:block;height:84px;border-bottom:1px solid var(--atlas-color-border-base)}
.atlas-sw div{padding:10px 12px 12px}
.atlas-sw b{display:block;font-family:var(--atlas-font-family-display);font-size:.8rem;color:var(--atlas-color-text-1);line-height:1.2}
.atlas-sw code{display:inline-block;margin-top:5px;background:none;border:0;padding:0;font-size:.7rem;color:var(--atlas-color-brand-400)}
.atlas-sw small{display:block;margin-top:4px;font-size:.62rem;line-height:1.45;color:var(--atlas-color-text-3)}
.atlas-sw.light i{border-bottom-color:rgba(0,0,0,.12)}
.atlas-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:.6em 0 1.4em}
.atlas-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-pill);background:var(--atlas-color-panel-base);font-size:.68rem;color:var(--atlas-color-text-2)}
.atlas-chip i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:block}
.atlas-chip code{background:none;border:0;padding:0;font-size:.64rem;color:var(--atlas-color-text-3)}
.atlas-grad{height:64px;border-radius:var(--atlas-radius-card);border:1px solid var(--atlas-color-border-base);margin:.5em 0}

/* ---------- logo-galerij, do/don't ---------- */
.atlas-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:1.4em 0}
.atlas-logo{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);overflow:hidden;background:var(--atlas-color-panel-base)}
.atlas-logo .stage{display:flex;align-items:center;justify-content:center;height:170px;padding:24px;background:#05080F}
.atlas-logo .stage.light{background:#FFFFFF}
.atlas-logo .stage.blue{background:#1F6FE0}
.atlas-logo .stage img{max-height:100%;max-width:80%;width:auto;height:auto;border-radius:0}
.atlas-logo .cap{padding:10px 14px 12px;font-size:.66rem;color:var(--atlas-color-text-3);line-height:1.45}
.atlas-logo .cap b{display:block;color:var(--atlas-color-text-1);font-size:.74rem;margin-bottom:2px}
.atlas-logo .cap code{font-size:.6rem}
.atlas-dd{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:1.2em 0}
.atlas-dd figure{margin:0;border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);overflow:hidden;background:var(--atlas-color-panel-base)}
.atlas-dd img{display:block;width:100%;height:auto;border-radius:0}
.atlas-dd figcaption{margin:0;padding:9px 12px 11px;font-size:.66rem;line-height:1.45;color:var(--atlas-color-text-3);position:relative;padding-left:36px}
.atlas-dd figcaption::before{position:absolute;left:12px;top:9px;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#05080F}
.atlas-dd.do figcaption::before{content:"\2713";background:var(--atlas-color-state-success)}
.atlas-dd.dont figcaption::before{content:"\2715";background:var(--atlas-color-state-danger)}
.atlas-dd.do figure{border-top:2px solid var(--atlas-color-state-success)}
.atlas-dd.dont figure{border-top:2px solid var(--atlas-color-state-danger)}
.atlas-minsize{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-end;padding:22px;border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);background:#05080F;margin:1em 0}
.atlas-minsize figure{margin:0;text-align:center}
.atlas-minsize img{display:block;margin:0 auto;border-radius:0}
.atlas-minsize figcaption{margin-top:8px;font-family:var(--atlas-font-family-mono);font-size:.56rem;color:var(--atlas-color-text-3)}

/* ---------- typografie-specimen ---------- */
.atlas-spec{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);background:var(--atlas-color-panel-base);padding:24px 26px;margin:1.2em 0;box-shadow:var(--atlas-shadow-sm)}
.atlas-spec .lbl{font-family:var(--atlas-font-family-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--atlas-color-text-3);margin-bottom:10px}
.atlas-spec .big{font-size:clamp(40px,7vw,84px);line-height:1;color:var(--atlas-color-text-1);margin-bottom:12px}
.atlas-spec .glyphs{color:var(--atlas-color-text-2);word-break:break-all;font-size:1.05rem;line-height:1.45}
.atlas-spec.sg .big,.atlas-spec.sg .glyphs{font-family:var(--atlas-font-family-display)}
.atlas-spec.sg .big{font-weight:700;letter-spacing:-.015em}
.atlas-spec.dm .big,.atlas-spec.dm .glyphs{font-family:var(--atlas-font-family-sans)}
.atlas-spec.jb .big,.atlas-spec.jb .glyphs{font-family:var(--atlas-font-family-mono)}
.atlas-spec.jb .big{font-size:clamp(34px,6vw,64px)}
.atlas-scale>div{display:flex;align-items:baseline;gap:18px;padding:10px 0;border-top:1px solid var(--atlas-color-border-base)}
.atlas-scale>div:first-child{border-top:0}
.atlas-scale .k{flex:0 0 150px;font-family:var(--atlas-font-family-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--atlas-color-text-3)}
.atlas-scale .v{color:var(--atlas-color-text-1);line-height:1.2}
@media (max-width:44em){.atlas-scale>div{flex-direction:column;gap:4px}.atlas-scale .k{flex:none}}

/* ---------- iconen ---------- */
.atlas-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:1.2em 0}
.atlas-icon-tile{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);background:var(--atlas-color-panel-base);padding:16px 6px 10px;text-align:center;color:var(--atlas-color-brand-400);transition:border-color .18s,background .18s}
.atlas-icon-tile:hover{border-color:rgba(78,160,255,.45);background:var(--atlas-color-panel-2)}
.atlas-icon-tile svg{width:26px;height:26px;stroke-width:1.6;display:block;margin:0 auto 8px}
.atlas-icon-tile span{display:block;font-family:var(--atlas-font-family-mono);font-size:9px;color:var(--atlas-color-text-3);word-break:break-all}

/* ---------- layout-demo ---------- */
.atlas-demo{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);background:var(--atlas-color-panel-base);padding:22px;margin:1.2em 0}
.atlas-space-row{display:flex;align-items:center;gap:14px;padding:6px 0}
.atlas-space-row b{flex:0 0 96px;font-family:var(--atlas-font-family-mono);font-size:.6rem;font-weight:500;color:var(--atlas-color-text-3)}
.atlas-space-row i{display:block;height:12px;background:var(--atlas-gradient-cta);border-radius:2px}
.atlas-container-demo{position:relative;height:150px;border:1px dashed rgba(78,160,255,.35);background:rgba(46,128,255,.04);border-radius:var(--atlas-radius-card);display:flex;align-items:stretch;justify-content:center;padding:0}
.atlas-container-demo .box{width:78%;border-left:1px solid rgba(78,160,255,.6);border-right:1px solid rgba(78,160,255,.6);background:rgba(46,128,255,.08);display:flex;align-items:center;justify-content:center;font-family:var(--atlas-font-family-mono);font-size:.62rem;letter-spacing:.08em;color:var(--atlas-color-brand-400);text-transform:uppercase;text-align:center}
.atlas-radius-row{display:flex;flex-wrap:wrap;gap:18px}
.atlas-radius-row div{width:110px;height:76px;background:var(--atlas-color-panel-2);border:1px solid rgba(78,160,255,.4);display:flex;align-items:flex-end;padding:8px;font-family:var(--atlas-font-family-mono);font-size:.56rem;color:var(--atlas-color-text-2)}
.atlas-shadow-row{display:flex;flex-wrap:wrap;gap:22px;padding:14px 4px}
.atlas-shadow-row div{width:140px;height:80px;background:var(--atlas-color-panel-base);border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);display:flex;align-items:flex-end;padding:8px;font-family:var(--atlas-font-family-mono);font-size:.56rem;color:var(--atlas-color-text-2)}

/* ---------- sjablonen/ui-galerij ---------- */
.atlas-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:1.2em 0 2em}
.atlas-gallery figure{margin:0;border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);overflow:hidden;background:var(--atlas-color-panel-base);box-shadow:var(--atlas-shadow-sm);display:flex;flex-direction:column}
.atlas-gallery .thumb{height:230px;display:flex;align-items:center;justify-content:center;background:#0A1224;padding:12px}
.atlas-gallery img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:2px;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.atlas-gallery figcaption{margin:0;padding:9px 12px 11px;font-size:.66rem;color:var(--atlas-color-text-3);line-height:1.4;border-top:1px solid var(--atlas-color-border-base)}
.atlas-gallery figcaption b{display:block;color:var(--atlas-color-text-1);font-size:.72rem}
.atlas-shot{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);overflow:hidden;background:var(--atlas-color-panel-base);box-shadow:var(--atlas-shadow-md);margin:1em 0}
.atlas-shot img{display:block;width:100%;height:auto;border-radius:0}
.atlas-shot-pair{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:16px;align-items:start;margin:1.2em 0 .6em}
.atlas-shot-pair .atlas-shot{margin:0}
.atlas-shot-pair .crop{max-height:520px;overflow:hidden;position:relative}
.atlas-shot-pair .crop::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,#080E1C)}
@media (max-width:44em){.atlas-shot-pair{grid-template-columns:1fr}}
.atlas-earth{border:1px solid var(--atlas-color-border-base);border-radius:var(--atlas-radius-card);overflow:hidden;margin:1.2em 0;box-shadow:var(--atlas-shadow-md)}
.atlas-earth img{display:block;width:100%;height:auto;border-radius:0}
.atlas-dl{display:flex;flex-wrap:wrap;gap:10px;margin:1em 0}
.atlas-note{font-size:.7rem;color:var(--atlas-color-text-3)}
.atlas-tbc{display:inline-block;font-family:var(--atlas-font-family-mono);font-size:.62rem;letter-spacing:.06em;color:var(--atlas-color-gold-base);background:var(--atlas-color-gold-bg);border:1px solid var(--atlas-color-gold-dim);border-radius:var(--atlas-radius-pill);padding:1px 9px}
.atlas-gold-pill{display:inline-block;font-family:var(--atlas-font-family-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--atlas-color-gold-base);background:var(--atlas-color-gold-bg);border:1px solid var(--atlas-color-gold-dim);border-radius:var(--atlas-radius-pill);padding:2px 10px}

/* ---------- footer ---------- */
.md-footer{border-top:1px solid var(--atlas-color-border-base);position:relative}
.md-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--atlas-gradient-footer-line)}
.md-footer-meta{background:#05080F}
.md-footer-meta__inner{color:var(--atlas-color-text-3)}
.md-copyright{font-size:.62rem;width:100%;color:var(--atlas-color-text-3)}
.md-footer__link{color:var(--atlas-color-text-2)}
.md-footer__title{font-family:var(--atlas-font-family-display)}
.md-top{background:var(--atlas-color-panel-2);border:1px solid var(--atlas-color-border-strong);color:var(--atlas-color-brand-400);box-shadow:var(--atlas-shadow-sm)}

/* ---------- print (PDF) ---------- */
.atlas-print .md-typeset{font-size:10.5pt}
.atlas-print .atlas-hero{border:0}
@media print{
  body{background:#05080F !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .md-typeset h2,.md-typeset h3{break-after:avoid}
  .atlas-card,.atlas-sw,.atlas-logo,.atlas-dd figure,.atlas-gallery figure,.atlas-spec,figure,table{break-inside:avoid}
}

/* permalink-pilcrow alleen bij hover/focus, nooit op h1 */
.md-typeset h1 .headerlink{display:none}
.md-typeset h2 .headerlink,.md-typeset h3 .headerlink{opacity:0}
.md-typeset h2:hover .headerlink,.md-typeset h3:hover .headerlink,.md-typeset .headerlink:focus{opacity:1}

/* Material zet figure op display:table/fit-content; in rasters willen we gelijke kaarten */
.md-typeset .atlas-dd figure,.md-typeset .atlas-gallery figure,.md-typeset .atlas-minsize figure{display:flex;flex-direction:column;width:auto;max-width:none}
.md-typeset .atlas-dd figure,.md-typeset .atlas-gallery figure{margin:0}
.md-typeset figcaption{font-style:normal;max-width:none;text-align:left}
.md-typeset .atlas-dd figcaption,.md-typeset .atlas-gallery figcaption{flex:1;margin:0}
.md-typeset .atlas-minsize figcaption{text-align:center}
.md-typeset figure.atlas-shot,.md-typeset figure.atlas-earth{display:block;width:auto;margin:1em 0}

/* fixes 2026-10-02: CTA in de pagina-inhoud houdt witte tekst (specificiteit boven .md-typeset a); zijbalktitel zonder zwart blok */
.md-typeset a.atlas-cta,.md-typeset a.atlas-cta:hover,.md-typeset a.atlas-cta:focus{color:#fff}
.md-nav--primary .md-nav__title,.md-nav--primary .md-nav__title[for="__drawer"],.md-nav__title{background:transparent;box-shadow:none}