/* 오뮤직 매거진(목록·글) 시안 — 색·글꼴은 오뮤지션·뉴스 시안과 같은 토큰 */
#tmMag{--red:#CC4D3C;--red-dp:#C8322D;--ttl:#C43626;--ink:#212121;--ink2:#363636;--ink3:#8C8279;--line:#EFE3D6;--card:#fff;--tint:#F7DFDA;--bg:#FFFCF7;--esp:#2E281F;--orange:#FF914D;background:var(--bg);color:var(--ink2);font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.75}
#tmMag *{box-sizing:border-box}
#tmMag .wrap{max-width:1100px;margin:0 auto;padding:0 20px}
#tmMag .wrap-narrow{max-width:760px;margin:0 auto;padding:0 20px}
#tmMag a{text-decoration:none;color:inherit}

/* 목록 */
#tmMag .mg-top{padding:72px 0 16px}
#tmMag .eyebrow{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--red)}
#tmMag .mg-h1{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:clamp(46px,8.5vw,96px);font-weight:700;font-style:italic;line-height:.95;color:var(--ink)}
#tmMag .mg-h1 span{color:var(--ttl)}
#tmMag .lede{margin:20px 0 0;font-size:17px;max-width:700px}
#tmMag .mg-sec{padding:48px 0 76px;scroll-margin-top:90px}
#tmMag .mg-series-nav{position:sticky;top:88px;z-index:5;padding:14px 0;background:rgba(255,252,247,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
#tmMag .mg-series-nav .wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
#tmMag .mg-series-nav a{flex:0 0 auto;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:14px;font-weight:700;color:var(--ink2)}
#tmMag .mg-series-nav a:hover{border-color:var(--red);color:var(--red)}
#tmMag .mg-soon{aspect-ratio:4/5;border:1.5px dashed var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink3);background:var(--card)}
#tmMag .soon-en{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;font-style:italic;color:var(--red)}
#tmMag .mg-soon p{margin:0;font-size:15px}
#tmMag .mg-sec-tint{background:#FCEFEC;padding-top:72px}
#tmMag .sec-head{margin-bottom:26px}
#tmMag .sec-no{margin:0 0 6px;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:600;letter-spacing:.06em;color:var(--red);text-transform:uppercase}
#tmMag .mg-h2{margin:0;font-size:clamp(25px,3.6vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1.3;color:var(--ink)}
#tmMag .sec-sub{margin:8px 0 0;font-size:15px;color:var(--ink3)}
#tmMag .mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#tmMag .mg-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .18s,box-shadow .18s}
#tmMag .mg-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(33,33,33,.4)}
#tmMag .mg-card-body{padding:20px 22px 24px}
#tmMag .card-meta{margin:0;font-size:13px;font-weight:600;color:var(--red)}
#tmMag .mg-card h3{margin:6px 0 0;font-size:22px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
#tmMag .card-role{margin:4px 0 0;font-size:14.5px;color:var(--ink3)}

/* 표지 — 브랜드 색 판 위에 흑백 인물 사진을 액자처럼, 편마다 색이 다르다 */
#tmMag .mg-cover{position:relative;aspect-ratio:4/5;overflow:hidden;padding:20px 22px}
#tmMag .mg-c1{background:var(--red);color:#fff}
#tmMag .mg-c2{background:var(--esp);color:#F3EDE4}
#tmMag .mg-c0{background:var(--orange);color:var(--esp)}
#tmMag .cv-kicker{position:relative;z-index:2;display:block;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:600;letter-spacing:.24em}
#tmMag .cv-no{position:absolute;z-index:2;right:16px;bottom:-14px;font-family:'Barlow Condensed',sans-serif;font-size:118px;font-weight:700;font-style:italic;line-height:1;opacity:.95}
#tmMag .cv-photo{position:absolute;left:22px;right:22px;top:50px;bottom:62px;background:#F7F0E4;padding:8px;box-shadow:0 12px 24px -10px rgba(0,0,0,.45);transform:rotate(-1.6deg);transition:transform .3s}
#tmMag .mg-card:hover .cv-photo{transform:rotate(0)}
#tmMag .cv-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
#tmMag .cv-role{position:absolute;z-index:2;left:22px;bottom:20px;font-size:14px;font-weight:700;letter-spacing:-.01em}
#tmMag .mg-insta{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink2)}
#tmMag .mg-insta li{border-bottom:1px solid var(--line)}
#tmMag .mg-insta a{display:flex;align-items:center;gap:10px;padding:18px 4px;font-size:16px;font-weight:600;color:var(--ink)}
#tmMag .mg-insta a span{margin-left:auto;color:var(--red)}
#tmMag .mg-insta a:hover{color:var(--red)}

/* 글 페이지 */
#tmMag .mg-article{padding-bottom:100px}
#tmMag .art-head{padding:40px 0 70px;margin-bottom:10px}
#tmMag .art-back{display:inline-block;margin-bottom:26px;font-size:14px;font-weight:600;opacity:.8}
#tmMag .art-back:hover{opacity:1}
#tmMag .art-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end}
#tmMag .art-series{margin:0;font-family:'Barlow Condensed','Pretendard',sans-serif;font-size:16px;font-weight:600;letter-spacing:.08em}
#tmMag .art-title{margin:14px 0 0;font-size:clamp(34px,5.6vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1.2}
#tmMag .art-role{margin:14px 0 0;font-size:18px;font-weight:600;opacity:.85}
#tmMag .art-portrait{margin:0;background:#F7F0E4;padding:10px 10px 44px;box-shadow:0 22px 40px -18px rgba(0,0,0,.55);transform:rotate(1.8deg);max-width:420px;justify-self:end;width:100%}
#tmMag .art-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%}
#tmMag .art-portrait figcaption{margin-top:12px;text-align:center;font-size:14px;font-weight:600;color:var(--esp);letter-spacing:-.01em}
#tmMag .art-intro{margin:64px 0 0;padding:6px 0 6px 26px;border-left:3px solid var(--red)}
#tmMag .art-intro p{margin:0;font-size:19px;line-height:1.9;color:var(--ink);font-weight:500;letter-spacing:-.01em}
#tmMag .art-intro p.gap{height:18px}
#tmMag .art-qa{margin-top:64px}
#tmMag .qa{margin-bottom:46px}
#tmMag .qa h2{margin:0 0 14px;font-size:19px;font-weight:800;line-height:1.6;letter-spacing:-.02em;color:var(--ink)}
#tmMag .qa-n{color:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:22px;margin-right:2px}
#tmMag .qa p{margin:0 0 14px;font-size:16.5px;line-height:1.95}
#tmMag .qa-empty{padding:16px 18px;border:1px dashed var(--line);border-radius:10px;color:var(--ink3);font-size:14.5px!important;background:var(--card)}
#tmMag .art-photo{margin:10px 0 50px}
#tmMag .art-photo img{display:block;max-width:100%;max-height:560px;margin:0 auto;border-radius:14px}
#tmMag .art-photo figcaption{margin-top:10px;text-align:center;font-size:13.5px;color:var(--ink3)}
#tmMag .art-quote{margin:70px 0 0;padding:44px 34px;background:var(--esp);color:#fff;border-radius:18px;text-align:center}
#tmMag .art-quote p{margin:0;font-size:clamp(21px,3vw,28px);font-weight:800;line-height:1.55;letter-spacing:-.025em}
#tmMag .art-quote cite{display:block;margin-top:16px;font-style:normal;font-size:15px;color:#FFBD59}
#tmMag .art-source{margin:40px 0 0;font-size:14px;color:var(--ink3)}
#tmMag .art-source a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
#tmMag .art-more{margin-top:80px;border-top:1px solid var(--ink2);padding-top:22px}
#tmMag .more-head{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink3)}
#tmMag .more-list a{display:flex;align-items:baseline;gap:14px;padding:16px 4px;border-bottom:1px solid var(--line)}
#tmMag .more-list a:hover .m-title{color:var(--red)}
#tmMag .more-list a.on{opacity:.45;pointer-events:none}
#tmMag .m-no{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;color:var(--red);width:22px}
#tmMag .m-title{font-size:17px;font-weight:800;color:var(--ink)}
#tmMag .m-role{margin-left:auto;font-size:14px;color:var(--ink3)}

@media(max-width:900px){
#tmMag .mg-grid{grid-template-columns:1fr 1fr}
#tmMag .mg-top{padding:48px 0 8px}
#tmMag .art-hero{grid-template-columns:1fr;gap:30px}
#tmMag .art-portrait{justify-self:center;max-width:340px}
}
@media(max-width:560px){
#tmMag .mg-grid{grid-template-columns:1fr}
#tmMag .art-hero{grid-template-columns:1fr;gap:30px}
#tmMag .art-portrait{justify-self:center;max-width:300px}
#tmMag .art-intro p{font-size:17px}
#tmMag .more-list a{flex-wrap:wrap}
#tmMag .m-role{margin-left:36px;width:100%}
}

/* 계간 호 화면 */
#tmMag .mg-series-nav a.on{background:var(--red);border-color:var(--red);color:#fff}
#tmMag .mg-series-nav a.nav-alt{margin-left:auto;border-color:transparent;background:transparent;color:var(--red)}
#tmMag .iss-hero{padding:40px 0 20px}
#tmMag .iss-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
#tmMag .iss-cover{position:relative;display:block;aspect-ratio:4/5;border-radius:6px;overflow:hidden;box-shadow:0 24px 50px -24px rgba(33,33,33,.55)}
#tmMag .iss-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
#tmMag .iss-cover:hover img{transform:scale(1.03)}
#tmMag .iss-vol{position:absolute;left:18px;top:14px;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
#tmMag .iss-en{position:absolute;left:16px;bottom:10px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(46px,7vw,84px);font-weight:700;font-style:italic;line-height:.9;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.45)}
#tmMag .iss-kicker{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:600;letter-spacing:.1em;color:var(--red)}
#tmMag .iss-name{margin:8px 0 0;font-size:clamp(32px,4.6vw,50px);font-weight:800;letter-spacing:-.035em;color:var(--ink)}
#tmMag .iss-note{margin:22px 0 0;padding-left:20px;border-left:3px solid var(--red)}
#tmMag .iss-note p{margin:0 0 6px;font-size:16.5px;line-height:1.85;color:var(--ink2)}
#tmMag .iss-story{display:block;margin-top:28px;padding:20px 22px;border-radius:14px;background:var(--esp);color:#F3EDE4;transition:transform .2s}
#tmMag .iss-story:hover{transform:translateY(-2px)}
#tmMag .st-label{display:block;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;letter-spacing:.14em;color:#FFBD59}
#tmMag .st-title{display:block;margin-top:6px;font-size:21px;font-weight:800;letter-spacing:-.02em;color:#fff}
#tmMag .st-role{display:block;margin-top:4px;font-size:14px;opacity:.8}
#tmMag .iss-count{margin:14px 0 0;font-size:14px;color:var(--ink3)}
#tmMag .tag-cover{display:inline-block;padding:1px 7px;border-radius:4px;background:var(--red);color:#fff;font-size:11px;letter-spacing:.06em;margin-right:4px}
#tmMag .iss-back{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
#tmMag .back-card{display:block}
#tmMag .back-img{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(33,33,33,.5)}
#tmMag .back-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
#tmMag .back-card:hover .back-img img{transform:scale(1.04)}
#tmMag .back-en{margin:12px 0 0;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:600;letter-spacing:.08em;color:var(--red)}
#tmMag .back-card h3{margin:2px 0 0;font-size:19px;font-weight:800;color:var(--ink)}
#tmMag .back-note{margin:6px 0 0;font-size:14px;color:var(--ink3);line-height:1.6}
#tmMag .art-issue{display:inline-block;margin-right:8px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.18);font-size:13px}
@media(max-width:900px){
#tmMag .iss-grid{grid-template-columns:1fr;gap:28px}
#tmMag .iss-back{grid-template-columns:1fr 1fr}
#tmMag .mg-series-nav a.nav-alt{margin-left:0}
}
#tmMag .iss-name span{display:block;margin-top:4px;font-family:'Barlow Condensed',sans-serif;font-size:.6em;font-weight:600;letter-spacing:.06em;color:var(--red)}
#tmMag .cv-head{position:absolute;left:22px;right:22px;top:58px;font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.35;letter-spacing:-.03em;word-break:keep-all}
#tmMag .cv-photo.is-poster img,#tmMag .art-portrait.is-poster img{object-fit:contain;background:#fff}
#tmMag .art-portrait.is-poster{transform:none}
/* 호·시리즈 버튼 줄은 따라오지 않게(스크롤 시 제목·내용을 가림, 사용자 지적 10-16) */
#tmMag .mg-series-nav{position:static}