/* Exhibition page only – exhibition.php loads this instead of index.css */

/* Exhibition 페이지: 전체 너비/높이, body flex에서 줄어들지 않게 */
.main-container:has(.exhibition-layout) {
    width: 100%;
    height: 100%;
    padding: 0;
    flex: 0 0 auto;
    min-height: min-content;
}

/* 맵(왼쪽) + 리스트(오른쪽) 가로 배치 */
.exhibition-layout {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    max-width: var(--max-content);
    margin: 0 auto;
    box-sizing: border-box;
    padding: var(--space-10) 0 var(--pad-bottom-pct) 0;
    gap: var(--space-6);
}

/* 맵 영역: 리스트와 비슷한 너비로 절반씩 */
.exhibition-layout > .exhibition-section {
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 313.85 / 294.03;
}

/* 아티스트 리스트 영역: 맵과 비슷한 너비 */
.exhibition-layout > .content-section {
    flex: 1 1 0;
    min-width: 0;
}

/* 맵 영역 */
.exhibition-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.exhibition-map {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

#exhibition-svg {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: block;
}

/* __name 영역 hover 시 파란색 (rect, 배경 .cls-1 제외) */
#exhibition-svg [class*="__name"]:hover path:not(.cls-1),
#exhibition-svg [class*="__name"]:hover polygon:not(.cls-1),
#exhibition-svg [class*="__name"]:hover circle:not(.cls-1),
#exhibition-svg [class*="__name"]:hover .cls-5 {
    fill: #0000ff !important;
}

#exhibition-svg [class*="__point"] {
    display: none !important;
}
#exhibition-svg [class*="__point"] .cls-6 {
    fill: black !important;
}
#exhibition-svg [class*="artist_"]:has([class*="__name"]:hover) [class*="__point"] {
    display: block !important;
}

#exhibition-svg [class*="artist_"] .cls-4 {
    fill: #fff !important;
}

/* exhibition-artist-list 리스트 호버 시 해당 아티스트 SVG 반응 */
body[data-artist-list-hover] #exhibition-svg [class*="__name"] path:not(.cls-1),
body[data-artist-list-hover] #exhibition-svg [class*="__name"] polygon:not(.cls-1),
body[data-artist-list-hover] #exhibition-svg [class*="__name"] circle:not(.cls-1),
body[data-artist-list-hover] #exhibition-svg [class*="__name"] .cls-5 {
    fill: #999999 !important;
}
body[data-artist-list-hover="1"] #exhibition-svg [class*="artist_10__name"] path:not(.cls-1),
body[data-artist-list-hover="1"] #exhibition-svg [class*="artist_10__name"] polygon:not(.cls-1),
body[data-artist-list-hover="1"] #exhibition-svg [class*="artist_10__name"] circle:not(.cls-1),
body[data-artist-list-hover="1"] #exhibition-svg [class*="artist_10__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="1"] #exhibition-svg [class*="artist_10__point"] { display: block !important; }
body[data-artist-list-hover="2"] #exhibition-svg [class*="artist_1__name"] path:not(.cls-1),
body[data-artist-list-hover="2"] #exhibition-svg [class*="artist_1__name"] polygon:not(.cls-1),
body[data-artist-list-hover="2"] #exhibition-svg [class*="artist_1__name"] circle:not(.cls-1),
body[data-artist-list-hover="2"] #exhibition-svg [class*="artist_1__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="2"] #exhibition-svg [class*="artist_1__point"] { display: block !important; }
body[data-artist-list-hover="3"] #exhibition-svg [class*="artist_3__name"] path:not(.cls-1),
body[data-artist-list-hover="3"] #exhibition-svg [class*="artist_3__name"] polygon:not(.cls-1),
body[data-artist-list-hover="3"] #exhibition-svg [class*="artist_3__name"] circle:not(.cls-1),
body[data-artist-list-hover="3"] #exhibition-svg [class*="artist_3__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="3"] #exhibition-svg [class*="artist_3__point"] { display: block !important; }
body[data-artist-list-hover="4"] #exhibition-svg [class*="artist_2__name"] path:not(.cls-1),
body[data-artist-list-hover="4"] #exhibition-svg [class*="artist_2__name"] polygon:not(.cls-1),
body[data-artist-list-hover="4"] #exhibition-svg [class*="artist_2__name"] circle:not(.cls-1),
body[data-artist-list-hover="4"] #exhibition-svg [class*="artist_2__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="4"] #exhibition-svg [class*="artist_2__point"] { display: block !important; }
body[data-artist-list-hover="5"] #exhibition-svg [class*="artist_4__name"] path:not(.cls-1),
body[data-artist-list-hover="5"] #exhibition-svg [class*="artist_4__name"] polygon:not(.cls-1),
body[data-artist-list-hover="5"] #exhibition-svg [class*="artist_4__name"] circle:not(.cls-1),
body[data-artist-list-hover="5"] #exhibition-svg [class*="artist_4__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="5"] #exhibition-svg [class*="artist_4__point"] { display: block !important; }
body[data-artist-list-hover="6"] #exhibition-svg [class*="artist_5__name"] path:not(.cls-1),
body[data-artist-list-hover="6"] #exhibition-svg [class*="artist_5__name"] polygon:not(.cls-1),
body[data-artist-list-hover="6"] #exhibition-svg [class*="artist_5__name"] circle:not(.cls-1),
body[data-artist-list-hover="6"] #exhibition-svg [class*="artist_5__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="6"] #exhibition-svg [class*="artist_5__point"] { display: block !important; }
body[data-artist-list-hover="7"] #exhibition-svg [class*="artist_8__name"] path:not(.cls-1),
body[data-artist-list-hover="7"] #exhibition-svg [class*="artist_8__name"] polygon:not(.cls-1),
body[data-artist-list-hover="7"] #exhibition-svg [class*="artist_8__name"] circle:not(.cls-1),
body[data-artist-list-hover="7"] #exhibition-svg [class*="artist_8__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="7"] #exhibition-svg [class*="artist_8__point"] { display: block !important; }
body[data-artist-list-hover="8"] #exhibition-svg [class*="artist_7__name"] path:not(.cls-1),
body[data-artist-list-hover="8"] #exhibition-svg [class*="artist_7__name"] polygon:not(.cls-1),
body[data-artist-list-hover="8"] #exhibition-svg [class*="artist_7__name"] circle:not(.cls-1),
body[data-artist-list-hover="8"] #exhibition-svg [class*="artist_7__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="8"] #exhibition-svg [class*="artist_7__point"] { display: block !important; }
body[data-artist-list-hover="9"] #exhibition-svg [class*="artist_9__name"] path:not(.cls-1),
body[data-artist-list-hover="9"] #exhibition-svg [class*="artist_9__name"] polygon:not(.cls-1),
body[data-artist-list-hover="9"] #exhibition-svg [class*="artist_9__name"] circle:not(.cls-1),
body[data-artist-list-hover="9"] #exhibition-svg [class*="artist_9__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="9"] #exhibition-svg [class*="artist_9__point"] { display: block !important; }
body[data-artist-list-hover="10"] #exhibition-svg [class*="artist_11__name"] path:not(.cls-1),
body[data-artist-list-hover="10"] #exhibition-svg [class*="artist_11__name"] polygon:not(.cls-1),
body[data-artist-list-hover="10"] #exhibition-svg [class*="artist_11__name"] circle:not(.cls-1),
body[data-artist-list-hover="10"] #exhibition-svg [class*="artist_11__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="10"] #exhibition-svg [class*="artist_11__point"] { display: block !important; }
body[data-artist-list-hover="11"] #exhibition-svg [class*="artist_6__name"] path:not(.cls-1),
body[data-artist-list-hover="11"] #exhibition-svg [class*="artist_6__name"] polygon:not(.cls-1),
body[data-artist-list-hover="11"] #exhibition-svg [class*="artist_6__name"] circle:not(.cls-1),
body[data-artist-list-hover="11"] #exhibition-svg [class*="artist_6__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="11"] #exhibition-svg [class*="artist_6__point"] { display: block !important; }
body[data-artist-list-hover="12"] #exhibition-svg [class*="artist_14__name"] path:not(.cls-1),
body[data-artist-list-hover="12"] #exhibition-svg [class*="artist_14__name"] polygon:not(.cls-1),
body[data-artist-list-hover="12"] #exhibition-svg [class*="artist_14__name"] circle:not(.cls-1),
body[data-artist-list-hover="12"] #exhibition-svg [class*="artist_14__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="12"] #exhibition-svg [class*="artist_14__point"] { display: block !important; }
body[data-artist-list-hover="13"] #exhibition-svg [class*="artist_13__name"] path:not(.cls-1),
body[data-artist-list-hover="13"] #exhibition-svg [class*="artist_13__name"] polygon:not(.cls-1),
body[data-artist-list-hover="13"] #exhibition-svg [class*="artist_13__name"] circle:not(.cls-1),
body[data-artist-list-hover="13"] #exhibition-svg [class*="artist_13__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="13"] #exhibition-svg [class*="artist_13__point"] { display: block !important; }
body[data-artist-list-hover="14"] #exhibition-svg [class*="artist_14__name"] path:not(.cls-1),
body[data-artist-list-hover="14"] #exhibition-svg [class*="artist_14__name"] polygon:not(.cls-1),
body[data-artist-list-hover="14"] #exhibition-svg [class*="artist_14__name"] circle:not(.cls-1),
body[data-artist-list-hover="14"] #exhibition-svg [class*="artist_14__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="14"] #exhibition-svg [class*="artist_14__point"] { display: block !important; }
body[data-artist-list-hover="center"] #exhibition-svg [class*="artist_11__name"] path:not(.cls-1),
body[data-artist-list-hover="center"] #exhibition-svg [class*="artist_11__name"] polygon:not(.cls-1),
body[data-artist-list-hover="center"] #exhibition-svg [class*="artist_11__name"] circle:not(.cls-1),
body[data-artist-list-hover="center"] #exhibition-svg [class*="artist_11__name"] .cls-5 { fill: #0000ff !important; }
body[data-artist-list-hover="center"] #exhibition-svg [class*="artist_11__point"] { display: block !important; }

body[data-artist-list-hover="1"] #exhibition-svg .marker-group[data-marker-id="1"] > circle:first-of-type,
body[data-artist-list-hover="2"] #exhibition-svg .marker-group[data-marker-id="2"] > circle:first-of-type,
body[data-artist-list-hover="3"] #exhibition-svg .marker-group[data-marker-id="3"] > circle:first-of-type,
body[data-artist-list-hover="4"] #exhibition-svg .marker-group[data-marker-id="4"] > circle:first-of-type,
body[data-artist-list-hover="5"] #exhibition-svg .marker-group[data-marker-id="5"] > circle:first-of-type,
body[data-artist-list-hover="6"] #exhibition-svg .marker-group[data-marker-id="6"] > circle:first-of-type,
body[data-artist-list-hover="7"] #exhibition-svg .marker-group[data-marker-id="7"] > circle:first-of-type,
body[data-artist-list-hover="8"] #exhibition-svg .marker-group[data-marker-id="8"] > circle:first-of-type,
body[data-artist-list-hover="9"] #exhibition-svg .marker-group[data-marker-id="9"] > circle:first-of-type,
body[data-artist-list-hover="10"] #exhibition-svg .marker-group[data-marker-id="10"] > circle:first-of-type,
body[data-artist-list-hover="11"] #exhibition-svg .marker-group[data-marker-id="11"] > circle:first-of-type,
body[data-artist-list-hover="12"] #exhibition-svg .marker-group[data-marker-id="12"] > circle:first-of-type,
body[data-artist-list-hover="13"] #exhibition-svg .marker-group[data-marker-id="13"] > circle:first-of-type,
body[data-artist-list-hover="center"] #exhibition-svg .marker-group[data-marker-id="10"] > circle:first-of-type {
    fill: #0000ff !important;
}

body[data-artist-list-hover="1"] .exhibition-artist-item[data-artist-id="1"],
body[data-artist-list-hover="2"] .exhibition-artist-item[data-artist-id="2"],
body[data-artist-list-hover="3"] .exhibition-artist-item[data-artist-id="3"],
body[data-artist-list-hover="4"] .exhibition-artist-item[data-artist-id="4"],
body[data-artist-list-hover="5"] .exhibition-artist-item[data-artist-id="5"],
body[data-artist-list-hover="6"] .exhibition-artist-item[data-artist-id="6"],
body[data-artist-list-hover="7"] .exhibition-artist-item[data-artist-id="7"],
body[data-artist-list-hover="8"] .exhibition-artist-item[data-artist-id="8"],
body[data-artist-list-hover="9"] .exhibition-artist-item[data-artist-id="9"],
body[data-artist-list-hover="10"] .exhibition-artist-item[data-artist-id="10"],
body[data-artist-list-hover="11"] .exhibition-artist-item[data-artist-id="11"],
body[data-artist-list-hover="12"] .exhibition-artist-item[data-artist-id="12"],
body[data-artist-list-hover="13"] .exhibition-artist-item[data-artist-id="13"],
body[data-artist-list-hover="center"] .exhibition-artist-item[data-artist-id="center"] {
    background: #e8e8ff !important;
}

.content-section {
    display: flex;
    flex-direction: column;
}

.exhibition-artist-list {
    font-size: 0.75rem;
    width: 100%;
}

.exhibition-artist-list-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.exhibition-artist-list-table th,
.exhibition-artist-list-table td {
    border: none;
    border-bottom: 1px solid #000;
    padding: var(--space-2) var(--space-3);
    text-align: left;
    vertical-align: middle;
}
.exhibition-artist-list-table .exhibition-artist-item {
    cursor: pointer;
    transition: background 0.15s;
}
.exhibition-artist-list-table .exhibition-artist-item:hover {
    background: #f5f5f5;
}
.exhibition-artist-list-table .exhibition-artist-num {
    width: 3rem;
    text-align: center;
    font-size: 0.95em;
}
.exhibition-artist-list-table .exhibition-artist-name {
    font-weight: bold;
    word-break: break-word;
}

.exhibition-modal .modal-title .marker-number-badge {
    display: inline;
    background: none;
    padding: 0;
    margin-right: var(--space-2);
}

.exhibition-modal .exhibition-modal-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.exhibition-modal .modal-header-row .modal-title {
    z-index: 0;
}

.exhibition-modal .exhibition-modal-body {
    z-index: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.exhibition-modal .modal-two-col {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.exhibition-modal-write-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    margin: 0;
    border: var(--border-width) solid #000;
    border-top: var(--border-width) solid #000;
    background: #000;
    color: #fff;
    cursor: pointer;
    font-family: var(--font-ui);
    font-size: var(--font-ui-size);
    font-weight: 500;
    flex-shrink: 0;
    min-height: var(--touch-target);
}

.exhibition-modal-write-trigger:hover {
    background: #000;
    color: #fff;
}

.exhibition-modal .modal-two-col.write-panel-open .exhibition-modal-write-trigger {
    display: none;
}

.exhibition-modal .exhibition-modal-write-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out;
    flex-shrink: 0;
}

.exhibition-modal .exhibition-modal-write-wrap.is-open {
    flex: 1;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
}

@keyframes exhibition-write-overlay-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

.exhibition-modal .exhibition-modal-write-close {
    width: 100%;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    border: var(--border-width) solid #000;
    background: #000;
    color: #fff;
    cursor: pointer;
    font-family: var(--font-ui);
    font-size: var(--font-ui-size);
    font-weight: 500;
    min-height: var(--touch-target);
}

.exhibition-modal .exhibition-modal-write-close:hover {
    background: #000;
    color: #fff;
}

.exhibition-modal .exhibition-modal-write-wrap.is-open .exhibition-modal-write-close {
    flex-shrink: 0;
}

.exhibition-modal .modal-two-col.write-panel-open .modal-posts-col {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

.exhibition-modal .modal-posts-col {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.exhibition-modal .exhibition-posts-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.exhibition-modal .exhibition-post-card {
    margin: 0;
    border: var(--border-width) solid #000;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 20rem;
    overflow-y: auto;
    flex-shrink: 0;
    text-align: center;
}

.exhibition-modal .exhibition-post-image {
    aspect-ratio: 9 / 16;
    overflow: hidden;
    background: #f5f5f5;
    flex-shrink: 0;
}

.exhibition-modal .exhibition-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.exhibition-modal .exhibition-post-card .post-comment {
    padding: var(--space-2) var(--space-3);
    margin: 0;
    word-break: break-word;
    text-align: center;
}

.exhibition-modal .exhibition-post-card .link-preview {
    margin-top: var(--space-2);
}

.exhibition-modal .exhibition-post-card .post-meta {
    margin-top: auto;
    border-top: var(--border);
    font-size: 0.9em;
    text-align: center;
}

.exhibition-modal .modal-form-col {
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    -webkit-overflow-scrolling: touch;
}

.exhibition-modal .exhibition-modal-write-wrap.is-open .modal-form-col {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
}

.exhibition-modal .modal-form-col .post-form {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
}

.exhibition-modal .post-form div {
    width: 100%;
}

.exhibition-modal .exhibition-form-two-col {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 0;
    min-height: 0;
}

.exhibition-modal .exhibition-form-col {
    min-width: 0;
}

.exhibition-modal .exhibition-form-col-left {
    position: relative;
    flex: 0 0 auto;
    height: 10rem;
    min-height: 10rem;
    min-width: 0;
    overflow: hidden;
}

.exhibition-modal .exhibition-form-col-left .exhibition-add-image-label {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border: 1px dashed #000;
    cursor: pointer;
    z-index: 0;
}

.exhibition-modal .exhibition-form-col-left .exhibition-image-previews {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    justify-content: center;
    gap: var(--space-2);
    overflow: hidden;
    pointer-events: none;
}

.exhibition-modal .exhibition-form-col-left .exhibition-image-previews .exhibition-preview-item {
    position: relative;
    pointer-events: auto;
    flex-shrink: 0;
    border: var(--border);
    overflow: hidden;
}

.exhibition-modal .exhibition-form-col-left .exhibition-image-previews .exhibition-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.exhibition-modal .exhibition-form-col-left .exhibition-add-image-label:hover {
    background: #f5f5f5;
}

.exhibition-modal .exhibition-add-image-icon {
    font-size: 1.25rem;
    font-family: var(--font-ui);
    font-weight: 500;
}

.exhibition-modal .exhibition-image-previews {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    min-width: 0;
}

.exhibition-modal .exhibition-image-previews .exhibition-preview-item {
    position: relative;
    width: 80px;
    height: 80px;
    border: var(--border);
    overflow: hidden;
}

.exhibition-modal .exhibition-form-col-left .exhibition-image-previews .exhibition-preview-item {
    width: 100%;
    height: 100%;
}

.exhibition-modal .exhibition-image-previews .exhibition-preview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.exhibition-modal .exhibition-form-col-right {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
}

.exhibition-modal .exhibition-form-col-right .form-group {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

.exhibition-modal .exhibition-form-col-right .form-group label {
    flex-shrink: 0;
}

.exhibition-modal .exhibition-form-col-right .form-group-comment {
    margin-bottom: 0;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.exhibition-modal .exhibition-form-col-right .form-group-comment textarea {
    width: 100%;
    flex: 1 1 0;
    min-height: 10rem;
    resize: none;
    box-sizing: border-box;
    display: block;
}

.exhibition-modal .exhibition-form-col-right .form-group-comment .btn-submit {
    flex-shrink: 0;
}

.posts-container {
}

.post-item {
    border: var(--border);
}

.post-item:last-child {
}

.post-item .post-comment {
    padding: var(--space-2) var(--space-3);
}

.post-item .post-meta {
    margin-top: auto;
    padding: var(--space-2) 0;
    border-top: var(--border);
    font-size: 0.9em;
}

.post-item .post-image img {
    max-width: 500px;
    max-height: 500px;
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.post-item .post-link {
}

.post-item .post-link a,
.post-item .post-comment a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.post-item .post-comment a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.post-item .link-preview {
    border: var(--border);
}

.post-item .link-preview img {
    width: 100%;
    display: block;
}

.post-item .link-preview-info {
    border-top: var(--border);
}

.post-item .link-preview-title {
    font-weight: bold;
    margin-bottom: var(--space-2);
}

.post-item .link-preview-url {
}

.post-item .instagram-preview {
    border: var(--border);
}

.post-form {
    border-top: var(--border);
}

.post-form-title {
    font-weight: bold;
}

@media (max-width: 768px) {
    .exhibition-layout {
        flex-direction: column;
        /* gap: var(--space-4); */
        /* font-size: 0.7rem; */
        padding: 1rem 1rem calc(var(--pad-bottom-pct)*2) 1rem;
    }

    .exhibition-layout > .exhibition-section {
        width: 100%;
        max-width: 100%;
    }

    .content-section {
        display: none;
    }

    .exhibition-modal .modal-title .marker-number-badge {
        margin-right: var(--space-2);
    }

    .post-item {
        border: var(--border-width) solid #000;
    }

    .exhibition-modal .modal-two-col {
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
        min-height: 0;
        position: relative;
    }

    .exhibition-modal .modal-posts-col {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }

    .exhibition-modal .exhibition-modal-write-wrap.is-open {
        position: absolute;
        inset: 0;
        z-index: 10;
        max-height: none;
        min-height: 100%;
        background: #fff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        animation: exhibition-write-overlay-in 0.3s ease-out;
    }

    .exhibition-modal .exhibition-modal-write-wrap.is-open .exhibition-modal-write-close {
        flex-shrink: 0;
    }

    .exhibition-modal .exhibition-modal-write-wrap.is-open .modal-form-col {
        flex: 1 1 0;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .exhibition-modal .exhibition-form-col-left {
        height: 7rem;
        min-height: 7rem;
    }

    .exhibition-modal .exhibition-form-col-right .form-group textarea,
    .exhibition-modal .exhibition-form-col-right .form-group-comment textarea {
        min-height: 8rem;
    }

    .post-item,
    .exhibition-modal .exhibition-modal-write-wrap.is-open .exhibition-modal-write-close {
        margin-bottom: var(--space-2);
    }
}