.board-container{max-width:1080px;margin-inline:auto}
.board-body figure{margin:1rem 0 1.2rem}.board-body figure>img,.board-body figure>a>img{display:inline-block;margin:0}.board-body figcaption{margin-top:.5rem;color:var(--muted);font-size:.875rem;line-height:1.6}.board-body h2{font-size:1.5rem}.board-body h3{font-size:1.2rem}
.board-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.6rem}
.board-heading h1{font-size:1.85rem;font-weight:800;letter-spacing:-.06em;margin:.4rem 0 .65rem}
.board-heading p{color:var(--muted);margin:0;line-height:1.6}
.board-heading-actions{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}
.board-context{display:flex;align-items:center;gap:.5rem;color:var(--brand);font-size:.9rem;margin-bottom:1rem}
.board-store-switch{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}
.board-store-switch label{font-weight:650}.board-store-switch select{width:auto;min-width:180px}
.board-search{display:flex;align-items:center;gap:.7rem;padding:1rem;margin-bottom:1.3rem}
.board-search-input{position:relative;flex:1;min-width:160px}.board-search-input>.bi{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.board-search-input input{padding-left:2.7rem}.board-search>select{max-width:155px}
.board-unread-filter{white-space:nowrap;font-size:.85rem;display:flex;gap:.45rem;align-items:center}.board-unread-filter input,.board-pin-option input{accent-color:var(--brand);width:17px;height:17px}
.board-list-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.board-list-meta strong{color:var(--ink)}
.board-list{overflow:hidden}.board-list-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:background .15s}
.board-list-item:last-child{border-bottom:0}.board-list-item:hover{background:#faf7fc;color:inherit}.board-list-item:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}
.board-list-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:1.2rem;flex-shrink:0;margin-top:.1rem}
.board-list-copy{min-width:0;flex:1}.board-tags{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}
.board-tag{font-size:.72rem;line-height:1.6;background:#f0edf3;color:#665b72;padding:.12rem .5rem;border-radius:5px}.board-tag.important{background:#ede2f5;color:#6a2486;font-weight:750}
.board-new{font-size:.7rem;color:#9b3f18;background:#fff0e5;border-radius:5px;padding:.12rem .45rem;font-weight:700}
.board-list-copy h2{font-size:1.08rem;font-weight:750;line-height:1.55;margin:0 0 .35rem;overflow-wrap:anywhere}.board-list-copy p{font-size:.9rem;color:var(--muted);margin:0 0 .6rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.board-list-copy time{font-size:.78rem;color:var(--muted)}.board-list-chevron{align-self:center;color:#b7aabd}
.board-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);margin-bottom:1rem;text-decoration:none}
.board-article{overflow:hidden}.board-article-header{padding:2rem 2.5rem;border-bottom:1px solid var(--line)}.board-article-header h2{font-size:1.8rem;line-height:1.55;font-weight:800;overflow-wrap:anywhere}.board-article-header p{font-size:.85rem;color:var(--muted);margin:1rem 0 0}
.board-body{padding:2.5rem;line-height:1.95;font-size:1.02rem;overflow-wrap:anywhere;overflow-x:auto;min-height:200px}.board-body p{margin-bottom:1.15rem}.board-body h2,.board-body h3,.board-body h4{font-weight:750;margin:1.8rem 0 .8rem;line-height:1.5}.board-body ul,.board-body ol{padding-left:1.7rem}.board-body li{margin-bottom:.5rem}.board-body img{max-width:100%!important;height:auto!important;border-radius:8px;display:block;margin:1.2rem auto}.board-body table{border-collapse:collapse;max-width:100%;width:100%;margin-block:1rem}.board-body td,.board-body th{border:1px solid var(--line);padding:.65rem}.board-body th{background:#f6f3f8}.board-body blockquote{border-left:4px solid #cbb1da;background:#f8f5fa;padding:1rem 1.3rem}.board-body pre{white-space:pre-wrap;overflow-wrap:anywhere}
.board-article-actions,.board-editor-actions{display:flex;justify-content:flex-end;gap:.6rem;padding:1.2rem 2rem;border-top:1px solid var(--line)}.board-editor{padding:1.7rem}.board-editor h2{font-size:1.25rem;font-weight:750;margin-bottom:1.5rem}.board-editor-options{display:flex;align-items:center;gap:1.5rem}.board-editor-options>.field{flex:1}.board-pin-option{display:flex;gap:.5rem;align-items:center;white-space:nowrap}.board-editor-actions{padding:1.2rem 0 0}.board-editor textarea[data-rich-editor]{min-height:280px}
.board-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.board-pagination span{font-size:.9rem;color:var(--muted)}
.board-migrate-list{margin:1rem 0}.board-migrate-list>label{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 0;border-top:1px solid var(--line)}.board-migrate-list input{margin-top:.3rem;accent-color:var(--brand)}.board-migrate-list small{display:block;color:var(--muted);margin-top:.3rem}
.board-service-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;font-size:.65rem;background:#e35f42;color:white;border-radius:20px;margin-left:.4rem;padding:0 4px}.mobile-nav .board-service-badge{margin-left:.2rem}
@media(max-width:767px){.board-heading{align-items:flex-start;flex-direction:column}.board-heading h1{font-size:1.6rem}.board-heading-actions{width:100%}.board-search{flex-wrap:wrap}.board-search-input{flex-basis:100%}.board-search>select{max-width:none;width:auto;flex:1}.board-search>.btn{padding-inline:.7rem}.board-list-item{padding:1.1rem;gap:.75rem}.board-list-icon{width:34px;height:34px;font-size:1rem}.board-article-header{padding:1.4rem}.board-article-header h2{font-size:1.4rem}.board-body{padding:1.4rem;font-size:1rem}.board-editor{padding:1.1rem}.board-editor-options{display:block}.board-pin-option{margin-bottom:1rem}.mobile-nav a{font-size:.72rem}.board-service-badge{min-width:16px;height:16px;font-size:.6rem}}
/* 제목 간격은 app.css의 모바일 공통 규칙을 사용합니다. */
@media(max-width:767.98px){
  .board-heading-actions:empty{display:none}
}