:root{
  --st-primary:#65b8de;
  --st-bg:#fff;
  --st-text:#222;
  --st-muted:#6b7280;
  --st-border:#e5e7eb;
}
.actueel-st{background:var(--st-bg); color:var(--st-text);}
.actueel-st .st-wrap{max-width:1100px;margin:0 auto;padding:clamp(16px,2vw,28px);}
.actueel-st .st-hero{background:linear-gradient(0deg,#ffffff, #f7fbfe); border-bottom:1px solid var(--st-border);}
.actueel-st h1{font-size:clamp(28px,3vw,40px);margin:0 0 8px;}
.actueel-st .st-intro{color:var(--st-muted);margin:0 0 18px;}
.actueel-st .st-search{display:flex;gap:8px;align-items:center;margin-bottom:12px;}
.actueel-st .st-search input{flex:1;border:1px solid var(--st-border);border-radius:10px;padding:12px 14px;font-size:16px;}
.actueel-st .st-btn{background:var(--st-primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.05);}
.actueel-st .st-btn.ghost{background:transparent;color:var(--st-primary);border:1px solid var(--st-primary);}
.actueel-st .st-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.actueel-st .chip{border:1px solid var(--st-border);background:#fff;border-radius:20px;padding:8px 12px;cursor:pointer;text-decoration:none;color:inherit;}
.actueel-st .chip.is-active{border-color:var(--st-primary);color:var(--st-primary);box-shadow:inset 0 0 0 1px var(--st-primary);}

.actueel-st .st-grid{padding:20px 0;}
.actueel-st .cards{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;}
@media (min-width:700px){.actueel-st .cards{gap:20px;}}
@media (max-width:699px){.actueel-st .cards .card{grid-column:span 12;}}
@media (min-width:700px) and (max-width:1023px){.actueel-st .cards .card{grid-column:span 6;}}
@media (min-width:1024px){.actueel-st .cards .card{grid-column:span 4;}}

.actueel-st .card{border:1px solid var(--st-border);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .15s ease;min-height:100%;}
.actueel-st .card:hover{transform:translateY(-2px);}
.actueel-st .card .media{display:block;aspect-ratio:16/9;background:#f3f4f6;overflow:hidden;}
.actueel-st .card .media img{width:100%;height:100%;object-fit:cover;display:block;}
.actueel-st .card.no-thumb .body{padding-top:16px;}
.actueel-st .card .body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;}
.actueel-st .card .meta{display:flex;gap:10px;align-items:center;color:var(--st-muted);font-size:13px;flex-wrap:wrap;}
.actueel-st .card .meta .type{background:#eef7fc;color:#256b88;border:1px solid #d6ecf8;border-radius:12px;padding:2px 8px;}
.actueel-st .card .title{font-size:18px;margin:0;}
.actueel-st .card .title a{color:inherit;text-decoration:none;}
.actueel-st .card .excerpt{margin:0;color:#4b5563;}
.actueel-st .card .labels{display:flex;gap:8px;flex-wrap:wrap;}
.actueel-st .label{font-size:12px;border-radius:10px;padding:3px 8px;border:1px solid var(--st-border);}
.actueel-st .label.new{background:#e6f9f1;border-color:#c7f0df;color:#0f5132;animation:pulse 1.4s infinite;}
.actueel-st .label.update{background:#fff7e6;border-color:#ffe0a3;color:#92400e;}
.actueel-st .label.long{background:#eef2ff;border-color:#c7cffc;color:#1e3a8a;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(101,184,222,.5);}70%{box-shadow:0 0 0 8px rgba(101,184,222,0);}100%{box-shadow:0 0 0 0 rgba(101,184,222,0);}}

.actueel-st .st-load{display:flex;justify-content:center;margin-top:22px;}
.actueel-st .st-load ul{list-style:none;display:flex;gap:8px;padding:0;margin:0;}
.actueel-st .st-load .page-numbers{display: flex
;background:#fff;border:1px solid var(--st-border);padding:8px 12px;border-radius:10px;text-decoration:none;color:#111;}
.actueel-st .st-load .page-numbers.current{border-color:var(--st-primary);color:var(--st-primary);font-weight:600;}
.actueel-st .st-empty{padding:20px;border:1px dashed var(--st-border);border-radius:12px;text-align:center;color:#6b7280;}