/* PianoMoDa · 작품과 연주자 정보 정비 · 2026.10.14 */
.work-facts{display:flex;flex-wrap:wrap;gap:4px 16px;line-height:1.75;margin:10px 0 14px;font-size:13px;overflow-wrap:anywhere}
.work-facts .duration{font-weight:700;white-space:nowrap}
.facts-guide{font-size:12px;line-height:1.8;opacity:.85;margin:12px 4px 18px;word-break:keep-all}
.context-paragraph+.context-paragraph{margin-top:10px}
.context-source{display:inline-block;margin-top:10px;font-size:11px;font-weight:650;color:inherit;text-underline-offset:3px}
.publication-tag{display:inline-block;margin:0 0 12px;padding:5px 9px;border:1px solid #9B8C68;border-radius:6px;color:#5E5235;font-size:11px;font-weight:700;letter-spacing:.025em;background:#F2EEE3}
.artist-record{margin:12px 0 6px;display:grid;gap:9px}
.artist-record .artist-row{font-size:13px;line-height:1.75}
.artist-row b{display:block;font-size:11px;letter-spacing:.04em;margin-bottom:2px}
.artist-date{font-size:10px;line-height:1.7;opacity:.8;margin:12px 0 0}
.piece-context{font-size:13px;line-height:1.8;margin:10px 0 0}
.piece-context b{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.1em}
.score-preview.external-score{text-decoration:none}
.artist-video h2{font-family:Pretendard,sans-serif;font-size:clamp(20px,3vw,27px);line-height:1.4}
.artist-video-credit{margin:6px 0 14px;font-size:13px;color:#dce3ea}
.artist-video .video{width:100%}
.artist-video .video-fallback a{color:#dce3ea;border-bottom-color:#8296aa;font-size:12px}
.person .facts span,.duo-profiles .facts span{display:block}

body,button,input,select,textarea{font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}
h1,h2,.piece-info h3,.person h3{font-family:Georgia,"Noto Serif KR",serif}
.postlude-gallery figure>a,.postlude-photo>a,.postlude-grid figure>a{display:block;aspect-ratio:1/1;overflow:hidden}
.postlude-gallery figure>a img,.postlude-photo>a img,.postlude-grid figure>a img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover}
.postlude figure button[data-image]{display:block;width:100%;aspect-ratio:1/1;overflow:hidden}.postlude figure button[data-image] img{width:100%;height:100%;object-fit:cover}

/* 2026.10.16: pamphlet and postlude */
.artist-portrait{margin:0}.artist-portrait a{display:block}.artist-photo.pamphlet-portrait{aspect-ratio:945/1536;object-fit:contain;clip-path:none;background:white}.artist-portrait figcaption{font-size:10px;margin-top:7px;color:#dce3ea}
.source-note{font-size:12px;line-height:1.6;opacity:.85}.letter-panel{background:#fff;color:var(--pm-ink);padding:18px;border-radius:14px;margin-top:16px}.letter-panel img{display:block;width:100%;max-width:850px;height:auto;margin:auto}.letter-panel .micro{color:var(--pm-heading)}
.encore-list{padding-left:24px;line-height:1.6}.encore-list li{padding:8px 0}.encore-list span{display:block;font-size:13px;color:#dce3ea}.postlude-companion{color:#dce3ea}.postlude-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.postlude-notes article{border-radius:14px;padding:18px}.postlude-notes h3{font-size:17px;margin:0 0 10px}.postlude-notes p{font-size:14px;line-height:1.8;margin:0}.postlude-aside{font-size:15px;color:var(--pm-accent);margin:22px 0}
.postlude-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.postlude-gallery figure{margin:0;border-radius:14px;overflow:hidden}.postlude-gallery figcaption{padding:10px;font-size:12px}.postlude-gallery figure>a,.postlude-gallery figure>a img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}
.postlude-video{margin:22px auto 0;width:min(100%,360px)}.postlude-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:14px}.postlude-video figcaption{font-size:12px;padding-top:8px;text-align:center}
@media(max-width:760px){.postlude-notes{grid-template-columns:1fr}.postlude-gallery{grid-template-columns:1fr 1fr}.letter-panel{padding:10px}.artist-portrait{max-width:260px}.artist-photo.pamphlet-portrait{max-width:260px}}@media(max-width:420px){.postlude-gallery{grid-template-columns:1fr}}

.postlude-lead{font-size:16px;line-height:1.9;color:#f3f4f5;max-width:760px;margin:18px 0 24px}

.composer-portrait{margin:0;max-width:220px}.composer-portrait>a{display:block}.composer-portrait img{display:block;width:100%;height:auto;border-radius:14px}.composer-portrait figcaption{font-size:10px;line-height:1.6;margin-top:8px;color:#dce3ea}.composer-portrait figcaption a{color:inherit}

@media(min-width:761px){nav{grid-template-columns:repeat(4,minmax(0,1fr))}}