/* Self-contained community navbar. */
.site-navigation.community-navigation, .site-navigation.community-navigation * { box-sizing: border-box; }
.site-navigation.community-navigation {
  position: sticky; top: 0; z-index: 10; width: 100%;
  background: #252525; color: #fff; border-bottom: 1px solid #666;
  font-family: Georgia, "Times New Roman", serif; font-size: 1rem;
  font-weight: normal; line-height: 1.3; text-indent: 0;
}
.site-navigation.community-navigation ul {
  display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch;
  gap: 0; margin: 0; padding: 0.25rem; overflow-x: auto;
}
.site-navigation.community-navigation li { display: block; flex: 0 0 auto; list-style: none; margin: 0; padding: 0; }
.site-navigation.community-navigation a, .site-navigation.community-navigation button {
  display: flex; align-items: center; justify-content: center; gap: 0.45rem;
  min-height: 44px; height: 100%; padding: 0.5rem 0.65rem;
  border: 1px solid transparent; border-radius: 4px;
  background: transparent; color: #fff; font: inherit;
  text-align: center; text-decoration: none; cursor: pointer;
}
.site-navigation.community-navigation a:link, .site-navigation.community-navigation a:visited { color: #fff; }
.site-navigation.community-navigation [aria-current] { border-color: #aaa; }
.site-navigation.community-navigation a:hover, .site-navigation.community-navigation button:hover { background: #444; color: #fff; }
.site-navigation.community-navigation .nav-icon { display: block; width: 24px; height: 24px; flex-shrink: 0; }
.site-navigation.community-navigation a:focus-visible, .site-navigation.community-navigation button:focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }

/* Community layout and settings. Shared navigation.css is optional. */
.site-navigation.community-navigation ul{justify-content:flex-start;max-width:1440px;margin:auto}
.site-navigation.community-navigation .nav-account{margin-left:auto}
.site-navigation.community-navigation .nav-label{display:inline}
.discussion-index[data-reading-settings]{box-sizing:border-box;width:100%;min-width:0}
.index-heading{margin-bottom:20px;min-width:0}
.madhouse-topic-heading{display:flex;flex-direction:column;gap:16px}
.madhouse-topic-heading h1{overflow-wrap:anywhere;max-width:100%}
.madhouse-logo{display:block;max-width:100%;width:auto;height:56px;object-fit:contain;background:transparent}
#article-settings{box-sizing:border-box;width:340px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--index-line);border-radius:8px;background:var(--index-bg);color:var(--index-fg);font:inherit}
#article-settings h2{margin-top:0}#article-settings button{font:inherit;padding:.4em .8em;background:var(--index-bg);color:var(--index-fg);border:1px solid var(--index-line);border-radius:4px;cursor:pointer}
#article-width,#article-font-size{display:block;width:100%;margin:15px 0}
#article-settings::backdrop{background:rgb(0 0 0 / 50%)}
#article-settings :focus-visible{outline:2px solid var(--index-link);outline-offset:3px}
details.discussion-group,.comment-card{scroll-margin-top:70px}
@media(max-width:600px){.site-navigation.community-navigation .nav-label{display:none}.site-navigation.community-navigation li{flex:0 0 auto}.site-navigation.community-navigation .nav-account{margin-left:auto}.site-navigation.community-navigation ul{justify-content:flex-start}.madhouse-topic-heading h1{font-size:1.5em}}