.rppfw{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
/* CSS-Variablen (werden inline vom Shortcode gesetzt) */
.rppfw{--rppfw-title-size:15px;--rppfw-text-size:13px;--rppfw-source-size:12px;--rppfw-date-size:12px}

/* Grid kompakter, gleichmässiger */
.rppfw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}

/* Card als Flex-Container, Inhalt obenbündig */
.rppfw-card{display:flex;flex-direction:column;justify-content:flex-start;border-radius:14px;overflow:hidden;text-decoration:none;background:#0e1116;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.35);transition:transform .15s ease,border-color .15s ease;min-height:240px}
.rppfw-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}

/* Bild weniger dominant */
.rppfw-img{height:120px;background-size:cover;background-position:center}

/* Body nimmt den Rest, Inhalt oben */
.rppfw-body{padding:12px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}

.rppfw-meta{display:flex;gap:10px;align-items:center;opacity:.85;margin-bottom:2px}
.rppfw-badge{font-size:var(--rppfw-source-size);padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.92)}
.rppfw-date{font-size:var(--rppfw-date-size);color:rgba(255,255,255,.72)}

.rppfw-title{font-weight:750;font-size:var(--rppfw-title-size);line-height:1.25;color:#fff;margin:0}
.rppfw-text{font-size:var(--rppfw-text-size);line-height:1.35;color:rgba(255,255,255,.78);margin:0;flex:0 0 auto}

/* Ticker */
.rppfw-ticker{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0e1116}
.rppfw-ticker-track{display:flex;gap:10px;align-items:stretch;will-change:transform;padding:10px}

/* Ticker Cards kompakter */
.rppfw-ticker .rppfw-card{min-width:360px;max-width:520px;min-height:0}