.saju-chart{margin:32px 18px 40px;padding:26px 16px;background:#101819;border:1px solid #29433c;border-radius:16px;color:#eef4f0}.saju-chart-heading>span{font-size:9px;letter-spacing:2px;color:#82cbb2}.saju-chart-heading h2{font-size:23px;margin:10px 0 6px;line-height:1.4}.saju-chart-heading p{font-size:12px;color:#9caea6;margin:0 0 22px}.saju-pillars{width:100%;border-collapse:separate;border-spacing:6px;table-layout:fixed}.saju-pillars th{height:36px;font-size:12px;color:#b6c5bd;vertical-align:top}.saju-pillars th>span{display:block;font-size:9px;color:#8be1bf;margin-top:4px}.saju-letter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:106px;border:1px solid transparent;border-radius:10px;padding:10px 2px;color:var(--element-ink);background:var(--element-bg)}.saju-letter small{font-size:11px;font-weight:600}.saju-letter strong{font-family:serif;font-size:34px;line-height:1.25}.saju-letter>span{font-size:10px;white-space:nowrap}.saju-letter.is-day-master{outline:2px solid #d7ffe9;outline-offset:2px}.element-wood{--element-bg:#234c39;--element-ink:#b8f5cc}.element-fire{--element-bg:#5b292e;--element-ink:#ffc5bc}.element-earth{--element-bg:#51421e;--element-ink:#ffe1a0}.element-metal{--element-bg:#d4d7d4;--element-ink:#27332c}.element-water{--element-bg:#1c2e47;--element-ink:#b7d4ff}.element-unknown{--element-bg:#23292b;--element-ink:#a1adab}.saju-elements{padding:22px 6px 0}.saju-elements h3{font-size:14px;margin:0 0 14px}.saju-element-bar{display:flex;gap:3px;height:9px;overflow:hidden;border-radius:9px}.saju-element-bar>span,.saju-elements i{background:var(--element-ink)}.saju-elements ul{list-style:none;padding:0;display:flex;justify-content:space-between;gap:8px;margin:14px 0 18px}.saju-elements li{display:flex;align-items:center;gap:5px;font-size:12px}.saju-elements i{width:7px;height:7px;border-radius:50%;display:inline-block}.saju-elements li strong{font-weight:600;color:#e0ede5}.saju-elements p{font-size:11px;line-height:1.8;color:#b1c1b9;margin:0 0 7px}.saju-elements>small{display:block;font-size:10px;line-height:1.8;color:#7f9488}.saju-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:360px){.saju-chart{margin-inline:12px;padding-inline:10px}.saju-pillars{border-spacing:4px}.saju-letter strong{font-size:29px}.saju-letter small{font-size:10px}.saju-elements li{gap:3px}}
.saju-element-bar>.element-metal,.saju-elements i.element-metal{background:#d4d7d4}
/* 생성 대기 중 먼저 보여 주는 맛보기 페이지 (dist/cli-preview.js) */
.cli-teaser-status{margin:18px 22px 0;font-size:12px;line-height:1.8;color:#c9b8d4;text-align:center}.cli-teaser-bar{margin:18px 16px 0;padding:16px 18px;border-radius:16px;background:#1a1220;border:1px solid #3a2a44;text-align:center}.cli-teaser-bar>small{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#8be1bf}.cli-teaser-bar>p{margin:0;font-size:15px;line-height:1.7;color:#f1e8f5;white-space:pre-line}.cli-teaser-bar .cli-teaser-status{margin:8px 0 0}.cli-teaser .episode-end{padding-top:30px}.result-copy .cli-teaser-hint{margin:14px 0;padding:2px 0 2px 12px;border-left:3px solid #8be1bf;color:#eadff0}.cli-teaser-note{display:block;margin-top:14px;font-size:10px;line-height:1.8;color:#8f8a9a;text-align:center}
.cli-teaser-section h2{margin-bottom:14px}.cli-teaser-chapters ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cli-teaser-chapters li{padding:12px 14px;border:1px dashed #5b4a66;border-radius:12px;background:#ffffff08}.cli-teaser-chapters li small{display:block;font-size:10px;letter-spacing:1px;color:#8be1bf}.cli-teaser-chapters li strong{display:block;margin-top:4px;font-size:14px;color:#f1e8f5}
.cli-teaser-chapters li ul{list-style:none;margin:8px 0 0;padding:0}.cli-teaser-chapters li ul li{padding:2px 0 2px 10px;border:0;background:none;font-size:12px;color:#cbb8d7}.saved-toc .saved-toc-section{padding-left:22px;font-size:12px;opacity:.8}.saved-section h3{margin:26px 0 12px;font-size:16px;line-height:1.6;color:#f4ecf8}.saved-summary-note{list-style:none;margin:0;padding:0;display:grid;gap:14px}.saved-summary-note li{padding:14px 16px;border-radius:12px;background:#ffffff0d}.saved-summary-note small{display:block;font-size:11px;color:#8be1bf;margin-bottom:6px}.saved-summary-note p{margin:0}
/* 맛보기 페이지 카드 레이아웃: 설명과 오행 그림을 번갈아 배치 */
.cli-card{margin:18px 16px;padding:22px 18px;border-radius:18px;background:#1a1220;border:1px solid #3a2a44;color:#eadff0}.cli-card h2{font-size:20px;line-height:1.45;margin:0 0 14px;letter-spacing:-.5px}.cli-hook .cli-teaser-hint{margin:12px 0;padding:10px 12px;border-left:3px solid #8be1bf;background:#ffffff08;border-radius:0 10px 10px 0;font-size:14px;line-height:1.9;color:#f1e8f5}
.cli-person-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}.cli-person-head h2{margin:4px 0 0}.cli-person-head small{font-size:10px;letter-spacing:2px;color:#8be1bf}.cli-el-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--element-bg);flex:none;box-shadow:0 0 0 1px #ffffff14}.cli-el-icon svg{width:60%;height:60%;fill:var(--element-ink)}.cli-el-icon.is-large{width:58px;height:58px}.cli-el-icon.is-small{width:20px;height:20px;vertical-align:middle;margin-right:4px}
.cli-traits{display:grid;gap:10px;margin:0 0 14px}.cli-traits div{padding:12px 14px;border-radius:12px;background:#ffffff0a}.cli-traits small{display:block;font-size:11px;font-weight:700;color:#8be1bf;margin-bottom:4px}.cli-traits div+div small{color:#ffc5bc}.cli-traits div+div+div small{color:#c9b8ff}.cli-traits p,.cli-card-line{margin:0;font-size:14px;line-height:1.9;color:#e4d8ea}.cli-card-line{margin:10px 0}.cli-card-note{display:block;margin-top:10px;font-size:11px;color:#9a8ca6}
.cli-el-summary{margin-top:16px;padding-top:16px;border-top:1px dashed #3a2a44}.cli-el-summary p{display:flex;align-items:flex-start;gap:2px;margin:0 0 12px;font-size:13px;line-height:1.9}.cli-el-summary b{color:#fff}.cli-el-bars{list-style:none;padding:0;margin:0;display:grid;gap:7px}.cli-el-bars li{display:grid;grid-template-columns:22px 28px 1fr 18px;align-items:center;gap:6px;font-size:12px;color:#cbb8d7}.cli-el-bars i{display:block;height:8px;border-radius:8px;background:#ffffff12;overflow:hidden}.cli-el-bars i b{display:block;height:100%;min-width:2px;border-radius:8px;background:var(--element-ink)}.cli-el-bars strong{text-align:right;color:#f1e8f5}
.cli-feel-headline{margin:-4px 0 12px;font-size:.95rem;font-weight:600;color:#8be1bf}.cli-feel-grid{display:grid;gap:10px}.cli-feel-grid div+div+div{border-left-color:#c9b8ff}.cli-feel-grid div{padding:14px;border-radius:14px;background:#ffffff0a;border-left:3px solid #8be1bf}.cli-feel-grid div+div{border-left-color:#ffc5bc}.cli-feel-grid small{display:block;font-size:11px;color:#b9a8c6;margin-bottom:6px}.cli-feel-grid p{margin:0;font-size:14px;line-height:1.9}.cli-versus-row{display:flex;align-items:center;justify-content:space-around;text-align:center;margin:6px 0 14px}.cli-versus-row>div{display:flex;flex-direction:column;align-items:center;gap:6px}.cli-versus-row>b{font-size:26px;color:#8be1bf}.cli-versus-row small{font-size:11px;color:#b9a8c6}.cli-versus-row strong{font-size:15px}
.cli-charts summary{cursor:pointer;font-weight:700;font-size:14px;color:#f1e8f5}.cli-charts .saju-chart{margin:16px 0 0}.cli-teaser-chapters h2{margin-bottom:14px}
/* 소제목 단위 본편 화면 (renderStructuredReading) */
.saved-structured .result-copy p{font-size:16px;line-height:2.05;color:#e6dbed}.saved-chapter-head{padding-bottom:10px}.saved-chapter-head>small{display:block;font-size:11px;letter-spacing:2px;color:#8be1bf;margin-bottom:8px}.saved-chapter-head h2{margin-bottom:18px}.saved-chapter-quote{padding:16px 18px;border-radius:14px;background:#ffffff0d;border-left:4px solid #8be1bf}.saved-chapter-quote small{display:block;font-size:11px;font-weight:700;color:#8be1bf;margin-bottom:6px}.saved-structured .saved-chapter-quote p{margin:0;font-size:17px;font-weight:600;line-height:1.8;color:#fff}
.saved-chapter-crumb{margin:28px 32px 0;font-size:12px;letter-spacing:.5px;color:#9a8ca6}.saved-section{padding-top:22px}.saved-section-no{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#8be1bf;color:#14201b;font-size:14px;font-weight:800;margin-bottom:10px}.saved-section h3{margin:0 0 18px;font-size:21px;line-height:1.5;letter-spacing:-.5px;color:#fff}.saved-structured .saved-summary-note p{font-size:15px}
@media(max-width:420px){.saved-structured .result-copy p{font-size:15px}.saved-chapter-crumb{margin-inline:25px}.saved-section h3{font-size:19px}}
.saved-key-points{margin-top:22px;padding:18px;border-radius:14px;background:#ffffff0d;border:1px solid #3a2a44}.saved-key-points small{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#8be1bf;margin-bottom:10px}.saved-key-points ol{margin:0;padding-left:20px;display:grid;gap:10px}.saved-key-points li{font-size:15px;line-height:1.8;color:#fff}
/* 소제목 머리: 번호와 문장을 한 줄로 */
.saved-chapter-crumb{display:flex;align-items:center;gap:8px;margin:30px 32px 0;font-size:12px;color:#a99bb5}.saved-chapter-crumb b{padding:3px 9px;border-radius:999px;border:1px solid #8be1bf66;color:#8be1bf;font-size:11px;font-weight:700;letter-spacing:.5px}.saved-chapter-crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-section h3.saved-section-title{display:flex;align-items:baseline;gap:12px;margin:0 0 20px;font-size:21px;line-height:1.5}.saved-section-title em{flex:none;font-style:normal;font-size:14px;font-weight:700;letter-spacing:1px;color:#8be1bf;padding-right:12px;border-right:1px solid #ffffff2e;font-variant-numeric:tabular-nums}.saved-section-title span{color:#fff;letter-spacing:-.5px}
@media(max-width:420px){.saved-chapter-crumb{margin-inline:25px}.saved-section h3.saved-section-title{font-size:19px;gap:10px}.saved-section-title em{font-size:13px;padding-right:10px}}

/* 아직 그리지 않은 장 그림 자리: 들어갈 장면을 글로 적어 둔다(story-playback.js panelBrief). 아래쪽 대사 자막과 겹치지 않게 위쪽에 앉힌다. */
.art-brief{position:absolute;left:24px;right:24px;top:28px;padding:18px 20px;border:1px dashed #ffffff55;border-radius:6px;color:#f1e9f5;text-align:left}
.art-brief small{display:block;margin-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--teaser-accent,#c9bdd4)}
.art-brief p{margin:0;font-size:14px;line-height:1.7;letter-spacing:-.3px;word-break:keep-all}
/* ---- 본편 표 ---- 소제목 본문 문단 사이에 앞뒤 대사와 함께 들어가는 표·그래프(.read-break).
   맛보기 카드(.cli-card)와 달리 상자 없이 가는 줄과 작은 머리말로 본문 흐름 안에 앉힌다. 색은 --rb(강조)·--g-up/--g-mid/--g-down(좋음/보통/조심), 콘텐츠 테마(.is-moon/.is-keeper)가 덮어쓴다. */
.read-break{--rb:#8be1bf;--g-up:#8be1bf;--g-mid:#564b62;--g-down:#e07a7a;--rb-ink:#f1e9f5;--rb-soft:#a99bb5;position:relative;margin:34px 0;padding:22px 0 0;border-top:1px solid #ffffff1f;font-size:13px;line-height:1.6;color:var(--rb-ink)}
.read-break::before{content:'';position:absolute;left:0;top:-1px;width:56px;height:1px;background:var(--rb)}
.read-break.is-moon{--rb:#c9d8ff;--g-up:#c9d8ff;--g-mid:#56608a;--g-down:#e06a6e}
.read-break.is-mujin{--rb:#ff9b8a;--g-up:#ff9b8a;--g-mid:#7a4a44;--g-down:#a9b4c9}
.read-break.is-keeper{--rb:#f3cf6b;--g-up:#f3cf6b;--g-mid:#6b5a2c;--g-down:#c96a5a}
.rb-kicker{display:block;margin-bottom:8px;font-size:10px;letter-spacing:2px;color:var(--rb)}
.rb-title{margin:0 0 16px;font-size:17px;line-height:1.5;letter-spacing:-.3px;font-weight:700;color:#fff}.rb-title b{color:var(--rb)}
.read-break p.rb-note{margin:14px 0 0;font-size:12px;line-height:1.7;color:var(--rb-soft)}
.read-break p.rb-legend{display:flex;justify-content:space-between;margin:0 0 10px;font-size:11px;font-weight:700;color:var(--rb)}
.read-break p.rb-legend-row{display:flex;flex-wrap:wrap;gap:6px 12px;margin:10px 0 0;font-size:11px;color:var(--rb-soft)}
.rb-legend-row span::before{content:'';display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px;vertical-align:-1px;background:var(--g-mid)}
.rb-legend-row .is-up::before{background:var(--g-up)}.rb-legend-row .is-down::before{background:var(--g-down)}
.rb-legend-row .is-best::before{background:transparent;box-shadow:inset 0 0 0 2px var(--g-up)}.rb-legend-row .is-avoid::before{background:transparent;box-shadow:inset 0 0 0 2px var(--g-down)}
/* 다섯 힘 막대(.rb-bars). 둘 비교(.is-pair)는 가운데 이름표, 왼쪽 막대는 오른쪽에서 자란다. */
.rb-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rb-bars li{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}
.rb-bars.is-pair li{grid-template-columns:1fr 88px 1fr}
.rb-bars li>span{display:grid;line-height:1.3}.rb-bars.is-pair li>span{text-align:center}
.rb-bars li strong{font-size:13px;color:#fff}.rb-bars li small{font-size:10px;color:var(--rb-soft)}
.rb-bar{position:relative;display:block;height:16px;border-radius:4px;background:#ffffff0c;overflow:hidden}
.rb-bar b{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--g-mid)}
.rb-bar.is-top b{background:var(--rb)}
.rb-bar em{position:absolute;right:6px;top:0;font-style:normal;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;color:var(--rb-ink)}
.rb-bar.is-top em{color:#15101a;font-weight:700;mix-blend-mode:normal}
.rb-bars.is-pair .rb-bar:first-child b{left:auto;right:0}.rb-bars.is-pair .rb-bar:first-child em{right:auto;left:6px}
/* 신강약 게이지(.rb-gauge)와 기운 칩(.rb-chips) */
.rb-gauge{position:relative;height:8px;margin:34px 10px 30px;border-radius:8px;background:linear-gradient(90deg,var(--g-down),var(--g-mid) 50%,var(--g-up))}
.rb-gauge i{position:absolute;top:-6px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff2e,0 0 14px #0008}
.rb-gauge i b{position:absolute;top:-26px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:#fff}
.rb-gauge>span{position:absolute;top:14px;font-size:10px;color:var(--rb-soft)}.rb-gauge>span:nth-of-type(1){left:0}.rb-gauge>span:nth-of-type(2){left:50%;transform:translateX(-50%)}.rb-gauge>span:nth-of-type(3){right:0}
.read-break p.rb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:13px;line-height:1.6;color:var(--rb-ink)}
.rb-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border-radius:999px;border:1px solid #ffffff1f;background:#ffffff08}
.rb-chip small{font-size:10px;color:var(--rb-soft)}.rb-chip b{font-size:12px;color:#fff}.rb-chip .cli-el-icon{margin:0}
/* 네 자리 표(.rb-palace) */
.rb-palace{list-style:none;margin:0;padding:0}
.rb-palace li{display:grid;grid-template-columns:86px 54px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff12}
.rb-palace li:last-child{border-bottom:0}
.rb-palace li.is-mark{margin:0 -10px;padding-inline:10px;border-radius:8px;background:linear-gradient(90deg,#ffffff0d,transparent)}
.rb-palace small{display:grid;font-size:12px;font-weight:700;color:#fff}.rb-palace small em{font-style:normal;font-size:10px;font-weight:400;color:var(--rb-soft)}
.rb-palace strong{font-size:16px;letter-spacing:1px;color:var(--rb)}
.rb-palace span{font-size:12px;color:var(--rb-ink)}
.rb-palace b{display:grid;text-align:right;font-size:11px;font-weight:600;color:var(--rb-soft)}.rb-palace b em{font-style:normal;font-size:9px;font-weight:400}
.rb-palace li.is-mark b{color:var(--rb)}
/* 합충 자리(.rb-cracks) */
.rb-cracks{margin:0;display:grid;gap:10px}
.rb-cracks div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start}
.rb-cracks dt{padding-top:5px;font-size:11px;font-weight:700;color:var(--rb-soft)}
.rb-cracks dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.rb-cracks dd span{padding:4px 9px;border-radius:6px;font-size:12px;background:#ffffff0c;border-left:3px solid var(--g-mid)}
.rb-cracks .is-up dd span{border-left-color:var(--g-up)}.rb-cracks .is-down dd span{border-left-color:var(--g-down)}
.rb-cracks dd .is-none{opacity:.55;border-left-color:transparent}
/* 30일 달력(.rb-cal). 바탕은 ::before(등급 색·세기), 표시는 ::after(★/×) */
.rb-cal-head,.rb-cal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.rb-cal-head li{padding-bottom:4px;font-size:10px;text-align:center;color:var(--rb-soft)}
.rb-cal li{position:relative;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:12px;color:var(--rb-ink)}
.rb-cal li::before{content:'';position:absolute;inset:0;border-radius:8px;background:var(--g-mid);opacity:.3}
.rb-cal li.is-pad::before{display:none}
.rb-cal li.is-up::before{background:var(--g-up)}.rb-cal li.is-down::before{background:var(--g-down)}
.rb-cal li.lv-5::before{opacity:.95}.rb-cal li.lv-4::before{opacity:.6}.rb-cal li.lv-2::before{opacity:.5}.rb-cal li.lv-1::before{opacity:.85}
.rb-cal li b,.rb-cal li small{position:relative;z-index:1}
.rb-cal li.lv-5 b,.rb-cal li.lv-1 b{color:#15101a}
.rb-cal li small{position:absolute;top:3px;left:5px;font-size:9px;color:var(--rb-soft)}.rb-cal li.lv-5 small,.rb-cal li.lv-1 small{color:#15101a99}
.rb-cal li.is-best{box-shadow:0 0 0 2px var(--g-up),0 0 10px var(--g-up)}.rb-cal li.is-avoid{box-shadow:0 0 0 2px var(--g-down)}
.rb-cal li.is-best::after,.rb-cal li.is-avoid::after{content:'★';position:absolute;top:2px;right:4px;z-index:1;font-size:9px;color:#15101a}
.rb-cal li.is-avoid::after{content:'×';font-size:11px;top:0;color:#fff}
/* 달별 띠(.rb-strip) */
.rb-strip ol{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.rb-strip li{display:grid;grid-template-rows:14px 46px auto;justify-items:center;align-items:end;gap:3px;min-width:0}
.rb-strip li small{font-size:9px;line-height:14px;color:var(--rb-soft);white-space:nowrap}
.rb-strip li.is-best small{color:var(--g-up);font-weight:700}
.rb-strip li i{display:block;width:100%;height:40%;border-radius:4px 4px 2px 2px;background:var(--g-mid)}
.rb-strip li.is-up i{background:var(--g-up)}.rb-strip li.is-down i{background:var(--g-down)}
.rb-strip li.lv-5 i{height:100%}.rb-strip li.lv-4 i{height:76%}.rb-strip li.lv-3 i{height:48%}.rb-strip li.lv-2 i{height:30%}.rb-strip li.lv-1 i{height:16%}
.rb-strip li.is-best i{box-shadow:0 0 0 2px #fff8,0 0 12px var(--g-up)}
.rb-strip li b{font-size:11px;font-weight:600;color:var(--rb-ink)}.rb-strip li.is-best b{color:#fff}
/* 세 줄 흐름(.rb-luck) */
.rb-luck{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rb-luck li{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label when" "label meta" "label note";column-gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff08;border-left:3px solid var(--g-mid)}
.rb-luck li.is-up{border-left-color:var(--g-up)}.rb-luck li.is-down{border-left-color:var(--g-down)}
.rb-luck small{grid-area:label;align-self:center;min-width:54px;font-size:11px;font-weight:700;color:var(--rb-soft)}
.rb-luck strong{grid-area:when;font-size:14px;color:#fff}
.rb-luck em{grid-area:meta;font-style:normal;font-size:11px;color:var(--rb-soft)}
.rb-luck span{grid-area:note;margin-top:3px;font-size:13px;color:var(--rb-ink)}
/* 대운 타임라인(.rb-timeline): 가로 스크롤, 지금 구간 강조 */
.rb-timeline{list-style:none;margin:0;padding:4px 0 10px;display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.rb-timeline li{flex:0 0 96px;display:grid;gap:4px;padding:10px 8px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff14;scroll-snap-align:center;text-align:center}
.rb-timeline li i{display:block;height:6px;border-radius:6px;background:var(--g-mid)}
.rb-timeline li.is-up i{background:var(--g-up)}.rb-timeline li.is-down i{background:var(--g-down)}
.rb-timeline li small{font-size:10px;color:var(--rb-soft)}.rb-timeline li strong{font-size:12px;color:#fff;font-variant-numeric:tabular-nums}.rb-timeline li em{font-style:normal;font-size:10px;color:var(--rb-soft)}
.rb-timeline li b{font-size:10px;line-height:14px;color:var(--rb)}
.rb-timeline li.is-current{border-color:var(--rb);background:#ffffff14}
/* 둘 사이 표(.rb-kv) */
.rb-kv{margin:0}
.rb-kv div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff12;font-size:13px;line-height:1.65}
.rb-kv div:last-child{border-bottom:0}
.rb-kv dt{margin:0;padding-top:2px;font-size:11px;font-weight:700;color:var(--rb-soft)}.rb-kv dd{margin:0;color:var(--rb-ink)}.rb-kv dd b{color:var(--rb);font-weight:700}
@media(max-width:420px){.rb-bars li{grid-template-columns:88px 1fr}.rb-bars.is-pair li{grid-template-columns:1fr 76px 1fr}.rb-palace li{grid-template-columns:76px 48px 1fr auto;gap:8px}.rb-kv div{grid-template-columns:82px 1fr}.rb-cracks div{grid-template-columns:82px 1fr}.rb-strip li{grid-template-rows:14px 40px auto}.rb-strip li b{font-size:10px}}.cli-teaser-cut{--teaser-accent:#91e6df;margin:18px 16px 0;aspect-ratio:4/3}.cli-teaser-cut>img{display:block;width:100%;height:100%;object-fit:cover}.cli-teaser-cut .teaser-speech{padding:64px 20px 18px}
/* 오행 아이콘 칸(.rb-el-tiles), 기운 안내(.rb-el-guide), 달 고르기(.rb-picks) */
.rb-el-row+.rb-el-row{margin-top:14px}.rb-el-row>small{display:block;margin-bottom:6px;font-size:11px;font-weight:700;color:var(--rb-ink)}
.rb-el-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.rb-el-tiles li{display:grid;justify-items:center;gap:4px;padding:10px 2px 8px;border:1px solid #ffffff1a;border-radius:10px;background:#ffffff08}
.rb-el-tiles li span:not(.cli-el-icon){font-size:11px;color:var(--rb-soft)}.rb-el-tiles li b{font-size:15px;line-height:1.2;color:#fff}
.rb-el-tiles li.is-empty{opacity:.42}.rb-el-tiles li.is-self{border-color:var(--rb);box-shadow:inset 0 0 0 1px var(--rb)}
.rb-el-guide{display:flex;align-items:center;gap:14px}.rb-el-guide small{font-size:11px;color:var(--rb)}.rb-el-guide strong{display:block;font-size:20px;line-height:1.35;color:#fff}.read-break .rb-el-guide p{margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--rb-soft)}
.rb-el-lore{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rb-el-lore li{display:grid;gap:2px;padding:9px 6px;border-radius:10px;background:#ffffff0a;text-align:center}.rb-el-lore small{font-size:10px;color:var(--rb-soft)}.rb-el-lore b{font-size:12px;line-height:1.4;font-weight:600;color:#fff;word-break:keep-all}
.rb-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rb-picks>div{min-width:0;padding:12px 10px;border-radius:10px;background:#ffffff0a;border-top:2px solid var(--g-up)}.rb-picks>.is-down{border-top-color:var(--g-down)}
.rb-picks strong{display:block;margin-bottom:8px;font-size:12px;color:#fff}.rb-picks ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.rb-picks li b{display:block;font-size:13px;color:#fff}.rb-picks li small{display:block;margin-top:1px;font-size:10px;line-height:1.45;color:var(--rb-soft);word-break:keep-all}
/* 장 첫 페이지 고정 인트로: 괄호 지문은 대사보다 작고 옅게. */
.result-copy.saved-intro{padding-bottom:0}
.result-copy.saved-intro p.saved-intro-stage{font-size:14px;color:#a99db3}
/* 표 위아래 설명(.rb-lead·.rb-explain): 대사보다 작고 옅게 써서 본문과 구분한다. */
.read-break .rb-explain{margin-top:18px}
.read-break .rb-explain p{margin:0 0 .8em;font-size:13.5px;line-height:1.8;letter-spacing:-.1px;color:#c4b9cf}
.read-break .rb-explain p:last-child{margin-bottom:0}
.read-break .rb-explain.rb-lead{margin:0 0 18px}