/* specialty-community-guidelines.css — content styles for /community-guidelines.
   Scoped under .specialty-page--guidelines so nothing leaks. Mirrors the
   privacy/terms style language so all three legal-ish pages read as a set. */

.specialty-page--guidelines {
  --bg-surface: #161920;
  --bg-raised: #1e2229;
  --border: rgba(255, 255, 255, 0.08);
  --neon-blue: #00e5ff;
  --neon-green: #00ff88;
  --text-primary: #f0f2f5;
  --text-secondary: #9aa3b0;
  --text-muted: #5a6270;
  --radius: 12px;
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Outfit', sans-serif;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.75;
  color: var(--text-primary);
  display: block;
}

.specialty-page--guidelines .page-hero { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }
.specialty-page--guidelines .page-hero h1 { font-family: var(--font-heading); font-size: 34px; font-weight: 800; margin-bottom: 8px; color: var(--text-primary); }
.specialty-page--guidelines .page-hero h1 span { color: var(--neon-green); }
.specialty-page--guidelines .page-hero .meta { color: var(--text-muted); font-size: 13px; }

.specialty-page--guidelines .cg-banner {
  background: rgba(0, 255, 136, 0.06);
  border: 1px solid rgba(0, 255, 136, 0.25);
  border-radius: var(--radius);
  padding: 18px 22px;
  margin-bottom: 36px;
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
}
.specialty-page--guidelines .cg-banner strong { color: var(--neon-green); display: block; margin-bottom: 6px; font-size: 14px; }

.specialty-page--guidelines .toc {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 28px;
  margin-bottom: 48px;
}
.specialty-page--guidelines .toc h3 { font-family: var(--font-heading); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); margin-bottom: 14px; }
.specialty-page--guidelines .toc ol { padding-left: 18px; color: var(--text-secondary); }
.specialty-page--guidelines .toc ol li { margin-bottom: 5px; }
.specialty-page--guidelines .toc a { color: var(--neon-blue); text-decoration: none; font-size: 13px; }
.specialty-page--guidelines .toc a:hover { text-decoration: underline; }

.specialty-page--guidelines .cg-section { margin-bottom: 36px; }
.specialty-page--guidelines .cg-section h2 { font-family: var(--font-heading); font-size: 17px; font-weight: 700; color: var(--neon-blue); margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.specialty-page--guidelines .cg-section p { color: var(--text-secondary); margin-bottom: 12px; font-size: 14px; }
.specialty-page--guidelines .cg-section ul { color: var(--text-secondary); padding-left: 20px; margin-bottom: 12px; font-size: 14px; }
.specialty-page--guidelines .cg-section ul li { margin-bottom: 6px; }
.specialty-page--guidelines .cg-section strong { color: var(--text-primary); }
.specialty-page--guidelines .cg-section em { color: var(--text-primary); font-style: italic; }

.specialty-page--guidelines .cg-warn {
  background: rgba(255, 107, 107, 0.06);
  border: 1px solid rgba(255, 107, 107, 0.28);
  border-radius: var(--radius);
  padding: 16px 20px;
  margin: 12px 0 16px;
  font-size: 13px;
  color: var(--text-secondary);
}
.specialty-page--guidelines .cg-warn strong { color: #ff8585; }

.specialty-page--guidelines .cg-closing {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px;
  margin-top: 48px;
  text-align: center;
}
.specialty-page--guidelines .cg-closing p { font-size: 13px; color: var(--text-secondary); margin-bottom: 8px; }
.specialty-page--guidelines .cg-closing p:last-child { margin-bottom: 0; color: var(--text-muted); font-style: italic; }

@media (max-width: 600px) {
  .specialty-page--guidelines .page-hero h1 { font-size: 26px; }
}

body.light-mode .specialty-page--guidelines{--bg-surface:#fff;--bg-raised:#f7f8fa;--border:rgba(0,0,0,.1);--text-primary:#111827;--text-secondary:#4a5060;--text-muted:#6b7280}