:root{
  --expl-primary:#0A3B5C;
  --expl-accent:#FFCC00;
  --expl-bg:#ffffff;
  --expl-text:#111827;
  --expl-muted:#6B7280;
  --expl-border:#E5E7EB;
}

.expl-container{max-width:1100px;margin:0 auto;padding:16px}
.expl-header, .expl-footer{border:1px solid var(--expl-border);border-radius:16px;padding:16px;margin:12px 0;background:var(--expl-bg);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.expl-brand{display:flex;gap:12px;align-items:center}
.expl-logo{height:40px;width:auto}
.expl-site{color:var(--expl-primary)}
.expl-client{font-size:14px;color:var(--expl-muted)}

.expl-block{border:1px solid var(--expl-border);border-radius:16px;padding:16px;margin:12px 0;background:var(--expl-bg)}
.expl-block-header{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.expl-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--expl-primary);color:white;font-size:14px}
.expl-block h2{margin:0;font-size:18px}
.expl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px}
.expl-card{border:1px solid var(--expl-border);border-radius:12px;padding:12px;background:white}
.expl-card h3{margin:0 0 6px 0;font-size:16px;color:var(--expl-primary)}
.expl-card p{margin:0 0 8px 0;color:var(--expl-text);font-size:14px;line-height:1.4}
.expl-link{color:var(--expl-primary);text-decoration:underline}
.expl-empty{color:var(--expl-muted)}
.expl-badge-date{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--expl-accent);font-size:12px;margin-bottom:6px}
.expl-location{font-style:italic;color:var(--expl-muted);font-size:13px}

.expl-credit{margin-top:8px;color:var(--expl-muted);font-size:12px}
@media (prefers-color-scheme: dark){
  :root{--expl-bg:#0f172a;--expl-text:#e5e7eb;--expl-border:#1f2937;--expl-muted:#9CA3AF}
  .expl-card{background:#111827}
  .expl-header,.expl-footer{background:#0b1220}
}