/* RandomSecurity24 – CISO-Ausreden-Generator */

.au-bereich { padding-top: 48px; }
.au-raster { display: grid; grid-template-columns: 360px 1fr; gap: 24px; align-items: start; }
@media (max-width: 900px) { .au-raster { grid-template-columns: 1fr; } }

.au-regler { padding: 24px; }
.au-regler h2 { font-size: 1.1rem; margin: 0 0 6px; }
.au-feld { margin-top: 18px; }
.au-feld label, .au-titel { display: block; font-size: .88rem; font-weight: 700; color: var(--ink-soft); margin-bottom: 8px; }
.au-feld label b { color: var(--accent); }
.au-feld input[type=range] { width: 100%; accent-color: var(--accent); }
.au-skala { display: flex; justify-content: space-between; font-size: .74rem; color: var(--ink-mute); margin-top: 2px; }
.au-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.au-chips .chip { font-size: .82rem; padding: 6px 12px; }

/* Der „Brief“ */
.au-brief { padding: 28px 30px; background: #fffdf6; border-color: #eee3c4; }
.au-briefkopf { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 2px solid var(--navy); }
.au-logo { width: 38px; height: 38px; border-radius: 10px; background: var(--navy); color: #fff; display: grid; place-items: center; }
.au-logo svg { width: 22px; height: 22px; }
.au-briefkopf b { display: block; }
.au-briefkopf small { color: var(--ink-mute); font-size: .78rem; }
.au-ausgabe { font-family: Georgia, "Times New Roman", serif; font-size: 1.05rem; line-height: 1.65; color: #1d2533; min-height: 180px; }
.au-ausgabe p { margin: 0 0 12px; }
.au-ausgabe.neu { animation: blase-rein .35s var(--weich, ease); }
.au-kurz { font-size: 1.35rem; line-height: 1.5; font-style: italic; }
.au-unterschrift { margin-top: 22px !important; display: flex; flex-direction: column; font-family: var(--font); }
.au-kritzel { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 1.7rem; color: #2f4bb8; transform: rotate(-4deg); transform-origin: left; width: max-content; }
.au-unterschrift b { font-size: .95rem; }
.au-unterschrift small { color: var(--ink-mute); font-size: .8rem; }

.au-glaub { margin-top: 16px; padding: 16px 20px; }
.au-glaub-zeile { display: flex; justify-content: space-between; font-weight: 700; font-size: .9rem; }
.au-glaub-zeile b { color: var(--accent); }
.au-glaub-skala { height: 8px; background: var(--bg); border-radius: 5px; overflow: hidden; margin: 8px 0 6px; }
.au-glaub-skala div { height: 100%; width: 0; background: linear-gradient(90deg, var(--accent), var(--warn), var(--ok)); transition: width .5s var(--weich, ease); }
.au-glaub small { color: var(--ink-mute); }

.au-aktionen { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.au-hinweis { margin-top: 18px; font-size: .85rem; color: var(--ink-mute); }
@media (max-width: 520px) { .au-brief { padding: 22px 18px; } .au-regler { padding: 20px; } }