.board-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;margin-bottom:36px}.board-hero h1{font-size:clamp(38px,4.5vw,62px)}.board-hero p{max-width:560px}.board-intro{background:#e4eddf;border-radius:24px;padding:32px}.board-intro h2{font-size:27px}.board-rules{font-size:14px;line-height:1.7;padding:20px 24px;border-block:1px solid var(--line);margin-bottom:35px;color:#55675e}.board-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:32px}.board-tabs{display:flex;flex-wrap:wrap;gap:8px}.board-tabs button{background:transparent;color:var(--green);border:1px solid var(--line);padding:10px 14px;border-radius:24px}.board-tabs .active{background:var(--ink);color:white}.board-card{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:20px;overflow-wrap:anywhere}.board-card h2{font-size:25px;margin:12px 0 20px}.board-card h3{font-size:22px;margin:14px 0}.board-card label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:16px 0}.board-card input,.board-card select,.board-card textarea{width:100%}textarea{font:inherit;resize:vertical;color:var(--ink);padding:12px;border:1px solid #cbd6cb;border-radius:7px;background:white;max-width:100%}textarea:focus-visible{outline:3px solid #dba044;outline-offset:3px}.post-meta{font-size:13px;color:#66796e}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.board-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.board-actions button{padding:8px 12px;font-size:13px}.replies{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.reply{padding:14px 0;border-bottom:1px solid var(--line)}.reply .post-body{font-size:15px}.board-pages{display:flex;gap:12px}.empty-board{padding:32px;border:1px dashed #aac5b5;border-radius:16px;margin-top:20px}.empty-board h3{margin-top:0}button:disabled{opacity:.55;cursor:wait}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:480px;width:90%;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#153e3670}dialog textarea{width:100%;display:block;margin-top:12px}[hidden]{display:none!important}@media(max-width:850px){.board-hero,.board-layout{grid-template-columns:1fr;gap:24px}.board-hero{margin-bottom:24px}.board-intro{padding:24px}.board-layout>aside{grid-row:1}header{flex-wrap:wrap;gap:20px}header nav{flex-wrap:wrap;gap:16px}.board-card{padding:20px}}