/* Minimal styles for the scaffold. Keep simple and extendable. */
:root{
  --bg:#fafafa;
  --text:#111;
  --accent:#0b6;
}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
body{background:var(--bg);color:var(--text);padding:18px}
header{margin-bottom:18px}
nav a{color:var(--accent);text-decoration:none;margin-right:8px}
main{background:#fff;padding:16px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
button{padding:6px 10px;border-radius:4px;border:1px solid #ddd;background:#fff}
form label{display:block;margin:6px 0}
pre{white-space:pre-wrap;background:#f6f6f6;padding:10px;border-radius:4px}

/* Search & listing styles */
.search-panel{display:flex;flex-wrap:wrap;gap:12px}
.search-panel .field{min-width:180px}
.listing{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:12px}
.card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 6px rgba(10,10,10,0.04)}
.dim{color:#666;font-size:0.95rem}
.badge{display:inline-block;padding:3px 6px;border-radius:6px;background:#eef}
.btn{padding:6px 10px;border-radius:6px;border:1px solid #ddd;background:#fff}
.btn-small{padding:6px 8px;font-size:0.9rem}

/* Unlock page specific */
.card h2, .card h3, .card h4 { margin-top: 0; }
aside .card { box-shadow: 0 6px 20px rgba(11,102,51,0.06); }
.btn{cursor:pointer}
.btn[style*="background:#00c300"]{background:#00c300;border-color:transparent}
.btn[style*="background:#00c300"]:hover{opacity:0.95}