/* ZZAN v2 board skin — tokens come from layouts/zzan_v2/css/zz.css */
.znb-hero h1 a{color:inherit}
.znb-wrap{max-width:880px;padding-top:28px;padding-bottom:48px}
.znb .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.znb .zz-bbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.znb .zz-bbtn:hover{background:var(--surface-3);border-color:var(--muted);color:var(--text)}
.znb .zz-bbtn:focus-visible,.znb a:focus-visible,.znb input:focus-visible,.znb select:focus-visible,.znb textarea:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.znb .zz-bbtn--main{background:var(--fill);border-color:var(--fill);color:#fff}
.znb .zz-bbtn--main:hover{background:var(--fill-h);border-color:var(--fill-h);color:#fff}
.znb .zz-bbtn--bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent);background:transparent}
.znb .zz-bbtn--bad:hover{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);border-color:var(--bad)}
.znb input[type=text],.znb input[type=search],.znb input[type=password],.znb select,.znb textarea{min-height:44px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--text);font:inherit;font-size:15px;max-width:100%}
.znb textarea{width:100%;resize:vertical;line-height:1.6}

.znb-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.znb-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}
.znb-cats::-webkit-scrollbar{display:none}
.znb-cats a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2);font-size:14px;font-weight:600}
.znb-cats a:hover{border-color:var(--muted);color:var(--text)}
.znb-cats a.on{background:var(--text);border-color:var(--text);color:var(--bg)}
.znb-count{margin:0 0 10px;color:var(--muted);font-size:13px}

.znb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.znb-row{border-bottom:1px solid var(--line)}
.znb-row > a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:60px;padding:14px 12px;color:var(--text);border-radius:var(--r-sm)}
.znb-row > a:hover{background:var(--surface-2)}
.znb-row > a:hover .znb-t{color:var(--acc)}
.znb-row.is-pin{background:color-mix(in srgb,var(--soft) 55%,transparent)}
.znb-t{grid-column:2;font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}
.znb-tag{grid-column:1;display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:700;white-space:nowrap}
.znb-tag--pin{background:var(--fill);color:#fff}
.znb-row > a > .znb-t:first-child{grid-column:1 / span 2}
.znb-new{display:inline-block;margin-left:7px;padding:1px 6px;border-radius:5px;background:var(--acc);color:#fff;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;vertical-align:2px;line-height:1.5}
:root[data-mode=light] .znb-new{background:#c8162a}
.znb-m{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;color:var(--muted);font-size:13px;white-space:nowrap}
.znb-row .znb-m{grid-column:3;justify-content:flex-end}
.znb-empty{padding:48px 0;text-align:center;color:var(--muted)}

.znb-page{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:24px 0}
.znb-page a,.znb-page strong{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border-radius:var(--r-sm);color:var(--text-2);font-weight:600}
.znb-page a:hover{background:var(--surface-2);color:var(--text)}
.znb-page strong{background:var(--text);color:var(--bg)}

.znb-search{display:flex;gap:8px;max-width:560px;margin:8px auto 0}
.znb-search select{flex:none;width:auto}
.znb-search input{flex:1;min-width:0}

.znb-doc{padding-bottom:8px}
.znb-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px;font-weight:600}
.znb-back:hover{color:var(--text)}
.znb-dh{padding:6px 0 18px;border-bottom:1px solid var(--line)}
.znb-dtag{display:flex;gap:6px;margin:0 0 10px}
.znb-dtag:empty{display:none}
.znb-dt{margin:0 0 12px;font-size:28px;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.znb-body{padding:26px 0 8px;font-size:16px;line-height:1.8;color:var(--text);overflow-wrap:anywhere}
.znb-body img,.znb-body video,.znb-body iframe{max-width:100%;height:auto;border-radius:var(--r-sm)}
.znb-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.znb-body td,.znb-body th{border:1px solid var(--line-2);padding:8px 10px}
.znb-body a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.znb-body h2,.znb-body h3{letter-spacing:-.02em;line-height:1.4}
.znb-body pre{max-width:100%;overflow-x:auto}
.znb-body p{margin:0 0 1em}
.znb-files{margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}
.znb-files b{font-size:13px;color:var(--muted)}
.znb-files ul{list-style:none;margin:6px 0 0;padding:0}
.znb-files a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);overflow-wrap:anywhere}
.znb-files a:hover{color:var(--acc)}
.znb-files small{color:var(--muted);flex:none}
.znb-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0}
.znb-sp{flex:1}
.znb-doc,.znb-cmts{min-width:0;max-width:100%}
.znb-pn{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.znb-pn a{min-width:0;display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 8px;border-bottom:1px solid var(--line);color:var(--text)}
.znb-pn a:hover span{color:var(--acc)}
.znb-pn small{flex:none;width:64px;color:var(--muted);font-size:13px;font-weight:600}
.znb-pn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}

.znb-cmts{margin-top:32px}
.znb-ch{margin:0 0 12px;font-size:18px}
.znb-ch b{color:var(--acc)}
.znb-cform{display:grid;gap:10px;margin-bottom:18px}
.znb-cf-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.znb-guest{display:flex;flex-wrap:wrap;gap:8px;margin-right:auto}
.znb-guest input{width:150px}
.znb-cnone{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border-radius:var(--r-sm);background:var(--surface);color:var(--muted);margin:0 0 12px}
.znb-clist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.znb-c{padding:14px 4px;border-bottom:1px solid var(--line)}
.znb-c.is-re{padding-left:22px;background:color-mix(in srgb,var(--surface-2) 50%,transparent)}
.znb-cm{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0 0 4px;font-size:14px}
.znb-cm time{color:var(--muted);font-size:12px}
.znb-ct{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.znb-ct p{margin:0}
.znb-ca{display:flex;gap:4px;margin:4px 0 0}
.znb-ca a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--muted);font-size:13px;font-weight:600;border-radius:8px}
.znb-ca a:hover{color:var(--text);background:var(--surface-2)}

.znb-wform,.znb-box{display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--card-bg)}
.znb-box + .znb-box{margin-top:14px}
.znb-wh,.znb-box h2{margin:0;font-size:20px}
.znb-wrow{display:grid;gap:6px}
.znb-wrow label{font-size:13px;font-weight:600;color:var(--muted)}
.znb-wt{width:100%;font-size:17px !important;font-weight:700}
.znb-weditor{min-width:0;overflow-x:auto;border-radius:var(--r-sm);background:#fff;color:#111}
.znb-wopts{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.znb-wopts label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}
.znb-wopts input[type=checkbox]{width:18px;height:18px;accent-color:var(--fill)}
.znb-boxt{margin:0;font-weight:700}
.znb-muted{margin:0;color:var(--muted)}
.znb-box .znb-acts,.znb-wform .znb-acts{margin:4px 0 0}

@media (max-width:760px){
  .znb-wrap{padding-top:18px}
  .znb-row > a{grid-template-columns:auto minmax(0,1fr);padding:14px 6px;gap:6px 10px}
  .znb-row .znb-m{grid-column:1 / -1;justify-content:flex-start}
  .znb-t{font-size:15.5px}
  .znb-dt{font-size:22px}
  .znb-body{font-size:15.5px}
  .znb-search select{max-width:38%}
  .znb-search .zz-bbtn{padding:0 14px}
  .znb-wform,.znb-box{padding:16px}
  .znb-guest input{width:calc(50% - 4px);min-width:0}
  .znb-guest{width:100%}
}
@media (max-width:400px){
  .znb-row > a{grid-template-columns:minmax(0,1fr)}
  .znb-row .znb-tag{justify-self:start}
  .znb-t,.znb-row > a > .znb-t:first-child{grid-column:1}
  .znb-search{flex-wrap:wrap}
  .znb-search select{max-width:none;flex:1 1 100%}
}