/* Sectie 3 — Dagboek-strip: de éne donkere kaart op de site (beslist 2026-07-21). */

.diary{position:relative;background:var(--diary-bg);color:var(--diary-ink);border:1px solid var(--diary-line);border-radius:26px;box-shadow:var(--card-shadow);padding:clamp(1.4rem,3vw,2.6rem);display:grid;grid-template-columns:1fr auto;gap:clamp(1.5rem,3vw,3rem);margin-top:2rem}
@media (max-width:700px){.diary{grid-template-columns:1fr;padding-top:3.4rem}}
.diary .tag{background:rgba(107,193,255,.14);color:var(--diary-accent)}

.logs{display:grid;gap:.65rem;font-family:var(--mono);font-size:var(--text-mono);align-content:center}
.logrow{display:flex;gap:.8rem;align-items:baseline;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.diary.play .logrow{opacity:1;transform:none}
.logrow .t{color:var(--diary-accent);flex:none}
.logrow .m{color:var(--diary-ink-2)}
.logrow .m b{color:#fff;font-weight:600}
.logrow .wait{color:var(--neon-2);font-weight:600}

.saved{align-self:center;text-align:right}
@media (max-width:700px){.saved{text-align:left}}
.saved .big{font-family:var(--serif);font-weight:700;font-size:var(--text-big);line-height:1;color:#fff;letter-spacing:-.02em}
.saved .cap{font-size:.78rem;color:var(--diary-ink-3);margin-top:.4rem;max-width:16ch}
@media (max-width:700px){.saved .cap{max-width:none}}

@media (prefers-reduced-motion:reduce){
  .logrow{transition:none;opacity:1;transform:none}
}