:root{color-scheme:light;--ink:#18382f;--muted:#52635b;--paper:#f6f4ee;--line:#d5ddd5;--accent:#245d48}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
header{border-bottom:1px solid var(--line);padding:18px 24px;background:#fff}header>div{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}header nav{display:flex;gap:24px}.brand{font-size:24px;font-weight:750;text-decoration:none;color:var(--ink)}
a{color:var(--accent);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{min-height:48px;padding:11px 18px;border:1px solid transparent;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:650;text-decoration:none;line-height:1.5}
.primary{color:#fff;background:var(--accent)}.secondary{color:var(--accent);background:#fff;border-color:#80978b}.text-button{color:var(--muted);background:transparent;padding:8px 0;text-decoration:underline;font-size:14px}.button.text-button{font-size:16px}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.7;cursor:wait}
main{max-width:1000px;margin:34px auto;padding:0 24px 48px}.heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:12px 0 28px}.heading>div{min-width:0}.heading>.button{flex-shrink:0}h1{font-size:32px;line-height:1.45;margin:0 0 10px;overflow-wrap:anywhere}h2{font-size:23px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}h2 a{color:var(--ink);text-decoration:none}h2 a:hover{text-decoration:underline}p{margin:0 0 16px}.muted,.hint,.meta{color:var(--muted)}.hint,.meta{font-size:14px}.eyebrow,.category-label{font-size:14px;color:var(--accent);margin-bottom:6px}.eyebrow{font-weight:650}
.search{margin:0 0 24px;max-width:680px}.search-fields{display:flex;gap:10px}.search-fields input{min-width:0;flex:1}.categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.categories a{padding:8px 14px;border:1px solid var(--line);border-radius:5px;min-height:44px;text-decoration:none;font-size:16px}.categories .selected{background:var(--ink);color:white;border-color:var(--ink)}
.topics{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.topic-card{padding:24px;border-bottom:1px solid var(--line)}.topic-card:last-child{border:0}.topic-card .meta{margin:0}.badge{display:inline-block;color:var(--muted);font-size:13px;margin-top:8px}.empty{padding:32px;margin:0}.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:0 0 22px}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:14px}.excerpt{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px}.reply{padding:22px}.back-link{display:inline-block;margin-bottom:14px}.pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 30px}
.compose{max-width:740px}label{display:block;font-size:16px;font-weight:650;margin-bottom:8px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #80978b;border-radius:4px;min-height:48px;background:#fff;color:var(--ink)}textarea{resize:vertical}.compose .hint{margin:5px 0 22px}.compose>.primary{margin-top:20px}.rules{font-size:15px;color:var(--muted);margin:4px 0 14px}.rules summary{cursor:pointer;padding:8px 0}.rules ul{padding-inline-start:22px}.rules li{margin:6px 0}
#status,.form-status{min-height:0;font-size:16px}#status:empty,.form-status:empty{display:none}#status[data-error=true],.form-status[data-error=true]{color:#a12820;background:#fff0e9;border:1px solid #d1a18f;padding:14px;border-radius:5px}.notice{padding:18px;background:white;border:1px solid var(--line);border-radius:5px}#gate{max-width:540px;margin:60px auto;background:#fff;padding:30px;border:1px solid var(--line);border-radius:8px}
dialog{width:min(520px,calc(100% - 32px));max-height:calc(100vh - 40px);padding:26px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white}dialog::backdrop{background:#18382f99}dialog .hint{margin:5px 0 18px}.form-actions{display:flex;justify-content:space-between;gap:16px;margin-top:22px}:focus-visible{outline:3px solid #bc672a;outline-offset:3px}[hidden]{display:none!important}footer{color:var(--muted);font-size:13px;margin-top:32px}
@media(max-width:600px){header{padding:14px 20px}header>div{gap:16px}header nav{gap:16px;font-size:15px}.brand{font-size:22px}main{margin-top:22px;padding:0 20px 32px}.heading{display:block;margin-bottom:22px}.heading>.button{margin-top:10px}h1{font-size:28px}.topic-card,.panel{padding:20px}.search-fields{gap:8px}.search-fields button{padding-inline:14px}.categories a{padding-inline:10px;font-size:14px}.meta{font-size:13px}.form-actions{gap:10px}}