/* ===================================================================
   „WAS NOCH KOMMT" — DAS NOTIZBUCH UND DER SCHLUSS

   Fünf Ideen mit ihrem Reifegrad und die vier Wege danach.

   Sie standen zuerst bei den anderen Teilen. Bei 305 Zeilen musste
   getrennt werden, und die Naht lag auf der Hand: Alles davor gehört
   zum Argument der Seite — Hinweis, Verweise, die beiden gerahmten
   Abschnitte. Was hier steht, ist das lose Ende: aufgeschriebene
   Einfälle, von denen die Seite selbst sagt, dass aus den meisten
   nichts wird.
   =================================================================== */

:root[data-thema] .zu-ideen {
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
    gap: 0.9rem;
    margin-top: 1.6rem;
}

:root[data-thema] .zu-idee {
    position: relative;
    padding: 1.5rem 1.6rem;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--k-rund-mittel);
    background: var(--k-vertieft);
    min-width: 0;
}

:root[data-thema] .zu-idee__kopf {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.7rem;
}

:root[data-thema] .zu-idee__kopf h3 {
    margin: 0;
    min-width: 0;
    color: var(--k-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

:root[data-thema] .zu-idee p {
    color: var(--k-text-leise);
    font-size: 0.9rem;
    line-height: 1.78;
}

:root[data-thema] .zu-idee--verworfen {
    opacity: 0.72;
}

:root[data-thema] .zu-idee--verworfen .zu-idee__kopf h3 {
    color: var(--k-text-leise);
    text-decoration: line-through;
    text-decoration-color: var(--k-rand-seite);
}

:root[data-thema] .zu-status {
    flex-shrink: 0;
    padding: 3px 9px;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--k-rund-pille);
    background: var(--k-vertieft);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

:root[data-thema] .zu-status--skizze {
    color: var(--k-text);
}

:root[data-thema] .zu-status--idee {
    color: var(--k-text-leise);
}

:root[data-thema] .zu-status--traum {
    color: var(--k-text-still);
}

:root[data-thema] .zu-status--weg {
    color: var(--k-text-still);
    opacity: 0.8;
}

:root[data-thema] .zu-block--schluss {
    padding-top: 2.5rem;
}

:root[data-thema] .zu-schlusswege {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.8rem;
    margin-top: 1.6rem;
}

:root[data-thema] .zu-schlusswege a {
    position: relative;
    padding: 1rem 1.3rem;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--k-rund-mittel);
    background: var(--k-vertieft);
    color: var(--k-text-leise);
    font-size: 0.92rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: color var(--bew-schnell) var(--bew-beides);
}

:root[data-thema] .zu-schlusswege a:hover,
:root[data-thema] .zu-schlusswege a:focus-visible {
    color: var(--k-text);
}

:root[data-thema] .zu-schlusswege a>span.zeichen--zerfaellt {
    visibility: hidden;
}

@media (max-width: 768px) {
    :root[data-thema] .zu-ideen {
        grid-template-columns: 1fr;
    }

    :root[data-thema] .zu-idee__kopf {
        flex-direction: column;
        gap: 0.5rem;
    }
}