:root{
  --bg:#0b0f12;
  --card:#12181d;
  --text:#e8eef2;
  --muted:#a9b7c0;
  --accent:#79c0ff;
  --accent-2:#b088f5;
  --border:#22303a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Noto Sans,'Apple Color Emoji','Segoe UI Emoji',sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.site-title{font-size:1.8rem;font-weight:700}
.grid { display:block;      /* or display:flex; flex-direction:column; */}
.grid .card { display:block; width:100%;  margin-bottom:16px;  /* spacing between cards */}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;transition:transform .12s ease, border-color .12s ease}
.card:hover{transform:translateY(-2px);border-color:var(--accent)}
.badge{display:inline-block;font-size:.75rem;padding:3px 8px;border-radius:999px;background:rgba(121,192,255,.16);color:var(--accent);border:1px solid rgba(121,192,255,.35);}
.hero{display:flex;gap:20px;flex-wrap:wrap;align-items:center;background:linear-gradient(120deg,rgba(121,192,255,.08),rgba(176,136,245,.08));border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:24px}
.hero img{height:auto;border-radius:14px;border:1px solid var(--border);background:#000}
.hero h1{margin:0 0 8px 0}
footer{margin-top:40px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border);padding-top:16px}
.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.button{display:inline-block;background:var(--card);border:1px solid var(--border);padding:10px 14px;border-radius:12px}
.h2{margin-top:8px}
.small{color:var(--muted)}
ul{margin-top:0}
iframe{border:0;border-radius:12px;max-width:100%}
/*.pc-only { display:block; }
.mobile-only { display:none; }
@media (max-width: 1100px), (hover: none) and (pointer: coarse) {
  .pc-only { display: none; }
  .mobile-only { display: block; }
}*/