/* Neobrutalism top nav icon hover finish 202607032125 */
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle {
    cursor: pointer !important;
    transform: translate(0, 0) !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    border-color: var(--neo-ink, #151515) !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover .ph-bold {
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:active,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:active,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:active,
html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:active {
    transform: translate(3px, 3px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover .ph-bold,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover .ph-bold,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover .ph-bold,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover .ph-bold {
    color: #E5E7EB !important;
}


/* Neobrutalism primary nav hover clip guard 202607032126 */
html.neo-theme-active body:not(.cke_editable) .m-nav,
html.neo-theme-active body:not(.cke_editable) .m-nav-row,
html.neo-theme-active body:not(.cke_editable) .m-nav-row-inner,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary {
    overflow-y: visible !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav-row-links .m-nav-row-inner,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary {
    padding-left: max(18px, env(safe-area-inset-left)) !important;
    padding-right: max(18px, env(safe-area-inset-right)) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link:first-child,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item:first-child > .m-nav-link {
    margin-left: 4px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link:first-child:hover,
html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item:first-child > .m-nav-link:hover {
    transform: translate(-1px, -2px) !important;
}
@media (max-width: 760px) {
    html.neo-theme-active body:not(.cke_editable) .m-nav-row-links .m-nav-row-inner,
    html.neo-theme-active body:not(.cke_editable) .m-nav-primary {
        padding-left: max(14px, env(safe-area-inset-left)) !important;
        padding-right: max(14px, env(safe-area-inset-right)) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link:first-child,
    html.neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item:first-child > .m-nav-link {
        margin-left: 3px !important;
    }
}
/* 2-row 헤더 — row 1: 브랜드+검색+액션, row 2: 메뉴 링크 */
.m-nav { background: var(--m-bg); border-bottom: 1px solid var(--m-border); }
.m-nav-row-inner {
    display: flex; align-items: center; gap: 16px;
    width: 100%; min-width: 0;
    padding: 12px 20px; max-width: var(--m-max-7xl); margin: 0 auto;
}
.m-nav-row-top { border-bottom: 1px solid var(--m-border); }
.m-nav-row-links { background: var(--m-surface); }
.m-brand {
    flex-shrink: 1;
    min-width: 0;
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.m-nav-primary {
    flex-wrap: wrap; gap: 2px;
    padding: 6px 20px;
}
.m-nav-link {
    padding: 7px 12px; border-radius: var(--m-radius);
    font-size: var(--m-text-base); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.m-nav-link:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-nav-link.is-active { background: var(--m-primary-soft); color: var(--m-primary); }

/* g5_menu 1차 항목 + 하위 드롭다운 */
.m-nav-item { position: relative; }
.m-nav-link { display: inline-flex; align-items: center; gap: 4px; }
.m-nav-chev { color: var(--m-text-faint); transition: transform 0.15s; }
.m-nav-item.has-sub:hover .m-nav-chev { transform: rotate(180deg); color: var(--m-primary); }
.m-nav-sub {
    position: absolute; top: calc(100% + 4px); left: 0;
    min-width: 180px; padding: 6px;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow-md);
    display: none; z-index: 200;
}
.m-nav-item.has-sub:hover .m-nav-sub,
.m-nav-item.has-sub:focus-within .m-nav-sub { display: block; }
.m-nav-sub-link {
    display: block;
    padding: 8px 12px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); color: var(--m-text-soft);
    text-decoration: none; white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}
.m-nav-sub-link:hover { background: var(--m-primary-soft); color: var(--m-primary); }

/* 커뮤니티 / 쇼핑몰 segment 토글 */
.m-nav-segment {
    display: inline-flex; padding: 3px;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: var(--m-radius); flex-shrink: 0;
}
.m-nav-segment-item {
    padding: 5px 12px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.m-nav-segment-item.is-active {
    /* primary tint 로 통일 — dark 에서 surface 가 surface-2 보다 어두워 invert 되는 문제 회피 */
    background: var(--m-primary-soft); color: var(--m-primary);
    box-shadow: var(--m-shadow);
}

.m-nav-spacer { flex: 1; min-width: 0; }

.m-nav-search-icon-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; flex-shrink: 0;
    background: transparent; border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.m-nav-search-icon-btn:hover {
    background: var(--m-surface-2);
    color: var(--m-primary);
    border-color: var(--m-primary);
}

.m-nav-utility {
    display: inline-flex; align-items: center; gap: 2px;
    flex-shrink: 0;
}
.m-nav-utility-link {
    padding: 6px 10px; border-radius: var(--m-radius);
    font-size: var(--m-text-base); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}
.m-nav-utility-link:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-nav-utility-link.is-active { color: var(--m-primary); }

/* 장바구니 아이콘 (top nav) — badge 포함, shop 진입 여부와 무관하게 노출 */
.m-nav-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    color: var(--m-text-soft);
    background: transparent;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.m-nav-cart-link:hover {
    background: var(--m-surface-2);
    color: var(--m-text);
    border-color: var(--m-border-hover);
}
.m-nav-cart-link svg { display: block; }
.m-nav-cart-badge {
    position: absolute;
    top: -6px; right: -6px;
    min-width: 18px; height: 18px;
    padding: 0 5px;
    background: var(--m-primary);
    color: #fff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
}

.m-nav-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.m-nav-mobile-toggle {
    display: none;
    width: 36px; height: 36px; padding: 0;
    background: transparent; border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    cursor: pointer;
    align-items: center; justify-content: center;
}

@media (max-width: 880px) {
    .m-nav-row-links { display: none; }   /* row 2 메뉴는 햄버거 드로어가 흡수 */
    .m-nav-segment { display: none; }     /* 커뮤니티/쇼핑몰 토글도 드로어로 */
    .m-nav-utility { display: none; }     /* FAQ/Q&A/새글/접속자 도 드로어로 */
    .m-nav-search-icon-btn { margin-left: auto; }
    .m-nav-actions { display: none; }  /* 로그인/회원가입 버튼은 드로어로 흡수, 다크모드 토글은 우하단 .m-float-actions 로 이동 */
    .m-nav-mobile-toggle { display: inline-flex; }
    /* 사이드바(outlogin) 도 모바일에선 숨김 — 동일 정보를 드로어가 노출 */
    .m-side-col { display: none !important; }
}

@media (max-width: 560px) {
    .m-nav-row-inner { gap: 10px; padding: 12px 14px; }
    .m-brand { max-width: calc(100vw - 128px); }
    .m-nav-cart-link { display: none; }
}

/* 모바일 드로어 — 우측 슬라이드 인 패널 */
.m-nav-drawer {
    position: fixed; inset: 0; z-index: 10000;
}
.m-nav-drawer-backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(2px);
    animation: m-nav-fade-in 0.2s ease-out;
}
.m-nav-drawer-panel {
    position: absolute; top: 0; right: 0; bottom: 0;
    width: min(320px, 85vw);
    background: var(--m-bg);
    border-left: 1px solid var(--m-border);
    overflow-y: auto;
    display: flex; flex-direction: column;
    animation: m-nav-slide-in 0.22s ease-out;
}
@keyframes m-nav-fade-in { from { opacity: 0 } to { opacity: 1 } }
@keyframes m-nav-slide-in { from { transform: translateX(100%) } to { transform: translateX(0) } }

.m-nav-drawer-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--m-border);
}
.m-nav-drawer-title { font-size: var(--m-text-base); font-weight: 600; color: var(--m-text-soft); }
.m-nav-drawer-close {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    background: transparent; border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    cursor: pointer;
}
.m-nav-drawer-close:hover { background: var(--m-surface-2); color: var(--m-text); }

.m-nav-drawer-me {
    padding: 16px;
    border-bottom: 1px solid var(--m-border);
    background: var(--m-surface);
}
.m-nav-drawer-me-row { display: flex; align-items: center; gap: 12px; }
.m-nav-drawer-avatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; flex-shrink: 0;
    border-radius: 50%;
    background: var(--m-primary); color: #fff;
    font-size: var(--m-text-md); font-weight: 700;
}
.m-nav-drawer-me-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.m-nav-drawer-nick { font-size: var(--m-text-md); font-weight: 600; color: var(--m-text); }
.m-nav-drawer-edit { font-size: var(--m-text-xs); color: var(--m-text-muted); text-decoration: none; }
.m-nav-drawer-edit:hover { color: var(--m-primary); }

.m-nav-drawer-stats {
    list-style: none; margin: 12px 0 0; padding: 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
.m-nav-drawer-stats a {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 8px 4px; border-radius: var(--m-radius);
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    text-decoration: none;
}
.m-nav-drawer-stats a:hover { border-color: var(--m-primary); }
.m-nav-drawer-stat-label { font-size: var(--m-text-xs); color: var(--m-text-muted); }
.m-nav-drawer-stat-value { font-size: var(--m-text-md); font-weight: 700; color: var(--m-text); font-feature-settings: "tnum"; }

.m-nav-drawer-links {
    display: flex; flex-direction: column;
    padding: 8px 8px;
    flex: 1; min-height: 0;
}
.m-nav-drawer-link {
    padding: 12px 12px; border-radius: var(--m-radius);
    font-size: var(--m-text-md); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
}
.m-nav-drawer-link:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-nav-drawer-link.is-active { background: var(--m-primary-soft); color: var(--m-primary); }
.m-nav-drawer-sublink { padding-left: 28px !important; font-size: var(--m-text-sm) !important; }

/* 드로어 안 segment 토글 */
.m-nav-drawer-segment {
    display: flex; gap: 4px; padding: 3px;
    margin: 12px 12px 0;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
}
.m-nav-drawer-segment-item {
    flex: 1; text-align: center;
    padding: 7px 10px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); font-weight: 500;
    color: var(--m-text-soft); text-decoration: none;
}
.m-nav-drawer-segment-item.is-active {
    background: var(--m-primary-soft); color: var(--m-primary);
    box-shadow: var(--m-shadow);
}

.m-nav-drawer-shop {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 12px;
    border-bottom: 1px solid var(--m-border);
}
.m-nav-drawer-shop-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    background: var(--m-surface);
    color: var(--m-text-soft);
    font-size: var(--m-text-sm);
    font-weight: 600;
    text-decoration: none;
}
.m-nav-drawer-shop-link:hover,
.m-nav-drawer-shop-link.is-active {
    border-color: var(--m-primary);
    background: var(--m-primary-soft);
    color: var(--m-primary);
}
.m-nav-drawer-shop-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--m-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.m-nav-drawer-actions {
    display: flex; flex-direction: column; gap: 6px;
    padding: 12px 16px 18px;
    border-top: 1px solid var(--m-border);
}
.m-nav-drawer-actions .m-btn { width: 100%; }
/* Neobrutalism nav final pass: this is intentionally after the modern nav CSS. */
.m-nav {
    background: #fff !important;
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    box-shadow: 0 5px 0 rgba(21,21,21,.1) !important;
}
.m-nav-row-top {
    border-bottom: 2px solid #ebe7df !important;
}
.m-nav-row-links {
    background: #fff !important;
    border-bottom: 0 !important;
}
.m-brand {
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}
.m-nav-search-icon-btn,
.m-nav-cart-link,
.m-nav-mobile-toggle,
.m-nav-drawer-close {
    width: 46px !important;
    height: 46px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
}
.m-nav-search-icon-btn:hover,
.m-nav-cart-link:hover,
.m-nav-mobile-toggle:hover,
.m-nav-drawer-close:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
}
.m-nav-search-icon-btn svg,
.m-nav-cart-link svg,
.m-nav-mobile-toggle svg,
.m-nav-drawer-close svg {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 2.8 !important;
}
.m-nav-utility-link,
.m-nav-link,
.m-nav-sub-link,
.m-nav-drawer-link {
    color: var(--neo-ink, #151515) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}
.m-nav-link {
    min-height: 36px !important;
    padding: 8px 13px !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
}
.m-nav-link:hover,
.m-nav-link.is-active {
    border-color: var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-nav-utility-link {
    padding: 9px 12px !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
}
.m-nav-utility-link:hover,
.m-nav-utility-link.is-active {
    border-color: var(--neo-ink, #151515) !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-nav-actions .m-btn,
.m-nav-drawer-actions .m-btn {
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-weight: 950 !important;
}
.m-nav-actions .m-btn-secondary,
.m-nav-drawer-actions .m-btn:not(.m-btn-ghost) {
    background: var(--neo-blue, #5fb8ff) !important;
}
.m-nav-actions .m-btn.m-btn-login,
.m-nav-drawer-actions .m-btn.m-btn-login {
    background: var(--neo-yellow, #ffe65a) !important;
    color: var(--neo-ink, #151515) !important;
    border-color: var(--neo-ink, #151515) !important;
}
.m-nav-actions .m-btn:hover,
.m-nav-drawer-actions .m-btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}
.m-nav-sub,
.m-nav-drawer-panel {
    border: 3px solid var(--neo-ink, #151515) !important;
    background: #fff9ed !important;
    box-shadow: 7px 7px 0 var(--neo-ink, #151515) !important;
}

/* Neobrutalism nav/drawer polish 202607021096 */
.m-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 30000 !important;
    overflow: visible !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    isolation: isolate !important;
}
.m-nav::before,
.m-nav::after,
.m-nav-row-links::before,
.m-nav-row-links::after,
.m-nav-primary::before,
.m-nav-primary::after {
    content: none !important;
    display: none !important;
}
.m-nav-row-top {
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    box-shadow: none !important;
}
.m-nav-row-links {
    border-bottom: 0 !important;
    box-shadow: 0 4px 0 var(--neo-ink, #151515) !important;
    overflow: visible !important;
}
.m-nav-primary {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 14px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
}
.m-nav-primary::-webkit-scrollbar { display: none !important; }
.m-nav-primary > .m-nav-link,
.m-nav-primary > .m-nav-item > .m-nav-link {
    --neo-menu-bg: #fff !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: var(--neo-menu-bg-custom, var(--neo-menu-bg)) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.m-nav-primary > .m-nav-link:nth-child(1) { --neo-menu-bg: var(--neo-yellow, #ffe45e) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(1) > .m-nav-link { --neo-menu-bg: var(--neo-green, #82e97f) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(2) > .m-nav-link { --neo-menu-bg: var(--neo-blue, #5fb8ff) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(3) > .m-nav-link { --neo-menu-bg: var(--neo-pink, #ff7ab6) !important; }
.m-nav-primary > .m-nav-item:nth-of-type(4) > .m-nav-link { --neo-menu-bg: #c7a4ff !important; }
.m-nav-primary > .m-nav-link:hover,
.m-nav-primary > .m-nav-link.is-active,
.m-nav-primary > .m-nav-item > .m-nav-link:hover,
.m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    transform: translate(2px, 2px) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-menu-bg-custom, var(--neo-yellow, #ffe45e)) !important;
}
.m-nav-drawer {
    z-index: 100000 !important;
    background: rgba(21, 21, 21, .58) !important;
    backdrop-filter: blur(3px) !important;
}
.m-nav-drawer-panel {
    position: fixed !important;
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: min(420px, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    z-index: 100001 !important;
}
.m-nav-drawer-close {
    z-index: 3 !important;
}
@media (max-width: 1180px) {
    .m-with-sidebar { grid-template-columns: 1fr !important; }
    .m-side-col { display: none !important; }
}

@media (max-width: 560px) {
    .m-brand { font-size: 16px !important; min-height: 40px !important; box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important; }
    .m-nav-search-icon-btn, .m-nav-cart-link, .m-nav-mobile-toggle { width: 42px !important; height: 42px !important; }
}

/* Neobrutalism nav/drawer hard fix 202607021098 */
html body:not(.cke_editable) .m-nav {
    overflow: visible !important;
    contain: none !important;
}
html body:not(.cke_editable) .m-nav-row-links {
    border-top: 0 !important;
    border-bottom: 4px solid var(--neo-ink, #151515) !important;
    box-shadow: none !important;
}
html body:not(.cke_editable) .m-nav-primary {
    border-bottom: 0 !important;
    box-shadow: none !important;
}
html body:not(.cke_editable) .m-nav-drawer,
html body:not(.cke_editable) body > .m-nav-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
    background: rgba(21, 21, 21, .62) !important;
    backdrop-filter: blur(3px) !important;
    isolation: isolate !important;
}
html body:not(.cke_editable) .m-nav-drawer[hidden] {
    display: none !important;
}
html body:not(.cke_editable) .m-nav-drawer-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
}
html body:not(.cke_editable) .m-nav-drawer-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(460px, 100vw) !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-width: 0 0 0 5px !important;
    border-radius: 0 !important;
    background: var(--neo-paper, #fff9ed) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: -10px 0 0 var(--neo-ink, #151515) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 2 !important;
    transform: translateX(0) !important;
}
html body:not(.cke_editable) .m-nav-drawer-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: var(--neo-paper, #fff9ed) !important;
    border-bottom: 4px solid var(--neo-ink, #151515) !important;
}
html body:not(.cke_editable) .m-nav-drawer-close {
    position: relative !important;
    z-index: 5 !important;
}
html body:not(.cke_editable).m-nav-drawer-open,
html body:not(.cke_editable) body.m-nav-drawer-open {
    overflow: hidden !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links {
    border-bottom-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-panel,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-head {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-link,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-title,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-nick,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-stat-label,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-stat-value {
    color: #E5E7EB !important;
}
@media (max-width: 560px) {
    html body:not(.cke_editable) .m-nav-drawer-panel {
        width: 100vw !important;
        border-left-width: 0 !important;
        box-shadow: none !important;
    }
}



/* Neobrutalism configurable menu colors/icons 202607022135 */
.m-nav-primary > .m-nav-link,
.m-nav-primary > .m-nav-item > .m-nav-link {
    background: var(--neo-menu-bg-custom, var(--neo-menu-bg, #fff)) !important;
}
.m-nav-primary > .m-nav-link:hover,
.m-nav-primary > .m-nav-link.is-active,
.m-nav-primary > .m-nav-item > .m-nav-link:hover,
.m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    background: var(--neo-menu-bg-custom, var(--neo-yellow, #ffe45e)) !important;
}
.m-nav-menu-icon {
    margin-right: 6px !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: currentColor !important;
}
.m-nav-sub-link .m-nav-menu-icon,
.m-nav-drawer-link .m-nav-menu-icon {
    margin-right: 8px !important;
    font-size: 18px !important;
}
.m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    margin: 5px 4px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: var(--neo-menu-bg-custom) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-nav-primary > .m-nav-link,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-primary > .m-nav-item > .m-nav-link,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    color: #E5E7EB !important;
}

/* Neobrutalism nav Phosphor icon finish 202607021103 */
.m-nav .ph-bold,
.m-nav-drawer .ph-bold {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1em !important;
    height: 1em !important;
    color: inherit !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-weight: normal !important;
}
.m-nav .ph-bold::before,
.m-nav-drawer .ph-bold::before {
    display: block !important;
    color: inherit !important;
    opacity: 1 !important;
}
.m-nav-chev.ph-bold {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}
.m-nav-search-icon-btn .ph-bold,
.m-nav-cart-link .ph-bold,
.m-nav-mobile-toggle .ph-bold,
.m-nav-drawer-close .ph-bold {
    font-size: 25px !important;
}


/* Neobrutalism nav single-line/drawer final fix 202607031225 */
html body:not(.cke_editable) .m-shell .m-nav,
html body:not(.cke_editable) .m-nav {
    border-bottom: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 30000 !important;
}
html body:not(.cke_editable) .m-shell .m-nav-row-top,
html body:not(.cke_editable) .m-nav-row-top {
    border-bottom: 0 !important;
    box-shadow: none !important;
}
html body:not(.cke_editable) .m-shell .m-nav-row-links,
html body:not(.cke_editable) .m-nav-row-links {
    border-top: 0 !important;
    border-bottom: 4px solid var(--neo-ink, #151515) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
}
html body:not(.cke_editable) .m-shell .m-nav-row-links::-webkit-scrollbar,
html body:not(.cke_editable) .m-nav-row-links::-webkit-scrollbar,
html body:not(.cke_editable) .m-shell .m-nav-primary::-webkit-scrollbar,
html body:not(.cke_editable) .m-nav-primary::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}
html body:not(.cke_editable) .m-shell .m-nav::before,
html body:not(.cke_editable) .m-shell .m-nav::after,
html body:not(.cke_editable) .m-shell .m-nav-row-top::before,
html body:not(.cke_editable) .m-shell .m-nav-row-top::after,
html body:not(.cke_editable) .m-shell .m-nav-row-links::before,
html body:not(.cke_editable) .m-shell .m-nav-row-links::after,
html body:not(.cke_editable) .m-shell .m-nav-primary::before,
html body:not(.cke_editable) .m-shell .m-nav-primary::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-shell .m-nav-row-links,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links {
    border-bottom-color: #2A313C !important;
}
html body:not(.cke_editable) .m-nav-drawer:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    z-index: 2147483000 !important;
    overflow: hidden !important;
}
html body:not(.cke_editable) .m-nav-drawer:not([hidden]) .m-nav-drawer-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    display: block !important;
    width: min(460px, 100vw) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
@media (max-width: 560px) {
    html body:not(.cke_editable) .m-nav-drawer:not([hidden]) .m-nav-drawer-panel {
        width: 100vw !important;
        border-left: 0 !important;
        box-shadow: none !important;
    }
}


/* ══════════════════════════════════════════════
   모바일 헤더 컴팩트 202607071200
   메뉴 행이 숨는 모바일에서 nav 고정 최소높이(64+52) 해제,
   로고/아이콘/로그아웃 버튼 축소 — 데스크톱 비율 그대로 줄임
   ══════════════════════════════════════════════ */
@media (max-width: 880px) {
    /* nav 는 height:0 + min-height 로 fixed 헤더의 스페이서 역할 —
       메뉴 행(52px)이 숨는 모바일에선 스페이서를 상단 행 높이로 축소 */
    html body:not(.cke_editable) .m-shell .m-nav,
    html body:not(.cke_editable) .m-nav {
        min-height: 64px !important;
    }
}
@media (max-width: 560px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-nav,
    html.neo-theme-active body:not(.cke_editable) .m-nav,
    html body:not(.cke_editable) .m-nav {
        min-height: 52px !important; /* 상단 행 48px + border-bottom 3px */
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav-row-top .m-nav-row-inner,
    html body:not(.cke_editable) .m-nav-row-top .m-nav-row-inner {
        min-height: 36px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        gap: 8px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-brand,
    html.neo-theme-active body:not(.cke_editable) .m-brand,
    html body:not(.cke_editable) .m-brand {
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 13px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 13px !important;
        line-height: 1 !important;
        letter-spacing: 0.02em !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-search-icon-btn,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-cart-link,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mypage-link,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mobile-toggle,
    html body:not(.cke_editable) .m-nav-search-icon-btn,
    html body:not(.cke_editable) .m-nav-cart-link,
    html body:not(.cke_editable) .m-nav-mypage-link,
    html body:not(.cke_editable) .m-nav-mobile-toggle {
        flex-basis: 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle .ph-bold {
        font-size: 16px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-nav-actions .m-btn,
    html body:not(.cke_editable) .m-nav-actions .m-btn {
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 11px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }
}
/* ══════════════════════════════════════════════
   드로어 새글/접속자/검색 — 한 행 3분할 + 색상 + 아이콘 202607081720
   새글=노랑 · 접속자=초록 · 검색=파랑, 잉크 텍스트 (다크에서도 동일)
   ══════════════════════════════════════════════ */
.m-nav-drawer .m-nav-drawer-utils {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
}
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util.m-nav-drawer-link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    color: var(--neo-ink, #151515) !important;
    font-weight: 900 !important;
}
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util .ph-bold {
    font-size: 14px !important;
    color: inherit !important;
}
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util-new.m-nav-drawer-link { background: var(--neo-yellow, #ffe45e) !important; }
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util-connect.m-nav-drawer-link { background: var(--neo-green, #82e97f) !important; }
.m-nav-drawer .m-nav-drawer-utils .m-drawer-util-search.m-nav-drawer-link { background: var(--neo-blue, #5fb8ff) !important; }
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util.m-nav-drawer-link {
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:hover .ph-bold, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:hover .ph-bold, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:hover .ph-bold, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:hover .ph-bold {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-search-icon-btn:active, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-cart-link:active, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mypage-link:active, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-mobile-toggle:active {
    box-shadow: none !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-nav {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-nav-row-links,
html[data-theme="dark"] .m-nav-primary > .m-nav-link, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link {
    background-color: #161A22 !important;
}

html[data-theme="dark"] .m-brand,
html[data-theme="dark"] .m-nav-link:hover, html[data-theme="dark"] .m-nav-link.is-active,
html[data-theme="dark"] .m-nav-utility-link:hover, html[data-theme="dark"] .m-nav-utility-link.is-active {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-search-icon-btn, html[data-theme="dark"] .m-nav-cart-link, html[data-theme="dark"] .m-nav-mobile-toggle, html[data-theme="dark"] .m-nav-drawer-close,
html[data-theme="dark"] .m-nav-actions .m-btn, html[data-theme="dark"] .m-nav-drawer-actions .m-btn {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-search-icon-btn:hover, html[data-theme="dark"] .m-nav-cart-link:hover, html[data-theme="dark"] .m-nav-mobile-toggle:hover, html[data-theme="dark"] .m-nav-drawer-close:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-utility-link, html[data-theme="dark"] .m-nav-link, html[data-theme="dark"] .m-nav-sub-link, html[data-theme="dark"] .m-nav-drawer-link {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-actions .m-btn-secondary, html[data-theme="dark"] .m-nav-drawer-actions .m-btn:not(.m-btn-ghost),
html[data-theme="dark"] .m-nav-primary > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-link.is-active, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"] .m-nav-actions .m-btn.m-btn-login, html[data-theme="dark"] .m-nav-drawer-actions .m-btn.m-btn-login {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-actions .m-btn:hover, html[data-theme="dark"] .m-nav-drawer-actions .m-btn:hover,
html[data-theme="dark"] .m-nav-row-links {
    box-shadow: none !important;
}

html[data-theme="dark"] .m-nav-sub, html[data-theme="dark"] .m-nav-drawer-panel {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-nav-row-top,
html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links,
html[data-theme="dark"] body:not(.cke_editable) .m-shell .m-nav-row-links, html[data-theme="dark"] body:not(.cke_editable) .m-nav-row-links {
    border-color: var(--neo-border, #2A313C) !important;
}

html[data-theme="dark"] .m-nav-primary > .m-nav-link, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link,
html[data-theme="dark"] .m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-primary > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-link.is-active, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link:hover, html[data-theme="dark"] .m-nav-primary > .m-nav-item > .m-nav-link.is-active {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}

@media (max-width: 560px) {
html[data-theme="dark"] .m-brand,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .m-brand, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-brand, html[data-theme="dark"] body:not(.cke_editable) .m-brand,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-search-icon-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-cart-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mypage-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav .m-nav-row-inner .m-nav-mobile-toggle, html[data-theme="dark"] body:not(.cke_editable) .m-nav-search-icon-btn, html[data-theme="dark"] body:not(.cke_editable) .m-nav-cart-link, html[data-theme="dark"] body:not(.cke_editable) .m-nav-mypage-link, html[data-theme="dark"] body:not(.cke_editable) .m-nav-mobile-toggle,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-actions .m-btn, html[data-theme="dark"] body:not(.cke_editable) .m-nav-actions .m-btn {
    box-shadow: none !important;
}
}

html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-panel {
    background-color: #1D232D !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] body:not(.cke_editable) .m-nav-drawer-head {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util.m-nav-drawer-link {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util-new.m-nav-drawer-link,
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util-connect.m-nav-drawer-link,
html[data-theme="dark"] .m-nav-drawer .m-nav-drawer-utils .m-drawer-util-search.m-nav-drawer-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}
/* ──────────────────────────────────────────────
   댓글 영역 — view 카드 안에서 시작 (article.m-view 다음 형제로 위치)
   ────────────────────────────────────────────── */
.m-comments {
    margin: 18px 14px 0;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-lg);
    padding: 0;
    overflow: hidden;
}
.m-comments-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--m-border);
}
.m-comments-title {
    display: flex; align-items: center; gap: 6px;
    font-size: var(--m-text-base); font-weight: 600;
    color: var(--m-text-soft);
}
.m-comments-title strong { color: var(--m-primary); font-weight: 700; }

.m-comments-body { padding: 4px 24px; }

.m-comments-empty {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 32px 16px; margin: 0;
    color: var(--m-text-faint); font-size: var(--m-text-sm); text-align: center;
}

/* 개별 댓글 */
.m-comment {
    display: flex; gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid var(--m-border);
}
.m-comments-body > .m-comment:last-child { border-bottom: 0; }
.m-comment-reply {
    border-left: 2px solid var(--m-border);
    padding-left: 12px;
}

.m-comment-avatar { flex-shrink: 0; }
.m-comment-avatar img {
    width: 36px; height: 36px; border-radius: 50%;
    border: 1px solid var(--m-border); display: block;
}

.m-comment-main { flex: 1; min-width: 0; }
.m-comment-head {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 6px;
}
.m-comment-name {
    display: inline-flex; align-items: center;
    font-size: var(--m-text-base); font-weight: 600;
    color: var(--m-text);
}
.m-comment-ip { color: var(--m-text-faint); font-weight: 400; font-size: var(--m-text-sm); margin-left: 4px; }
.m-comment-time { font-size: var(--m-text-xs); color: var(--m-text-faint); }

.m-comment-content {
    font-size: var(--m-text-md); line-height: var(--m-leading-relaxed);
    color: var(--m-text); word-break: break-word;
}
.m-comment-content a { color: var(--m-primary); }

.m-comment-secret {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 2px 7px; border-radius: 999px;
    background: rgba(245,158,11,0.15); color: #d97706;
    font-size: var(--m-text-xs); font-weight: 600;
    margin-right: 6px; vertical-align: middle;
}

.m-comment-form-slot:empty { display: none; }
.m-comment-form-slot { display: block; margin-top: 12px; }

.m-comment-actions {
    display: flex; gap: 4px; margin-top: 8px;
}
.m-comment-action {
    padding: 4px 10px; border-radius: var(--m-radius-sm);
    font-size: var(--m-text-xs); color: var(--m-text-muted);
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}
.m-comment-action:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-comment-action-danger:hover { background: rgba(239,68,68,0.1); color: #ef4444; }

/* ──────────────────────────────────────────────
   댓글 작성 폼
   ────────────────────────────────────────────── */
.m-comment-write {
    margin: 18px 14px 14px;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-lg);
    padding: 24px 28px 26px;
}
.m-comment-write-title {
    font-size: var(--m-text-base); font-weight: 600;
    color: var(--m-text-soft); margin-bottom: 16px;
}
.m-comment-textarea-wrap { position: relative; }
.m-comment-textarea {
    min-height: 96px; resize: vertical;
    padding: 12px 14px; line-height: var(--m-leading-relaxed);
    font-family: inherit;
}
.m-comment-charcount {
    position: absolute; bottom: 8px; right: 12px;
    font-size: var(--m-text-xs); color: var(--m-text-faint);
    pointer-events: none;
}

.m-comment-write-row {
    display: flex; flex-wrap: wrap; gap: 10px;
    align-items: center; justify-content: space-between;
    margin-top: 14px;
}
.m-comment-write-info { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.m-comment-write-info .m-input { padding: 8px 10px; font-size: var(--m-text-sm); }
.m-comment-write-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.m-comment-captcha { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--m-border); }

/* 댓글 수정/답글 form 이 슬롯에 들어갔을 때 자연스럽게 보이도록 */
.m-comment .m-comment-write { margin-top: 12px; }
/* ══════════════════════════════════════════════
   모바일 댓글 쓰기 폼 정리 202607081300
   ① 2중 박스 제거 — aside.m-comment-write 의 카드 테두리를 걷어내고
      textarea 박스 하나만 남김 (댓글 카드 안의 카드 안의 박스였음)
   ② 비밀글 체크 + 등록 버튼을 한 행 우측 정렬로
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_vc_w.m-comment-write {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 4px 14px 14px !important;
        margin: 10px 0 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_vc_w .m-comment-write-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 12px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_vc_w .m-comment-write-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
        width: auto !important;
        margin-left: auto !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_vc_w .m-comment-write-actions .m-check {
        width: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        /* 등록 버튼(40px)과 동일 크기 (202607081340) */
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 0 12px !important;
    }
    /* iOS 는 16px 미만 입력 포커스 시 자동 확대 — 댓글 textarea 도 16px */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_vc_w .m-comment-textarea.m-comment-textarea {
        font-size: 16px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_vc_w .m-comment-write-actions #btn_submit {
        width: auto !important;
        flex: 0 0 auto !important;
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 18px !important;
        margin: 0 !important;
    }
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-comment-secret {
    color: #F59E0B;
}

html[data-theme="dark"] .m-comment-action-danger:hover {
    color: #EF4444;
}
.m-outlogin { width: 100%; }
.m-ol-card {
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius-lg);
    padding: 18px 18px 16px;
    box-shadow: var(--m-shadow);
}
.m-ol-title {
    font-size: var(--m-text-base); font-weight: 600;
    color: var(--m-text-soft);
    margin-bottom: 12px;
    display: flex; align-items: center; justify-content: space-between;
}
.m-ol-title .m-link { font-size: var(--m-text-sm); }

.m-ol-form { display: flex; flex-direction: column; gap: 8px; }
.m-ol-form .m-input { padding: 9px 11px; font-size: var(--m-text-md); }
.m-ol-form .m-check { font-size: var(--m-text-sm); }
.m-ol-form .m-btn { padding: 9px 16px; }

/* 로그인 버튼 밑 한 줄 — 자동로그인 체크박스(좌) + ID/PW 찾기(우) */
.m-ol-row {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 4px;
    font-size: var(--m-text-sm);
}
.m-ol-row .m-check span { font-size: var(--m-text-sm); }
.m-ol-row-link {
    color: var(--m-text-muted); text-decoration: none;
    font-size: var(--m-text-sm);
}
.m-ol-row-link:hover { color: var(--m-primary); }

/* 로그인 후 */
.m-ol-profile {
    display: flex; align-items: center; gap: 10px;
    padding-bottom: 14px; border-bottom: 1px solid var(--m-border);
    margin-bottom: 12px;
}
.m-ol-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, var(--m-primary) 0%, #8b5cf6 100%);
    display: grid; place-items: center;
    color: white; font-weight: 700; font-size: var(--m-text-md);
    flex-shrink: 0;
}
.m-ol-profile-meta { flex: 1; min-width: 0; }
.m-ol-profile-name {
    font-size: var(--m-text-md); font-weight: 600; color: var(--m-text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.m-ol-profile-suffix { font-weight: 400; color: var(--m-text-muted); }
.m-ol-profile-edit {
    font-size: var(--m-text-xs); color: var(--m-text-muted);
    text-decoration: none; margin-top: 2px; display: inline-block;
}
.m-ol-profile-edit:hover { color: var(--m-primary); }

/* 관리자 바로가기 — 프로필 헤더 우측 톱니 아이콘 */
.m-ol-admin-shortcut {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; flex-shrink: 0;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    color: var(--m-text-muted);
    transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.4s;
}
.m-ol-admin-shortcut:hover {
    background: var(--m-primary-soft);
    color: var(--m-primary);
    border-color: var(--m-primary);
    transform: rotate(45deg);
}

.m-ol-stats {
    list-style: none; padding: 0; margin: 0 0 12px 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
.m-ol-stat {
    display: flex; flex-direction: column; align-items: center;
    padding: 10px 6px;
    background: var(--m-surface-2); border-radius: var(--m-radius);
    text-decoration: none; color: var(--m-text-soft);
    transition: background 0.15s, color 0.15s;
}
.m-ol-stat:hover { background: var(--m-primary-soft); color: var(--m-primary); }
.m-ol-stat-label { font-size: var(--m-text-xs); color: var(--m-text-faint); }
.m-ol-stat-value {
    font-size: var(--m-text-md); font-weight: 700; color: var(--m-text);
    margin-top: 2px;
}
.m-ol-stat:hover .m-ol-stat-value,
.m-ol-stat:hover .m-ol-stat-label { color: inherit; }

.m-ol-actions { display: flex; gap: 6px; }
.m-ol-actions .m-btn { padding: 8px 12px; font-size: var(--m-text-sm); }

/* 관리자 뱃지 */
.m-ol-admin-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 7px; border-radius: 999px;
    font-size: var(--m-text-xs); font-weight: 600;
    background: rgba(245,158,11,0.15); color: #d97706;
    margin-top: 2px;
}
/* Neobrutalism outlogin final pass. */
.m-ol-card {
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 7px 7px 0 var(--neo-ink, #151515) !important;
}
.m-ol-profile { border-bottom: 3px solid #ece7dc !important; }
.m-ol-avatar {
    border: 3px solid var(--neo-ink, #151515) !important;
    background: var(--neo-violet, #b89cff) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-weight: 950 !important;
}
.m-ol-profile-name,
.m-ol-stat-value { color: var(--neo-ink, #151515) !important; font-weight: 950 !important; }
.m-ol-admin-shortcut,
.m-ol-stat,
.m-ol-card .m-btn {
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-ol-stat { background: #f6f7fb !important; }
.m-ol-card .m-btn {
    min-height: 46px !important;
    background: var(--neo-blue, #5fb8ff) !important;
    font-weight: 950 !important;
}
/* Neobrutalism outlogin dark/layout finish 202607021096 */
.m-outlogin { position: relative !important; z-index: 4 !important; }
.m-ol-card { overflow: visible !important; }
.m-ol-stats { align-items: stretch !important; }
.m-ol-stat { min-width: 0 !important; }
.m-ol-stat-label,
.m-ol-stat-value { letter-spacing: 0 !important; }

html[data-theme="dark"] body:not(.cke_editable) .m-ol-card {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile {
    border-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile-name,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile-suffix,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-profile-edit,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat-label,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat-value,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-title,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-row-link,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-form .m-check span {
    color: #E5E7EB !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-avatar,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-admin-shortcut,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-card .m-btn,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-form .m-input {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-stat,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-admin-shortcut,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-form .m-input {
    background: #1D232D !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-ol-avatar,
html[data-theme="dark"] body:not(.cke_editable) .m-ol-card .m-btn {
    color: #E5E7EB !important;
}
/* Neobrutalism outlogin stat label/value spacing finish 202607032123 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stats {
    gap: 9px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stat-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-stat-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 28px !important;
    min-height: 22px !important;
    padding: 1px 8px !important;
    line-height: 1 !important;
}
/* Neobrutalism outlogin profile badges finish 202607032124 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-name {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-nick {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 16px !important;
    padding: 0 5px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 0 7px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit:hover {
    transform: translate(1px, 1px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-blue, #5fb8ff) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: var(--neo-ink, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit {
    background: var(--neo-dark-panel, #161A22) !important;
    color: var(--neo-dark-text, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
/* Neobrutalism modern logged-out outlogin finish 202607032535 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-card {
    box-sizing: border-box !important;
    padding: 12px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 32px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--neo-ink, #151515) !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title > span,
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link {
    background: var(--neo-pink, #ff7ab6) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: #eef4ff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 rgba(21, 21, 21, .34) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 40px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: var(--neo-blue, #5fb8ff) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 30px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--neo-ink, #151515) !important;
    font-family: inherit !important;
    cursor: pointer !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked {
    background: var(--neo-green, #82e97f) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked::after {
    content: "" !important;
    width: 9px !important;
    height: 5px !important;
    border-left: 3px solid var(--neo-ink, #151515) !important;
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    transform: rotate(-45deg) translate(1px, -1px) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link:hover,
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary:hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-card {
    background: var(--neo-dark-panel, #161A22) !important;
    color: var(--neo-dark-text, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"] {
    background: #0F1117 !important;
    color: var(--neo-dark-text, #E5E7EB) !important;
    border-color: var(--neo-dark-line, #2A313C) !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check span {
    color: var(--neo-dark-text, #E5E7EB) !important;
}
/* Neobrutalism outlogin nim badge real center final 202607031505 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-name,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-name {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-height: 20px !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-nick,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-nick {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    line-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: -1px 0 0 0 !important;
    padding: 0 0 1px 0 !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-family: var(--neo-display-font, Galmuri11, Pretendard, sans-serif) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html[data-theme="dark"] body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}


/* Neobrutalism outlogin nim badge pill override final 202607031955 */
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-name,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-name{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important;min-height:22px!important;line-height:1!important;white-space:nowrap!important;vertical-align:middle!important}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-nick,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-nick{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;min-height:22px!important;line-height:1!important;margin:0!important;padding:0!important;white-space:nowrap!important;vertical-align:middle!important}
html.neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:24px!important;max-width:none!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0 6px!important;border:2px solid var(--neo-ink,#151515)!important;border-radius:999px!important;background:var(--neo-green,#82e97f)!important;color:var(--neo-ink,#151515)!important;box-shadow:1px 1px 0 var(--neo-ink,#151515)!important;font-family:var(--neo-body-font,Pretendard,sans-serif)!important;font-size:10px!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;vertical-align:middle!important;position:static!important;top:auto!important;transform:none!important}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix,
html[data-theme="dark"] body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix{background:var(--neo-surface-soft, #1D232D)!important;color:#E5E7EB!important;border-color:#2A313C!important;box-shadow:none !important}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-ol-avatar {
    background: #1D232D;
}

html[data-theme="dark"] .m-ol-admin-badge {
    color: #F59E0B;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-ol-card {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-ol-avatar {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-ol-profile-name, html[data-theme="dark"] .m-ol-stat-value {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-ol-admin-shortcut, html[data-theme="dark"] .m-ol-stat, html[data-theme="dark"] .m-ol-card .m-btn {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-ol-stat {
    background-color: #161A22 !important;
}

html[data-theme="dark"] .m-ol-card .m-btn {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-edit:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-card,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check span {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title > span, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-input {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"] {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row .m-check input[type="checkbox"]:checked::after {
    border-color: var(--neo-border, #2A313C) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-title .m-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-row-link:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-form .m-btn.m-btn-primary:hover {
    box-shadow: none !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix, html[data-theme="dark"] body:not(.cke_editable) .m-outlogin .m-ol-profile-suffix {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}
.m-footer {
    margin-top: auto;
    background: var(--m-surface);
    border-top: 1px solid var(--m-border);
}
.m-footer-inner {
    max-width: var(--m-max-7xl); margin: 0 auto;
    padding: 32px 20px 16px;
    display: grid; grid-template-columns: 1fr 220px; gap: 32px;
    align-items: start;
}
@media (max-width: 768px) {
    .m-footer-inner { grid-template-columns: 1fr; gap: 24px; padding-top: 24px; }
}

.m-footer-col { min-width: 0; }
.m-footer-title {
    font-size: var(--m-text-base); font-weight: 600; color: var(--m-text);
    margin: 0 0 12px;
}

/* 사이트 정보 — 가로 인라인 chip 스타일 (라벨: 값) */
.m-footer-info-row {
    list-style: none;
    margin: 0; padding: 0;
    display: flex; flex-wrap: wrap;
    gap: 6px 12px;
    font-size: var(--m-text-sm);
}
.m-footer-info-row li {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    line-height: 1.4;
    min-width: 0;
}
.m-footer-info-row li.m-footer-info-addr { flex-basis: 100%; }
/* flex line-break — 전화/팩스 줄을 주소 바로 위에 따로 배치 */
.m-footer-info-row li.m-footer-info-break {
    flex-basis: 100%;
    height: 0; padding: 0; margin: 0; border: 0;
    gap: 0;
}
.m-footer-info-row span {
    color: var(--m-text-faint);
    font-size: 0.92em;
}
.m-footer-info-row b {
    color: var(--m-text);
    font-weight: 500;
    min-width: 0;
    overflow-wrap: anywhere;
}
.m-footer-info-row a { color: inherit; text-decoration: none; }
.m-footer-info-row a:hover { color: var(--m-primary); }

/* 접속자 통계 (우측, key/value grid 유지) */
.m-footer-stats {
    margin: 0; font-size: var(--m-text-sm);
    display: grid; grid-template-columns: 70px 1fr; gap: 4px 10px;
}
.m-footer-stats dt { color: var(--m-text-faint); }
.m-footer-stats dd { margin: 0; font-weight: 600; color: var(--m-text); text-align: right; }
.m-footer-online { color: var(--m-primary); text-decoration: none; }
.m-footer-online:hover { text-decoration: underline; }

/* 사이트 메뉴 (맨 아래 한 줄) — bottom 여백 포함 */
.m-footer-menu {
    max-width: var(--m-max-7xl); margin: 0 auto;
    padding: 12px 20px 24px;
    border-top: 1px solid var(--m-border);
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 6px;
    font-size: var(--m-text-sm);
}
.m-footer-menu a { color: var(--m-text-soft); text-decoration: none; padding: 2px 4px; }
.m-footer-menu a:hover { color: var(--m-primary); }
.m-footer-menu-sep { color: var(--m-text-faint); }

@media (max-width: 560px) {
    .m-footer-col-stats {
        display: none;
    }
    .m-footer-info-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .m-footer-info-row li,
    .m-footer-info-row li.m-footer-info-addr {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        align-items: baseline;
        gap: 8px;
        min-width: 0;
    }
    .m-footer-info-row li.m-footer-info-break {
        display: none;
    }
    .m-footer-stats {
        max-width: 180px;
    }
}
/* Neobrutalism footer final pass. */
.m-shell > .m-footer {
    width: min(1280px, calc(100vw - 48px)) !important;
    max-width: min(1280px, calc(100vw - 48px)) !important;
    margin: 40px auto 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-width: 4px !important;
    border-style: solid !important;
    border-color: var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #151515 !important;
    color: #fff9ed !important;
    box-shadow: 8px 8px 0 var(--neo-ink, #151515) !important;
}
.m-shell > .m-footer .m-footer-inner,
.m-shell > .m-footer .m-footer-menu {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.m-shell > .m-footer .m-footer-inner {
    grid-template-columns: minmax(0, 1fr) minmax(140px, 220px) !important;
    gap: 24px !important;
    padding: 24px 28px 14px !important;
}
.m-shell > .m-footer .m-footer-menu {
    padding: 14px 28px 24px !important;
    border-top: 2px solid rgba(255,249,237,.28) !important;
}
.m-shell > .m-footer .m-footer-title {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 0 0 12px !important;
    padding: 0 12px !important;
    border: 2px solid #fff9ed !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-shadow: 3px 3px 0 rgba(255,249,237,.35) !important;
}
.m-shell > .m-footer .m-footer-info-row b,
.m-shell > .m-footer .m-footer-stats dd,
.m-shell > .m-footer a { color: #fff9ed !important; }
.m-shell > .m-footer .m-footer-info-row span,
.m-shell > .m-footer .m-footer-stats dt,
.m-shell > .m-footer .m-footer-menu-sep { color: rgba(255,249,237,.72) !important; }
.m-shell > .m-footer .m-footer-info-row,
.m-shell > .m-footer .m-footer-stats,
.m-shell > .m-footer .m-footer-menu {
    font-size: 12px !important;
    line-height: 1.55 !important;
}
.m-shell > .m-footer .m-footer-menu a {
    min-height: 26px !important;
    padding: 3px 6px !important;
    border-radius: 8px !important;
}
.m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
}
.m-shell > .m-footer .m-footer-online strong {
    display: inline-flex;
    min-width: 28px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff9ed;
    border-radius: 999px;
    background: var(--neo-yellow, #ffe45e);
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 rgba(255,249,237,.28);
    font-size: 11px;
}
@media (max-width: 720px) {
    .m-shell > .m-footer {
        width: min(100% - 28px, 1280px) !important;
        max-width: min(100% - 28px, 1280px) !important;
        margin-top: 28px !important;
        margin-bottom: 24px !important;
        border-radius: 16px !important;
        box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    }
    .m-shell > .m-footer .m-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 20px 18px 12px !important;
    }
    .m-shell > .m-footer .m-footer-menu {
        padding: 12px 18px 18px !important;
    }
}
[data-theme="dark"] .m-shell > .m-footer {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
[data-theme="dark"] .m-shell > .m-footer .m-footer-menu {
    border-top-color: #2A313C !important;
}
[data-theme="dark"] .m-shell > .m-footer .m-footer-title,
[data-theme="dark"] .m-shell > .m-footer .m-footer-online strong {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}


/* Neobrutalism footer full brutal card final 202607032020 */
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
.m-shell > .m-footer {
    box-sizing: border-box !important;
    width: min(1280px, calc(100vw - 48px)) !important;
    max-width: min(1280px, calc(100vw - 48px)) !important;
    margin: 48px auto 36px !important;
    padding: 20px !important;
    overflow: visible !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 22px !important;
    background: #151515 !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 9px 9px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
.m-shell > .m-footer .m-footer-inner {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
.m-shell > .m-footer .m-footer-col {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 18px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title,
.m-shell > .m-footer .m-footer-title {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    margin: 0 0 14px !important;
    padding: 0 14px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-family: var(--neo-display-font, Galmuri11, Pretendard, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row,
.m-shell > .m-footer .m-footer-info-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
.m-shell > .m-footer .m-footer-info-row li {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    max-width: 100% !important;
    min-height: 30px !important;
    padding: 6px 9px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li.m-footer-info-break,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li.m-footer-info-break,
.m-shell > .m-footer .m-footer-info-row li.m-footer-info-break {
    display: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
.m-shell > .m-footer .m-footer-info-row span {
    flex: 0 0 auto !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
.m-shell > .m-footer .m-footer-info-row b,
.m-shell > .m-footer .m-footer-info-row a {
    min-width: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats,
.m-shell > .m-footer .m-footer-stats {
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) auto !important;
    gap: 7px 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
.m-shell > .m-footer .m-footer-stats dt {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-right: 0 !important;
    border-radius: 10px 0 0 10px !important;
    background: #fff !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
.m-shell > .m-footer .m-footer-stats dd {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 58px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 0 10px 10px 0 !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online,
.m-shell > .m-footer .m-footer-online {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    text-decoration: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong,
.m-shell > .m-footer .m-footer-online strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 20px !important;
    padding: 0 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
.m-shell > .m-footer .m-footer-menu {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 18px 0 0 !important;
    padding: 14px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
.m-shell > .m-footer .m-footer-menu a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover,
.m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    transform: translate(2px, 2px) !important;
    box-shadow: 0 0 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu-sep,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu-sep,
.m-shell > .m-footer .m-footer-menu-sep {
    display: none !important;
}

@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    .m-shell > .m-footer {
        width: min(100% - 28px, 1280px) !important;
        max-width: min(100% - 28px, 1280px) !important;
        margin: 32px auto 24px !important;
        padding: 14px !important;
        border-radius: 18px !important;
        box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
    .m-shell > .m-footer .m-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
    .m-shell > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
    .m-shell > .m-footer .m-footer-menu {
        padding: 14px !important;
        border-radius: 14px !important;
        box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    }
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html[data-theme="dark"] .m-shell > .m-footer {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dt {
    color: #E5E7EB !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row a {
    color: #E5E7EB !important;
}


/* Neobrutalism footer frame slim final 202607031530 */
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html body:not(.cke_editable) .m-shell > .m-footer {
    box-sizing: border-box !important;
    width: min(1280px, calc(100vw - 48px)) !important;
    max-width: min(1280px, calc(100vw - 48px)) !important;
    margin: 40px auto 30px !important;
    padding: 10px !important;
    overflow: visible !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #151515 !important;
    background-image: none !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer::before,
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer::after,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer::before,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer::after {
    display: none !important;
    content: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-col {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 14px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff9ed !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-title {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    margin: 0 0 10px !important;
    padding: 0 11px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-family: var(--neo-display-font, Galmuri11, Pretendard, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    max-width: 100% !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li.m-footer-info-break,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li.m-footer-info-break,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li.m-footer-info-break {
    display: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span {
    flex: 0 0 auto !important;
    color: #4b5563 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a {
    min-width: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats {
    display: grid !important;
    grid-template-columns: minmax(70px, 1fr) auto !important;
    gap: 6px 0 !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-right: 0 !important;
    border-radius: 9px 0 0 9px !important;
    background: #fff !important;
    color: #4b5563 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 48px !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 0 9px 9px 0 !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-online {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    text-decoration: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 18px !important;
    padding: 0 7px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    transform: translate(1px, 1px) !important;
    box-shadow: 0 0 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu-sep,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu-sep,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu-sep {
    display: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer {
    border-color: #2A313C !important;
    background: #0F1117 !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    border-color: #2A313C !important;
    background: #161A22 !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt {
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a {
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell > .m-footer {
        width: min(100% - 28px, 1280px) !important;
        max-width: min(100% - 28px, 1280px) !important;
        margin: 28px auto 24px !important;
        padding: 8px !important;
        border-radius: 16px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-inner,
    html body:not(.cke_editable) .m-shell > .m-footer .m-footer-inner {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col,
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
    html body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
    html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
        padding: 12px !important;
        border-radius: 13px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    }
}



/* Neobrutalism home footer gap trim final 202607042135 */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar,
html body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
html body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-main-col,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-side-col,
html body:not(.cke_editable) .m-shell.neo-home-page .m-main-col,
html body:not(.cke_editable) .m-shell.neo-home-page .m-side-col {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .neo-doc-card,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .neo-latest-card:last-child,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .neo-section:last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .neo-doc-card,
html body:not(.cke_editable) .m-shell.neo-home-page .neo-latest-card:last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .neo-section:last-child {
    margin-bottom: 0 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-main-col > :last-child,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page .m-side-col > :last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .m-main-col > :last-child,
html body:not(.cke_editable) .m-shell.neo-home-page .m-side-col > :last-child {
    margin-bottom: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-footer,
html body:not(.cke_editable) .m-shell.neo-home-page > .m-footer {
    margin-top: 6px !important;
}
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar,
    html body:not(.cke_editable) .m-shell.neo-home-page > main.m-container.m-with-sidebar,
    html body:not(.cke_editable) .m-shell.neo-home-page > .m-container.m-with-sidebar {
        padding-bottom: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell.neo-home-page > .m-footer {
        margin-top: 6px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 컴팩트 — 게시판 제목/카테고리/칩/버튼 축소 202607071400
   문서 최후미(<style>)에서 로드되어 스킨 인라인 CSS 와의
   동률 특이도 경합을 항상 이긴다. ≤560px 전용.
   ══════════════════════════════════════════════ */
@media (max-width: 560px) {
    /* 게시판 제목 pill + 설정/RSS 아이콘 버튼 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head h1 {
        min-height: 32px !important;
        padding: 3px 12px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head .m-icon-btn,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions.m-board-actions .m-icon-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head .m-icon-btn .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn .ph-bold {
        font-size: 15px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head { margin-bottom: 8px !important; }

    /* Total 요약 pill · 목록/갤러리 토글 · 칼럼보기 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary.m-board-list-summary {
        min-height: 28px !important;
        padding: 4px 10px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-view-tab.neo-view-tab,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-mode-tab.m-review-mode-tab,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-column-btn.m-review-column-btn {
        min-height: 30px !important;
        height: 30px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-view-tab .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-mode-tab .ph-bold,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-review-column-btn .ph-bold {
        font-size: 13px !important;
    }

    /* 카테고리 칩 */
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-board-categories.m-board-categories {
        padding: 10px 12px !important;
        margin: 0 0 12px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-board-categories.m-board-categories a {
        min-height: 30px !important;
        padding: 4px 12px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
    }

    /* 목록 테이블 텍스트 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-subject-link,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-subject-text {
        font-size: 13px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table thead th {
        font-size: 11px !important;
    }

    /* 하단 벌크/검색/글쓰기 버튼 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-bulk-btn.m-bulk-btn,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-bb-btn.neo-bb-btn {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 10px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    /* ── 글보기 ── */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title {
        min-height: 0 !important;
        padding: 6px 12px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-head .m-cate-tag.m-cate-tag {
        min-height: 26px !important;
        height: 26px !important;
        padding: 0 10px !important;
        border-width: 2px !important;
        font-size: 11px !important;
    }
    /* 메타 칩(날짜/작성자/IP/댓글/조회) */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-name,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-ip,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-meta-item {
        min-height: 22px !important;
        height: 22px !important;
        padding: 0 8px !important;
        box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
        font-size: 10px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .ph-bold {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
    }
    /* 목록/답변/글쓰기/케밥 버튼 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn {
        min-height: 30px !important;
        height: 30px !important;
        padding: 0 9px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn span { font-size: 11px !important; }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn .ph-bold {
        width: 13px !important;
        height: 13px !important;
        font-size: 13px !important;
    }
    /* 추천/비추천 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-react-btn.m-react-btn {
        padding: 10px 14px !important;
        font-size: 12px !important;
    }
    /* 섹션 제목(첨부파일/관련링크)과 댓글 헤더 pill */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-section-title.m-view-section-title,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comments-title.m-comments-title,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comment-write-title.m-comment-write-title {
        min-height: 28px !important;
        padding: 2px 10px !important;
        font-size: 13px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    }
}
/* ══════════════════════════════════════════════
   다크 모드 정비 202607071500
   흰 배경+흰 글자(안 보임) 컴포넌트 수정 + 남은 눈부심 완화.
   코어의 다크 흰 섀도→#05070d, 흰 보더→#aeb8cb 치환과 세트.
   ══════════════════════════════════════════════ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link.m-nav-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item > .m-nav-link.m-nav-link {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-link.m-nav-link.is-active,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary > .m-nav-item > .m-nav-link.m-nav-link.is-active {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary .m-nav-link .m-nav-menu-icon,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-primary .m-nav-link .m-nav-chev { color: inherit !important; }
/* 드로어 메뉴 pill — 다크 가독성: 파스텔 pill 은 잉크 텍스트, 일반 pill 은 다크 배경+밝은 텍스트 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link.m-nav-drawer-link {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link.m-nav-drawer-link[style*="--neo-menu-bg-custom"] {
    background: var(--neo-menu-bg-custom) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link.m-nav-drawer-link.is-active {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-nav-drawer .m-nav-drawer-link .ph-bold { color: inherit !important; }

/* 페이지네이션 — 흰 배경+흰 글자였던 문제 */
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_page,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_start,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_prev,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_next,
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_end {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body:not(.cke_editable) .pg_wrap .pg_current {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}

/* 홈 '나도 웃긴 글 쓰러가기' CTA — 흰 배경+흰 글자였던 문제 */
html[data-theme="dark"] body:not(.cke_editable) .neo-humor-cta,
html[data-theme="dark"] body:not(.cke_editable) .neo-btn.neo-btn-ghost {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}

/* 실시간 인기글 순위 칩 */
html[data-theme="dark"] body:not(.cke_editable) .neo-side-rank-no {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) .neo-side-rank-no.is-top {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #E5E7EB !important;
}

/* 푸터 접속자/사이트정보 행 — 흰 바탕에 흰 글자 방지 */
html[data-theme="dark"] body:not(.cke_editable) .m-footer .m-footer-info-row li,
html[data-theme="dark"] body:not(.cke_editable) .m-footer li,
html[data-theme="dark"] body:not(.cke_editable) .m-footer a,
html[data-theme="dark"] body:not(.cke_editable) .m-footer strong,
html[data-theme="dark"] body:not(.cke_editable) .m-footer span {
    color: #E5E7EB !important;
}
html[data-theme="dark"] body:not(.cke_editable) .m-footer [class*="visit"] li,
html[data-theme="dark"] body:not(.cke_editable) .m-footer .m-footer-col li {
    background: #161A22 !important;
    border-color: #2A313C !important;
}

/* 추천/비추천 말풍선("이 글, 어떻게 보셨나요?") — 다크 가독성 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-board-view .m-view-react::before {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}

/* 다크에서 남아있는 순백 표면 완화 — 카드/입력류 */
html[data-theme="dark"] body:not(.cke_editable) input[type="text"],
html[data-theme="dark"] body:not(.cke_editable) input[type="password"],
html[data-theme="dark"] body:not(.cke_editable) input[type="email"],
html[data-theme="dark"] body:not(.cke_editable) input[type="search"],
html[data-theme="dark"] body:not(.cke_editable) select,
html[data-theme="dark"] body:not(.cke_editable) textarea {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
}
html[data-theme="dark"] body:not(.cke_editable) input::placeholder,
html[data-theme="dark"] body:not(.cke_editable) textarea::placeholder {
    color: #9CA3AF !important;
}
/* ══════════════════════════════════════════════
   모바일 하단 safe-area 202607071915 (202607212140 여백 확대)
   iOS 홈 인디케이터/브라우저 하단 바(사파리·인앱 브라우저)가
   푸터 끝을 가리는 문제. head.sub.php 의 viewport-fit=cover 와 세트 —
   cover 없이는 env(safe-area-inset-bottom) 이 항상 0.
   28px 로는 사파리의 축소된 하단 주소바(≈44px 오버레이)에 여전히
   가려져(오너 아이폰 실측) 60px 로 확대. iOS 크롬은 하단 툴바가 더 높고
   safe-area 값을 0 으로 보고하기도 해(오너 실측: 푸터 전부 가림) —
   max() 로 어떤 브라우저든 최소 96px 확보. (202607212300)
   문서 최후미 로드로 동률 특이도 경합을 항상 이긴다.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell > .m-footer {
        margin-bottom: max(96px, calc(60px + env(safe-area-inset-bottom, 0px))) !important;
    }
}
/* viewport-fit=cover 로 노치 밑까지 확장돼도 좌우가 잘리지 않게 */
@supports (padding: env(safe-area-inset-left)) {
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}
/* ══════════════════════════════════════════════
   모바일 입력 포커스 확대 방지 202607072320
   iOS 사파리는 폰트 16px 미만인 입력창에 포커스가 가면 페이지를
   자동 확대한다(게시판 검색 버튼 → 인라인 검색 input 포커스에서 재현).
   검색 계열 입력만 모바일에서 16px 로 승격 — 데스크톱 무영향.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    /* 코어에 .m-board-bottombar 포함 (0,5,2) 규칙이 있어 클래스 반복으로 특이도 확보 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-stx.neo-inline-search-stx,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-sfl.neo-inline-search-sfl,
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-search-input.m-search-input,
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-search-select.m-search-select {
        font-size: 16px !important;
    }

    /* 인라인 검색 줄이 뷰포트(428px)보다 넓게(536px) 계산돼 검색/닫기
       버튼이 화면 밖으로 나가던 문제 — 박스를 100% 로 고정하고
       입력창만 남는 폭을 차지하게 강제 */
    /* display:flex !important 가 [hidden] 의 display:none 을 덮지 않도록 [hidden] 은 무조건 숨김 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search.neo-inline-search[hidden] {
        display: none !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search.neo-inline-search:not([hidden]) {
        box-sizing: border-box !important;
        display: flex !important;
        flex: 1 1 100% !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-sfl.neo-inline-search-sfl {
        flex: 0 0 auto !important;
        width: 92px !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-stx.neo-inline-search-stx {
        flex: 1 1 0% !important;
        width: auto !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-go.neo-inline-search-go,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-inline-search-close.neo-inline-search-close {
        flex: 0 0 auto !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 카테고리(분류) 바 재디자인 202607081610
   여러 줄로 쌓이던 큰 칩 카드 → 한 줄 가로 스크롤 컴팩트 칩 바.
   카테고리별 색상은 유지, 카드 배경/큰 패딩 제거.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories.m-board-categories {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 0 12px !important;
        padding: 4px 2px 8px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        scroll-snap-type: x proximity !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories::-webkit-scrollbar {
        display: none !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories a {
        flex: 0 0 auto !important;
        scroll-snap-align: start !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        padding: 0 14px !important;
        border-width: 2px !important;
        border-radius: 999px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}
/* 모바일 글보기 제목 박스 축소 202607081625 — 기존 컴팩트(15px)보다 한 단계 더 */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title.m-view-title {
        min-height: 0 !important;
        padding: 5px 11px !important;
        border-width: 2px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 회원가입 카드 202607081730
   .m-register-card 고정폭(≈600px)이 뷰포트를 넘어 표/버튼이 잘림.
   카드 전폭 + 약관 표 축소 + 버튼/입력 전폭. 가입 1·2단계 공통.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html body:not(.cke_editable) .m-shell .m-card.m-register-card,
    html body:not(.cke_editable) .m-shell .m-register-card {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 18px 14px !important;
        overflow-x: hidden !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 약관/개인정보 표 — 뷰포트 안에서 줄바꿈 */
    /* register.skin 의 #fregister .m-terms-table { min-width:520px !important } (ID 포함) 을 이김 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-member-page #fregister .m-terms-table.m-terms-table,
    html body:not(.cke_editable) .m-shell .m-register-card table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        font-size: 11px !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card table th,
    html body:not(.cke_editable) .m-shell .m-register-card table td {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        padding: 8px 8px !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }
    /* 약관 스크롤 박스/입력/버튼 전폭 */
    html body:not(.cke_editable) .m-shell .m-register-card .m-input,
    html body:not(.cke_editable) .m-shell .m-register-card .m-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card .m-input {
        font-size: 16px !important; /* iOS 포커스 확대 방지 */
    }
    html body:not(.cke_editable) .m-shell .m-register-card .m-register-actions {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        width: 100% !important;
    }
    html body:not(.cke_editable) .m-shell .m-register-card .m-register-actions .m-btn-secondary { flex: 1 1 0 !important; }
    html body:not(.cke_editable) .m-shell .m-register-card .m-register-actions .m-btn-primary { flex: 2 1 0 !important; }
}
/* ══════════════════════════════════════════════
   모바일 캡차(자동등록방지) 정리 202607081810
   회색 오디오 박스가 떠 있고 이미지/입력/새로고침이 뒤죽박죽이던 것을
   [이미지][입력][새로고침] 한 행 + 안내문/오디오 아랫줄로 재배치.
   비밀번호 찾기·회원가입 등 kcaptcha 쓰는 모든 페이지 공통.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html body:not(.cke_editable) .m-shell fieldset#captcha {
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px !important;
        border: 3px solid var(--neo-ink, #151515) !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha legend {
        float: left !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha legend label {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 24px !important;
        padding: 0 10px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 999px !important;
        background: var(--neo-yellow, #ffe45e) !important;
        color: var(--neo-ink, #151515) !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_img {
        flex: 0 0 auto !important;
        width: auto !important;
        height: 44px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 10px !important;
        background: #fff !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_key {
        flex: 1 1 90px !important;
        width: auto !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        height: 44px !important;
        padding: 0 10px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 10px !important;
        font-size: 16px !important; /* iOS 확대 방지 */
        font-weight: 800 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_reload,
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_mp3 {
        flex: 1 1 calc(50% - 4px) !important; /* 2행에 음성듣기·새로고침 반반 */
        order: 4 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 38px !important;
        padding: 0 12px !important;
        border: 2px solid var(--neo-ink, #151515) !important;
        border-radius: 10px !important;
        background: var(--neo-yellow, #ffe45e) !important;
        color: var(--neo-ink, #151515) !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        overflow: visible !important;
        text-indent: 0 !important;
        white-space: nowrap !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_reload span,
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_mp3 span { display: none !important; }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_audio {
        flex: 1 1 100% !important;
        order: 5 !important;
        width: 100% !important;
        height: 34px !important;
        margin: 0 !important;
    }
    html body:not(.cke_editable) .m-shell fieldset#captcha #captcha_info {
        flex: 1 1 100% !important;
        order: 6 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        font-size: 10px !important;
        color: #6b7280 !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 입력 필드 iOS 자동 확대 전면 차단 202607081815
   개별 페이지마다 잡던 것을 전역 기본값으로: 모든 텍스트류 입력을
   16px 이상으로. (iOS 는 16px 미만 입력 포커스 시 페이지를 확대함)
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) input[type="text"],
    html.neo-theme-active body:not(.cke_editable) input[type="password"],
    html.neo-theme-active body:not(.cke_editable) input[type="email"],
    html.neo-theme-active body:not(.cke_editable) input[type="url"],
    html.neo-theme-active body:not(.cke_editable) input[type="search"],
    html.neo-theme-active body:not(.cke_editable) input[type="tel"],
    html.neo-theme-active body:not(.cke_editable) input[type="number"],
    html.neo-theme-active body:not(.cke_editable) select,
    html.neo-theme-active body:not(.cke_editable) textarea,
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="text"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="password"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="email"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="url"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="search"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="tel"],
    html.neo-theme-active body:not(.cke_editable) .m-shell input[type="number"],
    html.neo-theme-active body:not(.cke_editable) .m-shell select,
    html.neo-theme-active body:not(.cke_editable) .m-shell textarea {
        font-size: 16px !important;
    }
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-shell > .m-footer {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title, html[data-theme="dark"] .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong, html[data-theme="dark"] .m-shell > .m-footer .m-footer-online strong,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-title, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-online strong, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-online strong {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-shell > .m-footer .m-footer-online strong {
    background-color: var(--neo-surface-soft, #1D232D);
    border-color: var(--neo-border, #2A313C);
    box-shadow: none;
    color: #9CA3AF !important;
}

@media (max-width: 720px) {
html[data-theme="dark"] .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"] .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    box-shadow: none !important;
}
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"] .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-col, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-col, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-col,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd, html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row li, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row li,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dd, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dd,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"] .m-shell > .m-footer .m-footer-info-row a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row span, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row span,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row b, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-info-row a, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row b, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-info-row a {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt, html[data-theme="dark"] .m-shell > .m-footer .m-footer-stats dt,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-stats dt, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-stats dt {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover, html[data-theme="dark"] .m-shell > .m-footer .m-footer-menu a:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover, html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 560px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head h1,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-head.m-board-head .m-icon-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions.m-board-actions .m-icon-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary.m-board-list-summary,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .m-board-categories.m-board-categories a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-bulk-btn.m-bulk-btn, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-bb-btn.neo-bb-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-name, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-ip, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions > .m-view-actions-meta .m-view-meta-item,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-actions .m-icon-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-section-title.m-view-section-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comments-title.m-comments-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-comment-write-title.m-comment-write-title {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-categories.m-board-categories a {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-title.m-view-title.m-view-title.m-view-title {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}
}

@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha legend label,
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_reload, html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_mp3 {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}
}

@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_img {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
}
}

@media (max-width: 720px) {
html[data-theme="dark"] body:not(.cke_editable) .m-shell fieldset#captcha #captcha_key {
    border-color: var(--neo-border, #2A313C) !important;
}
}
/* ══════════════════════════════════════════════
   푸터 단일 카드 슬림화 202607211245
   검정 슬래브 프레임(#151515 배경 + 패딩) 안에 크림 바를 넣던
   이중 프레임을 제거 — 본문 카드와 같은 흰 카드(2px 보더 + 3px 섀도)
   하나에 필 링크만 중앙 정렬. 다크는 칼름 v6 팔레트 카운터 포함.
   ══════════════════════════════════════════════ */
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html body:not(.cke_editable) .m-shell > .m-footer {
    padding: 12px 16px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: var(--neo-surface, #ffffff) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
    html.neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
    html body:not(.cke_editable) .m-shell > .m-footer {
        padding: 10px 12px !important;
        border-radius: 14px !important;
        box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    }
}
/* 다크 카운터 — 위 라이트 규칙이 기존 다크 규칙보다 뒤 + 동률 이상 특이도라 누수됨 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer {
    border-color: var(--neo-border, #2A313C) !important;
    background: #161A22 !important;
    box-shadow: none !important;
}
/* 기존 다크 자동 카운터의 메뉴 배경(#1D232D, 특이도 0,6,2)이 밴드로 남음 — 동률 후순위로 투명화 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* 카드가 #161A22 가 되면서 기존 다크 필(#161A22)이 묻힘 — 한 단계 어두운 웰 + 호버 승격 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a {
    background: #0F1117 !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .neo-home-page > .m-footer .m-footer-menu a:hover,
html[data-theme="dark"] body:not(.cke_editable) .m-shell > .m-footer .m-footer-menu a:hover {
    background: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}
.m-board-content {
    padding: 16px 18px; margin-bottom: 18px;
    background: var(--m-surface); border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text);
    box-shadow: var(--m-shadow);
}
.m-board-content-tail { margin-top: 18px; margin-bottom: 0; }
.m-board-content img { max-width: 100%; height: auto; }
.m-board-content p:last-child { margin-bottom: 0; }
.m-view { padding: 0; overflow: hidden; }

.m-view-head {
    padding: 24px 28px 18px;
    border-bottom: 1px solid var(--m-border);
}
.m-view-title {
    font-size: var(--m-text-2xl); font-weight: 700;
    color: var(--m-text); margin-bottom: 12px;
    word-break: break-word;
}
.m-view-meta {
    display: flex; align-items: center; gap: 6px;
    flex-wrap: wrap;
    font-size: var(--m-text-sm); color: var(--m-text-muted);
}
.m-view-name { display: inline-flex; align-items: center; color: var(--m-text); font-weight: 600; font-size: var(--m-text-base); }
.m-view-name a, .m-view-name a:link, .m-view-name a:visited { color: var(--m-text); font-weight: 600; }
.m-view-ip { font-size: var(--m-text-xs); color: var(--m-text-faint); font-weight: 400; }
.m-view-meta-sep { color: var(--m-text-faint); }
.m-view-meta-item {
    display: inline-flex; align-items: center; gap: 4px;
    color: var(--m-text-muted);
}
.m-view-meta-item a { color: inherit; text-decoration: none; }
.m-view-meta-item a:hover { color: var(--m-primary); }

.m-view-actions {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-top: 14px;
    justify-content: flex-end;
}
.m-view-actions .m-icon-btn {
    width: auto; padding: 6px 12px;
    display: inline-flex; align-items: center; gap: 4px;
    font-size: var(--m-text-sm); color: var(--m-text-soft);
}
.m-view-actions .m-icon-btn span { font-size: var(--m-text-sm); }
/* 모바일에선 padding/gap 만 축소해 라벨은 유지 — 케밥까지 한 줄에 들어가도록 */
@media (max-width: 540px) {
    .m-view-actions { flex-wrap: nowrap; gap: 2px; }
    .m-view-actions .m-icon-btn { padding: 6px 8px; gap: 3px; }
    .m-view-actions .m-icon-btn span { font-size: var(--m-text-xs); }
}
.m-icon-btn-danger:hover {
    background: rgba(239,68,68,0.1) !important;
    border-color: rgba(239,68,68,0.4) !important;
    color: #ef4444 !important;
}

.m-view-kebab { position: relative; }
.m-view-kebab-menu {
    position: absolute; top: calc(100% + 4px); right: 0;
    background: var(--m-surface);
    border: 1px solid var(--m-border);
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow-md);
    list-style: none; padding: 4px; margin: 0;
    min-width: 130px; z-index: 100;
}
.m-view-kebab-menu li a {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px;
    border-radius: var(--m-radius-sm);
    font-size: var(--m-text-sm); color: var(--m-text-soft);
    text-decoration: none;
}
.m-view-kebab-menu li a svg { flex-shrink: 0; }
.m-view-kebab-menu li a:hover { background: var(--m-surface-2); color: var(--m-text); }
.m-view-kebab-menu li a.is-danger { color: #ef4444; }
.m-view-kebab-menu li a.is-danger:hover { background: rgba(239,68,68,0.1); color: #ef4444; }

.m-view-body { padding: 24px 28px 28px; }

.m-view-share {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin-bottom: 18px; padding-bottom: 14px;
    border-bottom: 1px dashed var(--m-border);
}
.m-view-share .m-icon-btn { width: auto; padding: 6px 12px; gap: 4px; }
.m-view-share .m-icon-btn span { font-size: var(--m-text-sm); }

.m-view-scrap {
    display: flex; justify-content: flex-end;
    margin: 14px 0 0;
}
.m-view-scrap .m-icon-btn { width: auto; padding: 6px 12px; gap: 4px; font-size: var(--m-text-sm); color: var(--m-text-soft); }
.m-view-scrap .m-icon-btn span { font-size: var(--m-text-sm); }

.m-view-images {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px; margin-bottom: 18px;
}
.m-view-images img { max-width: 100%; height: auto; border-radius: var(--m-radius); }

.m-view-content {
    font-size: var(--m-text-md); line-height: var(--m-leading-relaxed);
    color: var(--m-text); word-break: break-word;
    min-height: 180px; padding: 8px 0 24px;
}
.m-view-content img { max-width: 100%; height: auto; border-radius: var(--m-radius-sm); }
.m-view-content a { color: var(--m-primary); }
.m-view-content blockquote {
    border-left: 3px solid var(--m-border-hover);
    padding: 4px 0 4px 14px; margin: 12px 0;
    color: var(--m-text-soft);
}

.m-view-signature {
    margin-top: 18px; padding: 12px 14px;
    background: var(--m-surface-2); border-radius: var(--m-radius);
    font-size: var(--m-text-sm); color: var(--m-text-muted);
}

.m-view-react {
    display: flex; gap: 12px; justify-content: center;
    margin: 24px 0 8px; padding: 18px 0;
    border-top: 1px solid var(--m-border);
}
.m-react-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 18px; border-radius: 999px;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    color: var(--m-text-soft); text-decoration: none;
    font-size: var(--m-text-sm); cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.m-react-btn:hover:not(.is-disabled) { background: var(--m-primary-soft); border-color: var(--m-primary); color: var(--m-primary); }
.m-react-btn.is-disabled { cursor: default; opacity: 0.7; }
.m-react-btn strong { font-weight: 700; color: var(--m-text); }
.m-react-toast { font-size: var(--m-text-xs); color: var(--m-text-muted); display: none; }

.m-view-files, .m-view-links {
    margin: 18px 28px; padding: 14px 16px;
    background: var(--m-surface-2); border-radius: var(--m-radius);
}
.m-view-section-title {
    font-size: var(--m-text-sm); font-weight: 600;
    color: var(--m-text-soft); margin: 0 0 10px;
}
.m-view-files ul, .m-view-links ul { list-style: none; padding: 0; margin: 0; }
.m-view-files li, .m-view-links li { margin-bottom: 8px; }
.m-view-files li:last-child, .m-view-links li:last-child { margin-bottom: 0; }
.m-view-file, .m-view-link {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    color: var(--m-text); text-decoration: none;
    padding: 8px 10px; border-radius: var(--m-radius-sm);
    transition: background 0.15s;
}
.m-view-file:hover, .m-view-link:hover { background: var(--m-surface); color: var(--m-primary); }
.m-view-file strong, .m-view-link strong { font-size: var(--m-text-md); font-weight: 500; }
.m-view-file-meta {
    flex-basis: 100%; font-size: var(--m-text-xs); color: var(--m-text-faint);
    margin-left: 22px;
}
/* 관련링크는 URL 옆에 클릭수가 같은 줄에 — wrap 해제 */
.m-view-link .m-view-file-meta {
    flex-basis: auto; margin-left: auto;
}

.m-view-nav {
    display: flex; flex-direction: column;
    border-top: 1px solid var(--m-border);
}
.m-view-nav-item {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 20px;
    text-decoration: none; color: var(--m-text);
    transition: background 0.15s;
    border-bottom: 1px solid var(--m-border);
}
.m-view-nav-item:last-child { border-bottom: 0; }
.m-view-nav-item.is-empty { cursor: default; }
.m-view-nav-item.is-empty:hover { background: transparent; }
a.m-view-nav-item:hover { background: var(--m-surface-2); }
.m-view-nav-label {
    flex-shrink: 0; min-width: 56px;
    font-size: var(--m-text-xs); color: var(--m-text-faint); font-weight: 600;
}
.m-view-nav-title {
    flex: 1; min-width: 0;
    font-size: var(--m-text-base); color: var(--m-text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.m-view-nav-date { flex-shrink: 0; font-size: var(--m-text-xs); color: var(--m-text-faint); }
.m-view-nav-empty { flex: 1; font-size: var(--m-text-base); color: var(--m-text-faint); }
/* Neobrutalism board view de-nest finish 202607032236 */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-body {
    padding: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_atc,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_con,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-images,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-images {
    margin-bottom: 14px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-images a.view_image,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_img a.view_image {
    display: inline-block !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 0 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-images img,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_img img,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content img,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_con img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content {
    color: var(--neo-ink, #151515) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.7 !important;
    word-break: break-word !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content:not(:empty) {
    padding-top: 4px !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-scrap {
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-write {
    margin: 16px 18px !important;
    padding: 16px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #fffdf5 !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-title,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-write-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-body,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-textarea-wrap {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-empty,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_vc_empty {
    min-height: 96px !important;
    padding: 26px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--neo-compact-muted, #64748b) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-textarea,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #wr_content {
    min-height: 104px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 3px 3px 0 rgba(21,21,21,.32) !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content {
    color: #E5E7EB !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-write {
    background: #161A22 !important;
    color: #E5E7EB !important;
    border-color: #2A313C !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-head {
    border-bottom-color: #2A313C !important;
}
@media (max-width: 760px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-body {
        padding: 14px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-write {
        margin: 14px 10px !important;
        padding: 14px !important;
    }
}


/* Neobrutalism scrap/share action buttons final polish 20260706 */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 12px !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    transform: translate(0, 0) rotate(-0.35deg) !important;
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > a.m-icon-btn {
    background: var(--neo-pink, #ff7ab6) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > button.m-icon-btn {
    background: var(--neo-blue, #5fb8ff) !important;
    transform: translate(0, 0) rotate(0.35deg) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn .ph-bold {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 19px !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn span {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn:hover {
    background: var(--neo-yellow, #ffe45e) !important;
    transform: translate(2px, 2px) rotate(0) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}

html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn:focus-visible {
    outline: 4px solid var(--neo-yellow, #ffe45e) !important;
    outline-offset: 3px !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn:hover {
    box-shadow: none !important;
}

@media (max-width: 480px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        justify-content: stretch !important;
        margin-top: 12px !important;
    }

    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 공유 버튼 하단 여백 202607072340
   공유(.m-view-scrap) 바와 추천/비추천(.m-view-react) 말풍선이
   8px 로 붙어 있던 것을 모바일에서만 띄움. 데스크톱 무영향.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    /* 코어의 (0,8,2) margin:10px 0 0 !important 단축 규칙을 이기도록 동일 셀렉터 + 클래스 반복 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-scrap.m-view-scrap {
        margin-bottom: 36px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 뷰 헤더 목록 버튼 한 줄 배치 202607081230
   .m-view-actions-meta 가 100% 폭을 차지해 목록 버튼이 둘째 줄로
   밀리던 것 → 메타는 남는 폭만, 버튼은 같은 행 우측.
   버튼이 많은(로그인) 경우엔 wrap 으로 자연 줄바꿈.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view .m-view-actions.m-view-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        row-gap: 8px !important;
    }
    /* 코어 규칙이 #bo_v_top ID 를 포함(1,7,2)하므로 ID 포함해서 이김.
       날짜·글쓴이·IP·댓글·조회 를 한 줄(nowrap) 좌측정렬로 (202607081320).
       칩 안 아이콘을 숨겨 폭 확보, IP 는 넘치면 축소. 버튼(목록/답변/⋮)은
       다음 줄 우측(목록 margin-left:auto). */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta.m-view-actions-meta {
        display: flex !important;
        flex: 1 1 100% !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    /* 아이콘 추가로 1행 폭 초과하지 않게 칩 패딩 축소 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta .m-view-meta-item,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta .m-view-name,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta .m-view-ip {
        padding: 0 6px !important;
        gap: 3px !important;
    }
    /* 칩 좌측 작은 아이콘 — 글쓴이가 둘째 줄로 빠져 1행에 여유 생김 (202607081450) */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta .ph-bold {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 10px !important;
        height: 10px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        flex: 0 0 auto !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta > * {
        flex: 0 0 auto !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta .m-view-ip {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    /* 글쓴이 칩은 버튼(목록/답변/⋮) 행의 좌측으로 (202607081330) —
       절대배치라 1행 nowrap 폭 계산에서도 빠져 여유가 생김 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions {
        position: relative !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions > .m-view-actions-meta .m-view-name {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions {
        gap: 6px !important;
    }
    /* 첫 버튼(목록)을 auto 마진으로 밀어 버튼 묶음을 그 줄 우측 끝에 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="목록"] {
        margin-left: auto !important;
    }
    /* 목록 등 액션 버튼을 날짜 칩과 같은 크기(22px/10px)로 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions .m-icon-btn.m-icon-btn {
        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
        padding: 0 8px !important;
        gap: 4px !important;
        border-width: 2px !important;
        border-radius: 999px !important;
        box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions .m-icon-btn .ph-bold {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions .m-icon-btn span {
        font-size: 10px !important;
    }
}
/* 글쓴이/IP 아이콘은 모바일 전용 — 데스크톱(>720px)은 기존 모습 유지 */
@media (min-width: 721px) {
    html body:not(.cke_editable) .m-shell.neo-board-view .neo-meta-ico {
        display: none !important;
    }
}
/* 모바일 글보기 헤더의 글쓰기 버튼 숨김 202607081300 — 목록/답변만 유지 */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="글쓰기"] {
        display: none !important;
    }
}
/* ══════════════════════════════════════════════
   뷰 헤더 액션 버튼 배경색 구분 202607081510 (모바일+데스크톱)
   목록=노랑 · 답변=초록 · 더보기(⋮)=라벤더, 잉크 텍스트.
   ══════════════════════════════════════════════ */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="목록"] {
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="답변"] {
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .btn_more_opt.m-icon-btn {
    background: var(--neo-lavender, #b99cff) !important;
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="글쓰기"] {
    background: var(--neo-blue, #4fb3ff) !important;
    color: var(--neo-ink, #151515) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="글쓰기"] .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="글쓰기"] span {
    color: inherit !important;
}
/* 다크 모드에서도 파스텔 배경 + 잉크 텍스트 유지 (파스텔 pill 규칙과 동일 패턴) */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="목록"],
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="답변"],
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .btn_more_opt.m-icon-btn {
    color: #E5E7EB !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="목록"] .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="답변"] .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .btn_more_opt.m-icon-btn .ph-bold,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="목록"] span,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="답변"] span {
    color: inherit !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .m-icon-btn-danger:hover {
    color: #EF4444 !important;
}

html[data-theme="dark"] .m-view-kebab-menu li a.is-danger,
html[data-theme="dark"] .m-view-kebab-menu li a.is-danger:hover {
    color: #EF4444;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-images img, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_img img, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content img, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #bo_v_con img,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-textarea, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) #wr_content {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-view-content,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn .ph-bold {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-write {
    background-color: #1D232D !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-head {
    border-color: var(--neo-border, #2A313C) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comments-title, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view:not(.neo-temp-board-skin):not(.neo-block-board-skin) .m-comment-write-title {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn {
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > a.m-icon-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > button.m-icon-btn {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view .m-view-body > .m-view-scrap > .m-icon-btn:focus-visible {
    outline-color: var(--neo-border, #2A313C) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
@media (max-width: 720px) {
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin.neo-board-view #bo_v_top.m-view-actions .m-icon-btn.m-icon-btn {
    box-shadow: none !important;
}
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="목록"],
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="답변"],
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .btn_more_opt.m-icon-btn,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-view #bo_v_top.m-view-actions .m-icon-btn[title="글쓰기"] {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}