/* Live Gnuboard adapters. Layout and states reuse the board, form and radius tokens. */
.bg-live-board{min-width:0}
.bg-live-board .bg-breadcrumb li>span:not(.bg-breadcrumb-separator){display:block;padding-block:var(--bg-space-2);line-height:inherit}
.bg-board-tabs{display:flex;flex-wrap:wrap;gap:var(--bg-space-2) var(--bg-space-6);border-bottom:1px solid var(--bg-border);margin-bottom:var(--bg-space-8)}
.bg-board-tabs a{display:inline-flex;align-items:center;min-height:56px;padding-block:var(--bg-space-3);border-bottom:2px solid transparent;text-decoration:none;font-weight:500}
.bg-board-tabs a[aria-current=page]{border-color:var(--bg-ink);font-weight:700}.bg-board-tabs a:hover{text-decoration:underline;text-underline-offset:4px}
.bg-live-board a:focus-visible{outline:2px solid var(--bg-focus);outline-offset:3px}
.bg-live-board .bg-board-link{text-decoration:none}.bg-live-board .bg-board-link h2{font-size:20px;line-height:var(--bg-leading-heading);margin:var(--bg-space-4) 0 var(--bg-space-3);overflow-wrap:anywhere}
.bg-live-board .bg-board-link:hover h2{text-decoration:underline;text-underline-offset:4px}
.bg-live-board .bg-text-row h2{margin-top:0;font-size:20px}
.bg-board-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--bg-soft);border-radius:var(--bg-radius-none)}
.bg-board-media.is-video{aspect-ratio:16/9}.bg-board-media img{display:block;width:100%;height:100%;object-fit:cover}
.bg-board-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bg-space-3);color:var(--bg-secondary);font-size:var(--bg-type-small)}
.bg-board-play{position:absolute;left:var(--bg-space-4);bottom:var(--bg-space-4);display:grid;place-items:center;width:44px;height:44px;background:var(--bg-ink);color:var(--bg-paper);border-radius:var(--bg-radius-control)}
.bg-board-status{margin-top:var(--bg-space-4)}.bg-live-board .badge{display:inline-flex;padding:var(--bg-space-1) var(--bg-space-2);font-size:var(--bg-type-small);border:1px solid var(--bg-border);border-radius:var(--bg-radius-detail);background:var(--bg-paper)}
.bg-board-select{min-height:44px;display:flex;align-items:center}.bg-board-card>.bg-board-select{margin-bottom:var(--bg-space-2)}
.bg-live-search{border-top:1px solid var(--bg-border);padding-top:var(--bg-space-6);margin-top:var(--bg-space-8);max-width:720px;margin-inline:auto}
.bg-live-search .field:first-of-type{flex:0 1 180px}.bg-live-search .field{display:grid;gap:var(--bg-space-2)}
.bg-live-board .bg-board-empty{border-radius:var(--bg-radius-surface);background:var(--bg-canvas)}.bg-live-board .bg-board-empty h2{font-size:20px;margin-bottom:var(--bg-space-3)}.bg-board-empty .button{margin-top:var(--bg-space-6)}
.bg-board-categories ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--bg-space-3)}.bg-board-categories a{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--bg-space-3)}
.bg-live-pagination{margin-block:var(--bg-space-8);text-align:center}.bg-live-pagination .pg_wrap{display:block;float:none;margin:0}.bg-live-pagination .pg{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--bg-space-2)}
.bg-live-pagination .pg_page,.bg-live-pagination .pg_current{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;height:auto;padding:var(--bg-space-2);background:var(--bg-paper);border:1px solid var(--bg-border);color:var(--bg-ink);border-radius:var(--bg-radius-control);font-size:var(--bg-type-small);text-decoration:none}
.bg-live-pagination .pg_current{background:var(--bg-ink);color:var(--bg-paper)}
.bg-live-pagination .pg_start,.bg-live-pagination .pg_prev,.bg-live-pagination .pg_next,.bg-live-pagination .pg_end{background-image:none;text-indent:0;width:auto;font-size:var(--bg-type-small)}
.bg-live-pagination .pg_start::after{content:'처음'}.bg-live-pagination .pg_prev::after{content:'이전'}.bg-live-pagination .pg_next::after{content:'다음'}.bg-live-pagination .pg_end::after{content:'마지막'}
.bg-live-event-info{background:var(--bg-canvas);border:1px solid var(--bg-border);border-radius:var(--bg-radius-surface);padding:var(--bg-space-6);margin-block:var(--bg-space-6)}
.bg-live-event-info dl{display:grid;gap:var(--bg-space-3);margin-block:var(--bg-space-4)}.bg-live-event-info dl>div{display:grid;grid-template-columns:64px 1fr;gap:var(--bg-space-4)}.bg-live-event-info dt,.bg-live-event-info>p{color:var(--bg-secondary)}.bg-live-event-info dd{margin:0}
.bg-live-video{max-width:var(--bg-reading-width);margin:var(--bg-space-8) auto var(--bg-space-4);aspect-ratio:16/9;background:var(--bg-ink);overflow:hidden}.bg-live-video button{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:var(--bg-ink);cursor:pointer}.bg-live-video img{display:block;width:100%;height:100%;object-fit:cover}.bg-live-video button>span{position:absolute;left:var(--bg-space-6);bottom:var(--bg-space-6);background:var(--bg-ink);color:var(--bg-paper);padding:var(--bg-space-3) var(--bg-space-4);border-radius:var(--bg-radius-control)}.bg-live-video iframe{width:100%;height:100%;display:block;border:0}
.bg-live-prose{font-size:var(--bg-type-body);overflow-wrap:anywhere}.bg-live-prose p{margin-block:var(--bg-space-4)}.bg-live-prose img{display:block;max-width:100%;height:auto;margin:var(--bg-space-6) auto}.bg-live-prose iframe{max-width:100%}.bg-live-prose table{display:block;max-width:100%;overflow:auto}.bg-live-prose a{text-decoration:underline;text-underline-offset:4px}
/* Media articles keep the same leading edge as their title and explanation. */
.bg-live-detail--media .bg-live-prose img{margin-inline:0;object-fit:contain;border-radius:var(--bg-radius-none)}
.bg-live-detail--media .bg-live-prose figure{margin:var(--bg-space-6) 0}
.bg-live-detail--media .bg-live-prose figure img{margin-block:0}
.bg-live-detail--media .bg-live-prose figcaption{margin-top:var(--bg-space-3);font-size:var(--bg-type-small);color:var(--bg-secondary)}
.bg-live-detail--media .bg-live-prose>div>p:first-child{margin-top:0}
.bg-live-detail--media>.bg-live-video+.bg-board-meta{max-width:var(--bg-writing-width);gap:var(--bg-space-2);line-height:var(--bg-leading-body)}
.bg-live-detail--media .bg-live-video button:focus-visible{outline:2px solid var(--bg-focus);outline-offset:-4px}
.bg-live-detail--media .bg-live-video img[hidden]{display:none}
.bg-live-attachments{border-block:1px solid var(--bg-border);padding-block:var(--bg-space-6)}.bg-live-attachments h2{font-size:20px;margin-bottom:var(--bg-space-3)}.bg-live-attachments ul{list-style:none;margin:0;padding:0}.bg-live-attachments a,.bg-live-link a,.bg-board-adjacent a{display:block;min-height:44px;padding-block:var(--bg-space-3)}.bg-live-attachments span,.bg-board-adjacent a>span{color:var(--bg-secondary);font-size:var(--bg-type-small)}
.bg-live-write{max-width:var(--bg-reading-width);margin:var(--bg-space-8) auto}.bg-live-write .write_div{margin-bottom:var(--bg-space-6)}.bg-live-write label:not(.check){display:block;font-weight:500;margin-bottom:var(--bg-space-2)}.bg-live-write label .bg-required{display:inline;white-space:nowrap}
.bg-live-write input[type=text],.bg-live-write input[type=password],.bg-live-write input[type=url],.bg-live-write input[type=email],.bg-live-write select,.bg-live-write textarea{width:100%;max-width:100%;min-height:48px;padding:var(--bg-space-3) var(--bg-space-4);border:1px solid var(--bg-input);border-radius:var(--bg-radius-control);background-color:var(--bg-paper);color:var(--bg-ink);font:inherit;box-shadow:none}
.bg-live-write textarea{min-height:300px}.bg-live-write .bg-date-wrap{display:flex;gap:var(--bg-space-2)}.bg-live-write .bg-date-wrap>input{flex:1;min-width:0}.bg-live-write .bg-date-wrap>button{flex-shrink:0}
.bg-live-write .bo_v_option{list-style:none;display:flex;flex-wrap:wrap;gap:var(--bg-space-4);padding:0}.bg-live-write .bo_v_option li{display:flex;align-items:center;gap:var(--bg-space-2);min-height:44px}.bg-live-write .bo_v_option label{margin:0}
.bg-live-write .btn_confirm{display:flex;justify-content:flex-end;gap:var(--bg-space-3)}.bg-live-write .bg-upload-slot{padding:var(--bg-space-4);border:1px dashed var(--bg-border);border-radius:var(--bg-radius-surface)}.bg-upload-slot.is-dragging{outline:2px solid var(--bg-focus);background:var(--bg-canvas)}.bg-live-write input[type=file]{max-width:100%;min-height:44px;font:inherit}.bg-live-write input::file-selector-button{min-height:44px;background:var(--bg-paper);color:var(--bg-ink);border:1px solid var(--bg-border);border-radius:var(--bg-radius-control);padding-inline:var(--bg-space-4);margin-right:var(--bg-space-3)}
.bg-live-write .bg-write-help{font-size:var(--bg-type-small);color:var(--bg-secondary);margin-block:var(--bg-space-2) var(--bg-space-4)}
.bg-live-write label:has(.bg-required){white-space:nowrap}
.bg-live-write #autosave_pop{display:none;border:1px solid var(--bg-border);padding:var(--bg-space-4);background:var(--bg-paper);border-radius:var(--bg-radius-surface);margin-top:var(--bg-space-3)}.bg-live-write #autosave_pop ul{list-style:none;padding:0}.bg-live-write #autosave_pop li{padding-block:var(--bg-space-3);border-bottom:1px solid var(--bg-border)}.bg-live-write #btn_autosave{margin-top:var(--bg-space-3)}
.bg-live-board #bo_vc{margin-top:var(--bg-space-8);border-top:1px solid var(--bg-border);padding-top:var(--bg-space-6)}.bg-live-board #bo_vc article{padding-block:var(--bg-space-4);border-bottom:1px solid var(--bg-border)}.bg-live-board #bo_vc h2,.bg-live-board #bo_vc_w h2{font-size:20px;margin-block:var(--bg-space-4)}.bg-live-board #bo_vc_w{margin-block:var(--bg-space-6)}.bg-live-board #bo_vc_w textarea{width:100%;min-height:160px;border:1px solid var(--bg-input);border-radius:var(--bg-radius-control);padding:var(--bg-space-4);font:inherit}.bg-live-board .bo_vc_act{display:flex;gap:var(--bg-space-4);list-style:none;padding:0}.bg-live-board .bo_vc_act a{min-height:44px;display:inline-flex;align-items:center}.bg-live-board .bo_vc_w_info{display:flex;gap:var(--bg-space-3);flex-wrap:wrap}.bg-live-board .btn_submit{min-height:44px;padding-inline:var(--bg-space-4)}
@media(max-width:767px){.bg-board-tabs{gap:var(--bg-space-2) var(--bg-space-4)}.bg-board-tabs a{font-size:var(--bg-type-small)}.bg-live-search .field:first-of-type{flex:1 1 100%}.bg-live-search>.button{flex-shrink:0}.bg-live-board .bg-text-row{padding-inline:0}.bg-live-board .bg-text-kind{min-width:44px}.bg-live-board .bg-text-main{flex-basis:60%}.bg-live-board .bg-board-link h2{font-size:20px}.bg-live-video button>span{left:var(--bg-space-3);bottom:var(--bg-space-3)}.bg-live-write .btn_confirm .button{flex:1}}

/* Core comment markup uses the same public controls and action spacing. */
.bg-live-board .cmt_btn{display:inline-flex;align-items:center;gap:var(--bg-space-2);min-height:var(--bg-control-md);padding:var(--bg-space-3) var(--bg-space-4);margin-block:var(--bg-space-4);border:1px solid var(--bg-border);border-radius:var(--bg-radius-control);background:var(--bg-surface-content);color:var(--bg-text);font:var(--bg-type-body)/var(--bg-leading-heading) var(--bg-font);cursor:pointer}
.bg-live-board .cmt_btn:hover{background:var(--bg-surface-support)}
.bg-live-board #bo_vc_w .btn_confirm{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--bg-space-3);margin-top:var(--bg-space-4)}
.bg-live-board #bo_vc_w .secret_cm{display:inline-flex;align-items:center;gap:var(--bg-space-2);min-height:var(--bg-control-md);margin:0}
.bg-live-board #bo_vc_w .secret_cm label{margin:0}
.bg-live-board #bo_vc_w .btn_submit{height:auto;min-height:var(--bg-control-md);margin:0}
.bg-live-board #bo_vc_w textarea.required{background-image:none!important}