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

/* 갈래별 자리(있음 = id 끝 p)도 기본 자리와 같은 모양 */
.yy-slot[data-slot="C1p"]::before{display:none}

/* 장 표: 2칸 칩, 긴 값 · 가린 칸은 한 줄 통째 */
html[data-theme] .yy .mr-rows{margin:0}
html[data-theme] .yy .mr-rows>div.is-wide{grid-column:1 / -1}
html[data-theme] .yy .mr-rows>div.is-hid dd{display:flex;align-items:center;min-height:22px}
html[data-theme] .yy .mr-rows>div.is-hid .yy-hidbar{max-width:80%}
html[data-theme] .yy .mr-para{margin:14px 0 0;font:400 var(--fs-body,15px)/1.75 var(--line-sans);color:var(--yy-text)}
html[data-theme] .yy .mr-hidden{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}
html[data-theme] .yy .mr-hidden li{display:flex}
html[data-theme] .yy .mr-hidden li:nth-child(2n) .yy-hidbar{max-width:72%}
html[data-theme] .yy .mr-hidden li:nth-child(3n) .yy-hidbar{max-width:86%}

/* ── 11/14 고침(4차 분석 yy.md A · B 표) ── */
/* 가린 날짜 칸: 숫자 자리만 막대 + 「년 · 월」 글자(통째 막대 X) */
html[data-theme] .yy .mr-rows>div.is-hid .mr-mask{color:var(--yy-strong)}
/* A21 첫 숫자 카드 형광펜 줄: 끝 낱말 하나만 둘째 줄로 떨어지지 않게 */
html[data-theme] .yy .yy-number .nc-mark-text{text-wrap:balance}
/* A13 입력 「나의 정보」 · 「상대 정보」: 왼쪽 금색 세로 막대 빼기(왼쪽 강조 띠 금지) · A28 상대 정보는 카드 첫 줄이라 위 구분선 · 빈 여백 빼기 */
html[data-theme] .yy .yy-form .who-head::before{content:none}
html[data-theme] .yy .yy-form .who-head.is-partner{margin-top:8px;padding-top:0;border-top:0}
/* A12 입력 확인 단계: 위 띠가 눈 높이만 남아 진행 점이 두 눈 위에 얹히던 것 → 띠를 이마 · 머리 쪽으로 */
.yy.is-nc[data-product="marriage"]:has(.q-step[data-step="review"].is-on) .yy-form-bg .yy-slot img{object-position:50% 9%}

/* ── 11/14 타사 항목(4차/결혼-항목) ── */
/* 결과 화면 장 제목(장 질문). 카드 안 맨 위, 가운데 */
html[data-theme] .yy .mr-sec .mr-head{margin:0 0 14px;text-align:center;font:700 var(--fs-card-title,17px)/1.4 var(--line-sans);color:var(--yy-strong)}
/* 그림 없는 장(타사 항목 장): 장 머리 아래 바로 카드라 위아래 여백만 맞춤 */
html[data-theme] .yy.is-nc[data-product="marriage"] .yy-chapter + .mr-sec{margin-top:4px}
/* 가격판: 청월당 결혼사주 가격판(cw-marriage-price.jpg)처럼 제목 · 체크 표시를 흑갈색 · 금갈색으로. 판 그림 · 수치는 그대로 */
html[data-theme] .yy[data-product="marriage"] .lt-board h2{color:#4A3426}
html[data-theme] .yy[data-product="marriage"] .lt-board-list .lt-vcheck{color:#9C7A4E}

/* ── 11/14 2차 ── */
/* 여덟 글자 표(장 안, 표 칸 · 색은 nc-yy.css .nc-natal-grid · .nc-cell 그대로). 둘이면 표 둘을 위아래로 */
html[data-theme] .yy .mr-sec .mr-natal{margin:0 0 16px}
html[data-theme] .yy .mr-sec .mr-natal + .mr-natal{padding-top:16px;border-top:1px solid var(--yy-line,rgb(127 127 127 / .2))}
html[data-theme] .yy .mr-sec .mr-natal h4{margin:0;font:700 17px/1.35 var(--line-sans);color:var(--yy-strong)}
html[data-theme] .yy .mr-sec .mr-natal .nc-natal-head p{margin:2px 0 0;font:500 14px/1.4 var(--line-sans);color:var(--yy-sub)}
/* 결혼 후 감정 온도 꺾은선(단색 선, 그라데이션 X) */
html[data-theme] .yy .mr-temp{margin:0 0 16px}
html[data-theme] .yy .mr-temp figcaption{margin:0 0 8px;font:700 15px/1.4 var(--line-sans);color:var(--yy-sub)}
.mr-temp-box{position:relative;height:120px;margin:0 4px}
.mr-temp-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mr-temp-box path{fill:none;stroke:var(--yy-accent);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.mr-temp-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--yy-accent);box-shadow:0 0 0 2px var(--yy-panel,#1d1416)}
.mr-temp.is-locked .mr-temp-box{filter:blur(3px);opacity:.6}
.mr-temp-x{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:8px 0 0;padding:0;list-style:none;text-align:center}
.mr-temp-x li{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
html[data-theme] .yy .mr-temp-x b{font:700 15px/1.3 var(--line-sans);color:var(--yy-strong)}
html[data-theme] .yy .mr-temp-x span{font:500 14px/1.3 var(--line-sans);color:var(--yy-sub);white-space:nowrap}
.mr-temp-x .yy-hidbar{display:block;width:32px;height:12px}

/* 11/14 결혼 매력 육각 그래프(mr_sec s.chart.kind == 'hex'). 단색 선 · 면(그라데이션 X), 축 이름 · 점수 HTML 글자 14px 이상 */
html[data-theme] .yy .mr-hex{margin:0 0 16px}
html[data-theme] .yy .mr-hex figcaption{margin:0 0 4px;font:700 15px/1.4 var(--line-sans);color:var(--yy-sub)}
.mr-hex-box{position:relative;width:100%;max-width:300px;aspect-ratio:1/1;margin:12px auto 16px}
.mr-hex-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mr-hex-ring{fill:none;stroke:var(--yy-line,rgba(127,127,127,.35));stroke-width:1;vector-effect:non-scaling-stroke}
.mr-hex-spoke{stroke:var(--yy-line,rgba(127,127,127,.35));stroke-width:1;vector-effect:non-scaling-stroke}
.mr-hex-shape{fill:var(--yy-accent);fill-opacity:.22;stroke:var(--yy-accent);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mr-hex.is-locked .mr-hex-shape{filter:blur(2.5px);opacity:.6}
.mr-hex-ax{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap;text-align:center}
html[data-theme] .yy .mr-hex-ax span{font:600 14px/1.25 var(--line-sans);color:var(--yy-sub)}
html[data-theme] .yy .mr-hex-ax b{font:700 15px/1.25 var(--line-sans);color:var(--yy-strong)}
.mr-hex-ax .yy-hidbar{display:block;width:30px;height:12px}

/* ── 11/14 분량: 장마다 해설 문단(studio/marriage_deep) ── */
/* 결제 후: 소제목(h4) + 글. 소제목은 본문보다 한 단계 굵게, 장 표와 띄움 */
html[data-theme] .yy .mr-deep{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--yy-line,rgb(127 127 127 / .2))}
html[data-theme] .yy .mr-deep-h{margin:22px 0 0;font:700 var(--fs-body,16px)/1.5 var(--line-sans);color:var(--yy-strong)}
html[data-theme] .yy .mr-deep-h:first-child{margin-top:0}
html[data-theme] .yy .mr-deep-h + .mr-para{margin-top:8px}
/* 결제 전: 소제목 목록(값 없는 말) + 글 자리 흐린 막대. 진짜 글은 HTML 에 없다 */
html[data-theme] .yy .mr-deep-list{display:grid;gap:14px;margin:20px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--yy-line,rgb(127 127 127 / .2))}
html[data-theme] .yy .mr-deep-list li{display:grid;gap:8px}
html[data-theme] .yy .mr-deep-list .mr-para{margin:0}
html[data-theme] .yy .mr-deep-list span{font:600 var(--fs-body,15px)/1.5 var(--line-sans);color:var(--yy-strong)}
html[data-theme] .yy .mr-deep-list li:nth-child(2n) .yy-hidbar{max-width:78%}
html[data-theme] .yy .mr-sec.is-trim .mr-deep-list .yy-hidbar{max-width:48%}
html[data-theme] .yy .mr-sec.is-trim .mr-deep-list li:nth-child(2n) .yy-hidbar{max-width:40%}