/* 📂 modules/sz05t/assets/css/style.css */
/* 🟩 Responsive card layout with better spacing */
html,body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0;background:var(--sc-bg,#f8f9fa);color:var(--sc-text,#111827)}
main{max-width:1200px;margin:24px auto;padding:16px}
.sc-container{max-width:1200px;margin:24px auto;padding:16px}
.card{background:var(--sc-card-bg,#ffffff);border:1px solid var(--sc-border,#e5e7eb);border-radius:14px;padding:24px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
h1{font-size:2rem;margin:0 0 12px;color:var(--sc-text,#111827);font-weight:700}
h2{font-size:1.5rem;margin:16px 0 12px;color:var(--sc-text,#111827);font-weight:600}
p{line-height:1.7;margin:12px 0;color:var(--sc-text,#374151)}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;cursor:pointer;margin:8px 8px 0 0;font-weight:600;transition:transform 0.2s,box-shadow 0.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.3)}
.badge{display:inline-block;border:1px solid var(--sc-border,#e5e7eb);border-radius:999px;padding:4px 12px;margin-right:8px;font-size:.85rem;background:var(--sc-surface,#f3f4f6);color:var(--sc-text,#6b7280);font-weight:500}
.footer{opacity:.7;font-size:.9rem;margin-top:24px;padding-top:16px;border-top:1px solid var(--sc-border,#e5e7eb);color:var(--sc-text-muted,#6b7280)}
/* Dark mode improvements */
[data-theme="dark"] {background:var(--sc-bg,#0f172a)}
[data-theme="dark"] .card{background:var(--sc-card-bg,#1e293b);border-color:var(--sc-border,#334155)}
[data-theme="dark"] h1,[data-theme="dark"] h2{color:var(--sc-text,#e2e8f0)}
[data-theme="dark"] p{color:var(--sc-text,#cbd5e1)}
[data-theme="dark"] .badge{background:var(--sc-surface,#334155);border-color:var(--sc-border,#475569);color:var(--sc-text,#94a3b8)}