/* 커뮤니티·공지·이벤트 전용 모바일 상단 */
.jj-appbar-space {display:none}
@media(max-width:1023px) {
    html.jj-board-app {scroll-padding-top:calc(56px + env(safe-area-inset-top))}
    .jj-appbar-space {display:block;height:calc(56px + env(safe-area-inset-top))}
    .jj-appbar {position:fixed;inset:0 0 auto;z-index:1000;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;box-sizing:border-box;background:#fff;border-bottom:1px solid #f0eded;color:#242020}
    .jj-appbar-icon {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}
    .jj-appbar-icon .ti {font-size:22px;line-height:1}
    .jj-appbar-icon svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .jj-appbar-icon:active {background:#f6f3f2}
    .jj-appbar-icon:focus-visible {outline:2px solid #7b1a1a;outline-offset:-2px}
    .jj-appbar-title {text-align:center;font-size:17px;font-weight:700;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .jj-board-app .comm-hero {height:0;margin:0;padding:0;border:0;background:none}
    .jj-board-app .comm-hero-inner > div:first-child {display:none}
    .jj-board-app .hero-side {position:fixed;right:18px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:80;width:auto}
    .jj-board-app .layout {display:block;width:100%;max-width:none;margin:0;padding:0}
    .jj-board-app .sidebar {margin:0;border:0;border-bottom:1px solid #eee8e5;border-radius:0;background:#fff}
    .jj-board-app .sidebar .sb-head,.jj-board-app .sidebar .side-box,.jj-board-app .sidebar .side-section {display:none}
    .jj-board-app .board-menu {display:flex;gap:22px;padding:0 20px;overflow-x:auto;scrollbar-width:none}
    .jj-board-app .board-menu::-webkit-scrollbar {display:none}
    .jj-board-app .board-item {position:relative;display:flex;justify-content:center;flex:0 0 auto;min-height:49px;margin:0;padding:0 1px;border:0!important;border-radius:0;background:transparent;color:#8a8380;font-size:14px;font-weight:600;white-space:nowrap}
    .jj-board-app .board-item.on {background:transparent;color:#7b1a1a;font-weight:700}
    .jj-board-app .board-item.on::after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:#7b1a1a}
    .jj-board-app .board-cnt {display:none}
    .jj-board-app .panel {padding:0;border:0;border-radius:0;box-shadow:none}
    .jj-board-app .tabs {display:flex;flex-wrap:nowrap;gap:7px;margin:0;padding:14px 16px 0;border:0;overflow-x:auto;scrollbar-width:none}
    .jj-board-app .tab {flex-shrink:0;padding:7px 12px;border:1px solid #eee9e7;border-radius:9px;background:#fff;color:#77706d;font-size:12px;box-shadow:none}
    .jj-board-app .tab.on {border-color:#f4e8e4;background:#faf0ed;color:#7b1a1a;box-shadow:none;font-weight:700}
    .jj-board-app .board-top {display:block;margin:0;padding:14px 16px 16px}
    .jj-board-app .board-top > div:first-child {display:none}
    .jj-board-app .board-top form {width:100%;margin:0}
    .jj-board-app .board-search {width:100%;height:42px;box-sizing:border-box;border:0;border-radius:12px;background:#f5f4f3}
    .jj-board-app .board-search input {min-width:0;font-size:14px;background:transparent}
    .jj-board-app .post-list,.jj-board-app .event-list {border-top:1px solid #eee8e5}
    .jj-board-app .view-wrap,.jj-board-app .write-wrap {margin-top:0;padding-top:0}
    .jj-board-app .write-head {display:none}
}

/* 상세·작성: 바깥 카드 대신 전체 폭과 구분선으로 구성합니다. */
@media (max-width:1023px) {
    .jj-board-view body,
    .jj-board-write body {background:#fff}
    :is(.jj-board-view,.jj-board-write) .header,
    :is(.jj-board-view,.jj-board-write) #hd,
    :is(.jj-board-view,.jj-board-write) .breadcrumb,
    :is(.jj-board-view,.jj-board-write) #container_title,
    :is(.jj-board-view,.jj-board-write) #wrapper_title {display:none!important}
    :is(.jj-board-view,.jj-board-write) #container,
    :is(.jj-board-view,.jj-board-write) .shop-content {
        width:100%;max-width:none;margin:0;padding:0;min-width:0;background:#fff;
    }
    :is(.jj-board-view,.jj-board-write) #container-wrap,
    :is(.jj-board-view,.jj-board-write) .body-inner {margin-top:0;padding-top:0}
    .jj-board-app .view-wrap,
    .jj-board-app .write-wrap {
        width:100%;max-width:none;margin:0;padding:0 0 20px;box-sizing:border-box;background:#fff;
    }
    .jj-board-app .view-card,
    .jj-board-app .write-card,
    .jj-board-app .comment-box {margin:0;border:0;border-radius:0;box-shadow:none}
    .jj-board-app .view-head {padding:18px 16px 14px}
    .jj-board-app .view-category {margin-bottom:8px;padding-right:32px}
    .jj-board-app .view-title {font-size:18px;font-weight:700;line-height:1.45;letter-spacing:-.4px}
    .jj-board-app .view-meta {gap:8px;margin-top:9px;font-size:12px}
    .jj-board-app .view-body {padding:18px 16px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
    .jj-board-app .view-actions {gap:6px;padding:12px 16px}
    .jj-board-app .view-actions .reaction {padding:8px 12px;border-radius:6px;font-size:13px}
    .jj-board-app .comment-box {padding:16px;border-top:1px solid #eee}
    .jj-board-app .comment-title {margin-bottom:8px;font-size:14px}
    .jj-board-app .comment-item {padding:12px 0}
    .jj-board-app .comment-input {padding:10px;border-radius:6px}
    .jj-board-app .write-card {padding:18px 16px 16px}
    .jj-board-app .write-card #bo_w,
    .jj-board-app .write-card #fwrite {width:100%!important;margin:0;padding:0;min-width:0}
    .jj-board-app .write-card .form-row {margin-bottom:14px}
    .jj-board-app .write-card .form-label {margin-bottom:6px;font-size:13px}
    .jj-board-app .write-card .form-grid,
    .jj-board-app .write-card .date-grid {grid-template-columns:minmax(0,1fr);gap:0}
    .jj-board-app .write-card .form-grid > .form-row:empty {display:none}
    .jj-board-app .write-card .input,
    .jj-board-app .write-card .select,
    .jj-board-app .write-card .textarea {box-sizing:border-box;border-radius:6px;padding:10px 11px;font-size:14px}
    .jj-board-app .write-card .input,
    .jj-board-app .write-card .select {min-height:42px}
    .jj-board-app .write-card .upload-box {padding:16px;border-radius:6px}
    .jj-board-app .write-actions {position:static;margin-top:16px;padding-top:14px}
    .jj-board-app .write-actions .action-btn {padding:10px 16px;border-radius:6px;font-size:13px}
}