/* 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;
}
.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-head {
    display: flex; justify-content: space-between; align-items: flex-end;
    flex-wrap: wrap; gap: 16px; margin-bottom: 20px;
    padding-bottom: 14px; border-bottom: 1px solid var(--m-border);
}
.m-board-actions { display: flex; align-items: center; gap: 8px; }
.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-icon-btn {
    width: 36px; height: 36px; padding: 0;
    background: var(--m-surface); border: 1px solid var(--m-border);
    border-radius: var(--m-radius); color: var(--m-text-soft);
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.m-icon-btn:hover { background: var(--m-surface-2); color: var(--m-text); border-color: var(--m-border-hover); }

.m-board-categories {
    display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;
    padding: 12px; background: var(--m-surface-2); border-radius: var(--m-radius);
}
.m-board-categories ul { display: contents; }
.m-board-categories li { list-style: none; }
.m-board-categories a {
    display: inline-block; padding: 6px 12px;
    background: var(--m-surface); border: 1px solid var(--m-border);
    border-radius: 999px; font-size: 13px; color: var(--m-text-soft); text-decoration: none;
}
.m-board-categories a:hover { border-color: var(--m-primary); color: var(--m-primary); }
.m-board-categories a.on, .m-board-categories a.bo_cate_on {
    background: var(--m-primary); border-color: var(--m-primary); color: white;
}

.m-board-search-drawer {
    margin-bottom: 16px; padding: 14px;
    background: var(--m-surface-2);
    border: 1px solid var(--m-border); border-radius: var(--m-radius);
}
.m-board-search-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.m-board-search-form .m-input { flex: 1; min-width: 160px; }

.m-board-bulk { margin-bottom: 12px; display: flex; gap: 6px; }
.m-bulk-btn {
    padding: 5px 10px; border-radius: var(--m-radius-sm);
    background: transparent; border: 1px solid var(--m-border);
    color: var(--m-text-faint);
    font-size: var(--m-text-sm); font-weight: 500; font-family: inherit;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.m-bulk-btn:hover { background: var(--m-surface-2); border-color: var(--m-border-hover); color: var(--m-text-soft); }

.m-board-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.m-board-table thead th {
    padding: 12px 10px; text-align: center; font-weight: 600;
    font-size: 12px; color: var(--m-text-muted);
    background: var(--m-surface-2); border-bottom: 1px solid var(--m-border);
    text-transform: uppercase; letter-spacing: 0.04em;
}
.m-board-table thead th a { color: inherit; text-decoration: none; }
.m-board-table thead th a:hover { color: var(--m-text); }
.m-board-table tbody tr { border-bottom: 1px solid var(--m-border); transition: background 0.1s; }
.m-board-table tbody tr:hover { background: var(--m-surface-2); }
.m-board-table tbody tr:last-child { border-bottom: 0; }
.m-board-table td { padding: 14px 10px; vertical-align: middle; text-align: center; }

.m-col-chk { width: 36px; }
.m-col-num { width: 80px; color: var(--m-text-faint); font-size: 13px; }
/* 텍스트 칼럼(제목·글쓴이) 은 좌측 정렬, 숫자/날짜 칼럼은 가운데. */
.m-board-table thead th.m-col-subject,
.m-board-table tbody td.m-col-subject { text-align: left; padding-left: 16px !important; }
.m-board-table thead th.m-col-name,
.m-board-table tbody td.m-col-name { text-align: left; }
.m-col-name { width: 110px; color: var(--m-text-soft); font-size: 13px; }
.m-col-meta { width: 70px; color: var(--m-text-muted); font-size: 13px; }
.m-col-date { width: 110px; color: var(--m-text-faint); font-size: 12px; padding-right: 16px !important; }

@media (max-width: 720px) {
    .m-col-name, .m-col-meta { display: none; }
    .m-board-table .m-col-num { display: none; }
}

.m-row-notice { background: rgba(37,99,235,0.04); }
.m-row-notice:hover { background: rgba(37,99,235,0.08) !important; }
.m-row-current { background: rgba(245,158,11,0.06); }

.m-badge {
    display: inline-block; padding: 2px 8px;
    border-radius: 999px; font-size: 11px; font-weight: 600;
}
.m-badge-notice  { background: var(--m-primary-soft); color: var(--m-primary); }
.m-badge-current { background: rgba(245,158,11,0.15); color: #d97706; }

.m-subject-link {
    color: var(--m-text); text-decoration: none;
    display: inline-flex; align-items: center; gap: 6px; font-weight: 500;
}
.m-subject-link:hover .m-subject-text { color: var(--m-primary); text-decoration: underline; }
.m-subject-text { word-break: break-word; }
.m-comment-count {
    display: inline-block; padding: 1px 7px;
    background: var(--m-surface-2); border-radius: 999px;
    font-size: 11px; color: var(--m-text-muted); font-weight: 600; margin-left: 4px;
}
.m-cate-tag {
    display: inline-block; padding: 2px 8px;
    background: var(--m-surface-2); border: 1px solid var(--m-border);
    border-radius: 4px; font-size: 11px; color: var(--m-text-soft);
    text-decoration: none; margin-right: 6px;
}
.m-row-icons { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; }
.m-icon-pill {
    display: inline-block; padding: 1px 5px;
    border-radius: 3px; font-size: 10px; font-weight: 700; line-height: 1.4;
}
.m-icon-new { background: #ef4444; color: white; }
.m-icon-hot { background: #f59e0b; color: white; }
.m-icon-mini { color: var(--m-text-faint); display: inline-flex; }

/* 페이지네이션 컨테이너만 — pg_* 자체 스타일은 _head.inc.php 의 글로벌 규칙이 처리 */
.m-board-pagination { margin-top: 24px; display: flex; justify-content: center; }

/* Neobrutalism board list Phosphor hard finish 202607021108 */
.neo-board-skin .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-mini,
.neo-board-skin .m-row-icons .m-icon-file,
.neo-board-skin .m-row-icons .m-icon-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    opacity: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-link { background: var(--neo-yellow, #ffe45e) !important; }
.neo-board-skin .m-row-icons .m-icon-file { background: var(--neo-green, #82e97f) !important; }
.neo-board-skin .m-row-icons .m-icon-mini .ph-bold,
.neo-board-skin .m-row-icons .m-icon-file .ph-bold,
.neo-board-skin .m-row-icons .m-icon-link .ph-bold,
.neo-board-skin .m-row-icons .m-icon-mini .ph-bold::before,
.neo-board-skin .m-row-icons .m-icon-file .ph-bold::before,
.neo-board-skin .m-row-icons .m-icon-link .ph-bold::before {
    font-family: "Phosphor-Bold" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 34px !important;
    line-height: 34px !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    opacity: 1 !important;
    transform: none !important;
}
@media (max-width: 640px) {
    .neo-board-skin .m-row-icons .m-icon-mini,
    .neo-board-skin .m-row-icons .m-icon-file,
    .neo-board-skin .m-row-icons .m-icon-link {
        flex-basis: 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }
    .neo-board-skin .m-row-icons .m-icon-mini .ph-bold,
    .neo-board-skin .m-row-icons .m-icon-file .ph-bold,
    .neo-board-skin .m-row-icons .m-icon-link .ph-bold,
    .neo-board-skin .m-row-icons .m-icon-mini .ph-bold::before,
    .neo-board-skin .m-row-icons .m-icon-file .ph-bold::before,
    .neo-board-skin .m-row-icons .m-icon-link .ph-bold::before {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 30px !important;
        line-height: 30px !important;
    }
}
/* Neobrutalism board list final pass: printed after cm_basic list CSS. */
.m-shell { background: #f6f7fb !important; }
.m-shell > main.m-container {
    background: #f6f7fb !important;
    padding-top: 34px !important;
}
.m-board-head {
    align-items: center !important;
    margin-bottom: 22px !important;
    padding: 22px 24px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 22px !important;
    background: #fff9ed !important;
    box-shadow: 8px 8px 0 var(--neo-ink, #151515) !important;
}
.m-board-head h1 {
    margin: 0 0 6px !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}
.m-board-head p,
.m-board-head p strong {
    color: var(--neo-ink, #151515) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}
.m-board-actions {
    gap: 10px !important;
}
.m-board-actions .m-icon-btn,
.m-board-search-form .m-icon-btn {
    width: 52px !important;
    height: 52px !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;
}
.m-board-actions .m-icon-btn:hover,
.m-board-search-form .m-icon-btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
}
.m-board-actions .m-icon-btn svg,
.m-board-search-form .m-icon-btn svg {
    width: 23px !important;
    height: 23px !important;
    stroke: var(--neo-ink, #151515) !important;
    stroke-width: 2.8 !important;
}
.m-board-actions .m-btn,
.m-board-search-form .m-btn {
    min-height: 52px !important;
    padding: 0 22px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: var(--neo-blue, #5fb8ff) !important;
    color: #fff !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}
.m-board-actions .m-btn svg,
.m-board-search-form .m-btn svg {
    stroke: currentColor !important;
    stroke-width: 3 !important;
}
.m-board-actions .m-btn:hover,
.m-board-search-form .m-btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
}
.m-board-bulk {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 18px !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;
}
.m-bulk-btn {
    min-height: 40px !important;
    padding: 0 15px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    opacity: 1 !important;
}
.m-bulk-btn:hover {
    transform: translate(1px, 1px);
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-pink, #ff7ab6) !important;
}
.m-main-col > form > .m-card {
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 10px 10px 0 var(--neo-ink, #151515) !important;
    overflow: hidden !important;
}
.m-board-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--neo-ink, #151515) !important;
}
.m-board-table thead th {
    height: 58px !important;
    padding: 14px 12px !important;
    border-bottom: 3px solid var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.m-board-table thead th a {
    color: var(--neo-ink, #151515) !important;
    font-weight: 950 !important;
}
.m-board-table tbody tr {
    border-bottom: 2px solid #ece7dc !important;
    background: #fff !important;
}
.m-board-table tbody tr:hover {
    background: #fff9ed !important;
}
.m-board-table tbody td {
    padding: 18px 12px !important;
    border-bottom: 2px solid #ece7dc !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 15px !important;
}
.m-board-table tbody tr:last-child td { border-bottom: 0 !important; }
.m-board-table input[type="checkbox"] {
    appearance: none;
    width: 21px !important;
    height: 21px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 2px 2px 0 rgba(21,21,21,.35) !important;
    cursor: pointer;
}
.m-board-table input[type="checkbox"]:checked {
    background: linear-gradient(135deg, var(--neo-green, #82e97f) 0 100%) !important;
    box-shadow: inset 0 0 0 4px #fff, 2px 2px 0 rgba(21,21,21,.35) !important;
}
.m-col-num,
.m-col-meta,
.m-col-date,
.m-col-name {
    color: var(--neo-ink, #151515) !important;
    font-weight: 750 !important;
}
.m-subject-link {
    color: var(--neo-ink, #151515) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    gap: 8px !important;
}
.m-subject-link:hover .m-subject-text {
    color: var(--neo-ink, #151515) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-decoration-color: var(--neo-pink, #ff7ab6) !important;
}
.m-comment-count,
.m-cate-tag,
.m-icon-pill,
.m-badge {
    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-weight: 950 !important;
}
.m-icon-new { background: var(--neo-green, #82e97f) !important; }
.m-icon-hot { background: var(--neo-pink, #ff7ab6) !important; }
.m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}
.m-icon-mini {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    line-height: 1 !important;
    overflow: visible !important;
}
.m-icon-link { background: var(--neo-yellow, #ffe45e) !important; }
.m-icon-file { background: var(--neo-green, #82e97f) !important; }
.m-icon-mini svg {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    color: var(--neo-ink, #151515) !important;
    stroke: currentColor !important;
    stroke-width: 4.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    opacity: 1 !important;
    transform: scale(1.16) !important;
    transform-origin: center !important;
}
.m-board-pagination { margin-top: 28px !important; }
.m-board-search-drawer {
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 18px !important;
    background: #fff9ed !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
}
.m-board-search-form .m-input {
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--neo-ink, #151515) !important;
}
@media (max-width: 720px) {
    .m-board-head { padding: 18px !important; align-items: stretch !important; }
    .m-board-actions { width: 100% !important; justify-content: flex-start !important; }
    .m-board-actions .m-btn { flex: 1 !important; }
    .m-main-col > form > .m-card { border-radius: 18px !important; box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important; }
    .m-board-table tbody td { font-size: 14px !important; }
}
/* Neobrutalism board list hard cleanup 202607021096 */
.m-shell,
.m-shell > main.m-container,
.m-container.m-with-sidebar,
.m-main-col,
.m-side-col {
    background: var(--neo-bg, #f6f7fb) !important;
    background-image: none !important;
}
.m-shell::before,
.m-shell::after,
.m-shell > main::before,
.m-shell > main::after,
.m-container::before,
.m-container::after,
.m-main-col::before,
.m-main-col::after {
    content: none !important;
    display: none !important;
}
.m-board-bulk {
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 0 30px !important;
    padding: 14px !important;
    background: var(--neo-paper, #fff9ed) !important;
    z-index: 30 !important;
}
.m-main-col > form > .m-card {
    clear: both !important;
    margin-top: 0 !important;
    z-index: 1 !important;
}
.m-board-table thead th,
.m-board-table thead th a {
    background: var(--neo-yellow, #ffe45e) !important;
    color: var(--neo-ink, #151515) !important;
    font-weight: 950 !important;
}
.m-board-actions .m-icon-btn svg,
.m-board-actions .m-btn svg,
.m-row-icons svg,
.m-icon-mini svg {
    color: var(--neo-ink, #151515) !important;
    stroke: currentColor !important;
    fill: none !important;
    opacity: 1 !important;
}

/* Neobrutalism board list icon visibility finish 202607021097 */
.neo-board-skin .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-mini,
.neo-board-skin .m-row-icons .m-icon-file,
.neo-board-skin .m-row-icons .m-icon-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    opacity: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-link { background: var(--neo-yellow, #ffe45e) !important; }
.neo-board-skin .m-row-icons .m-icon-mini svg,
.neo-board-skin .m-row-icons .m-icon-mini .m-icon-svg,
.neo-board-skin .m-row-icons .m-icon-file svg,
.neo-board-skin .m-row-icons .m-icon-link svg {
    display: block !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--neo-ink, #151515) !important;
    stroke: currentColor !important;
    stroke-width: 4.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    opacity: 1 !important;
    transform: scale(1.12) !important;
    transform-origin: center !important;
}
.neo-board-skin .m-row-icons .m-icon-mini svg *,
.neo-board-skin .m-row-icons .m-icon-file svg *,
.neo-board-skin .m-row-icons .m-icon-link svg * {
    stroke: currentColor !important;
    stroke-width: 4.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
}
@media (max-width: 640px) {
    .neo-board-skin .m-row-icons .m-icon-mini,
    .neo-board-skin .m-row-icons .m-icon-file,
    .neo-board-skin .m-row-icons .m-icon-link {
        flex-basis: 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }
    .neo-board-skin .m-row-icons .m-icon-mini svg,
    .neo-board-skin .m-row-icons .m-icon-file svg,
    .neo-board-skin .m-row-icons .m-icon-link svg {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }
}
/* Neobrutalism board Phosphor icon finish 202607021102 */
.neo-board-skin .m-row-icons .ph-bold {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 34px !important;
    line-height: 1 !important;
    opacity: 1 !important;
}
.neo-board-skin .m-row-icons .ph-bold::before {
    display: block !important;
    color: inherit !important;
    opacity: 1 !important;
}
@media (max-width: 640px) {
    .neo-board-skin .m-row-icons .ph-bold {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        font-size: 30px !important;
    }
}
/* Neobrutalism board Phosphor icon visibility finish 202607021104 */
.neo-board-skin .m-row-icons .m-icon-mini .ph-bold,
.neo-board-skin .m-row-icons .m-icon-file .ph-bold,
.neo-board-skin .m-row-icons .m-icon-link .ph-bold,
.neo-board-skin .m-row-icons .m-icon-mini .ph-bold::before,
.neo-board-skin .m-row-icons .m-icon-file .ph-bold::before,
.neo-board-skin .m-row-icons .m-icon-link .ph-bold::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 38px !important;
    line-height: 38px !important;
    color: var(--neo-ink, #151515) !important;
    opacity: 1 !important;
    transform: none !important;
}
@media (max-width: 640px) {
    .neo-board-skin .m-row-icons .m-icon-mini .ph-bold,
    .neo-board-skin .m-row-icons .m-icon-file .ph-bold,
    .neo-board-skin .m-row-icons .m-icon-link .ph-bold,
    .neo-board-skin .m-row-icons .m-icon-mini .ph-bold::before,
    .neo-board-skin .m-row-icons .m-icon-file .ph-bold::before,
    .neo-board-skin .m-row-icons .m-icon-link .ph-bold::before {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        font-size: 34px !important;
        line-height: 34px !important;
    }
}
/* Neobrutalism board inline row icon hard finish 202607031535 */
.neo-board-skin .m-row-icons,
.neo-modern-board-skin .m-row-icons,
.neo-mobile-board-list .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
    overflow: visible !important;
    line-height: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-file,
.neo-board-skin .m-row-icons .m-icon-link,
.neo-modern-board-skin .m-row-icons .m-icon-file,
.neo-modern-board-skin .m-row-icons .m-icon-link,
.neo-mobile-board-list .m-row-icons .m-icon-file,
.neo-mobile-board-list .m-row-icons .m-icon-link {
    position: relative !important;
    isolation: isolate !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-link,
.neo-modern-board-skin .m-row-icons .m-icon-link,
.neo-mobile-board-list .m-row-icons .m-icon-link { background: var(--neo-yellow, #ffe45e) !important; }
.neo-board-skin .m-row-icons .m-icon-file::before,
.neo-board-skin .m-row-icons .m-icon-link::before,
.neo-modern-board-skin .m-row-icons .m-icon-file::before,
.neo-modern-board-skin .m-row-icons .m-icon-link::before,
.neo-mobile-board-list .m-row-icons .m-icon-file::before,
.neo-mobile-board-list .m-row-icons .m-icon-link::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    color: var(--neo-ink, #151515) !important;
    font-family: "Phosphor-Bold" !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    speak: never !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    opacity: 1 !important;
}
.neo-board-skin .m-row-icons .m-icon-file::before,
.neo-modern-board-skin .m-row-icons .m-icon-file::before,
.neo-mobile-board-list .m-row-icons .m-icon-file::before { content: "\e39a" !important; }
.neo-board-skin .m-row-icons .m-icon-link::before,
.neo-modern-board-skin .m-row-icons .m-icon-link::before,
.neo-mobile-board-list .m-row-icons .m-icon-link::before { content: "\e2e2" !important; }
.neo-board-skin .m-row-icons .m-icon-file svg,
.neo-board-skin .m-row-icons .m-icon-link svg,
.neo-board-skin .m-row-icons .m-icon-svg,
.neo-modern-board-skin .m-row-icons .m-icon-file svg,
.neo-modern-board-skin .m-row-icons .m-icon-link svg,
.neo-modern-board-skin .m-row-icons .m-icon-svg,
.neo-mobile-board-list .m-row-icons .m-icon-file svg,
.neo-mobile-board-list .m-row-icons .m-icon-link svg,
.neo-mobile-board-list .m-row-icons .m-icon-svg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
@media (max-width: 640px) {
    .neo-board-skin .m-row-icons .m-icon-file,
    .neo-board-skin .m-row-icons .m-icon-link,
    .neo-modern-board-skin .m-row-icons .m-icon-file,
    .neo-modern-board-skin .m-row-icons .m-icon-link,
    .neo-mobile-board-list .m-row-icons .m-icon-file,
    .neo-mobile-board-list .m-row-icons .m-icon-link {
        flex-basis: 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        box-shadow: 4px 4px 0 var(--neo-ink, #151515) !important;
    }
    .neo-board-skin .m-row-icons .m-icon-file::before,
    .neo-board-skin .m-row-icons .m-icon-link::before,
    .neo-modern-board-skin .m-row-icons .m-icon-file::before,
    .neo-modern-board-skin .m-row-icons .m-icon-link::before,
    .neo-mobile-board-list .m-row-icons .m-icon-file::before,
    .neo-mobile-board-list .m-row-icons .m-icon-link::before { font-size: 29px !important; }
}
html[data-theme="dark"] body:not(.cke_editable) .neo-board-skin .m-row-icons .m-icon-file,
html[data-theme="dark"] body:not(.cke_editable) .neo-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"] body:not(.cke_editable) .neo-modern-board-skin .m-row-icons .m-icon-file,
html[data-theme="dark"] body:not(.cke_editable) .neo-modern-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"] body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-file,
html[data-theme="dark"] body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
/* Neobrutalism board inline row icon cascade fix 202607031545 */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    position: relative !important;
    isolation: isolate !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link { background: var(--neo-yellow, #ffe45e) !important; }
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::before {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    color: var(--neo-ink, #151515) !important;
    font-family: "Phosphor-Bold" !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    transform: none !important;
    opacity: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::after,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::after {
    content: none !important;
    display: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::before { content: "\e39a" !important; }
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::before { content: "\e2e2" !important; }
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file svg,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link svg,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-svg {
    display: block !important;
    visibility: hidden !important;
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    z-index: 1 !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
/* Neobrutalism board inline row icon dark ink fix 202607031555 */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::before,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::before,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::before,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::before,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::before,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::before {
    color: #E5E7EB !important;
}
/* Neobrutalism board SVG row icon final 202607031930 */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: 10px !important;
    overflow: visible !important;
    vertical-align: middle !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    opacity: 1 !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    background: var(--neo-yellow, #ffe45e) !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::after,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::before,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::after,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::after {
    content: none !important;
    display: none !important;
}
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file svg,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link svg,
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link svg,
html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-svg {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 4 !important;
    opacity: 1 !important;
    overflow: visible !important;
    pointer-events: none !important;
}
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
@media (max-width: 640px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link,
    html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file,
    html.neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link,
    html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file,
    html.neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
        flex-basis: 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-row-icons .m-icon-svg,
    html.neo-theme-active body:not(.cke_editable) .m-shell .m-row-icons svg {
        width: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
        max-height: 31px !important;
    }
}
/* Neobrutalism board SVG row icon strongest final 202607031940 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-file,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-file,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-file,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-link {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    display: inline-grid !important;
    place-items: center !important;
    overflow: visible !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-file::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-link::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-file::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-link::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-file::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-link::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-file::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-link::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-file::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-link::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-file::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-link::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-file svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-link svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-file .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-link .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-file svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-link svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-file .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-link .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-file svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-link svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-file .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-mini.m-icon-link .m-icon-svg {
    position: static !important;
    inset: auto !important;
    display: block !important;
    visibility: visible !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 4 !important;
    opacity: 1 !important;
    overflow: visible !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-file svg *,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-mini.m-icon-link svg *,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-file svg *,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-mini.m-icon-link svg * {
    stroke: currentColor !important;
    stroke-width: 4 !important;
    opacity: 1 !important;
}
@media (max-width: 640px) {
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini.m-icon-file,
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini.m-icon-link {
        flex-basis: 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini svg,
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini .m-icon-svg {
        width: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
        max-height: 31px !important;
    }
}
/* Neobrutalism board row SVG independent icon finish 202607032130 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-board-skin .m-row-icons .m-row-icon,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon {
    position: relative !important;
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 4px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    box-shadow: 6px 6px 0 var(--neo-ink, #151515) !important;
    line-height: 1 !important;
    overflow: visible !important;
    opacity: 1 !important;
    text-indent: 0 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-board-skin .m-row-icons .m-row-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon-link {
    background: var(--neo-yellow, #ffe45e) !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon::after {
    content: none !important;
    display: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon .m-row-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon svg.m-row-icon-svg {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    visibility: visible !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 4.6 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    pointer-events: none !important;
    transform: scale(1.08) !important;
    transform-origin: center !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon .m-row-icon-svg *,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon svg.m-row-icon-svg * {
    stroke: currentColor !important;
    stroke-width: 4.6 !important;
    fill: none !important;
    opacity: 1 !important;
    vector-effect: non-scaling-stroke !important;
}
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
@media (max-width: 640px) {
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon {
        flex-basis: 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        box-shadow: 5px 5px 0 var(--neo-ink, #151515) !important;
    }
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon .m-row-icon-svg,
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon svg.m-row-icon-svg {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    }
    html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon {
        box-shadow: none !important;
    }
}
/* Neobrutalism compact board checkbox and badges inline finish 202607032020 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-board-table th.m-col-chk,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-board-table td.m-col-chk,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-modern-board-skin .m-board-table th.m-col-chk,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-modern-board-skin .m-board-table td.m-col-chk,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-board-table th.m-col-chk,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-board-table td.m-col-chk {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    padding: 0 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-board-table input[type="checkbox"],
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-modern-board-skin .m-board-table input[type="checkbox"],
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-board-table input[type="checkbox"],
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-board-table #chkall,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-modern-board-skin .m-board-table #chkall,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-board-table #chkall {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 7px !important;
    background: var(--neo-paper, #fffdf5) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    outline: none !important;
    vertical-align: middle !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-board-table input[type="checkbox"]:checked,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-modern-board-skin .m-board-table input[type="checkbox"]:checked,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-board-table input[type="checkbox"]:checked {
    background-color: var(--neo-yellow, #ffe45e) !important;
    background-image: linear-gradient(45deg, transparent 58%, var(--neo-ink, #151515) 58% 70%, transparent 70%), linear-gradient(-45deg, transparent 52%, var(--neo-ink, #151515) 52% 64%, transparent 64%) !important;
    background-size: 12px 12px, 12px 12px !important;
    background-position: 3px 1px, 5px 1px !important;
    background-repeat: no-repeat !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 5px !important;
    vertical-align: -2px !important;
    overflow: visible !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-comment-count,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-file,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-file,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-comment-count,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-mini,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-file,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon {
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: 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: 0 !important;
    padding: 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-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
    opacity: 1 !important;
    transform: none !important;
    vertical-align: middle !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon-link {
    background: var(--neo-yellow, #ffe45e) !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-file::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-file::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-file::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-file::after,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link::before,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link::after {
    content: none !important;
    display: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon-svg {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    flex: 0 0 11px !important;
    width: 11px !important;
    min-width: 11px !important;
    max-width: 11px !important;
    height: 11px !important;
    min-height: 11px !important;
    max-height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 3.2 !important;
    opacity: 1 !important;
    overflow: visible !important;
    transform: none !important;
    pointer-events: none !important;
}
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table input[type="checkbox"] {
    border-color: #2A313C !important;
    background: #161A22 !important;
    box-shadow: none !important;
}
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-comment-count,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-file,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
/* Neobrutalism board list summary toolbar finish 202607032122 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 3px solid var(--neo-ink, #151515) !important;
    border-radius: 999px !important;
    background: #fff !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;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary strong {
    margin: 0 2px !important;
    color: var(--neo-ink, #151515) !important;
    font: inherit !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-board-bulk {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !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.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-btn,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-select {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 11px !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: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-btn:hover {
    transform: translate(1px, 1px) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-yellow, #ffe45e) !important;
}
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-btn,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-select {
    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.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary strong {
    color: var(--neo-dark-text, #E5E7EB) !important;
}
@media (max-width: 720px) {
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-board-bulk {
        justify-content: flex-start !important;
        width: 100% !important;
    }
}


/* Board search-open button order repair 202607032308 */
.m-board-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
}
.m-board-actions { order: 1 !important; flex: 0 0 auto !important; }
.m-board-search-drawer { order: 2 !important; flex: 0 1 auto !important; min-width: 0 !important; }
.m-board-write-after-search {
    order: 3 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 74px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 12px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 11px !important;
    background: var(--neo-blue, #5fb8ff) !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;
    white-space: nowrap !important;
    word-break: keep-all !important;
    text-decoration: none !important;
}
.m-board-write-after-search:hover {
    transform: translate(1px, 1px) !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-green, #82e97f) !important;
}
.m-board-write-after-search .ph-bold,
.m-board-write-after-search svg {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: currentColor !important;
    stroke: currentColor !important;
}
@media (max-width: 640px) {
    .m-board-controls { flex-wrap: wrap !important; justify-content: flex-start !important; }
    .m-board-search-drawer { flex: 1 1 100% !important; width: 100% !important; }
    .m-board-write-after-search { min-width: 74px !important; }
}


/* Board compact search controls final 202607032313 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-controls {
    gap: 6px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form {
    gap: 5px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn .ph-bold,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn .ph-bold,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn svg {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 1 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-btn,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search {
    flex: 0 0 auto !important;
    min-width: 54px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 9px !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search {
    min-width: 66px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search .ph-bold,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search svg {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-input {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 8px !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    box-shadow: 2px 2px 0 rgba(21,21,21,.28) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form select.m-input {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form input[type='text'].m-input {
    width: 150px !important;
    min-width: 110px !important;
    max-width: 150px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn:hover,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn:hover,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-btn:hover,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search:hover {
    transform: translate(1px, 1px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
@media (max-width: 640px) {
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form select.m-input,
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form input[type='text'].m-input {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* Board compact search controls final 202607032314 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-controls {
    gap: 5px !important;
    align-items: center !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form {
    gap: 4px !important;
    align-items: center !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .bo_sch_cls {
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    border-width: 2px !important;
    border-radius: 9px !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn .ph-bold,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn .ph-bold,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn svg,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn svg {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-btn,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 48px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 8px !important;
    border-width: 2px !important;
    border-radius: 9px !important;
    box-shadow: 2px 2px 0 var(--neo-ink, #151515) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    gap: 3px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search {
    min-width: 58px !important;
    order: 3 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search .ph-bold,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search svg {
    width: 12px !important;
    height: 12px !important;
    font-size: 12px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-input {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 8px !important;
    border-width: 2px !important;
    border-radius: 9px !important;
    box-shadow: 2px 2px 0 rgba(21,21,21,.24) !important;
    font-size: 10px !important;
    line-height: 1 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form select.m-input {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form input[type='text'].m-input {
    width: 130px !important;
    min-width: 100px !important;
    max-width: 130px !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn:hover,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn:hover,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-btn:hover,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search:hover {
    transform: translate(1px, 1px) !important;
    box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
}
@media (max-width: 640px) {
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form select.m-input,
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form input[type='text'].m-input {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}


/* ══════════════════════════════════════════════
   댓글수/HOT/NEW 라벨 → 콘텐츠 유형 칩과 동일한 미니 스티커 202607070012
   (20px 사각 칩 규격 통일 + 래퍼 정렬 기준 통일)
   ══════════════════════════════════════════════ */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-comment-count,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 20px !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 3px !important;
    border: 2px solid var(--neo-ink, #151515) !important;
    border-radius: 6px !important;
    box-shadow: 1.5px 1.5px 0 var(--neo-ink, #151515) !important;
    background: var(--neo-green, #82e97f) !important;
    color: var(--neo-ink, #151515) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    vertical-align: middle !important;
    transform: none !important;
    overflow: visible !important;
}
/* 링크 내부 댓글 칩을 18px로 고정하는 (0,9,3) 규칙 상쇄 — 동일 특이도, 뒤에 선언되어 승리 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-link .m-comment-count {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 20px !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    box-shadow: 1.5px 1.5px 0 var(--neo-ink, #151515) !important;
    padding: 0 3px !important;
}
/* 래퍼 정렬/간격 통일 — 마진 제거(요소 사이 공백문자 ≈4px가 그룹 간격이 되어 내부 gap 4px와 동일) */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-row-icons {
    margin-left: 1px !important;
    gap: 4px !important;
    vertical-align: middle !important;
    transform: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 0 !important;
    vertical-align: middle !important;
    transform: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-type-icons {
    vertical-align: middle !important;
    margin-left: 1px !important;
    gap: 4px !important;
    transform: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill.m-icon-hot {
    background: var(--neo-pink, #ff7ab6) !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill.m-icon-new {
    background: var(--neo-violet, #b89cff) !important;
}
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-comment-count,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill {
    border-color: #2A313C !important;
    color: #E5E7EB !important;
    box-shadow: none !important;
}
/* ══════════════════════════════════════════════
   모바일 목록 테이블 — 화면 폭에 맞춤 202607071330
   좁은 화면에선 번호/글쓴이/조회/추천 열을 숨겨 제목+날짜가
   가로 스크롤 없이 들어오게 (코어의 min-width:680px 해제)
   ══════════════════════════════════════════════ */
@media (max-width: 560px) {
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table,
    html body:not(.cke_editable) .m-shell.neo-board-list #bo_list table {
        min-width: 0 !important;
        width: 100% !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-col-num,
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-col-name,
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-col-meta {
        display: none !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-col-subject {
        max-width: 0 !important; /* table-layout 에서 ellipsis 동작용 */
        overflow: hidden !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-subject-link {
        display: inline-flex !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-subject-text {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-table .m-col-date {
        width: 64px !important;
        white-space: nowrap !important;
        font-size: 11px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 상단바 가로 유지 202607071935
   코어(neobrutalism.css ≤1040px)가 .m-board-head 를,
   위 스킨 블록(≤720px)이 .m-board-list-tools 를
   flex-direction: column 으로 쌓아 제목/RSS, Total/보기토글이
   각각 두 줄이 되던 문제. 목록 페이지에 한해 가로 행 복원.
   ══════════════════════════════════════════════ */
@media (max-width: 1040px) {
    html.neo-theme-active body:not(.cke_editable) .neo-board-skin.neo-board-list .m-board-head,
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-head {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    html.neo-theme-active body:not(.cke_editable) .neo-board-skin.neo-board-list .m-board-head .m-board-actions,
    html body:not(.cke_editable) .m-shell.neo-board-list .m-board-head .m-board-actions {
        width: auto !important;
        flex: 0 0 auto !important;
        justify-content: flex-end !important;
    }
    /* 코어의 ≤1040px width:100% 가 RSS 를 다음 줄로 밀어냄 — 남는 폭만 차지하게 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-title-wrap {
        width: auto !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    /* iOS Safari 에서 제목+설정(관리자 기어)이 폰트 로딩 타이밍에 따라
       내부 줄바꿈되어 2단이 되는 문제 — 줄바꿈 자체를 금지 (202607081240) */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-title-row {
        flex-wrap: nowrap !important;
        align-items: center !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-title-row h1 {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-title-row .m-board-title-setting {
        flex: 0 0 auto !important;
    }
}
@media (max-width: 720px) {
    html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}
/* ══════════════════════════════════════════════
   제목 셀 flex 중앙 정렬 202607072150
   td.m-col-subject 는 제목 링크·유형 아이콘·N/H 배지를 인라인으로
   흘리는 구조라 vertical-align:middle 의 폰트 메트릭(x-height) 편차로
   iOS 에서 칩이 텍스트보다 낮게 보였고, 폭이 넘치면 배지가 둘째 줄로
   떨어졌다. 셀을 flex 로 바꿔 폰트 무관 세로 중앙 + 한 줄 유지
   (제목이 ellipsis 로 양보). 줄이 넘칠 일 없는 공지/열람중 배지도 동일.
   ══════════════════════════════════════════════ */
/* td 자체를 flex 로 바꾸면 table-cell 에서 이탈해 폭이 수축(20px)하므로
   내용물 래퍼 .m-subject-row 에만 flex 를 건다. td 는 table-cell 유지.
   전 폭 적용 — 데스크톱도 코어의 block-flex .m-subject-link 때문에
   라벨이 제목 아랫줄로 떨어지던 것을 제목 오른쪽 한 줄로 교정(2026-07-07 오너 확인). */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-link {
    flex: 0 1 auto !important;
    flex-wrap: nowrap !important; /* wrap 이면 댓글수 칩이 링크 안에서 둘째 줄로 떨어짐 */
    align-items: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-link .m-subject-text {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    /* display:flex 에서는 text-overflow 가 동작하지 않아 글자가 뚝 잘림 — block 이어야 ••• 생성 */
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-link .m-comment-count {
    flex: 0 0 auto !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-cate-tag,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-type-icons,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-row-icons {
    flex: 0 0 auto !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-row-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
/* ══════════════════════════════════════════════
   제목 아래 메타 줄 202607072230
   날짜/글쓴이/조회 열을 없애고 제목 아래 작은 텍스트 한 줄로.
   ══════════════════════════════════════════════ */
/* 데스크톱은 기존 날짜/글쓴이/조회 열 유지 — 메타 줄은 모바일(≤720px) 전용 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-meta {
    display: none !important;
}
@media (max-width: 720px) {
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table th.m-col-date,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-date,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table th.m-col-name,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-name,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table th.m-col-meta,
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-meta {
    display: none !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 3px 10px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #6b7280 !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-meta .m-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    color: inherit !important;
    font: inherit !important;
    white-space: nowrap !important;
}
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-meta a {
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
}
/* 글쓴이 name 에 섞여 오는 멤버 아이콘 이미지 정리 */
html.neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-meta img {
    max-height: 14px !important;
    width: auto !important;
    vertical-align: middle !important;
}
/* 다크 모드 */
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-meta {
    color: #9CA3AF !important;
}
} /* end @media (max-width: 720px) */
/* ══════════════════════════════════════════════
   모바일 상단 여백 축소 202607072305
   스킨 자체의 .m-shell > main.m-container { padding-top:34px } 가
   모바일에서 네비~게시판 제목 사이를 과하게 벌림 → ≤720px 만 12px.
   데스크톱(>720px)은 34px 유지.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    .m-shell > main.m-container {
        padding-top: 12px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 페이지네이션 축소 + 목록 thead 제거 202607072355
   ≤720px 전용. 페이지 칩 46px→34px, 폰트 15→12px.
   코어 pg 규칙(최대 0,5,3)을 이기도록 클래스 3회 반복.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-table thead {
        display: none !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_page.pg_page.pg_page,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_start.pg_start.pg_start,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_prev.pg_prev.pg_prev,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_next.pg_next.pg_next,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_end.pg_end.pg_end,
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_current.pg_current.pg_current {
        box-sizing: border-box !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        min-width: 30px !important;
        padding: 0 8px !important;
        border-width: 2px !important;
        box-shadow: 3px 3px 0 var(--neo-ink, #151515) !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 검색 버튼을 페이지네이션 행 좌측으로 202607081215
   하단바(.m-board-bottombar, mt 14px)를 앵커로 검색 버튼만
   절대배치로 한 칸 위 페이지네이션 행에 올림.
   bottom = mt 14px + (페이지칩 34px - 버튼 30px)/2 = 16px.
   검색창이 열려도 하단바 top 은 그대로라 버튼 위치 불변.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-bottombar {
        position: relative !important;
    }
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-bottombar .btn_bo_sch.btn_bo_sch {
        position: absolute !important;
        left: 0 !important;
        bottom: calc(100% + 16px) !important;
        margin: 0 !important;
        z-index: 2 !important;
    }
    /* 글쓰기 버튼은 검색과 대칭으로 페이지네이션 행 우측에 (202607081250) */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-bottombar .neo-bb-write.neo-bb-write {
        position: absolute !important;
        right: 0 !important;
        left: auto !important;
        bottom: calc(100% + 16px) !important;
        margin: 0 !important;
        z-index: 2 !important;
    }
    /* 선택삭제/복사/이동(관리자)은 하단바 행(글쓰기가 있던 자리)을 차지 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-bottombar .m-board-bulk {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin: 0 !important;
    }
    /* 페이지 칩이 많아져도 좌우 버튼 영역(검색 48px·글쓰기 ~66px)과 겹치지 않게 */
    html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .m-board-pagination {
        padding: 0 76px !important;
    }
}
/* 글쓰기 버튼 색상 (전 폭) */
html.neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .neo-bb-write.neo-bb-write {
    background: var(--neo-blue, #4fb3ff) !important;
    color: var(--neo-ink, #151515) !important;
}
/* ══════════════════════════════════════════════
   모바일 갤러리 열 수 = 모바일 게시판 설정 존중 20260709
   style.css 가 ≤1000px 2열, ≤560px 1열로 강제하던 것을
   게시판 설정(bo_mobile_gallery_cols → --neo-mobile-gallery-cols)대로 복원.
   ══════════════════════════════════════════════ */
@media (max-width: 1000px) {
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid {
        grid-template-columns: repeat(var(--neo-mobile-gallery-cols, 3), minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}
@media (max-width: 560px) {
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid {
        gap: 10px !important;
    }
}
/* ══════════════════════════════════════════════
   모바일 갤러리 2열+ 컴팩트 & 카드 높이 균일화 202607081430
   [style*="--neo-gallery-cols: 1;"] 이 아닌 그리드(=2열 이상)에서
   뱃지·제목·글쓴이·날짜 축소, 발췌문 숨김, 제목 2줄 고정으로
   모든 카드 박스 크기를 동일하게.
   ══════════════════════════════════════════════ */
@media (max-width: 720px) {
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-card {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 0 !important;
    }
    /* 발췌문 제거 — 카드마다 높이가 달라지는 주범 */
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-desc {
        display: none !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-body {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        gap: 8px !important;
        padding: 10px 12px 12px !important;
    }
    /* 제목: 13px, 2줄 고정(짧아도 2줄 높이 확보 → 카드 균일) */
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-title {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-title-text {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        min-height: 36px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
    /* 메타(글쓴이/날짜)는 카드 바닥에 붙이고 축소 */
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-meta {
        margin-top: auto !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-meta-top {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        min-width: 0 !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-writer,
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-date {
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        height: 20px !important;
        min-height: 20px !important;
        padding: 0 7px !important;
        border-width: 2px !important;
        box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-writer {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-writer .ph-bold,
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-date .ph-bold {
        font-size: 10px !important;
    }
    /* 썸네일 코너 뱃지(유형 칩·조회·댓글·체크박스) 축소 */
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-chip {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        font-size: 11px !important;
        border-width: 2px !important;
        box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-hit,
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-cmt {
        height: 18px !important;
        min-height: 18px !important;
        padding: 0 6px !important;
        gap: 2px !important;
        border-width: 2px !important;
        box-shadow: 1px 1px 0 var(--neo-ink, #151515) !important;
        font-size: 9px !important;
        line-height: 1 !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-hit .ph-bold,
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-cmt .ph-bold {
        font-size: 10px !important;
    }
    html body:not(.cke_editable) .m-shell.neo-board-list .neo-lg-grid:not([style*="--neo-gallery-cols: 1;"]) .neo-lg-check {
        transform: scale(0.8) !important;
        transform-origin: top left !important;
    }
}



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

html[data-theme="dark"] .m-icon-new,
html[data-theme="dark"] .m-icon-hot {
    background-color: #1D232D;
}

html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-mini, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link {
    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-board-skin .m-row-icons .m-icon-link,
html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-mini .ph-bold, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file .ph-bold, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link .ph-bold, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-mini .ph-bold::before, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file .ph-bold::before, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link .ph-bold::before {
    color: #9CA3AF !important;
}



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

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

html[data-theme="dark"] .m-board-head h1,
html[data-theme="dark"] .m-board-head p, html[data-theme="dark"] .m-board-head p strong,
html[data-theme="dark"] .m-board-table,
html[data-theme="dark"] .m-board-table thead th a,
html[data-theme="dark"] .m-board-table tbody td,
html[data-theme="dark"] .m-col-num, html[data-theme="dark"] .m-col-meta, html[data-theme="dark"] .m-col-date, html[data-theme="dark"] .m-col-name,
html[data-theme="dark"] .m-subject-link,
html[data-theme="dark"] .m-subject-link:hover .m-subject-text,
html[data-theme="dark"] .m-icon-mini svg {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-board-actions .m-icon-btn, html[data-theme="dark"] .m-board-search-form .m-icon-btn,
html[data-theme="dark"] .m-bulk-btn {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-board-actions .m-icon-btn:hover, html[data-theme="dark"] .m-board-search-form .m-icon-btn:hover,
html[data-theme="dark"] .m-bulk-btn:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-board-actions .m-icon-btn svg, html[data-theme="dark"] .m-board-search-form .m-icon-btn svg {
    stroke: #9CA3AF !important;
}

html[data-theme="dark"] .m-board-actions .m-btn, html[data-theme="dark"] .m-board-search-form .m-btn {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-board-actions .m-btn:hover, html[data-theme="dark"] .m-board-search-form .m-btn:hover {
    box-shadow: none !important;
}

html[data-theme="dark"] .m-board-bulk,
html[data-theme="dark"] .m-main-col > form > .m-card,
html[data-theme="dark"] .m-board-table input[type="checkbox"] {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-board-table thead th {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-board-table tbody tr:hover {
    background-color: #1D232D !important;
}

html[data-theme="dark"] .m-board-table input[type="checkbox"]:checked {
    background: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-comment-count, html[data-theme="dark"] .m-cate-tag, html[data-theme="dark"] .m-icon-pill, html[data-theme="dark"] .m-badge,
html[data-theme="dark"] .m-icon-mini {
    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-icon-new,
html[data-theme="dark"] .m-icon-hot,
html[data-theme="dark"] .m-icon-link,
html[data-theme="dark"] .m-icon-file {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"] .m-board-search-form .m-input {
    background-color: #161A22 !important;
    border-color: var(--neo-border, #2A313C) !important;
    color: #9CA3AF !important;
}

@media (max-width: 720px) {
html[data-theme="dark"] .m-main-col > form > .m-card {
    box-shadow: none !important;
}
}



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

html[data-theme="dark"] .m-board-bulk {
    background-color: #1D232D !important;
}

html[data-theme="dark"] .m-board-table thead th, html[data-theme="dark"] .m-board-table thead th a {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}

html[data-theme="dark"] .m-board-actions .m-icon-btn svg, html[data-theme="dark"] .m-board-actions .m-btn svg, html[data-theme="dark"] .m-row-icons svg, html[data-theme="dark"] .m-icon-mini svg,
html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-mini svg, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-mini .m-icon-svg, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file svg, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link svg {
    color: #9CA3AF !important;
}

html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-mini, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link {
    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-board-skin .m-row-icons .m-icon-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}



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



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



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-link {
    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-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file::before, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link::before, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-file::before, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-link::before, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-file::before, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-link::before {
    color: #9CA3AF !important;
}

@media (max-width: 640px) {
html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-modern-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-file, html[data-theme="dark"] .neo-mobile-board-list .m-row-icons .m-icon-link {
    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-skin .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    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 .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file::before, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link::before, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file::before, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link::before, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file::before, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link::before {
    color: #9CA3AF !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    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 .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-board-skin .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-row-icons .m-icon-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-board-skin .m-row-icons .m-row-icon, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon {
    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.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-board-skin .m-row-icons .m-row-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}

@media (max-width: 640px) {
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-row-icons .m-row-icon {
    box-shadow: none !important;
}
}



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

html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-skin .m-board-table input[type="checkbox"]:checked, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-modern-board-skin .m-board-table input[type="checkbox"]:checked, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .neo-mobile-board-list .m-board-table input[type="checkbox"]:checked {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    background: var(--neo-surface-soft, #1D232D) !important;
}

html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-comment-count, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-mini, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-file, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-comment-count, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-mini, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-file, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon {
    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.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-row-icons .m-row-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-icon-link, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .neo-mobile-board-list .m-row-icons .m-row-icon-link {
    background-color: var(--neo-surface-soft, #1D232D) !important;
}



/* ══ 칼름 다크 v6 자동 카운터 202607132000 ══
   라이트 규칙의 다크 누수(원색·흰 배경, 잉크 그림자/보더, 어두운 글자) 상쇄.
   원본 셀렉터에 html[data-theme="dark"] 접두 → 특이도 우위 보장 ══ */
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-btn, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-select {
    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.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-summary strong {
    color: #9CA3AF !important;
}

html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-list-tools .m-bulk-btn:hover,
html[data-theme="dark"] .m-board-write-after-search:hover {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .m-board-write-after-search,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-comment-count, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill {
    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.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-btn, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-input,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn:hover, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn:hover, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-btn:hover, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-write-after-search:hover,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-actions .m-icon-btn, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .m-icon-btn, html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-search-form .bo_sch_cls,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell.neo-board-list .m-board-table td.m-col-subject .m-subject-link .m-comment-count {
    box-shadow: none !important;
}

html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill.m-icon-hot,
html[data-theme="dark"].neo-theme-active.neo-board-skin-enabled body:not(.cke_editable) .m-shell .m-board-table .m-icon-pill.m-icon-new {
    background-color: var(--neo-surface-soft, #1D232D) !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 .pg_wrap .pg_page.pg_page.pg_page, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_start.pg_start.pg_start, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_prev.pg_prev.pg_prev, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_next.pg_next.pg_next, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_end.pg_end.pg_end, html[data-theme="dark"].neo-theme-active body:not(.cke_editable) .m-shell.neo-board-list .pg_wrap .pg_current.pg_current.pg_current {
    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-list .neo-bb-write.neo-bb-write {
    background-color: var(--neo-surface-soft, #1D232D) !important;
    color: #9CA3AF !important;
}



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