/* HoopGuess site shell */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; background:#0d0f13; color:#e8eaed;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; line-height:1.55; }
a { color:#7aa2f7; text-decoration:none; }
a:hover { text-decoration:underline; }

.site-head { display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:880px; margin:0 auto; padding:14px 16px; }
.brand { font-weight:800; font-size:1.1rem; color:#fff; }
.site-nav { display:flex; gap:14px; font-size:.92rem; }
.site-nav a { color:#c4c9d2; }

.page { max-width:760px; margin:0 auto; padding:8px 16px 48px; }
.page h1 { font-size:1.9rem; margin:8px 0 6px; text-align:center; }
.intro { color:#c4c9d2; text-align:center; max-width:620px; margin:0 auto 22px; }

.game-mount { margin:0 0 36px; }

.prose { margin:26px 0; }
.prose h2 { font-size:1.25rem; margin:0 0 10px; }
.prose ol, .prose ul { padding-left:1.2em; }
.prose li { margin:5px 0; }
.c-green { color:#16a34a; font-weight:700; }
.c-yellow { color:#eab308; font-weight:700; }

.faq { margin:30px 0; }
.faq h2 { font-size:1.25rem; margin:0 0 12px; }
.faq details { border:1px solid #262a33; border-radius:10px; padding:10px 14px; margin:8px 0; background:#15171c; }
.faq summary { cursor:pointer; font-weight:600; }
.faq .faq-a { margin-top:8px; color:#c4c9d2; }

.related { margin:34px 0 0; }
.related h2 { font-size:1.1rem; }
.related ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.related a { display:block; padding:12px 14px; background:#15171c; border:1px solid #262a33; border-radius:10px; }

.site-foot { max-width:760px; margin:0 auto; padding:24px 16px 40px; color:#6b7280; font-size:.8rem; text-align:center; }