/* ── 이야기(게시판) 새 톤 — 개편안 A (2026-11-14). 구조는 그대로, 카드·탭·글자만 시안 톤으로 ── */
.cm-board-head{align-items:center;gap:12px;margin-top:6px}
.cm-board-head h1{color:var(--ai)}
.cm-board-head .btn{height:48px;font-size:17px}
.cm-tabs{display:flex;width:100%;max-width:520px;background:#fff;border:2px solid var(--line);border-radius:999px;padding:4px;gap:4px}
.cm-tabs a{flex:1;min-height:44px;display:grid;place-items:center;border-radius:999px;font-weight:800;color:var(--sumi-2)}
.cm-tabs a[aria-current=page]{background:var(--ai);color:#fff;box-shadow:0 3px 0 #142740}
.cm-list{gap:12px}
.cm-list a{border-radius:20px;padding:14px 18px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.cm-list a:hover{transform:translateY(-2px)}
.cm-list a:focus-visible{outline:3px solid var(--ai);outline-offset:2px}
.cm-title{font-size:17px;font-weight:800;color:var(--sumi);line-height:1.4}
.cm-preview{color:var(--sumi-2)}
.cm-foot{color:var(--sumi-2)}
.cm-post{border-radius:22px}
.cm-post h1.page{color:var(--ai);font-size:26px;line-height:1.35}
.cm-replies li{border-bottom:2px dashed var(--line);padding:14px 0}
.cm-pager .btn{height:46px}
@media (min-width:1024px){
  .cm-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-post,#replies{max-width:860px}
}
@media (max-width:420px){.cm-board-head .btn{height:44px;font-size:16px;padding:0 14px}.cm-list a{padding:12px 14px}}