/* 2026-11-13 신규 캐릭터 love 화면 부품(line_yy). 색은 갈래 토큰(line-yy.css)만 쓴다. */

/* 비연 장 부품(parts/bl_*.html) */
html[data-theme] .yy .bl-count{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:-4px 0 14px;color:var(--yy-strong)}
html[data-theme] .yy .bl-count b{font:800 40px/1 var(--line-sans);color:var(--yy-accent)}
html[data-theme] .yy .bl-count span{font:700 18px/1 var(--line-sans)}
html[data-theme] .yy .bl-chances{display:grid;gap:10px;margin:0;padding:0;list-style:none}
html[data-theme] .yy .bl-chances li{padding:12px 14px;border:1px solid var(--yy-rule-soft);border-radius:10px;background:var(--yy-panel-3)}
html[data-theme] .yy .bl-chances li.is-tag{border-color:var(--yy-rule)}
html[data-theme] .yy .bl-when{display:flex;align-items:center;gap:8px;margin:0;font:700 15px/1.4 var(--line-sans);color:var(--yy-strong)}
html[data-theme] .yy .bl-when .bl-mbar{flex:none;width:44px}
html[data-theme] .yy .bl-hearts{display:inline-flex;gap:2px;margin-left:auto;color:var(--yy-accent)}
html[data-theme] .yy .bl-hearts .yy-ic{width:16px;height:16px;fill:currentColor;opacity:.4}
html[data-theme] .yy .bl-hearts .yy-ic.is-on{opacity:1}
html[data-theme] .yy .bl-tag{display:inline-block;margin:8px 0 0;padding:2px 10px;border:1px solid var(--yy-rule);border-radius:999px;font:700 14px/1.5 var(--line-sans);color:var(--yy-accent-soft)}
html[data-theme] .yy .bl-line{display:flex;align-items:center;min-height:22px;margin:8px 0 0;font:400 15px/1.6 var(--line-sans);color:var(--yy-text)}
html[data-theme] .yy .bl-rows{margin:14px 0 0}
html[data-theme] .yy .bl-rows>div.is-wide{grid-column:1 / -1}
html[data-theme] .yy .bl-rows dd{display:flex;align-items:center;min-height:22px}
html[data-theme] .yy .bl-rows .yy-hidbar{max-width:80%}
html[data-theme] .yy .bl-para{display:flex;align-items:center;min-height:22px;margin:12px 0 0;font:400 15px/1.75 var(--line-sans);color:var(--yy-text)}
html[data-theme] .yy .bl-checks{display:grid;gap:8px;margin:0;padding:0;list-style:none}
html[data-theme] .yy .bl-checks li{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--yy-rule-soft);border-radius:10px;background:var(--yy-panel-3);font:500 15px/1.5 var(--line-sans);color:var(--yy-text)}
html[data-theme] .yy .bl-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
html[data-theme] .yy .bl-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
html[data-theme] .yy .bl-list b{font:800 15px/1.6 var(--line-sans);color:var(--yy-accent)}
html[data-theme] .yy .bl-list p{display:flex;align-items:center;min-height:24px;margin:0;font:400 15px/1.6 var(--line-sans);color:var(--yy-text)}
html[data-theme] .yy .bl-list .bl-sub{margin-top:4px;color:var(--yy-sub)}

/* 11/14 첫마디 결제 전: 첫 낱말(앞말) + 막대 */
html[data-theme] .yy .bl-list .bl-head{flex:none;margin-right:8px;color:var(--yy-text)}
html[data-theme] .yy .bl-segs{font:400 15px/1.6 var(--line-sans);color:var(--yy-text)}

/* 11/14 A7: 결제 전 첫 컷(D2) 글이 뿔 · 빨간 머리에 걸림 → 글 묶음을 위로 올리고, 마지막 강조 줄은 빨간 머리 위에서도 읽히게 밝은 분홍 + 짙은 그림자 */
html[data-theme] .yy.is-nc[data-product="love"] .yy-slot[data-slot="D2"] .yy-over.is-top{top:14px}
html[data-theme] .yy.is-nc[data-product="love"] .yy-slot[data-slot="D2"] .yy-over>span:last-child{color:var(--yy-accent-soft);text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.85)}
html[data-theme] .yy.is-nc[data-product="love"] .yy-slot[data-slot="D2"] .yy-over{padding:0 12px}

/* 11/14 타사 항목: 솔로 끝나는 날 D-day · 흔들리는 날짜 구간 */
html[data-theme] .yy .bl-dday{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:-4px 0 10px;color:var(--yy-strong)}
html[data-theme] .yy .bl-dday span{font:600 16px/1.3 var(--line-sans)}
html[data-theme] .yy .bl-dday b{font:800 36px/1 var(--line-sans);letter-spacing:-.02em;color:var(--yy-accent)}
html[data-theme] .yy .bl-solo{margin-top:12px}
html[data-theme] .yy .bl-solo .bl-when{flex-wrap:wrap;row-gap:4px}
html[data-theme] .yy .bl-solo .bl-segs{font-weight:700;color:var(--yy-strong)}
html[data-theme] .yy .bl-list .bl-segs{display:block}
html[data-theme] .yy .bl-list .bl-segs.is-strong{font-weight:700;color:var(--yy-strong)}