/*
Theme Name: Music deokdam
Theme URI: https://music.deokdam.com/
Author: Chanseong & Eunha
Description: 유튜브 영상, 곡 이야기, 원문·번역 가사와 감상을 공연 프로그램북처럼 기록하는 음악 에세이 테마입니다.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: music-deokdam
*/
:root{--ink:#173c3b;--deep:#0c2d2c;--cream:#f4efe3;--paper:#fffdf7;--gold:#c69a51;--muted:#647573}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.md-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1180px;margin:auto;padding:18px 28px;border-bottom:1px solid rgba(23,60,59,.16)}.md-brand{display:flex;flex:none;gap:11px;align-items:center;font:12px Arial,sans-serif;letter-spacing:.16em}.md-brand b{font-weight:750}.md-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--ink);border-radius:50%;font-size:14px}.md-nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 26px;font:12px Arial,sans-serif;color:#385957;list-style:none}.md-nav a:hover,.md-nav .current-cat>a{color:var(--gold)}
.md-article{overflow:hidden}.md-hero{max-width:1040px;margin:0 auto;padding:86px 28px 58px;position:relative}.md-hero:after{content:"物語";position:absolute;right:-22px;top:40px;font-size:172px;line-height:1;color:rgba(23,60,59,.038);writing-mode:vertical-rl;pointer-events:none}.md-eyebrow{display:flex;align-items:center;gap:18px;color:var(--gold);font:11px Arial,sans-serif;letter-spacing:.24em}.md-eyebrow i{width:58px;height:1px;background:var(--gold)}.md-title{margin:27px 0 18px;font-size:clamp(54px,8vw,100px);font-weight:500;line-height:.94;letter-spacing:-.06em}.md-title span{display:block;font-size:.23em;letter-spacing:.18em;margin-bottom:21px;color:#55706e;font:500 .23em Arial,sans-serif}.md-lead{margin:30px 0 26px;max-width:680px;font-size:18px;line-height:1.9;word-break:keep-all}.md-meta{display:flex;flex-wrap:wrap;font:11px Arial,sans-serif;color:#74827f;letter-spacing:.08em}.md-meta span+span:before{content:"·";margin:0 11px;color:var(--gold)}.md-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.md-tags a{border:1px solid rgba(23,60,59,.2);border-radius:20px;padding:6px 11px;color:#627572;font:10px Arial,sans-serif}.md-tags a:hover{border-color:var(--gold);color:var(--gold)}
.md-video-section{max-width:1180px;margin:0 auto 120px;padding:0 28px}.md-video{position:relative;padding-top:56.25%;background:#081d1d;box-shadow:0 22px 70px rgba(17,47,46,.2)}.md-video:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(198,154,81,.55);pointer-events:none}.md-video iframe,.md-video img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.md-listen{margin-top:27px;display:flex;align-items:flex-start;gap:20px;justify-content:flex-end}.md-listen em{color:var(--gold);font:11px Arial,sans-serif;padding-top:5px}.md-listen p{margin:0;max-width:350px;color:#647573;font-size:13px;line-height:1.8}.md-listen b{color:var(--ink)}
.md-story{background:var(--deep);color:#e8e2d5;display:grid;grid-template-columns:minmax(220px,330px) minmax(0,650px);gap:90px;justify-content:center;padding:115px 28px 125px}.md-section-no{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.24em}.md-heading{margin:18px 0 0;font-size:42px;line-height:1.25;font-weight:500;letter-spacing:-.04em}.md-story-body{font-size:16px;line-height:2.05;color:#cbd3ce;word-break:keep-all}.md-story-body p{margin:0 0 23px}.md-story-body p:first-child:first-letter{float:left;color:var(--gold);font-size:63px;line-height:.85;padding:10px 12px 0 0}.md-quote{margin:50px 0 0;padding:27px 0 0 45px;border-top:1px solid rgba(198,154,81,.35);position:relative;color:#fffaf0;font-size:20px;line-height:1.8}.md-quote:before{content:'“';position:absolute;left:0;top:18px;font-size:50px;color:var(--gold)}
.md-lyrics{max-width:1020px;margin:0 auto;padding:125px 28px 130px}.md-section-head{text-align:center;margin-bottom:55px}.md-section-head .md-heading{font-size:46px}.md-lyrics-card{background:var(--paper);border:1px solid rgba(23,60,59,.15);padding:0 58px 35px;box-shadow:0 18px 60px rgba(23,60,59,.08)}.md-lyrics-labels,.md-lyric-row{display:grid;grid-template-columns:1fr 1fr;gap:70px}.md-lyrics-labels{padding:25px 0 17px;border-bottom:1px solid var(--gold);color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.2em}.md-lyric-row{padding:24px 0;border-bottom:1px solid rgba(23,60,59,.1)}.md-lyric-row p{margin:0;line-height:1.9;font-size:15px}.md-lyric-row p:last-child{color:#667573}.md-copyright{margin:28px 0 0;text-align:right;color:#9a9e96;font:10px Arial,sans-serif}
.md-note{background:#ded7c8;padding:115px max(28px,calc((100vw - 1040px)/2));display:grid;grid-template-columns:280px minmax(0,670px);gap:75px}.md-note-paper{background:rgba(255,253,247,.65);padding:56px 65px;border-top:3px solid var(--gold);box-shadow:0 16px 45px rgba(23,60,59,.08);font-size:16px;line-height:2.05;color:#405956;word-break:keep-all}.md-signature{display:flex;align-items:center;gap:15px;justify-content:flex-end;margin-top:45px;color:#7c8882;font-size:11px}.md-signature:before{content:"";width:40px;height:1px;background:var(--gold)}.md-closing{background:var(--paper);padding:95px 28px;text-align:center}.md-closing>span{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.23em}.md-closing p{margin:22px 0 32px;font-size:clamp(24px,4vw,39px)}.md-closing a{display:inline-flex;gap:12px;font:11px Arial,sans-serif;border-bottom:1px solid var(--ink);padding:8px 2px}
.md-footer{background:#082322;color:#aab8b3;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;padding:55px max(28px,calc((100vw - 1120px)/2));font:11px Arial,sans-serif}.md-footer strong{color:#f3edde;font:17px Georgia,serif;letter-spacing:.08em}.md-footer p{text-align:center;margin:0}.md-footer small{font-size:9px}.md-index{max-width:1050px;margin:auto;padding:80px 28px 120px}.md-index-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.md-index h1{font-size:48px;font-weight:500;margin:12px 0 0}.md-search{display:flex;width:min(100%,380px);border-bottom:1px solid var(--ink)}.md-search label{position:absolute;width:1px;height:1px;overflow:hidden}.md-search input{width:100%;border:0;background:transparent;padding:13px 4px;font:14px Georgia,serif;color:var(--ink);outline:0}.md-search button{border:0;background:transparent;color:var(--gold);font-size:20px;cursor:pointer}.md-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.md-card{background:var(--paper);border-top:3px solid var(--gold);padding:35px;box-shadow:0 12px 35px rgba(23,60,59,.08)}.md-card small{color:var(--gold);font:10px Arial,sans-serif;letter-spacing:.15em}.md-card h2{font-size:28px;font-weight:500}.md-card p{color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.md-pagination{margin-top:45px}.md-pagination .page-numbers{display:inline-block;margin-right:5px;padding:8px 11px;border:1px solid rgba(23,60,59,.2)}.md-pagination .current{background:var(--ink);color:white}.md-empty{padding:60px 0;color:var(--muted)}
@media(max-width:760px){.md-header{padding:18px 20px;align-items:flex-start;flex-direction:column}.md-nav{justify-content:flex-start;gap:10px 18px}.md-hero{padding:62px 22px 42px}.md-hero:after{display:none}.md-title{font-size:57px}.md-lead{font-size:15px}.md-video-section{padding:0 20px;margin-bottom:85px}.md-video:before{inset:-5px}.md-story{grid-template-columns:1fr;gap:45px;padding:80px 25px}.md-heading{font-size:36px}.md-lyrics{padding:85px 20px}.md-section-head .md-heading{font-size:39px}.md-lyrics-card{padding:0 24px 28px}.md-lyrics-labels{grid-template-columns:1fr;gap:8px}.md-lyrics-labels span{padding:3px 0}.md-lyric-row{grid-template-columns:1fr;gap:8px;padding:23px 0}.md-note{padding:80px 20px;grid-template-columns:1fr;gap:38px}.md-note-paper{padding:40px 28px}.md-footer{grid-template-columns:1fr;gap:14px;text-align:center}.md-footer p{order:3}.md-grid{grid-template-columns:1fr}.md-index-head{align-items:flex-start;flex-direction:column}.md-index h1{font-size:38px}.md-search{width:100%}}

/* 1.2: category dropdown, aligned metadata and final image */
.md-cat-menu{position:relative;font:12px Arial,sans-serif;color:#385957}.md-cat-menu summary{cursor:pointer;list-style:none;border:1px solid rgba(23,60,59,.25);border-radius:30px;padding:10px 16px;min-width:108px;text-align:center}.md-cat-menu summary::-webkit-details-marker{display:none}.md-cat-menu summary:after{content:"⌄";margin-left:9px;color:var(--gold)}.md-cat-menu[open] summary{border-color:var(--gold)}.md-cat-menu .md-nav{position:absolute;z-index:20;right:0;top:calc(100% + 10px);display:block;width:220px;margin:0;padding:10px 0;background:var(--paper);border:1px solid rgba(23,60,59,.16);box-shadow:0 14px 35px rgba(23,60,59,.15);list-style:none}.md-cat-menu .md-nav li{margin:0}.md-cat-menu .md-nav a{display:block;padding:11px 18px}.md-cat-menu .md-nav a:hover,.md-cat-menu .md-nav .current-cat>a{color:var(--gold);background:rgba(198,154,81,.08)}.md-meta{align-items:center;font-size:11px;line-height:1.2}.md-meta span{display:inline-flex;align-items:center;line-height:1.2;vertical-align:middle}.md-bottom-image{margin:0;background:var(--paper)}.md-bottom-image img{display:block;width:100%;max-height:780px;object-fit:cover}
@media(max-width:760px){.md-header{align-items:center;flex-direction:row}.md-cat-menu{margin-left:auto}.md-cat-menu .md-nav{width:min(250px,calc(100vw - 40px))}}

/* 1.4: larger small labels and compact multi-image gallery */
.md-eyebrow,.md-section-no{font-size:12px}.md-lyrics-labels,.md-card small,.md-closing>span{font-size:11px}.md-bottom-section{width:100%;background:#ded7c8;padding:80px 28px}.md-bottom-gallery{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.md-bottom-gallery figure{margin:0;overflow:hidden;background:#e7e0d2}.md-bottom-gallery img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;margin:auto}.md-bottom-gallery:has(figure:only-child){grid-template-columns:minmax(0,760px);justify-content:center}
@media(max-width:760px){.md-eyebrow,.md-section-no{font-size:11px}.md-bottom-gallery{grid-template-columns:1fr;padding:12px 20px 70px;gap:12px}}

/* 1.5: anonymous password comments */
.md-comments{max-width:1040px;margin:0 auto;padding:85px 28px 95px}.md-comments-fold{border-top:2px solid var(--ink)}.md-comments-fold>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:22px 4px;font:600 16px/1.5 "Noto Sans KR",Arial,sans-serif}.md-comments-fold>summary::-webkit-details-marker{display:none}.md-comments-fold>summary:after{content:"＋";color:var(--gold);font-size:22px;font-weight:400}.md-comments-fold[open]>summary:after{content:"−"}.md-comments-inner{padding-top:18px}.comment-reply-title{margin:8px 0 20px;font:600 19px/1.5 "Noto Sans KR",Arial,sans-serif}.md-comment-list{list-style:none;margin:0 0 48px;padding:0}.md-comment-list .comment{margin:0 0 14px}.md-comment-body{padding:22px 24px;border:1px solid rgba(23,60,59,.16);background:var(--paper);font-family:"Noto Sans KR",Arial,sans-serif}.md-comment-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.md-comment-author{display:flex;align-items:center;gap:7px;font-size:14px}.md-comment-author b{font-weight:600}.md-comment-ip{color:var(--muted);font-weight:400}.md-comment-date{flex:none;margin:0;color:var(--muted);font-size:10px}.md-comment-content{font-size:15px;line-height:1.8}.md-comment-content p{margin:0 0 1em}.md-comment-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:15px}.md-comment-actions a,.md-comment-toggle{border:0;background:transparent;color:var(--gold);padding:0;font:700 11px "Noto Sans KR",Arial,sans-serif;cursor:pointer}.md-comment-manage{margin-top:18px;padding:18px;background:var(--cream);border:1px solid rgba(23,60,59,.14)}.md-comment-manage[hidden],.md-comment-trap{display:none!important}.md-comment-manage label,.comment-form label{display:block;margin-bottom:7px;font:600 12px "Noto Sans KR",Arial,sans-serif}.md-comment-manage textarea,.md-comment-manage input,.comment-form input[type="text"],.comment-form input[type="password"],.comment-form textarea{display:block;width:100%;border:1px solid rgba(23,60,59,.2);background:var(--paper);color:var(--ink);padding:13px 14px;font:14px "Noto Sans KR",Arial,sans-serif}.comment-form input[type="text"],.comment-form input[type="password"]{height:48px}.comment-form textarea{min-height:145px;resize:vertical}.comment-form-author,.comment-form-password{display:inline-block;width:calc(50% - 12px);vertical-align:top}.comment-form-author{margin-right:20px}.form-submit input,.md-comment-buttons button{border:0;background:var(--deep);color:white;padding:11px 17px;font-weight:700;cursor:pointer}.md-comment-buttons{display:flex;gap:8px}.md-comment-buttons .is-delete{background:#9c4f45}.comment-status-message{padding:12px 14px;border-left:3px solid var(--gold);background:var(--paper);font-size:12px}.comment-awaiting-moderation{color:var(--gold);font-size:11px}.comment-form-cookies-consent{display:none!important}.md-comment-list .children{list-style:none;margin:12px 0 0 28px;padding:0}
@media(max-width:760px){.md-bottom-section{padding:55px 0}.md-bottom-gallery{padding:0 20px}.md-comments{padding:65px 20px}.comment-form-author,.comment-form-password{display:block;width:100%;margin-right:0}.md-comment-body{padding:18px 16px}.md-comment-list .children{margin-left:12px}}

.md-closing-taxonomy{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:38px}.md-closing-taxonomy a{padding:7px 12px;border:1px solid rgba(23,60,59,.2);border-radius:99px;color:var(--muted);font:11px "Noto Sans KR",Arial,sans-serif}.md-closing-taxonomy a:hover{border-color:var(--gold);color:var(--gold)}

/* 1.7: linked taxonomies, sharing, relative comment time and final polish */
.md-eyebrow a:hover,.md-card-categories a:hover{color:var(--ink)}.md-share{display:flex;align-items:center;gap:12px;margin-top:24px;min-height:35px}.md-copy-link{border:1px solid rgba(23,60,59,.3);border-radius:99px;background:transparent;color:var(--ink);padding:8px 14px;font:600 11px "Noto Sans KR",Arial,sans-serif;cursor:pointer;transition:.2s}.md-copy-link:hover,.md-copy-link.is-copied{border-color:var(--gold);color:var(--gold);background:rgba(198,154,81,.07)}.md-copy-status{color:var(--gold);font:600 11px "Noto Sans KR",Arial,sans-serif}.md-bottom-section{background:#e9e3d6}.md-card{display:flex;flex-direction:column;min-height:250px}.md-card-categories{display:flex;flex-wrap:wrap;gap:6px;color:var(--gold);font:11px Arial,sans-serif;letter-spacing:.12em}.md-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:25px;border-top:1px solid rgba(23,60,59,.1)}.md-card-tags a{color:var(--muted);font:11px "Noto Sans KR",Arial,sans-serif}.md-card-tags a:hover{color:var(--gold)}.md-comments-more{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--muted);font-size:12px;font-weight:500}.md-comments-fold .when-open{display:none}.md-comments-fold[open] .when-closed{display:none}.md-comments-fold[open] .when-open{display:inline}.md-comments-fold>summary:after{margin-left:12px}.md-footer p{font-size:13px}.md-footer small{font-size:11px}.md-footer strong a:hover{color:var(--gold)}

/* 1.8: compact share icon and fixed landscape cards */
.md-hero-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:35px}.md-hero-tools .md-eyebrow{min-width:0}.md-hero-tools .md-share{margin:0 0 0 auto;min-height:0;flex:none}.md-copy-link{display:grid;place-items:center;width:34px;height:34px;padding:0}.md-copy-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.md-copy-status{white-space:nowrap}.md-card{aspect-ratio:3/2;min-height:0;overflow:hidden}.md-card-tags{border-top:0;padding-top:18px}
@media(max-width:760px){.md-hero-tools{align-items:flex-start}.md-copy-status{position:absolute;right:62px;margin-top:8px}.md-card{aspect-ratio:3/2}}

/* 1.9: single-line card titles, bottom share and proportional mobile type */
.md-card h2{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-card h2 a{display:block;overflow:hidden;text-overflow:ellipsis}.md-share-bottom{justify-content:center;margin:18px auto 0;min-height:34px}.md-share-bottom .md-copy-status{position:static}.md-closing .md-share-bottom .md-copy-link{border-bottom:1px solid rgba(23,60,59,.3);padding:0}
@media(max-width:760px){.md-card{padding:24px}.md-card-categories{font-size:8px;letter-spacing:.1em}.md-card h2{font-size:20px;margin:14px 0}.md-card p{font-size:11px;line-height:1.65;-webkit-line-clamp:3}.md-card-tags{gap:5px;padding-top:12px}.md-card-tags a{font-size:8px}.md-share-bottom .md-copy-status{position:static;margin:0}}

/* 2.0: prevent single-line card titles from clipping at the baseline */
.md-card h2{line-height:1.4;padding-bottom:.12em}