/* 문의 게시판 */
.board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.board-head .btn{flex-shrink:0}
.board-list{padding:0;box-shadow:none;overflow:hidden}
.bl-head,.bl-rows a{display:grid;grid-template-columns:64px minmax(0,1fr) 120px 100px;gap:12px;align-items:center;padding:12px 18px}
.bl-head{font-size:12.5px;color:var(--text2);font-weight:600;background:var(--surface2);border-bottom:1px solid var(--line)}
.bl-rows{list-style:none;margin:0;padding:0}
.bl-rows li+li{border-top:1px solid var(--line)}
.bl-rows a{color:var(--text);text-decoration:none;font-size:14.5px}
.bl-rows a:hover{background:var(--surface2)}
.bl-rows a:hover b{color:var(--accent)}
.c-no,.c-date{color:var(--text3);font-size:13px;font-variant-numeric:tabular-nums}
.c-no{text-align:center}
.c-name{color:var(--text2);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-title{display:flex;align-items:center;gap:8px;min-width:0}
.c-title b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-title em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--accent);flex-shrink:0}
.c-title .chip{flex-shrink:0}
.bl-rows .empty{padding:40px 16px;text-align:center;color:var(--text3)}
.pager{display:flex;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}
.pager .btn{min-width:38px;padding:7px 10px;font-size:13.5px}
.pager .btn.on{border-color:var(--accent);color:var(--accent);font-weight:700}
.admin-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:-8px 0 12px}
.admin-bar:not(:has(:not([hidden]))){display:none}
#adminToggle{cursor:default;user-select:none}
.admin-bar form{display:flex;gap:6px}
.admin-bar .inp{width:180px;padding:7px 10px;font-size:13.5px}
.admin-bar .btn{padding:7px 12px;font-size:13px}
.link-btn{border:0;background:transparent;color:var(--text3);font-size:12.5px;cursor:pointer;padding:4px 6px;border-radius:6px}
.link-btn:hover{color:var(--text)}
.link-btn.del:hover{color:var(--bad);background:var(--bad-weak)}

.board-form .fields.two{grid-template-columns:1fr 1fr;margin-bottom:14px}
.field label .sub{font-weight:400;color:var(--text3);margin-left:4px}
.lbl-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.lbl-row label{margin-bottom:6px}
.cnt{font-size:12.5px;color:var(--text3);font-variant-numeric:tabular-nums}
.board-form textarea{min-height:200px}
.c-form textarea{min-height:90px}
.form-err{margin:12px 0 0;color:var(--bad);font-size:13.5px}
.form-act{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.form-act.back{justify-content:flex-start;margin-top:20px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.post{padding:24px}
.post header{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.post h1{font-size:22px;margin:0 0 8px;letter-spacing:-.02em;word-break:break-all}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text3)}
.meta b{color:var(--text);font-weight:700}
.meta .del{margin-left:auto}
.post-body,.c-body{white-space:pre-wrap;word-break:break-all;line-height:1.75;font-size:15px}
.post .empty{color:var(--text3);text-align:center;padding:30px}

.comments{margin-top:24px}
.comments h2{font-size:16px;margin:0 0 12px}
.comments h2 span{color:var(--accent)}
#cList{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
#cList li{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
#cList li.answer{border-color:var(--accent);background:color-mix(in srgb,var(--accent-weak) 60%,var(--surface))}
#cList .meta{margin-bottom:6px}
.c-body{font-size:14.5px}
.c-form{box-shadow:none}

@media (max-width:640px){
  .bl-head{display:none}
  .bl-rows a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t t" "n d";gap:4px 10px;padding:12px 14px}
  .c-no{display:none}
  .c-title{grid-area:t}
  .c-name{grid-area:n}
  .c-date{grid-area:d;text-align:right}
  .board-form .fields.two{grid-template-columns:1fr}
  .post{padding:18px 16px}
  .admin-bar .inp{width:140px}
}