/* 붐붐노리 — 플레이리스트·카세트 레트로 팝. 단일 컬럼 1000px. 제목 Do Hyeon, 본문 Noto Sans KR. */
:root{
  --ink:#1E1B24;--pink:#FF4F8B;--blue:#3A5BFF;--lemon:#FFE14D;--cream:#FFF9EE;--mint:#CFE8E2;
  --paper:#FFFFFF;--mute:#5E5868;--line:#1E1B24;--soft:#F3ECDD;--pinkL:#FFE3EE;--blueL:#E3E8FF;--lemonL:#FFF6C4;
  --sh:4px 4px 0 var(--ink);--r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body.bn-body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word;
  background-image:radial-gradient(rgba(30,27,36,.07) 1px,transparent 1.2px);background-size:14px 14px}
a{color:var(--blue)}
img{max-width:100%;height:auto}
.wrap{max-width:1000px;margin:0 auto;padding-left:24px;padding-right:24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bskip{position:absolute;left:-9999px;top:0;background:var(--lemon);color:var(--ink);padding:8px 14px;z-index:99;font-weight:700}
.bskip:focus{left:12px;top:12px}
h1,h2,h3,.bsec,dfn{font-family:'Do Hyeon','Noto Sans KR',sans-serif;font-weight:400;letter-spacing:-.2px}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* ---------- 헤더 ---------- */
.btop{background:var(--ink);color:#fff;position:relative}
.btop-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
.bbrand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.bbrand .nm{font-family:'Do Hyeon',sans-serif;font-size:26px;line-height:1}
.bbrand small{font-size:12px;color:#CFC8D8;border-left:1px solid #4A4453;padding-left:10px;margin-left:2px}
.bbrand img{display:block;height:40px;width:auto}
.bnav{display:flex;flex-wrap:wrap;gap:4px}
.bnav a{color:#fff;text-decoration:none;font-size:14.5px;font-weight:500;padding:7px 11px;border-radius:999px;border:2px solid transparent}
.bnav a:hover{border-color:#fff}
.bnav a.b-juso{color:#FF8FB5}.bnav a.b-link{color:#9DB0FF}.bnav a.b-moa{color:var(--lemon)}
.bmbtn{display:none;background:none;border:2px solid #fff;border-radius:10px;width:44px;height:40px;padding:8px;cursor:pointer}
.bmbtn span{display:block;height:2px;background:#fff;margin:4px 0;border-radius:2px}
.bstripe{display:flex;height:7px}
.bstripe i{flex:1}.bstripe i:nth-child(1){background:var(--pink)}.bstripe i:nth-child(2){background:var(--blue)}.bstripe i:nth-child(3){background:var(--lemon)}

/* ---------- 첫 화면 ---------- */
.bhero{padding:44px 0 34px;border-bottom:3px solid var(--ink);background:linear-gradient(180deg,var(--cream),#FFF3DA)}
.bnow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;background:var(--ink);color:var(--lemon);font-size:13px;font-weight:700;letter-spacing:.6px;padding:6px 14px;border-radius:999px}
.bnow .dot{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 3px rgba(255,79,139,.35);animation:bnblink 1.6s infinite}
@keyframes bnblink{50%{opacity:.35}}
.bhero h1{font-size:44px;line-height:1.2;margin:0 0 16px}
.bhero h1 span{display:block;font-size:30px;margin-top:6px;background:linear-gradient(transparent 60%,var(--lemon) 60%);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bintro{font-size:16.5px;color:#3B3644;margin:0 0 22px;max-width:880px}
.bintro b{color:var(--ink)}
.bsearch{display:flex;border:3px solid var(--ink);border-radius:var(--r);background:#fff;box-shadow:var(--sh);overflow:hidden;max-width:760px}
.bsearch input{flex:1;min-width:0;border:0;padding:15px 18px;font-size:16px;font-family:inherit;background:transparent;color:var(--ink)}
.bsearch input:focus{outline:none}
.bsearch:focus-within{box-shadow:4px 4px 0 var(--blue)}
.bsearch button{border:0;border-left:3px solid var(--ink);background:var(--pink);color:#fff;font-family:'Do Hyeon',sans-serif;font-size:19px;padding:0 26px;cursor:pointer}
.blcd{margin-top:22px;display:flex;align-items:center;gap:18px;background:var(--ink);color:var(--lemon);border-radius:var(--r);padding:14px 20px;max-width:760px;box-shadow:4px 4px 0 var(--pink)}
.blcd .reels{display:flex;gap:8px;flex:none}
.blcd .reels i{width:30px;height:30px;border-radius:50%;border:4px dashed var(--lemon);animation:bnspin 6s linear infinite}
@keyframes bnspin{to{transform:rotate(360deg)}}
.blcd dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;flex:1}
.blcd dt{font-size:12px;color:#CFC8D8}
.blcd dd{margin:0;font-family:'Do Hyeon',sans-serif;font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums}

/* ---------- 공통 블록 ---------- */
.bmain{padding-top:36px;padding-bottom:56px}
.bblock{margin:0 0 44px}
.bsec{font-size:28px;line-height:1.3;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.bsec::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 3px var(--ink)}
.blead{color:#3B3644;margin:0 0 18px}
.bhead2{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.bhead2 .bsec{margin:0}
.bmore{font-weight:700;font-size:14.5px;text-decoration:none;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:5px 14px;background:#fff}
.bmore:hover{background:var(--lemon)}
.bmini{font-size:13px;color:var(--mute);font-weight:700;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px 12px}
.bsub2{font-family:'Do Hyeon',sans-serif;font-size:19px;margin:22px 0 10px}
.bempty{background:#fff;border:2px dashed var(--ink);border-radius:var(--r);padding:18px;color:var(--mute)}

/* 가사지 */
.blyric-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.blyric-c{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:18px 18px 14px;box-shadow:var(--sh);position:relative;
  background-image:repeating-linear-gradient(transparent 0 31px,#EDE6F2 31px 32px);background-position:0 10px}
.blyric-c p{margin:0 0 8px;font-size:14.5px}
.blyric-c .h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:10px}
.blyric-c .sd{font-size:11px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:6px;background:var(--ink);color:#fff}
.blyric-c dfn{font-style:normal;font-size:28px;line-height:1}
.blyric-c .pr{font-size:13px;color:var(--mute)}
.blyric-c b{display:inline-block;font-size:12px;background:var(--soft);border-radius:6px;padding:0 6px;margin-right:4px}
.blyric-c .go{margin-top:12px;font-size:13.5px}
.blyric-c .go a{font-weight:700}
.b-juso.blyric-c{border-top:10px solid var(--pink)}.b-link.blyric-c{border-top:10px solid var(--blue)}.b-moa.blyric-c{border-top:10px solid var(--lemon)}
.bwords-n{margin:16px 0 0;font-size:14.5px;color:#3B3644}

/* 카세트 트랙 목록 */
.btape{background:var(--ink);color:#fff;border-radius:22px;padding:22px 24px 10px;box-shadow:6px 6px 0 var(--blue);border:3px solid var(--ink)}
.btape-win{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 18px;max-width:420px;background:var(--cream);border-radius:999px;padding:10px 26px;border:3px solid #fff}
.btape-win .reel{width:46px;height:46px;border-radius:50%;background:var(--ink);border:6px dotted var(--lemon);animation:bnspin 8s linear infinite;flex:none}
.btape-win .mid{flex:1;height:14px;margin:0 14px;background:repeating-linear-gradient(90deg,#6B5A4A 0 6px,#7D6A57 6px 12px);border-radius:4px}
.btape-side{border-top:2px dashed #4A4453;padding:14px 0 12px}
.btape-side .h{margin:0 0 10px;font-family:'Do Hyeon',sans-serif;font-size:20px}
.btape-side .h a{color:#fff;text-decoration:none}
.btape-side .h span{display:inline-block;font-family:'Noto Sans KR',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:3px 9px;border-radius:6px;margin-right:6px;vertical-align:3px}
.btape-side.b-juso .h span{background:var(--pink)}.btape-side.b-link .h span{background:var(--blue)}.btape-side.b-moa .h span{background:var(--lemon);color:var(--ink)}
.btape-side .h b{font-weight:400;color:var(--lemon)}
.btape-side ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px}
.btape-side li a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:7px 10px;border-radius:10px;background:#2B2733;font-size:14.5px;min-height:44px}
.btape-side li a:hover{background:#3A3445}
.btape-side .n{flex:none;font-family:'Do Hyeon',sans-serif;font-size:17px;color:var(--lemon);width:24px}
.btape-side.b-juso .n{color:#FF8FB5}.btape-side.b-link .n{color:#9DB0FF}

/* 판별기 */
.bcheck{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:24px;box-shadow:var(--sh)}
.beq{display:flex;align-items:flex-end;gap:5px;height:34px;margin:0 0 14px}
.beq i{flex:1;max-width:22px;background:var(--blue);border-radius:3px 3px 0 0;animation:bneq 1.2s ease-in-out infinite}
.beq i:nth-child(odd){background:var(--pink)}.beq i:nth-child(3n){background:var(--lemon)}
.beq i:nth-child(1){animation-delay:-.2s}.beq i:nth-child(2){animation-delay:-.5s}.beq i:nth-child(3){animation-delay:-.9s}.beq i:nth-child(4){animation-delay:-.3s}.beq i:nth-child(5){animation-delay:-.7s}.beq i:nth-child(6){animation-delay:-.1s}.beq i:nth-child(7){animation-delay:-.6s}.beq i:nth-child(8){animation-delay:-.4s}.beq i:nth-child(9){animation-delay:-.8s}.beq i:nth-child(10){animation-delay:-.25s}
@keyframes bneq{0%,100%{height:20%}50%{height:100%}}
.bcheck-f{display:flex;gap:10px}
.bcheck-f input{flex:1;min-width:0;border:3px solid var(--ink);border-radius:12px;padding:13px 16px;font-size:16px;font-family:inherit}
.bcheck-f button{border:3px solid var(--ink);border-radius:12px;background:var(--lemon);font-family:'Do Hyeon',sans-serif;font-size:19px;padding:0 24px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.bcheck-f button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.bcheck-r{margin:14px 0 0;font-weight:700;min-height:1.5em}
.bcheck-r.ok,.bcheck-r.warn,.bcheck-r.no{padding:12px 16px;border-radius:12px;border:2px solid var(--ink)}
.bcheck-r.ok{background:var(--mint)}.bcheck-r.warn{background:var(--lemonL)}.bcheck-r.no{background:var(--soft)}
.bcheck-n{font-size:14px;color:var(--mute);margin:12px 0 0}
.bnohit{display:flex;align-items:center;gap:10px;background:var(--lemonL);border:3px solid var(--ink);border-radius:var(--r);padding:14px 18px;font-weight:700}
.bnohit[hidden]{display:none}

/* 면(구역) */
.bside{margin:0 0 48px;padding-top:6px}
.bside-h{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:14px;border-bottom:3px solid var(--ink)}
.bsticker{flex:none;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:3px solid var(--ink);font-family:'Do Hyeon',sans-serif;font-size:19px;line-height:1.1;text-align:center;transform:rotate(-8deg);box-shadow:var(--sh);color:#fff;background:var(--pink)}
.b-link .bsticker{background:var(--blue)}.b-moa .bsticker{background:var(--lemon);color:var(--ink)}
.bside-h .rng{margin:0 0 2px;font-size:13.5px;color:var(--mute);font-weight:700}
.bside-h h2{font-size:32px;line-height:1.25;margin:0}
.bside-h h2 .kw{background:linear-gradient(transparent 58%,var(--pinkL) 58%)}
.b-link .bside-h h2 .kw{background:linear-gradient(transparent 58%,var(--blueL) 58%)}
.b-moa .bside-h h2 .kw{background:linear-gradient(transparent 58%,var(--lemon) 58%)}
.bcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

/* 트랙 카드 */
.bcard{background:#fff;border:3px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden;scroll-margin-top:16px}
.bcard-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:3px solid var(--ink);background:var(--pinkL)}
.b-link .bcard-h{background:var(--blueL)}.b-moa .bcard-h{background:var(--lemonL)}
.bno{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-family:'Do Hyeon',sans-serif;font-size:20px}
.b-juso .bno{box-shadow:0 0 0 3px var(--pink)}.b-link .bno{box-shadow:0 0 0 3px var(--blue)}.b-moa .bno{box-shadow:0 0 0 3px var(--lemon)}
.bcard-t{flex:1;min-width:0}
.bcard-t h3{margin:0;font-size:22px;line-height:1.25}
.bcard-t p{margin:2px 0 0;font-size:13px;color:var(--mute);line-height:1.5}
.bqty{flex:none;font-size:13px;font-weight:700;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:2px 10px}
.bplay{list-style:none;margin:0;padding:6px 0;flex:1}
.bplay li a{display:flex;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;color:var(--ink);min-height:44px}
.bplay li a:hover{background:var(--cream)}
.bplay .n{flex:none;width:22px;font-family:'Do Hyeon',sans-serif;font-size:16px;color:var(--mute);font-variant-numeric:tabular-nums}
.bplay .pl{flex:none;font-size:10px;color:var(--pink)}
.b-link .bplay .pl{color:var(--blue)}.b-moa .bplay .pl{color:#C9A800}
.bplay .nm{flex:none;max-width:58%;display:flex;flex-direction:column;line-height:1.35}
.bplay .nm b{font-weight:700;font-size:15px}
.bplay .nm small{font-size:12px;color:var(--mute)}
.bplay .nm .r{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px}
.bplay em{font-style:normal;font-size:11px;font-weight:700;line-height:1.5;background:var(--lemon);border:1.5px solid var(--ink);border-radius:6px;padding:0 6px}
.bplay .ld{flex:1;min-width:12px;border-bottom:2px dotted #C8C0D0;margin:0 2px;align-self:center;transform:translateY(-3px)}
.bplay .dm{flex:none;max-width:40%;font-size:12.5px;color:var(--blue);font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bplay li.hit a{background:linear-gradient(90deg,var(--lemonL),transparent 70%)}
.bcard .go{display:block;padding:11px 16px;border-top:2px dashed var(--ink);font-weight:700;font-size:14px;text-decoration:none;color:var(--ink)}
.bcard .go::after{content:" ▶▶";color:var(--pink)}
.bcard .go:hover{background:var(--cream)}

/* 키워드 H2 블록 */
.babout p{margin:0 0 16px}
.bvs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bvs div{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:16px}
.bvs .on{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--pink)}
.bvs .h{font-family:'Do Hyeon',sans-serif;font-size:21px;margin:0 0 4px}
.bvs p{margin:0;font-size:14.5px}
.brule-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.brule-g>div{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:18px 20px}
.brule-g .yes{background:var(--mint)}
.brule-g .no{background:var(--pinkL)}
.brule-g .h{font-family:'Do Hyeon',sans-serif;font-size:21px;margin:0 0 8px}
.brule-g ol,.brule-g ul{margin:0;padding-left:20px;font-size:15px}
.brule-g li{margin:3px 0}
.brule-n{margin:14px 0 0;font-size:14.5px}
.bhero-img{display:block;width:100%;border:3px solid var(--ink);border-radius:var(--r);margin:0 0 44px;box-shadow:var(--sh)}

/* 재생 점검 VU */
.bvu{background:var(--ink);color:#fff;border-radius:var(--r);padding:22px;box-shadow:4px 4px 0 var(--lemon)}
.bvu a{color:var(--lemon)}
.bvu-t{font-family:'Do Hyeon',sans-serif;font-size:21px;margin:0 0 14px;color:var(--lemon)}
.bvu p{margin:0 0 10px}
.bvu-g{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.bvu-g div{background:#2B2733;border-radius:12px;padding:12px;text-align:center;border-bottom:6px solid}
.bvu-g b{display:block;font-family:'Do Hyeon',sans-serif;font-size:32px;line-height:1.1;font-weight:400}
.bvu-g span{font-size:13px;color:#CFC8D8}
.bvu-g .s-ok{border-color:var(--mint)}.bvu-g .s-mv{border-color:var(--blue)}.bvu-g .s-blk{border-color:var(--lemon)}.bvu-g .s-down{border-color:var(--pink)}
.bhist{list-style:none;margin:0 0 12px;padding:0;font-size:13.5px;color:#CFC8D8}
.bhist li{padding:4px 0;border-bottom:1px solid #3A3445}
.bhist .d{color:#fff;font-weight:700}
.bvu-n{font-size:13.5px;color:#CFC8D8;margin:0!important}

/* 다섯 가지 */
.bfive-l{list-style:none;counter-reset:f;margin:0;padding:0;display:grid;gap:10px}
.bfive-l li{counter-increment:f;display:grid;grid-template-columns:52px 160px 1fr;align-items:center;gap:12px;background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:10px 16px}
.bfive-l li::before{content:counter(f,decimal-leading-zero);font-family:'Do Hyeon',sans-serif;font-size:26px;color:var(--pink)}
.bfive-l b{font-size:16px}
.bfive-l span{font-size:14.5px;color:#3B3644}

/* 하루 플레이리스트 */
.bday-l{list-style:none;margin:0;padding:0;border-left:4px solid var(--ink);margin-left:10px}
.bday-l li{position:relative;padding:4px 0 16px 26px;display:flex;flex-direction:column}
.bday-l li::before{content:"";position:absolute;left:-12px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--lemon);border:3px solid var(--ink)}
.bday-l li:nth-child(2)::before{background:var(--pink)}.bday-l li:nth-child(3)::before{background:var(--blue)}.bday-l li:nth-child(4)::before{background:var(--mint)}
.bday-l b{font-family:'Do Hyeon',sans-serif;font-weight:400;font-size:20px}
.bday-l span{font-size:15px;color:#3B3644}
.bday-n{margin:6px 0 0;font-size:14.5px;color:var(--mute)}

/* 노트 카드 */
.bposts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bposts li a{display:flex;flex-direction:column;height:100%;background:#fff;border:3px solid var(--ink);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:transform .15s}
.bposts li a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.bposts .tx{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.bposts .pc{font-size:12.5px;font-weight:700;color:var(--mute)}
.bposts b{font-size:16.5px;line-height:1.45}
.bposts .ex{font-size:14px;color:#4A4453;line-height:1.6}
.bposts .meta{margin-top:auto;font-size:12.5px;color:var(--mute)}
.bposts.lead li.big{grid-column:1/-1}
.bposts.lead li.big a{flex-direction:row}
.bposts.lead li.big .bthumb{width:46%;aspect-ratio:auto;min-height:260px;border-bottom:0;border-right:3px solid var(--ink)}
.bposts.lead li.big b{font-size:24px;font-family:'Do Hyeon',sans-serif;font-weight:400}
.bposts.lead li.big .ex{font-size:15px}
.bthumb{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:16/10;background:var(--pink);border-bottom:3px solid var(--ink);overflow:hidden}
.bthumb.img img{width:100%;height:100%;object-fit:cover;display:block}
.bthumb .rec{width:44%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1E1B24 0 3px,#2E2A36 3px 5px);border:3px solid var(--ink);display:grid;place-items:center;box-shadow:5px 5px 0 rgba(30,27,36,.25)}
.bthumb .rec i{width:34%;aspect-ratio:1;border-radius:50%;background:var(--lemon);border:3px solid var(--ink)}
.bthumb .lb{position:absolute;left:12px;bottom:10px;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:1px 9px;font-size:12px;font-weight:700}
.bthumb.t-show-notes{background:var(--blue)}.bthumb.t-show-notes .rec i{background:var(--pink)}
.bthumb.t-blog-notes{background:var(--lemon)}.bthumb.t-blog-notes .rec i{background:var(--blue)}
.bthumb.t-life-notes{background:var(--mint)}.bthumb.t-life-notes .rec i{background:var(--pink)}
.bpost>.bthumb{border:3px solid var(--ink);border-radius:var(--r);aspect-ratio:21/8;margin:0 0 22px;box-shadow:var(--sh)}
.bpost>.bthumb .rec{width:auto;height:72%}

/* 많이 읽은 글 */
.bpop{margin-top:22px;background:var(--ink);color:#fff;border-radius:var(--r);padding:18px 20px;box-shadow:4px 4px 0 var(--pink)}
.bpop-h{font-family:'Do Hyeon',sans-serif;font-size:21px;margin:0 0 8px;color:var(--lemon)}
.bpop ol{list-style:none;margin:0;padding:0}
.bpop li a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:9px 0;border-bottom:1px solid #3A3445}
.bpop .r{flex:none;width:30px;height:30px;border-radius:50%;background:var(--pink);display:grid;place-items:center;font-family:'Do Hyeon',sans-serif;font-size:17px}
.bpop .t{flex:1;font-weight:700;font-size:15px}
.bpop .c{flex:none;font-size:12px;color:#CFC8D8}
.bpop-n{margin:10px 0 0;font-size:13.5px;color:#CFC8D8}

/* 가이드 */
.bgcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bgcards li a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--ink);border-left:12px solid var(--blue)}
.bgcards li:nth-child(3n+2) a{border-left-color:var(--pink)}.bgcards li:nth-child(3n) a{border-left-color:var(--lemon)}
.bgcards li a:hover{background:var(--cream)}
.bgcards .no,.bguides .no{font-size:12px;font-weight:700;color:var(--mute);letter-spacing:.5px}
.bgcards b{font-family:'Do Hyeon',sans-serif;font-weight:400;font-size:21px;line-height:1.3}
.bgcards .ex{font-size:14px;color:#4A4453}
.bguides{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bguides li a{display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px 16px;text-decoration:none;color:var(--ink)}
.bguides b{font-size:16px}
.bguides .ex{font-size:13.5px;color:var(--mute)}

/* 급상승 검색어 */
.trends{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:14px 20px;box-shadow:var(--sh)}
.trends .thead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;padding-bottom:8px;border-bottom:2px dashed var(--ink)}
.trends .live{color:var(--mute);font-size:13px;display:inline-flex;align-items:center;gap:6px}
.trends .dot{width:9px;height:9px;border-radius:50%;background:var(--pink);display:inline-block;animation:bnblink 1.6s infinite}
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.trend-grid a{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--soft);color:var(--ink)!important;text-decoration:none!important;min-height:44px;align-items:center}
.trend-grid .rk{width:26px;font-family:'Do Hyeon',sans-serif;font-size:18px;color:var(--mute)}
.trend-grid .rk.top{color:var(--pink)}

/* FAQ */
.bfaq{display:grid;gap:10px}
.bfaq details{background:#fff;border:3px solid var(--ink);border-radius:var(--r)}
.bfaq summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style:none;display:flex;gap:10px;align-items:flex-start}
.bfaq summary::-webkit-details-marker{display:none}
.bfaq summary::before{content:"Q";flex:none;font-family:'Do Hyeon',sans-serif;color:#fff;background:var(--pink);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:400}
.bfaq details[open] summary{border-bottom:2px dashed var(--ink)}
.bfaq .a{margin:0;padding:12px 18px 16px 54px;font-size:15px}

/* ---------- 엔딩 크레딧 푸터 ---------- */
.bfoot{background:var(--ink);color:#E9E4EF;border-top:7px solid var(--pink);text-align:center;padding:44px 0 26px}
.bfoot a{color:#fff}
.bend{margin:0 0 14px;font-size:12px;letter-spacing:4px;color:var(--lemon);font-weight:700}
.bfoot-brand{display:inline-flex;align-items:center;gap:12px;margin:0 0 12px;font-family:'Do Hyeon',sans-serif;font-size:32px;color:#fff}
.bfoot-say{max-width:680px;margin:0 auto 22px;font-size:14.5px;color:#CFC8D8}
.bcredit{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:760px;margin:0 auto 26px}
.bcredit div{border:2px solid #4A4453;border-radius:12px;padding:10px}
.bcredit dt{font-size:11.5px;letter-spacing:1px;color:#9C94A8;font-weight:700}
.bcredit dd{margin:2px 0 0;font-size:14px;font-weight:700;word-break:break-all}
.bfoot-sides{display:grid;gap:8px;max-width:900px;margin:0 auto 22px;text-align:left}
.bfoot-sides p{margin:0;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:13.5px;padding:10px 12px;border-radius:12px;background:#2B2733}
.bfoot-sides b{font-family:'Do Hyeon',sans-serif;font-weight:400;font-size:15px;padding:1px 10px;border-radius:6px;margin-right:4px}
.bfoot-sides .b-juso b{background:var(--pink)}.bfoot-sides .b-link b{background:var(--blue)}.bfoot-sides .b-moa b{background:var(--lemon);color:var(--ink)}
.bfoot-sides a{text-decoration:none;color:#E9E4EF;padding:3px 6px;border-radius:6px}
.bfoot-sides a:hover{background:#3A3445}
.bfoot-sides a span{color:#9C94A8;margin-right:4px;font-size:12px}
.bfoot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 4px;margin:0 0 12px;font-size:14px}
.bfoot-links a{text-decoration:none;padding:4px 10px;border-radius:999px;border:1px solid #4A4453}
.bfoot-links a:hover{border-color:#fff}
.bcp{margin:0;font-size:12.5px;color:#9C94A8}

/* ---------- 분야 페이지 ---------- */
.bpg{padding-top:20px}
.bcrumb{font-size:13.5px;color:var(--mute);margin:0 0 16px}
.bcrumb a{color:var(--mute)}
.bphead{margin:0 0 26px}
.bphead h1{font-size:38px;line-height:1.25;margin:0 0 10px}
.brange{display:inline-block;margin:0 0 8px;font-size:13px;font-weight:700;background:var(--ink);color:var(--lemon);border-radius:999px;padding:3px 12px}
.bliner{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:22px 24px;box-shadow:var(--sh);border-top:12px solid var(--pink)}
.b-link .bliner{border-top-color:var(--blue)}.b-moa .bliner{border-top-color:var(--lemon)}
.bliner-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.bno.big{width:56px;height:56px;font-size:26px}
.bliner-top .sd{font-size:13px;font-weight:700;background:var(--soft);border-radius:999px;padding:3px 12px}
.bliner-top .doc{font-size:13px;color:var(--mute)}
.binfo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0}
.binfo div{background:var(--cream);border:2px solid var(--ink);border-radius:12px;padding:8px 12px}
.binfo dt{font-size:12px;color:var(--mute);font-weight:700}
.binfo dd{margin:0;font-weight:700}
.brows{list-style:none;margin:0;padding:0;background:#fff;border:3px solid var(--ink);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.brows li{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,190px) 120px;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--soft)}
.brows li:last-child{border-bottom:0}
.brows li.hit{background:linear-gradient(90deg,var(--lemonL),#fff 70%)}
.brows .no{font-family:'Do Hyeon',sans-serif;font-size:19px;color:var(--mute)}
.brows .tt a{text-decoration:none;color:var(--ink)}
.brows .tt b{font-size:16px}
.brows .tt em{font-style:normal;font-size:11px;font-weight:700;background:var(--lemon);border:1.5px solid var(--ink);border-radius:6px;padding:0 6px;margin-left:6px}
.brows .ft{display:block;font-size:12.5px;color:var(--mute)}
.brows .dm{font-size:13px;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bst{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;border:2px solid var(--ink);white-space:nowrap}
.bst-ok{background:var(--mint)}.bst-mv{background:var(--blueL)}.bst-blk{background:var(--lemonL)}.bst-down{background:var(--pinkL)}.bst-none{background:#fff;color:var(--mute)}
.bsteps ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bsteps li{counter-increment:s;background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:14px 16px;font-size:15px}
.bsteps li::before{content:"STEP " counter(s);display:block;font-size:12px;font-weight:700;color:var(--pink);letter-spacing:1px}
.bsteps .tip{margin:14px 0 0;background:var(--lemonL);border:2px solid var(--ink);border-radius:12px;padding:12px 16px;font-size:15px}
.bsteps .tip b{margin-right:6px}
.bmemo{background:var(--mint);border:3px solid var(--ink);border-radius:var(--r);padding:18px 20px;margin:0 0 44px;position:relative}
.bmemo-h{font-family:'Do Hyeon',sans-serif;font-size:20px;margin:0 0 6px}
.bmemo p{margin:0}
.bmemo p+p{margin-top:4px}
.btbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border:3px solid var(--ink);border-radius:var(--r);background:#fff;margin:0 0 18px}
.btbl table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:480px}
.btbl th{background:var(--ink);color:#fff;text-align:left;padding:10px 14px;font-weight:700}
.btbl td{padding:10px 14px;border-top:1px solid var(--soft);vertical-align:top}
.btbl tr:nth-child(even) td{background:#FFFCF5}
.bprose{font-size:16px}
.bprose h2{font-size:26px;margin:34px 0 10px;scroll-margin-top:16px}
.bprose h3{font-size:20px;margin:22px 0 6px}
.bprose p{margin:0 0 14px}
.bprose ul,.bprose ol{margin:0 0 16px;padding-left:22px}
.bprose li{margin:4px 0}
.bprose a{font-weight:500}
.bchk{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bchk li{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px 6px 34px;position:relative;font-size:14.5px;font-weight:500}
.bchk li::before{content:"✓";position:absolute;left:12px;color:var(--pink);font-weight:700}
.bpn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 6px}
.bpn a{display:flex;flex-direction:column;background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:12px 16px;text-decoration:none;color:var(--ink);font-weight:700}
.bpn a.n{text-align:right;grid-column:2}
.bpn small{font-size:12px;color:var(--mute)}
.bpn a:hover{background:var(--lemonL)}
.brel{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.brel li a{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--ink);font-weight:500;font-size:14.5px}
.brel li a:hover{background:var(--lemon)}
.brel.plain li a{border-radius:12px}
.bhome{margin:16px 0 0;font-size:14.5px;color:#3B3644}

/* ---------- 블로그 ---------- */
.bpimg{display:block;width:100%;border:3px solid var(--ink);border-radius:var(--r);margin:0 0 24px;box-shadow:var(--sh)}
.bchips{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bchips a{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14.5px}
.bchips .on a,.bchips a:hover{background:var(--ink);color:#fff}
.bpager{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 0}
.bpager a,.bpager span{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:2px solid var(--ink);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink);font-weight:700}
.bpager .current{background:var(--ink);color:#fff}
.barch{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:6px 20px 18px;margin-top:30px}
.btags,.bmon{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.btags a{display:inline-block;background:var(--blueL);border:2px solid var(--ink);border-radius:8px;padding:3px 10px;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:700}
.btags a:hover{background:var(--lemon)}
.bpost .btags{margin:18px 0 0}
.bmon a{display:inline-block;background:var(--cream);border:2px solid var(--ink);border-radius:8px;padding:3px 10px;text-decoration:none;color:var(--ink);font-size:13.5px}
.bmon span{color:var(--mute);font-size:12px}
.bbyline{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:0;font-size:14px;color:var(--mute)}
.bbyline a{color:var(--ink);font-weight:700}
.bbyline .av{display:inline-flex}
.btoc{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:14px 20px;margin:0 0 26px;box-shadow:var(--sh)}
.btoc .h{font-family:'Do Hyeon',sans-serif;font-size:19px;margin:0 0 6px}
.btoc ol{list-style:none;margin:0;padding:0}
.btoc li a{display:flex;gap:10px;padding:6px 0;text-decoration:none;color:var(--ink);border-bottom:1px dashed var(--soft);font-size:15px}
.btoc li a span{flex:none;font-family:'Do Hyeon',sans-serif;color:var(--pink);width:24px}
.bauthor{display:flex;gap:16px;align-items:flex-start;margin:26px 0 0;background:var(--lemonL);border:3px solid var(--ink);border-radius:var(--r);padding:18px 20px}
.bauthor .av{flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;border:3px solid var(--ink)}
.bauthor p{margin:0 0 4px;font-size:14.5px}
.bauthor .n{font-family:'Do Hyeon',sans-serif;font-size:21px}
.bauthor .l{font-size:13.5px}
.bpn-post{margin:26px 0 44px}

/* ---------- 모바일 ---------- */
@media (max-width:900px){
  .btape-side ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bposts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .wrap{padding-left:16px;padding-right:16px}
  .btop-in{min-height:58px}
  .bbrand small{display:none}
  .bmbtn{display:block}
  .bnav{display:none;position:absolute;left:0;right:0;top:58px;background:var(--ink);flex-direction:column;padding:8px 16px 16px;z-index:20;border-bottom:4px solid var(--pink)}
  .bnav.on{display:flex}
  .bnav a{padding:11px 10px;border-radius:10px}
  .bhero{padding:30px 0 26px}
  .bhero h1{font-size:32px}
  .bhero h1 span{font-size:22px}
  .bintro{font-size:15.5px}
  .bsearch button{padding:0 16px;font-size:17px}
  .blcd{flex-direction:column;align-items:stretch;gap:10px;padding:14px}
  .blcd .reels{justify-content:center}
  .blcd dl{grid-template-columns:repeat(2,1fr)}
  .bsec{font-size:23px}
  .blyric-g,.bvs,.brule-g,.bcards,.bgcards,.bposts,.bsteps ol,.barch,.bcredit,.binfo{grid-template-columns:1fr}
  .bposts.lead li.big a{flex-direction:column}
  .bposts.lead li.big .bthumb{width:100%;min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:3px solid var(--ink)}
  .bposts.lead li.big b{font-size:20px}
  .btape{padding:16px 14px 6px;border-radius:18px}
  .btape-side ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .btape-win .reel{width:36px;height:36px}
  .bside-h{gap:12px}
  .bsticker{width:70px;height:70px;font-size:15px}
  .bside-h h2{font-size:24px}
  .bplay .nm{max-width:62%}
  .bplay .dm{max-width:38%;font-size:11.5px}
  .bfive-l li{grid-template-columns:40px 1fr;gap:4px 10px}
  .bfive-l li span{grid-column:2}
  .bvu-g{grid-template-columns:repeat(2,1fr)}
  .bphead h1{font-size:28px}
  .bliner{padding:18px 16px}
  .brows li{grid-template-columns:30px minmax(0,1fr);gap:2px 10px}
  .brows .dm,.brows .sc{grid-column:2}
  .bpn{grid-template-columns:1fr}
  .bpn a.n{grid-column:auto}
  .bcheck{padding:18px}
  .bcheck-f{flex-direction:column}
  .bcheck-f button{min-height:48px}
  .trend-grid{grid-template-columns:1fr}
  .bfaq .a{padding-left:18px}
  .bauthor{flex-direction:column}
  .bpost>.bthumb{aspect-ratio:16/9}
}