/* 기존 전시 디자인은 유지하고, 좋아요·감상평·방명록만 추가합니다. */
.community-actions{
  display:flex;gap:8px;margin-top:16px;padding-top:15px;
  border-top:1px solid rgba(119,112,100,.18);flex-wrap:wrap
}
.community-button{
  appearance:none;border:1px solid #b9ae9c;background:transparent;color:#5f584e;
  min-height:38px;padding:8px 12px;cursor:pointer;font-size:12px;transition:.2s ease
}
.community-button:hover{border-color:var(--gold);color:#6d512c}
.community-button.liked{background:#1d1b18;border-color:#1d1b18;color:#fff}
.community-button:disabled{opacity:.55;cursor:wait}

.guestbook-section{padding:110px clamp(18px,9vw,150px) 120px;background:var(--paper)}
.guestbook-heading{text-align:center;max-width:720px;margin:0 auto 42px}
.guestbook-heading h2{font-family:"Noto Serif KR",serif;font-size:clamp(34px,4vw,52px);font-weight:500;margin:12px 0 16px}
.guestbook-heading>p:last-child{color:var(--muted);line-height:1.8}
.guestbook-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:14px;max-width:900px;margin:0 auto 16px;align-items:end}
.guestbook-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}
.guestbook-form input,.guestbook-form textarea,.comment-form input,.comment-form textarea{
  width:100%;border:1px solid #cfc5b5;background:#fbf9f4;color:var(--ink);outline:none;padding:12px 13px
}
.guestbook-form textarea{height:84px;resize:vertical;min-height:84px}
.community-submit{border:1px solid var(--gold);background:var(--gold);color:#fff;min-height:44px;padding:11px 18px;cursor:pointer;font-size:12px}
.community-submit:hover{filter:brightness(.93)}
.community-status{min-height:1.5em;text-align:center;color:var(--muted);font-size:12px}
.guestbook-list{max-width:900px;margin:28px auto 0;border-top:1px solid var(--line)}
.guestbook-entry{display:grid;grid-template-columns:150px 1fr auto;gap:22px;padding:20px 4px;border-bottom:1px solid rgba(119,112,100,.2)}
.entry-name{font-family:"Noto Serif KR",serif;font-weight:600}
.entry-message{margin:0;color:#575148;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.entry-date{color:#91887a;font-size:11px;white-space:nowrap}
.community-empty{text-align:center;color:var(--muted);padding:34px 0;font-size:13px}

.comment-dialog{width:min(640px,calc(100% - 28px));max-height:86vh;border:0;padding:0;background:#f8f5ef;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.comment-dialog::backdrop{background:rgba(10,9,8,.66);backdrop-filter:blur(3px)}
.comment-panel{padding:28px}
.comment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.comment-header h2{font-family:"Noto Serif KR",serif;margin:6px 0 0;font-size:26px}
.comment-close{border:0;background:transparent;font-size:27px;line-height:1;cursor:pointer;color:#6e675c}
.comment-form{display:grid;grid-template-columns:150px 1fr auto;gap:10px;margin:22px 0 12px;align-items:end}
.comment-form label{display:grid;gap:6px;color:var(--muted);font-size:11px}
.comment-form textarea{height:76px;resize:vertical;min-height:76px}
.comment-list{margin-top:20px;max-height:42vh;overflow:auto;border-top:1px solid var(--line)}
.comment-entry{padding:17px 2px;border-bottom:1px solid rgba(119,112,100,.18)}
.comment-entry-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}
.comment-entry-name{font-weight:600;font-size:13px}
.comment-entry-date{color:#91887a;font-size:11px}
.comment-entry p{margin:0;color:#575148;font-family:"Noto Serif KR",serif;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:820px){
  .site-header nav{display:flex;gap:14px}
  .site-header nav a{font-size:11px}
  .guestbook-form,.comment-form{grid-template-columns:1fr}
  .guestbook-entry{grid-template-columns:1fr;gap:7px}
  .entry-date{grid-row:1;grid-column:2;text-align:right}
}
@media(max-width:560px){
  .site-header nav{display:none}
  .guestbook-section{padding-left:18px;padding-right:18px}
  .comment-panel{padding:20px}
}