/* 상세페이지형 노트(2026-10-29) — site/note/post.html 의 .pd 블록. 버튼은 magazine.css 의 --rv-btn-* 토큰만 읽는다 */
.pd{max-width:1000px;margin:44px auto 0;word-break:keep-all}
.pd-hero{margin:0}
.pd-hero img{display:block;width:100%;height:auto;background:#EEEDEA}
.pd-hero .pcap{margin-top:12px}
.pd-id{margin:36px 0 0;text-align:center}
.pd-kick{margin:0;color:#1B2438}
.pd-name{margin:10px 0 0;font-size:40px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:#111}
.pd-sub{margin:14px auto 0;max-width:640px;font-size:18px;line-height:1.8;color:#444}
.pd-h{margin:0 0 18px;color:#1B2438}
.pd-h .mute{margin-left:8px;letter-spacing:0;text-transform:none}
.pd-colors{margin:52px 0 0;padding-top:28px;border-top:1px solid #E6E6E6}
.pd-cg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:22px 14px}
.pd-cg li{display:flex;flex-direction:column;gap:8px;min-width:0}
.pd-cg img{display:block;width:100%;height:auto;background:#EEEDEA}
.pd-cg span{font:13px/1.5 'Noto Sans KR',sans-serif;color:#333;word-break:keep-all;overflow-wrap:anywhere}
.pd-specw{margin:52px 0 0;padding-top:28px;border-top:1px solid #E6E6E6}
.pd-spec{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.pd-spec>div{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid #E6E6E6}
.pd-spec dt{flex:0 0 84px;margin:0;font:13px/1.7 'Noto Sans KR',sans-serif;letter-spacing:.04em;color:#6A6A6A}
.pd-spec dd{margin:0;font-size:17px;line-height:1.7;color:#111}
.pd-ctaw{margin:40px 0 0;text-align:center}
.pd-cta{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:calc(var(--rv-btn-h,44px) + 8px);padding:0 34px;border:1px solid var(--rv-btn-navy,#1B2438);border-radius:var(--rv-btn-r-pill,999px);background:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff);font:500 15px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.02em;text-decoration:none;transition:background var(--rv-btn-ease,.14s ease),transform var(--rv-btn-ease,.14s ease)}
.pd-cta:hover{background:var(--rv-btn-navy-hover,#2A3652);text-decoration:none}
.pd-cta:active{background:var(--rv-btn-navy-press,#0F1626);transform:var(--rv-btn-press,scale(.97))}
.pd-cta:focus-visible{outline:0;box-shadow:var(--rv-btn-focus,0 0 0 2px #fff,0 0 0 4px #1B2438)}
.pd-gal{margin:64px 0 0;padding-top:28px;border-top:1px solid #E6E6E6}
.pd-gg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:start}
.pd-gb{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.pd-gb img{display:block;width:100%;height:auto;background:#EEEDEA}
.pd-end{margin:64px 0 0;padding:44px 20px 48px;text-align:center;background:#F3F4F7}
.pd-end-t{margin:0;font-size:20px;line-height:1.7;color:#111}
.pd-end .pd-ctaw{margin-top:24px}
.pd-dlg{padding:0;border:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
.pd-dlg::backdrop{background:rgba(10,12,18,.82)}
.pd-dlg img{display:block;max-width:92vw;max-height:84vh;width:auto;height:auto;margin:0 auto}
.pd-x{display:block;margin:0 0 12px auto;height:var(--rv-btn-h-sm,36px);padding:0 16px;border:1px solid #fff;border-radius:var(--rv-btn-r-pill,999px);background:transparent;color:#fff;font:13px 'Noto Sans KR',sans-serif;cursor:pointer}
@container mg (max-width:960px){
.pd{margin-top:30px}
.pd-hero{margin:0 -20px}.pd-hero .pcap{padding:0 20px}
.pd-id{margin-top:28px;text-align:left}.pd-name{font-size:30px}.pd-sub{margin-left:0;font-size:16px}
.pd-colors,.pd-specw,.pd-gal{margin-top:40px}
.pd-cg{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px}.pd-cg span{font-size:12px}
.pd-spec{grid-template-columns:minmax(0,1fr)}
.pd-spec dt{flex-basis:76px}.pd-spec dd{font-size:16px}
.pd-ctaw{margin-top:30px}.pd-cta{display:flex;width:100%;padding:0 20px}
.pd-gg{grid-template-columns:minmax(0,1fr)}
.pd-end{margin:48px -20px 0;padding:36px 20px 40px}.pd-end-t{font-size:18px}
}