/* Guide and policy page styles shared by all public guide pages. */
.guide-hero { text-align: center; padding: 48px 20px 32px; }
.guide-hero i { font-size: 48px; color: var(--gold); margin-bottom: 16px; }
.guide-hero h1 { font-size: 28px; margin: 0 0 8px; color: var(--text, #fff); }
.guide-hero p { font-size: 15px; color: #999; max-width: 500px; margin: 0 auto; }
.guide-tabs { display: flex; justify-content: center; gap: 8px; margin-bottom: 32px; flex-wrap: wrap; }
.guide-tab { padding: 10px 24px; border-radius: 10px; border: 1px solid var(--border, #2a2a3a); background: rgba(255,255,255,0.03); color: #999; cursor: pointer; font-size: 14px; font-weight: 600; transition: all 0.2s; display: flex; align-items: center; gap: 8px; text-decoration: none; }
.guide-tab:hover { border-color: var(--gold); color: var(--gold); }
.guide-tab.active { background: rgba(229,183,87,0.1); border-color: var(--gold); color: var(--gold); }
.guide-content { max-width: 700px; margin: 0 auto; padding: 0 20px 60px; }
.guide-section { display: none; }
.guide-section.active { display: block; }
.guide-category-card { margin-bottom: 20px; }
.guide-category-name { font-size: 18px; font-weight: 700; color: var(--gold); margin-bottom: 12px; }
.guide-items-list { display: flex; flex-direction: column; gap: 8px; }
.guide-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--border, #2a2a3a); border-radius: 10px; }
.guide-item:hover { border-color: rgba(229,183,87,0.3); }
.guide-item-num { min-width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: var(--gold); color: #000; border-radius: 7px; font-size: 13px; font-weight: 700; flex-shrink: 0; }
.guide-item-text { font-size: 14px; line-height: 1.7; color: #ccc; flex: 1; word-break: break-word; overflow-wrap: break-word; }
.guide-empty { text-align: center; padding: 40px 20px; color: #666; }
.guide-empty i { font-size: 36px; margin-bottom: 12px; opacity: 0.3; }
body.light-theme .guide-tab { background: #f8f6f3; border-color: #e8e4df; color: #888; }
body.light-theme .guide-tab.active { background: rgba(229,183,87,0.08); border-color: var(--gold); color: var(--gold); }
body.light-theme .guide-item { background: #f8f6f3; border-color: #e8e4df; }
body.light-theme .guide-item-text { color: #555; }
body.light-theme .guide-item-text blockquote { border-right-color: var(--gold); color: #777; }
body.light-theme .guide-item-text code { background: rgba(0,0,0,0.06); }