/* Clear Fork Community News — the only stylesheet. No external fonts. */
* { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu,
               Cantarell, "Helvetica Neue", Arial, sans-serif;
  margin: 0; padding: 0; background: #0f1115; color: #e6e6e6;
  line-height: 1.5; font-size: 16px;
}
a { color: #6fb2ff; overflow-wrap: break-word; word-break: break-word; }
nav.tabs {
  position: sticky; top: 0; z-index: 10; display: flex; flex-wrap: nowrap;
  overflow-x: auto; background: #15181f; border-bottom: 1px solid #262626;
  -webkit-overflow-scrolling: touch;
}
nav.tabs a {
  flex: 0 0 auto; padding: 12px 14px; font-size: 0.85rem; color: #ccc;
  text-decoration: none; white-space: nowrap;
}
nav.tabs a.brand { font-weight: 700; color: #fff; }
nav.tabs a:hover, nav.tabs a:focus { color: #fff; text-decoration: underline; }
main, footer { max-width: 720px; margin: 0 auto; padding: 16px; }
h1 { font-size: 1.3rem; margin: 12px 0 4px; }
h2 { font-size: 1.02rem; margin: 26px 0 10px; color: #f0f0f0; }
.updated { color: #999; font-size: 0.78rem; margin: 0 0 18px; }
.intro { color: #aaa; font-size: 0.85rem; margin: 0 0 16px; }
section.day h2 a, section.day h2 { color: #fff; }
.item {
  border-bottom: 1px solid #202020; padding: 12px 0;
  overflow-wrap: break-word; word-break: break-word;
}
.item:last-child { border-bottom: 0; }
.badge, .tag {
  display: inline-block; font-size: 0.66rem; padding: 2px 6px; border-radius: 3px;
  margin: 0 6px 6px 0; vertical-align: middle;
}
.badge { background: #2f6fab; color: #fff; }
.tag { background: #3a3f4b; color: #ddd; }
.title { display: block; font-size: 1rem; font-weight: 600; color: #fff;
         text-decoration: none; }
a.title:hover, a.title:focus { text-decoration: underline; }
.summary { margin: 4px 0 0; font-size: 0.9rem; color: #bbb; }
.mentions { margin: 4px 0 0; font-size: 0.75rem; color: #8a8a8a; }
.meta { margin: 4px 0 0; font-size: 0.75rem; color: #888; }
.scanner-line { font-size: 0.92rem; color: #ddd; margin: 0; }
.empty { color: #888; padding: 16px 0; font-size: 0.9rem; }
.note { color: #777; font-size: 0.75rem; margin-top: 14px; }
.more { font-size: 0.8rem; margin: 10px 0 0; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
table { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #202020;
         vertical-align: top; }
th { color: #aaa; font-weight: 600; }
td.ok { color: #6fbf73; }
td.warn { color: #e0a35a; }
td.blocked { color: #e0a35a; }
form.search { display: flex; gap: 8px; margin: 0 0 18px; }
form.search input {
  flex: 1 1 auto; min-width: 0; padding: 9px 10px; border-radius: 4px;
  border: 1px solid #333; background: #15181f; color: #e6e6e6; font-size: 1rem;
}
form.search button {
  flex: 0 0 auto; padding: 9px 14px; border-radius: 4px; border: 1px solid #2f6fab;
  background: #2f6fab; color: #fff; font-size: 0.9rem; cursor: pointer;
}
.visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
footer { border-top: 1px solid #1c1c1c; color: #777; font-size: 0.75rem;
         padding-bottom: 50px; }
footer p { margin: 6px 0; }
:focus-visible { outline: 2px solid #6fb2ff; outline-offset: 2px; }
/* Pagefind UI, themed to match. */
:root { --pagefind-ui-primary: #e6e6e6; --pagefind-ui-text: #e6e6e6;
        --pagefind-ui-background: #0f1115; --pagefind-ui-border: #333;
        --pagefind-ui-tag: #15181f; --pagefind-ui-border-width: 1px; }