/* Original desktop theme stays unchanged; adapt its existing content on mobile. */
.theme-hdr .hk-mobile-actions { display: none; }
.hk-home-label { display: none; }
.hk-bookmark-bar { position: relative; z-index: 100; width: 100%; clear: both; background: #202020; border-bottom: 1px solid #303030; box-sizing: border-box; }
.hk-bookmark-inner { max-width: 1400px; margin: 0 auto; padding: 0 12px; display: flex; justify-content: flex-end; box-sizing: border-box; }
.hk-bookmark { position: relative; color: #ddd; font-size: 12px; line-height: 1.6; }
.hk-bookmark summary { list-style: none; cursor: pointer; min-height: 30px; display: flex; align-items: center; gap: 5px; padding: 0 4px; }
.hk-bookmark summary::-webkit-details-marker { display: none; }
.hk-bookmark summary span { color: #ff9c37; font-size: 17px; }
.hk-bookmark summary:hover, .hk-bookmark[open] summary { color: #ffac54; }
.hk-bookmark summary:focus-visible { outline: 2px solid #ff9c37; outline-offset: -2px; }
.hk-bookmark-help { position: absolute; top: 100%; right: 0; width: 270px; max-width: calc(100vw - 24px); padding: 14px; box-sizing: border-box; background: #292929; border: 1px solid #555; border-radius: 6px; box-shadow: 0 4px 14px #0005; color: #eee; }
.hk-bookmark-help strong { color: #ffac54; font-size: 13px; }
.hk-bookmark-help p { margin: 8px 0 0; line-height: 1.7; }
.hk-bookmark-mobile { display: none; }
.hk-mobile-cache { display: none; }
.hk-apply-label { display: none; }
.hk-telegram-btn { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 12px; width: 280px; max-width: calc(100vw - 32px); height: 48px; box-sizing: border-box; border: 1px solid #65c3ed; border-radius: 12px; background: #229ed9; color: #fff !important; font-size: 16px; font-weight: 700; text-decoration: none; box-shadow: 0 4px 16px #0005; z-index: 999; }
.hk-telegram-btn i { font-size: 24px; }
.hk-telegram-btn:hover { background: #168ac1; }
.hk-telegram-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 1023px) {
 #wrap .hk-telegram-btn { bottom: calc(68px + env(safe-area-inset-bottom)); }
 #wrap:has(.hk-telegram-btn) .footer_box { padding-bottom: calc(148px + env(safe-area-inset-bottom)) !important; }
 #wrap .hk-apply-btn { display: flex; align-items: center; justify-content: center; width: min(280px, calc(100vw - 32px)); height: 48px; bottom: calc(68px + env(safe-area-inset-bottom)); box-sizing: border-box; border: 1px solid #ffbc60; border-radius: 12px; background: linear-gradient(110deg, #ffb338, #ff8c24); color: #252525; box-shadow: 0 4px 16px #0005; filter: none; animation: none; z-index: 999; }
 #wrap .hk-apply-btn img { display: none; }
 #wrap .hk-apply-label { display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 16px; font-weight: 700; line-height: 1; }
 #wrap .hk-apply-label > span { font-size: 20px; }
 #wrap .hk-apply-btn:hover { transform: translateX(-50%); filter: none; }
 #wrap .hk-apply-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
 #wrap:has(.hk-apply-btn) .footer_box { padding-bottom: calc(148px + env(safe-area-inset-bottom)) !important; }
 .hk-mobile-cache { display: inline-flex; align-items: center; gap: 4px; margin-right: 12px; padding: 0 4px; min-height: 30px; border: 0; background: transparent; color: #ffac54; font-size: 12px; cursor: pointer; }
 .hk-mobile-cache > span:first-child { font-size: 18px; }
 .hk-mobile-cache:focus-visible { outline: 2px solid #ff9c37; outline-offset: -2px; }
 .hk-mobile-cache:disabled { opacity: .6; cursor: wait; }
 .hk-bookmark-pc { display: none; }
 .hk-bookmark-mobile { display: block; }
 body { overflow: visible !important; }
 #wrap { min-width: 0; width: 100%; }
 #wrap .contents_wrap { width: 100%; padding: 0 10px; box-sizing: border-box; }
 #wrap .theme-hdr { display: flow-root; }
 #wrap .contents_wrap { float: none !important; display: flow-root; clear: both; }
 #wrap .contents_box, #wrap .contents_box_right, #wrap .right_fix_zone { display: flow-root !important; }
 #wrap .footer_wrap { float: none !important; clear: both !important; width: 100%; }
 #wrap .contents_box { width: 100%; min-width: 0; display: block; }
 #wrap .contents_box_left { display: none; }
 #wrap .contents_box_right { width: 100%; float: none; min-width: 0; }
 #wrap .theme-hdr .header_wrap { display: block !important; }
 #wrap .theme-hdr .gnb_box { width: 100% !important; padding: 12px 10px !important; display: flex !important; flex-wrap: wrap !important; gap: 12px; height: auto !important; }
 #wrap .theme-hdr .logo { float: none !important; flex: 0 0 auto; margin: 0 !important; }
 #wrap .theme-hdr .logo a { display: inline-block; }
 #wrap .theme-hdr .logo img { display: block; width: 100px !important; max-width: 100%; height: auto !important; max-height: none; object-fit: contain; }
 #wrap .theme-hdr .gnb { float: none !important; flex: 1 1 100%; width: 100% !important; min-width: 0; margin: 0 !important; }
 #wrap .theme-hdr .gnb > ul { display: flex !important; flex-wrap: nowrap !important; gap: 0; padding: 0; margin: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; border-top: 1px solid #363636; }
 #wrap .theme-hdr .gnb > ul > li { float: none; flex: 0 0 auto; height: auto !important; max-width: 100%; white-space: nowrap; }
 #wrap .theme-hdr .gnb > ul > li > a { display: flex; align-items: center; height: 44px; padding: 0 14px !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
 #wrap .theme-hdr .gnb > ul > li > a[aria-current=page] { border-bottom: 2px solid #f7ad38; }
 #wrap .theme-hdr .gnb > ul > li.hk-cache-li, #wrap .theme-hdr .gnb > ul > li.hk-online-li { display: none !important; }
 #wrap .theme-hdr .gnb > ul::-webkit-scrollbar { display: none; }
 #wrap .theme-hdr .gnb { margin: 0 -10px -12px !important; width: calc(100% + 20px) !important; flex-basis: calc(100% + 20px); }
 #wrap .hk-mobile-actions { display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto; gap: 12px; }
 #wrap .hk-mobile-actions > a { font-size: 13px; padding: 10px 0; color: #f7ad38 !important; }
 #wrap .hk-mobile-actions .hk-burger { width: 40px; height: 40px; background: transparent; border: 0; }
 #wrap .hk-drawer { width: 320px; max-width: 88vw; padding-bottom: env(safe-area-inset-bottom); }
 #wrap .hk-drawer-head img { width: 76px; height: auto !important; object-fit: contain; }
 #wrap .hk-drawer-nav .hk-drawer-main { display: flex !important; align-items: baseline; gap: 10px; }
 .hk-drawer-open, .hk-drawer-open body { overflow: hidden !important; }
 #wrap .theme-hdr .gnb_title { font-size: 13px !important; }
 #wrap .theme-hdr .gnb_text, #wrap .gnb_depth, #wrap .depth_triangle, #wrap .gnb > ul > li:after { display: none !important; }
 #wrap .adv-top-row { display: flex; flex-direction: column; width: 100%; gap: 20px; }
 #wrap .adv-top-row > .right_board_box, #wrap .adv-top-row > .hk-bnr-swiper { width: 100% !important; min-width: 0; max-width: 100%; }
 #wrap .hk-bnr-swiper { height: auto !important; aspect-ratio: 574 / 230; }
 #wrap .hk-bnr-swiper .swiper-slide { height: auto; aspect-ratio: 280 / 230; }
 #wrap .hk-group-bar { display: flex; flex-direction: row; align-items: center; gap: 12px; min-width: 0; padding: 14px; }
 #wrap .hk-group-logo { flex: 0 0 72px; width: 72px; min-width: 0; }
 #wrap .hk-group-logo img { width: 72px !important; height: auto !important; max-height: none; object-fit: contain; }
 #wrap .hk-group-tabs { flex: 1 1 0; width: 0; }
 #wrap .hk-group-tabs, #wrap #bo_cate ul { display: flex !important; flex-wrap: nowrap !important; gap: 8px; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; padding: 4px 0 8px; scrollbar-width: thin; scrollbar-color: #7a3a10 transparent; }
 #wrap .hk-group-tabs a, #wrap #bo_cate li { flex: 0 0 auto; white-space: nowrap; margin: 0; }
 #wrap .hk-group-tabs a { padding: 8px 10px; }
 #wrap .hk-group-logo img, #wrap .footer_box .f_logo img { max-width: 100%; height: auto; object-fit: contain; }
 #wrap .contents_box_right input:not([type=checkbox]):not([type=radio]), #wrap .contents_box_right select, #wrap .contents_box_right textarea { max-width: 100%; box-sizing: border-box; }
 #wrap .m_menu_fix { display: block !important; }
 #wrap .footer_box { padding-bottom: calc(16vw + 40px) !important; }
 #wrap #bo_list { width: 100% !important; min-width: 0; padding: 16px 14px 28px !important; }
 #wrap #bo_list .tbl_wrap { width: 100%; max-width: 100%; overflow: visible !important; }
 #wrap #bo_list table, #wrap #bo_list tbody { display: block; width: 100% !important; min-width: 0 !important; }
 #wrap #bo_list thead { display: none; }
 #wrap #bo_list tbody tr { display: flex; flex-wrap: wrap; width: 100%; gap: 10px 12px; padding: 16px 12px !important; border-bottom: 1px solid #484848; box-sizing: border-box; }
 #wrap #bo_list tbody td { display: inline-flex !important; align-items: center; width: auto !important; height: auto !important; min-height: 0 !important; min-width: 0 !important; max-width: 100%; padding: 0 !important; border: 0; white-space: normal; font-size: 12px; }
 #wrap #bo_list tbody td.td_num2 { display: none !important; }
 #wrap #bo_list tbody td.td_subject { flex: 1 1 100%; width: 100% !important; display: block !important; font-size: 14px; line-height: 1.6; }
 #wrap #bo_list .bo_tit { width: 100%; min-width: 0; max-width: 100%; }
 #wrap #bo_list .bo_tit a { white-space: normal !important; overflow-wrap: anywhere; word-break: normal; text-overflow: clip !important; display: block !important; overflow: visible !important; width: 100%; max-height: none !important; height: auto !important; font-size: 15px !important; line-height: 1.65 !important; }
 #wrap #bo_list .bo_cate_link { float: none !important; display: inline-flex; margin: 0 0 8px; padding: 5px 9px; height: auto; line-height: 1.2; font-size: 11px; }
 #wrap #bo_list tbody td.td_name { flex: 1 1 auto; justify-content: flex-start; text-align: left; }
 #wrap #bo_list tbody td.td_num:before { content: attr(data-mobile-label); margin-right: 4px; opacity: .7; }
 #wrap #bo_list tbody td.empty_table { flex: 1 1 100%; display: block; text-align: center; padding: 24px 0 !important; }
 #wrap #bo_list .bo_fx, #wrap #bo_list .bo_option { display: flex; flex-wrap: wrap; gap: 8px; }
 #wrap #bo_v { width: 100% !important; min-width: 0; padding: 16px 12px; }
 #wrap #bo_v img { max-width: 100%; height: auto; }
 #wrap .hk-live-head, #wrap .hk-ch-tabs { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; }
 #wrap .hk-ch-tab { flex: 1 1 auto; padding: 7px 10px; }
 #wrap .hk-player-wrap, #wrap .hk-player-wrap.hk-player-page { width: 100%; padding-top: 0 !important; height: var(--hk-player-height, 900px) !important; position: relative; overflow: hidden; }
 #wrap .hk-player-wrap iframe, #wrap .hk-player-wrap.hk-player-page iframe { position: absolute !important; top: 0 !important; left: 0; width: 100%; height: 100% !important; border: 0; }
 #wrap .hk-player-wrap:not(.hk-mobile-ready) { height: 240px !important; }
 #wrap .hk-player-wrap:not(.hk-mobile-ready):before { content: '중계 목록을 불러오는 중…'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #aaa; font-size: 13px; }
 #wrap .hk-player-wrap:not(.hk-mobile-ready) iframe { visibility: hidden; }
 /* Reuse the actual sidebar widgets below the home content, without duplicating IDs or listeners. */
 .hk-mobile-home #wrap .contents_box_right .contents_box_left {
   display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
   float: none !important; width: 100% !important; gap: 16px; margin: 24px 0;
 }
 .hk-mobile-home #wrap .contents_box_left > div { width: 100% !important; min-width: 0; float: none !important; margin: 0 !important; border-radius: 12px; }
 .hk-mobile-home #wrap .contents_box_left > .left_login_box,
 .hk-mobile-home #wrap .contents_box_left > .left_my_box,
 .hk-mobile-home #wrap .contents_box_left > .left_new_box { display: none !important; }
 .hk-mobile-home #wrap .hk-mobile-chat-details { grid-column: 1 / -1; min-width: 0; border-bottom: 1px solid #484848; }
 .hk-mobile-home #wrap .hk-mobile-chat-details summary { padding: 14px 0; cursor: pointer; font-size: 14px; color: #f7ad38; }
 .hk-mobile-home #wrap .hk-mobile-chat-details summary { display: flex; align-items: center; justify-content: space-between; list-style: none; }
 .hk-mobile-home #wrap .hk-mobile-chat-details summary::-webkit-details-marker { display: none; }
 .hk-mobile-home #wrap .hk-mobile-chat-details summary:after { content: '펼치기 ⌄'; font-size: 12px; }
 .hk-mobile-home #wrap .hk-mobile-chat-details[open] summary:after { content: '접기 ⌃'; }
 .hk-mobile-home #wrap .hk-mobile-chat-details .left_chat_box { width: 100%; margin-bottom: 14px !important; }
 .hk-mobile-home #wrap .contents_box_left > .left_login_box,
 .hk-mobile-home #wrap .contents_box_left > .left_my_box,
 .hk-mobile-home #wrap .contents_box_left > .left_chat_box,
 .hk-mobile-home #wrap .contents_box_left > .left_event_box,
 .hk-mobile-home #wrap .contents_box_left > .left_new_box { grid-column: 1 / -1; }
 .hk-mobile-home #wrap .left_customer_box { display: flex; align-items: center; justify-content: center; padding: 12px !important; }
 .hk-mobile-home #wrap .left_customer_box img { width: 100%; height: auto !important; object-fit: contain; }
 .hk-mobile-home #wrap .left_notice_box { padding: 14px !important; min-height: 110px; }
 .hk-mobile-home #wrap .left_notice_text { width: 100% !important; max-width: 100%; }
 .hk-mobile-home #wrap .left_event_text,
 .hk-mobile-home #wrap .left_new_tab_con li a { white-space: normal !important; overflow-wrap: anywhere; }
 #wrap .right_board_box ul { padding: 14px !important; }
 #wrap .right_board_box ul li { padding: 8px 0; }
 #wrap .right_board_text { white-space: normal !important; overflow: visible !important; font-size: 14px; line-height: 1.55; }
 #wrap .right_board_box ul li > a { align-items: flex-start; gap: 10px; }
 #wrap .right_board_date { flex: 0 0 auto; font-size: 11px; padding-top: 3px; }
 #wrap #bo_v_title .bo_v_tit { font-size: 20px; line-height: 1.55; overflow-wrap: anywhere; }
 #wrap .m_menu_fix { height: calc(56px + env(safe-area-inset-bottom)) !important; padding-bottom: env(safe-area-inset-bottom); background: linear-gradient(110deg, #ffb338, #ff7a18) !important; border-top: 1px solid #ffbd5e; }
 #wrap .m_menu_fix ul { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); height: 56px !important; float: none; margin: 0 !important; padding: 0 !important; }
 #wrap .m_menu_fix li { width: auto; float: none; min-width: 0; height: 56px; }
 #wrap .m_menu_fix li a, #wrap .m_menu_fix li:nth-child(3) a { height: 56px !important; width: 100% !important; position: static !important; transform: none !important; border-radius: 0 !important; background: transparent !important; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; padding: 4px 2px !important; font-size: 10px !important; line-height: 1.2; color: #252525 !important; }
 #wrap .m_menu_fix li a i { font-size: 19px !important; color: #252525 !important; margin: 0 !important; }
 #wrap .hk-home-label { display: inline; }
 #wrap .m_menu_fix li:nth-child(3) a i { color: #252525 !important; }
 #wrap .footer_box { padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important; }
 /* Match the desktop orange accents, with neutral surfaces instead of brown blocks. */
 #wrap .theme-hdr .gnb > ul { background: linear-gradient(110deg,#ffb338,#ff8c24); border-top: 0; }
 #wrap .theme-hdr .gnb_title { color: #252525 !important; }
 #wrap .theme-hdr .gnb > ul > li > a[aria-current=page] { border-bottom: 3px solid #fff; }
 #wrap .hk-drawer, #wrap .hk-drawer-head { background: #202020 !important; }
 #wrap .hk-drawer-head { border-bottom: 2px solid #ff9f1c !important; }
 #wrap .hk-drawer-head button { background: #303030 !important; border-color: #ff9f1c !important; }
 #wrap .hk-drawer-nav .hk-drawer-main span { color: #ffad32 !important; }
 #wrap .hk-drawer-nav .hk-drawer-main em { color: #aaa; }
 #wrap .hk-drawer-group { border-color: #383838; }
 #wrap .hk-drawer-group > a + a { border-color: #383838; }
 #wrap .hk-group-bar, #wrap .right_board_box, #wrap #bo_v { background: #242424 !important; }
 #wrap .hk-group-tabs a, #wrap #bo_cate a { background: #303030 !important; border-color: #454545 !important; color: #eee !important; }
 #wrap .hk-group-tabs a.on, #wrap #bo_cate #bo_cate_on { background: #ffa52b !important; border-color: #ffa52b !important; color: #252525 !important; }
 #wrap #bo_list, #wrap #bo_list .tbl_wrap { background: transparent !important; box-shadow: none !important; }
 #wrap #bo_list table, #wrap #bo_list tbody { background: transparent !important; box-shadow: none !important; border: 0 !important; }
 #wrap .hk-group-tabs, #wrap #bo_cate ul { scrollbar-color: #ff9f1c transparent; }
 #wrap #bo_list tbody tr { background: #242424; border: 1px solid #434343; border-radius: 10px; margin-bottom: 10px; }
 #wrap #bo_list tbody td { background: transparent !important; color: #bbb !important; }
 #wrap #bo_list .bo_tit a { color: #fff !important; }
 #wrap #bo_list .bo_cate_link { background: #ffa52b; color: #252525 !important; }
 #wrap .hk-ch-tab { background: #303030 !important; color: #eee !important; }
 #wrap .hk-ch-tab.active { background: #ffa52b !important; color: #252525 !important; }
 #wrap .hk_event_ticker { background: #242424 !important; border-color: #ff9f1c !important; }
 #wrap .hk_event_ticker .tk-track { animation-duration: calc(var(--tk-duration, 4s) * 2) !important; }
 .hk-mobile-home #wrap .left_event_box { background: #242424 !important; }
 .hk-mobile-home #wrap .left_event_title { background: linear-gradient(110deg,#ffb338,#ff8c24) !important; color: #252525 !important; }
 .hk-mobile-home #wrap .contents_box_left > .left_customer_box,
 .hk-mobile-home #wrap .contents_box_left > .left_notice_box { display: none !important; }
 /* Search controls retain their existing GET forms and conditions. */
 .hk-search-page #wrap .right_fix_zone { display: flex !important; flex-direction: column; gap: 16px; }
 .hk-search-page #wrap .right_fix_zone > form[name=fsearch] { order: -2; width: 100%; }
 .hk-search-page #wrap #sch_result { order: -1; width: 100%; }
 .hk-search-page #wrap .adv-top-row, .hk-search-page #wrap .hk-group-bar { display: none; }
 #wrap #sch_res_detail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 16px !important; margin: 0; text-align: left; background: #242424 !important; border-radius: 12px; }
 #wrap #sch_res_detail select { width: 100% !important; min-width: 0; height: 44px; background: #303030 !important; color: #eee !important; border: 1px solid #505050 !important; border-radius: 8px; padding: 0 10px; font-size: 14px; }
 #wrap #sch_res_detail .sch_wr { grid-column: 1 / -1; display: flex; gap: 8px; width: 100%; min-width: 0; }
 #wrap #sch_res_detail #stx, #wrap .bo_sch .sch_input { flex: 1 1 0; width: 0 !important; min-width: 0; height: 44px; padding: 0 12px !important; border-radius: 8px; background: #303030 !important; color: #fff !important; border: 1px solid #505050 !important; font-size: 16px !important; }
 #wrap #sch_res_detail #stx:focus, #wrap .bo_sch .sch_input:focus { border-color: #ff9f1c !important; outline: 2px solid rgba(255,159,28,.2); }
 #wrap #sch_res_detail .btn_submit, #wrap .bo_sch .sch_btn { flex: 0 0 72px; width: 72px; height: 44px; position: static; border: 0; border-radius: 8px; background: #ffa52b !important; color: #252525 !important; font-size: 14px; font-weight: 700; }
 #wrap #sch_res_detail .switch_field { grid-column: 1 / -1; display: flex; padding: 0; gap: 6px; }
 #wrap #sch_res_detail .switch_field label { border-radius: 6px; background: #303030; color: #ddd; border: 1px solid #505050; box-shadow: none; }
 #wrap #sch_res_detail .switch_field input:checked + label { background: #ffa52b; border-color: #ffa52b; color: #252525; }
 #wrap #sch_res_ov { height: auto; line-height: 1.6; padding: 14px; background: #242424; border-color: #444; text-align: left; }
 #wrap #sch_res_ov ul { display: flex; flex-wrap: wrap; gap: 8px; }
 #wrap #sch_res_board { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; }
 #wrap #sch_res_board li { flex: 0 0 auto; }
 #wrap .sch_res_list li { padding: 14px; background: #242424; border-color: #444; }
 #wrap .sch_res_list p, #wrap .sch_res_title { overflow-wrap: anywhere; color: #eee; }
 #wrap .bo_sch { width: calc(100% - 32px) !important; max-width: 360px; min-width: 0; padding: 16px; background: #242424 !important; border-radius: 12px; }
 #wrap .bo_sch select { width: 100%; height: 44px; padding: 0 12px; margin-bottom: 10px; background: #303030 !important; color: #eee; border: 1px solid #505050; border-radius: 8px; font-size: 14px; }
 #wrap .bo_sch .sch_bar { display: flex; gap: 8px; width: 100%; }
 #wrap .bo_sch form { padding: 0; }
 #wrap .bo_sch .sch_bar { border: 0; background: transparent; }
 #wrap #sch_res_detail select { font-size: 16px; }
 #wrap #sch_res_ov h2 { float: none; display: block; font-size: 18px; color: #eee; }
 #wrap #sch_res_ov h2 strong { color: #ffa52b; }
 #wrap #sch_res_ov ul { float: none; margin-top: 10px; font-size: 12px; color: #bbb; line-height: 1.5; }
 #wrap #sch_res_board { scrollbar-width: none; }
 #wrap #sch_res_board::-webkit-scrollbar { display: none; }
 #wrap #sch_res_board .sch_on { background: #ffa52b; color: #252525; border-color: #ffa52b; }
 #wrap #sch_result .sch_word { background: #ffa52b !important; color: #252525 !important; }
 .hk-live-b-page #wrap #hk_player_wrap iframe#hk_player { position: absolute !important; top: 0 !important; height: 100% !important; min-height: 0 !important; }
 /* Board-local search, distinct from the site-wide search form. */
 #wrap #bo_list .bo_sch_wrap { width: 100%; margin: 20px 0 12px; text-align: center; }
 #wrap #bo_list .bo_sch { position: static; transform: none; width: 100% !important; max-width: none; margin: 0 auto !important; padding: 14px; border: 1px solid #444; box-sizing: border-box; }
 #wrap #bo_list .bo_sch form { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; width: 100%; padding: 0; }
 #wrap #bo_list .bo_sch select { margin: 0; width: 100%; font-size: 16px; }
 #wrap #bo_list .bo_sch .sch_bar { min-width: 0; width: 100%; margin: 0; }
 #wrap #bo_gall .bo_sch { left: 50%; margin-left: 0 !important; transform: translateX(-50%); }
 /* Five visible page numbers, with existing previous/next links retained. */
 #wrap .contents_box_right .pg_wrap { float: none !important; display: flex !important; align-items: center; justify-content: center; width: 100%; max-width: 100%; margin: 20px auto !important; padding: 0; text-align: center; }
 #wrap .contents_box_right .pg { display: flex !important; flex-wrap: nowrap !important; align-items: center; justify-content: center; gap: 4px; width: auto; max-width: 100%; margin: 0 auto; padding: 0; }
 #wrap .contents_box_right .pg_wrap .pg_wrap { margin: 0 !important; }
 #wrap .pg .pg_page, #wrap .pg .pg_current { display: inline-flex !important; flex: 0 0 36px; align-items: center; justify-content: center; min-width: 36px !important; width: 36px !important; height: 40px !important; min-height: 40px; line-height: 1 !important; padding: 0 !important; margin: 0 !important; border-radius: 7px; background: #303030 !important; color: #eee !important; border: 1px solid #454545; font-size: 13px; }
 #wrap .pg .pg_current { background: #ffa52b !important; border-color: #ffa52b !important; color: #252525 !important; }
 #wrap .pg .pg_start, #wrap .pg .pg_end, #wrap .pg .hk-pagination-hidden { display: none !important; }
 #wrap .pg .pg_prev:before { content: '‹'; font-size: 22px; }
 #wrap .pg .pg_next:before { content: '›'; font-size: 22px; }
 /* Article title, author information, content and comments. */
 #wrap #bo_v { width: 100% !important; min-width: 0 !important; max-width: 100%; padding: 0 !important; box-sizing: border-box; }
 #wrap #bo_v { display: flow-root; }
 #wrap #bo_v .view_top_tit, #wrap #bo_v .view_writer { float: none !important; }
 #wrap #bo_v .view_top_tit { display: flex; flex-direction: column; align-items: stretch; gap: 10px; width: 100%; padding: 16px !important; margin: 0; box-sizing: border-box; }
 #wrap #bo_v .view_top_tit > :is(h1,h2), #wrap #bo_v_title .bo_v_tit { width: 100% !important; min-width: 0; margin: 0; font-size: 20px !important; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
 #wrap #bo_v .view_stat, #wrap #bo_v .writer_stat { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px 12px; width: 100%; margin: 0; padding: 0; }
 #wrap #bo_v .view_stat li, #wrap #bo_v .writer_stat li { font-size: 12px; line-height: 1.5; white-space: normal; }
 #wrap #bo_v .view_writer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; width: 100%; padding: 16px !important; box-sizing: border-box; }
 #wrap #bo_v .writer_infobox { display: flex; flex: 1 1 100%; min-width: 0; gap: 10px; }
 #wrap #bo_v .writer_img { flex: 0 0 40px; width: 40px; height: 40px; }
 #wrap #bo_v .writer_img img { width: 40px; height: 40px; object-fit: cover; }
 #wrap #bo_v .writer_info, #wrap #bo_v .writer_name, #wrap #bo_v .writer_name_comt { min-width: 0; max-width: 100%; flex-wrap: wrap; overflow-wrap: anywhere; }
 #wrap #bo_v .writer_more a { padding: 5px 10px; font-size: 12px; }
 #wrap #bo_v .writer_stat { flex: 1 1 100%; }
 #wrap #bo_v_atc { padding: 16px !important; width: 100%; min-width: 0; box-sizing: border-box; box-shadow: none !important; }
 #wrap #bo_v_atc { clear: both; overflow: visible; }
 #wrap #bo_v_con, #wrap #bo_v_article { width: 100%; min-width: 0; max-width: 100%; padding: 0 !important; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
 #wrap #bo_v_con { overflow: visible !important; color: #eee; }
 #wrap #bo_v_img.hk-empty-images { display: none; }
 #wrap #bo_v_con p, #wrap #bo_v_article p { max-width: 100%; line-height: 1.8; overflow-wrap: anywhere; }
 #wrap #bo_v_con p { margin: 0 0 12px; }
 #wrap #bo_v_con .hk-empty-paragraph { display: none; }
 #wrap #bo_v_con div, #wrap #bo_v_con span { max-width: 100%; box-sizing: border-box; }
 #wrap #bo_v_con img, #wrap #bo_v_img img, #wrap #bo_v_article img { max-width: 100% !important; height: auto !important; object-fit: contain; }
 #wrap #bo_v_con table { width: 100% !important; min-width: 0 !important; table-layout: fixed; }
 #wrap #bo_v_con th, #wrap #bo_v_con td { min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere; padding: 6px; }
 #wrap #bo_v_con iframe, #wrap #bo_v_con video, #wrap #bo_v_con embed { max-width: 100% !important; }
 #wrap #bo_v_con iframe[src*=youtube], #wrap #bo_v_con iframe[src*=vimeo], #wrap #bo_v_con video { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }
 #wrap #bo_v .view_upbox { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; width: 100%; height: auto; padding: 16px 0; }
 #wrap #bo_v .star_rate_area, #wrap #bo_v .up_btn { min-width: 0; max-width: 100%; }
 #wrap #bo_v_top, #wrap #bo_v_bot, #wrap #bo_v_bottom { max-width: 100%; }
 #wrap #bo_v .bo_v_com, #wrap #bo_v .bo_v_left, #wrap #bo_v .bo_v_right { display: flex; flex-wrap: wrap; gap: 8px; float: none; max-width: 100%; margin: 12px 0; }
 #wrap #bo_v .bo_v_com li, #wrap #bo_v .bo_v_left li, #wrap #bo_v .bo_v_right li { float: none; margin: 0; }
 #wrap #bo_v .bo_v_nb li { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; padding: 12px; box-sizing: border-box; }
 #wrap #bo_v .bo_v_nb li a { flex: 1 1 0; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
 #wrap #bo_v .bo_v_nb .nb_tit { flex: 0 0 auto; width: auto; font-size: 12px; }
 #wrap #bo_v .bo_v_nb .nb_date { width: 100%; margin: 0; font-size: 11px; }
 #wrap #bo_v_file li, #wrap #bo_v_link li { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; max-width: 100%; box-sizing: border-box; }
 #wrap #bo_v_file a, #wrap #bo_v_link a { float: none; flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
 #wrap #bo_vc { padding: 16px; min-width: 0; width: 100%; box-sizing: border-box; }
 #wrap #bo_vc article { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 10px; width: 100%; min-width: 0; }
 #wrap #bo_vc .pf_img { float: none; flex: 0 0 36px; margin: 0; }
 #wrap #bo_vc .pf_img img { width: 36px; height: 36px; object-fit: cover; }
 #wrap #bo_vc .cm_wrap, #wrap #bo_vc .writer_comt { float: none; flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; }
 #wrap #bo_vc .comt_stat { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 8px 0; }
 #wrap #bo_vc .comt_stat li { font-size: 11px; line-height: 1.5; }
 #wrap #bo_vc .cmt_contents { overflow-wrap: anywhere; word-break: normal; font-size: 14px; line-height: 1.7; }
 #wrap #bo_vc_empty { padding: 24px 0 !important; }
 #wrap #bo_vc_w .comtbox { display: flex; flex-direction: column; gap: 10px; width: 100%; }
 #wrap #bo_vc_w .comt_textarea { width: 100%; height: 96px; min-width: 0; }
 #wrap #bo_vc_w textarea { width: 100%; height: 96px; font-size: 16px; background: #303030; color: #fff; border-radius: 8px; }
 #wrap #bo_vc_w .comt_button, #wrap #bo_vc_w .comt_submit { width: 100%; height: 44px; }
 #wrap #bo_vc_w .comt_button button { height: 44px; border-radius: 8px; }
 #wrap .pv-head { flex-wrap: wrap; gap: 10px; }
 #wrap .pv-title { flex: 1 1 100%; min-width: 0; font-size: 20px; line-height: 1.5; overflow-wrap: anywhere; }
 #wrap .pv-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 #wrap .pv-meta > * { min-width: 0; overflow-wrap: anywhere; }
 #wrap .pv-meta .v { white-space: normal; font-size: 12px; line-height: 1.5; }
 #wrap .pv-meta > div, #wrap .pv-nav-btn { background: #242424; border-color: #444; }
 #wrap .pv-nav-btn, #wrap .pv-cmt-body { min-width: 0; }
 #wrap .pv-cmt-meta { flex-wrap: wrap; gap: 8px; }
 #wrap .pv-cmt-text { overflow-wrap: anywhere; }
 #wrap .pt-row .v { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
 #wrap .gal-tabs, #wrap .pt-tabs, #wrap .tr-tabs, #wrap .hl-cat ul { display: flex !important; flex-wrap: nowrap !important; gap: 8px; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #ff9f1c transparent; }
 #wrap .gal-tabs > a, #wrap .pt-tabs > a, #wrap .tr-tabs > a, #wrap .hl-cat ul > li { flex: 0 0 auto; white-space: nowrap; }
 #wrap .pv-nav-btn .ttl { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
 #wrap .mtrack { padding-left: 40px; padding-right: 40px; }
 #wrap .mslide { width: calc(100vw - 80px); min-width: 0; }
 #wrap .pv-modal-ov .mnav { width: 36px !important; height: 36px !important; font-size: 18px; }
 #wrap .pv-modal-ov .mprev { left: 4px; }
 #wrap .pv-modal-ov .mnext { right: 4px; }
}