/* IKUNIX v1.116.3
 * Tools-Hub nutzt absichtlich blog.css unverändert.
 * Diese Datei ergänzt NUR den Bild-Platzhalter, solange im Backend noch
 * kein eigenes Tool-Vorschaubild hochgeladen wurde.
 */

.tools-card-placeholder{
    aspect-ratio:16/9;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 75% 22%,rgba(3,156,253,.20),transparent 30%),
        linear-gradient(135deg,#f3f8fd,#e8f3ff);
}

.tools-card-placeholder-inner{
    display:grid;
    gap:5px;
    text-align:center;
    color:var(--primary-dark);
}

.tools-card-placeholder-inner span{
    font-size:.8rem;
    font-weight:900;
    letter-spacing:.16em;
}

.tools-card-placeholder-inner strong{
    font-size:clamp(1.55rem,3vw,2.35rem);
    letter-spacing:-.04em;
}

/* Bei genau einem Tool bleibt dieselbe Blog-Einzelkartenstruktur erhalten.
 * Der Platzhalter übernimmt dabei exakt die Rolle eines Blog-Beitragsbildes.
 */
@media (min-width:900px){
    .blog-card:only-child .tools-card-placeholder{
        height:100%;
        min-height:330px;
        aspect-ratio:auto;
    }
}

/* IKUNIX v1.116.4 tools info block
 * Breite, Karte, Typografie und Abstand orientieren sich am redaktionellen
 * Informationsblock direkt vor dem Footer der Blog-Startseite.
 */
.tools-info-section{
    padding-top:clamp(54px,6vw,86px);
    padding-bottom:clamp(62px,7vw,92px);
}
.tools-info-card{
    width:min(100%,1180px);
    margin:0 auto;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:24px;
    padding:clamp(28px,3.5vw,42px);
    box-shadow:0 12px 34px rgba(0,91,151,.07);
}
.tools-info-card .eyebrow{
    margin-bottom:10px;
}
.tools-info-card h2{
    margin:0;
    font-size:clamp(1.85rem,2.4vw,2.45rem);
    line-height:1.08;
    letter-spacing:-.04em;
}
.tools-info-text{
    max-width:1080px;
    margin:18px 0 0;
    color:var(--muted);
    font-size:1.04rem;
    line-height:1.7;
}
@media(max-width:620px){
    .tools-info-section{
        padding-top:46px;
        padding-bottom:58px;
    }
    .tools-info-card{
        padding:24px 22px;
    }
    .tools-info-card h2{
        font-size:1.8rem;
    }
}


/* IKUNIX v1.116.5 – tools info heading same visual size as blog info block */