/* AandelenLab upgrade enhancements: mobiele navigatie, verouderingsbadges,
   realized/guidance-chips en materiële-vlagboxen. Los bestand zodat de
   bestaande stijl ongewijzigd blijft. */

/* --- Mobiele navigatie / hamburger --- */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);cursor:pointer}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .nav-toggle span:nth-child(2){opacity:0}
body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:760px){
  .masthead{position:relative}
  .nav-toggle{display:flex}
  .site-nav{position:absolute;top:calc(100% + 10px);right:var(--pad);left:var(--pad);flex-direction:column;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(13,24,40,.14);display:none}
  body.nav-open .site-nav{display:flex}
  .site-nav a{padding:12px 14px;border-radius:10px}
  .site-nav a:hover{background:var(--bg-soft)}
}

/* --- Verouderingsbadge --- */
.stale-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px;white-space:nowrap}
.stale-fresh{background:#e7f6ee;color:#0f7a47}
.stale-stale{background:#fdecec;color:#b42318}

/* --- Gerealiseerd vs guidance chips --- */
.chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-right:8px}
.chip-realized{background:#e7f6ee;color:#0f7a47}
.chip-guidance{background:#fff3e0;color:#b4690e}

/* --- Materiële vlaggen (auditgedreven) --- */
.dh-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.matflags{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.matflag{border-left:3px solid var(--line);padding:10px 14px;background:var(--bg-soft);border-radius:0 10px 10px 0}
.matflag-fact{border-left-color:#1f6feb;background:#eef4ff}
.matflag-stale{border-left-color:#b42318;background:#fdecec}
.matflag-unconfirmed{border-left-color:#b4690e;background:#fff3e0}
.matflag-info{border-left-color:#7a8aa0}
.matflag .mf-tag{display:block;font-weight:700;font-size:13px;margin-bottom:2px}
.matflag p{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.5}
.matflag .mf-src{font-size:12px;margin-left:4px}