.community-guidelines-trigger { position: fixed; z-index: 12; top: 14px; left: 14px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--blue-dark); padding: 8px 12px; font: inherit; font-size: 11px; white-space: nowrap; box-shadow: 0 4px 14px rgba(41, 53, 61, .07); cursor: pointer; }
.community-guidelines-trigger:hover { border-color: #b7c4cc; background: var(--white); }
.community-guidelines-modal[hidden] { display: none; }
.community-guidelines-modal { position: fixed; z-index: 40; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(41, 53, 61, .32); }
.community-guidelines-card { display: flex; width: min(100%, 720px); max-height: min(88vh, 800px); flex-direction: column; overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 18px 52px rgba(41, 53, 61, .18); }
.community-guidelines-head { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 12px; padding: 20px 22px 16px; border-bottom: 1px solid var(--border); }
.community-guidelines-head h2 { margin: 0; font-size: 20px; }
.community-guidelines-close { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border: 0; border-radius: 50%; background: var(--soft); color: var(--blue-dark); font: inherit; font-size: 19px; cursor: pointer; }
.community-guidelines-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px 28px; outline: 0; scrollbar-width: thin; scrollbar-color: #9aadb7 transparent; }
.community-guidelines-body::-webkit-scrollbar { width: 7px; }
.community-guidelines-body::-webkit-scrollbar-track { background: transparent; margin: 8px 0; }
.community-guidelines-body::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: #9aadb7; background-clip: padding-box; }
.community-guidelines-body h1 { margin: 0 0 18px; font-size: 23px; }
.community-guidelines-body h2 { margin: 27px 0 10px; padding-top: 17px; border-top: 1px solid var(--border); font-size: 16px; }
.community-guidelines-body p, .community-guidelines-body li { color: var(--muted); font-size: 12px; line-height: 1.8; }
.community-guidelines-body p { margin: 8px 0; }
.community-guidelines-body ul { margin: 9px 0 13px; padding-left: 22px; }
.community-guidelines-body li + li { margin-top: 4px; }
.community-guidelines-body strong { color: var(--text); }
html[data-theme="dark"] .community-guidelines-modal { background: rgba(8, 14, 18, .72); }
@media (max-width: 640px) { body > .container { padding-top: 62px; } .community-guidelines-trigger { top: 12px; left: 16px; } .community-guidelines-modal { padding: 12px; } .community-guidelines-head { padding: 18px 18px 14px; } .community-guidelines-body { padding: 18px; } }