.vb-board,.vb-form{max-width:820px;margin:0 auto}
.vb-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}
.vb-filters input,.vb-filters select,.vb-form input,.vb-form select,.vb-form textarea{padding:.6rem .7rem;border:1px solid #cfd4da;border-radius:6px;font:inherit;max-width:100%}
.vb-filters input[type=search]{flex:1 1 200px}
.vb-form label{display:block;font-weight:600}
.vb-form input,.vb-form select,.vb-form textarea{display:block;width:100%;margin-top:.3rem;font-weight:400;box-sizing:border-box}
.vb-btn{display:inline-block;padding:.6rem 1.1rem;background:#1d4ed8;color:#fff;border:0;border-radius:6px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.vb-btn:hover{background:#1e40af;color:#fff}
.vb-btn-alt{background:#fff;color:#1d4ed8;border:1px solid #1d4ed8}
.vb-btn-alt:hover{background:#eff6ff;color:#1d4ed8}
.vb-list{list-style:none;margin:0;padding:0}
.vb-item{padding:1rem 1.1rem;margin-bottom:.8rem;border:1px solid #e3e6ea;border-radius:8px}
.vb-item h3{margin:0 0 .25rem;font-size:1.15rem}
.vb-meta,.vb-closing{margin:.15rem 0;color:#5b6470;font-size:.92rem}
.vb-closing{color:#b45309}
.vb-details{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;padding:1rem;background:#f5f7fa;border-radius:8px;margin:0 0 1.25rem}
.vb-details dt{font-weight:700;margin:0}
.vb-details dd{margin:0}
.vb-notice{padding:.9rem 1rem;border-radius:6px;margin-bottom:1rem}
.vb-ok{background:#e7f6ec;color:#14532d}
.vb-err{background:#fdecec;color:#7f1d1d}
.vb-pages{display:flex;gap:.4rem;margin-top:1rem}
.vb-pages a,.vb-pages .current{padding:.35rem .7rem;border:1px solid #cfd4da;border-radius:6px;text-decoration:none}
.vb-pages .current{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
