/* 이 글의 차례 — 긴 글에서 원하는 자리로 바로 간다. 본문과 경쟁하지 않도록
글자를 한 단계 줄이고 테두리만 옅게 둔다. */
.toc{border:1px solid #EAE5DE;border-radius:12px;padding:14px 18px;margin:18px 0 24px;background:#FAF7F2}
.toc>b{display:block;font-size:12.5px;letter-spacing:.02em;color:#544B42;margin-bottom:8px;font-weight:700}
.toc ol{margin:0;padding-left:1.15em;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3px 16px}
.toc li{margin:0;font-size:14px;line-height:1.75}
.toc a{color:#3A342E;text-decoration:none;border-bottom:1px solid transparent}
.toc a:hover,.toc a:focus{border-bottom-color:#8E3826;color:#8E3826}
h2{scroll-margin-top:14px}
a{color:#8E3826;text-decoration:none;border-bottom:1px solid rgba(142,56,38,.25);transition:border-color .12s,background-color .12s}
a:hover,a:focus-visible{border-bottom-color:#8E3826;background:rgba(142,56,38,.05)}
a:focus-visible{outline:2px solid #8E3826;outline-offset:2px;border-radius:2px}
*{box-sizing:border-box}
body{margin:0;background:#FAF7F2;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Segoe UI','Noto Sans KR',sans-serif;color:#1C1410;line-height:1.85;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-wrap:anywhere;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body::before{display:none}
.wrap{max-width:700px;margin:0 auto;padding:0 20px 80px}
h1{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;color:#1C1410;font-size:27px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;line-height:1.4}
.sub{color:#544B42;font-size:15px;line-height:1.7;margin:0 0 24px}
h2{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;color:#1C1410;font-size:20.5px;font-weight:700;letter-spacing:-.015em;margin:36px 0 16px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #EAE5DE;scroll-margin-top:24px}
h2::before{content:'';display:inline-block;width:3px;height:18px;background:#8E3826;border-radius:1px;flex-shrink:0}
p{font-size:16px;line-height:1.85;color:#28231F;margin:0 0 18px}
.cta{display:flex;align-items:center;justify-content:center;text-align:center;margin:28px 0;padding:13px 22px;background:linear-gradient(135deg,#9E3E2B 0%,#8E3826 100%);color:#FFFFFF!important;text-decoration:none!important;border-radius:12px;font-weight:700;font-size:15.5px;min-height:48px;box-sizing:border-box;border:1px solid #751414;box-shadow:0 4px 14px rgba(142,56,38,0.25);transition:transform .15s ease,background .15s ease}
.cta:hover{background:#751414;transform:translateY(-1px)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.grid a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid #EAE5DE;border-radius:12px;text-decoration:none;color:#8E3826;font-weight:700;text-align:center;background:#FFFFFF;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,0.02);transition:all .15s ease}
.grid a:hover{border-color:#8E3826;background:#FAF0EB;transform:translateY(-1px)}
/* ── 2026-10 시즌 테마 추천 타일 (반응형 2열/모바일 1열 카드) ── */
.hl-season{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 22px}
@media(max-width:520px){
.hl-season{grid-template-columns:1fr;gap:8px;margin:8px 0 18px}
}
.hl-season-card{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border-radius:16px;text-decoration:none!important;background:#FFFFFF;color:#1C1410!important;border:1px solid #EAE5DE;box-shadow:0 2px 10px rgba(0,0,0,0.02);position:relative;overflow:hidden;transition:border-color .15s}
.hl-season-card:hover{border-color:#8E3826}
.hl-season-card:active{transform:scale(0.99)}
.hl-season-card b,.hl-season-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#1C1410;margin-bottom:3px}
.hl-season-card small,.hl-season-desc{font-size:12px;color:#544B42;line-height:1.45}
.hl-season-card.primary{background:#FFFDFB;color:#1C1410!important;border:1.5px solid #8E3826}
.hl-season-card.primary b,.hl-season-card.primary .hl-season-title{color:#8E3826}
.hl-season-card.primary small,.hl-season-card.primary .hl-season-desc{color:#544B42}
.hl-season-card.primary::after{content:'추천';position:absolute;top:10px;right:12px;font-size:10.5px;font-weight:700;background:#8E3826;color:#FFF;padding:2px 7px;border-radius:4px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.case{border:1px solid #EAE5DE;border-left:3.5px solid #8E3826;background:#FFFFFF;padding:16px 18px;margin:0 0 16px;font-size:15px;line-height:1.8;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,0.02)}
.case b{color:#8E3826}
.caveat{font-size:13.5px;color:#7A7065;margin:0 0 10px}
.today{border:1px solid #EAE5DE;background:#FFFFFF;padding:20px 18px;margin:18px 0;text-align:center;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,0.02)}
.today .big{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;font-size:30px;color:#8E3826;font-weight:700;margin:6px 0}
.today .date{font-size:13.5px;color:#7A7065}
.matrix th{background:rgba(255,255,255,0.7);position:sticky;left:0}
.matrix thead th{position:static;text-align:center;white-space:nowrap}
.matrix td{text-align:center;white-space:nowrap}
.scrollx{overflow-x:auto;margin:0 0 18px}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0 24px;background:#FFFFFF;border:1px solid #EAE5DE;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,0.02)}
.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;min-width:440px}
.tbl th{background:#F4EFE6;text-align:left;padding:11px 14px;border-bottom:1px solid #EAE5DE;color:#8E3826;font-size:13px;font-weight:700;white-space:nowrap}
.tbl td{padding:10px 14px;border-bottom:1px solid #ECE5D8;color:#28231F;vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.tbl tr:hover td{background:#FAF7F2}
/* 정적 결과 페이지 — 무료 구간을 앱 없이 여기서 끝낸다 */
.rs-card{border:1px solid #EAE5DE;border-radius:16px;padding:16px;background:#FFFFFF;margin:0 0 16px;box-shadow:0 2px 10px rgba(0,0,0,0.02)}
.rs-card h2{margin:0 0 12px;font-size:17.5px}
.rs-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rs-p{text-align:center;border:1px solid #EAE5DE;border-radius:12px;padding:10px 4px;background:#FAF7F2}
.rs-p b{display:block;font-size:22px;margin:4px 0 2px;color:#1C1410}
.rs-lbl{font-size:11.5px;color:#7A7065}
.rs-sub{font-size:11.5px;color:#7A7065}
.rs-alert{border-left:3px solid #8E3826;background:#FAF0EB;padding:11px 13px;border-radius:0 8px 8px 0;margin:0 0 16px;font-size:14px;line-height:1.65;color:#28231F}
.rs-bars{display:flex;flex-direction:column;gap:7px}
.rs-bar{display:flex;align-items:center;gap:8px;font-size:14px}
.rs-en{flex:0 0 92px}
.rs-track{flex:1;height:8px;background:#EAE5DE;border-radius:4px;overflow:hidden}
.rs-track i{display:block;height:100%;background:#8E3826;border-radius:4px}
.rs-pc{flex:0 0 28px;text-align:right;font-variant-numeric:tabular-nums;color:#6B6B76}
.rs-bar.rs-me .rs-track i{background:#C5A059}
.rs-big{font-size:24px;font-weight:700;margin:0 0 8px;color:#8E3826}
.rs-note{font-size:13px;line-height:1.65;color:#6B6B76;margin:10px 0 0}
.rs-wrap{overflow-x:auto}
.rs-t{border-collapse:collapse;width:100%;font-size:14px}
.rs-t th,.rs-t td{padding:7px 9px;border-bottom:1px solid #EAE2D1;text-align:left}
.rs-t thead th{border-bottom:1px solid #DED5C3;font-size:13px;color:#8E3826}
.rs-dim{color:#A79878}
.rs-paid{background:#FCF7EA;border-color:#D9C89A}
/* 2026-09 [유료 전환 강화] 심회로 프리미엄 4대 자세한 분석 티저 & 페이월 */
.rs-paywall{background:#1C1410;border:1px solid rgba(197,160,89,0.4);border-radius:16px;padding:24px 20px;margin:24px 0 20px;color:#F6EFE1;position:relative;box-shadow:0 8px 30px rgba(0,0,0,0.25)}
.rs-paywall::before{content:'';position:absolute;top:0;left:24px;right:24px;height:2.5px;background:linear-gradient(90deg,transparent,#C5A059,transparent)}
.rs-pw-badge{display:inline-flex;align-items:center;gap:6px;background:#8E3826;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;margin-bottom:12px}
.rs-paywall h2{color:#F6EFE1!important;border-left:0!important;padding-left:0!important;margin:0 0 8px!important;font-size:20px!important;letter-spacing:-0.02em}
.rs-pw-desc{font-size:14px;color:#C4B69B;margin:0 0 20px;line-height:1.65}
.rs-pw-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
@media(max-width:520px){.rs-pw-grid{grid-template-columns:1fr}}
.rs-pw-item{background:rgba(255,255,255,0.04);border:1px solid rgba(197,160,89,0.22);border-radius:12px;padding:14px 14px 44px;position:relative;overflow:hidden}
.rs-pw-head{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#E8C97A;margin-bottom:8px}
.rs-pw-head span{font-size:11px;padding:1px 6px;background:rgba(197,160,89,0.18);border:1px solid rgba(197,160,89,0.35);border-radius:4px;color:#E8C97A}
.rs-pw-text{font-size:13px;line-height:1.65;color:#D8CDB6;margin:0}
.rs-pw-scrim{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(180deg,rgba(28,20,16,0.05) 0%,rgba(28,20,16,0.75) 45%,#1C1410 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}
.rs-pw-lock{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#E8C97A;background:rgba(0,0,0,0.65);padding:3px 9px;border-radius:6px;border:1px solid rgba(197,160,89,0.35)}
.rs-pw-benefits{list-style:none;padding:14px 0;margin:18px 0 20px;border-top:1px solid rgba(197,160,89,0.2);border-bottom:1px solid rgba(197,160,89,0.2)}
.rs-pw-benefits li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#EDE5D8;margin:7px 0}
.rs-pw-benefits i{color:#E8C97A;font-style:normal;font-weight:700}
.rs-pw-cta{display:block;width:100%;text-align:center;padding:14px 20px;min-height:48px;background:linear-gradient(135deg,#9E3E2B 0%,#8E3826 100%);color:#FFFFFF!important;text-decoration:none!important;border-radius:12px;font-weight:800;font-size:16px;border:1px solid #C5A059!important;box-shadow:0 4px 14px rgba(142,56,38,0.35);box-sizing:border-box;transition:transform 0.15s,box-shadow 0.15s}
.rs-pw-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(142,56,38,0.5);color:#fff!important}
.rs-pw-trust{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#B9A98E;margin-top:12px;text-align:center}
/* 팝업 모달 — 복잡한 페이지 이동 없이 그 자리에서 직관적으로 열람 */
.rs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,10,5,0.72);backdrop-filter:blur(5px);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s ease}
.rs-modal-overlay.active{display:flex;opacity:1}
.rs-modal-window{background:#FFFDF8;border:1px solid #D8CFB6;box-shadow:0 16px 48px rgba(0,0,0,0.38);border-radius:14px;max-width:560px;width:100%;max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;transform:scale(0.96);transition:transform .2s ease}
.rs-modal-overlay.active .rs-modal-window{transform:scale(1)}
.rs-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #EAE2D1;background:#F9F5EC;position:sticky;top:0;z-index:2}
.rs-modal-head h3{margin:0;font-size:18px;color:#131318;font-weight:700}
.rs-modal-close{background:transparent;border:0;font-size:24px;line-height:1;color:#6B6B76;cursor:pointer;padding:4px 8px;border-radius:6px}
.rs-modal-close:hover{color:#131318;background:rgba(0,0,0,0.06)}
.rs-modal-body{padding:20px 22px;font-size:15px;line-height:1.75;color:#241A0C}
.rs-modal-body h4{margin:18px 0 6px;font-size:16px;color:#8E3826}
.rs-modal-body h4:first-child{margin-top:0}
.rs-modal-body p{margin:0 0 12px;font-size:14.5px}
.rs-modal-body ul{margin:0 0 14px;padding-left:1.2em}
.rs-modal-body li{margin-bottom:7px;font-size:14px}
.rs-modal-body .note{background:#F7EDE9;border-left:3px solid #8E3826;padding:11px 13px;border-radius:0 6px 6px 0;font-size:13.5px;color:#6B5E45;margin:12px 0}
.rs-modal-body .badge{display:inline-block;padding:2px 8px;background:#EDE5D8;border-radius:4px;color:#8E3826;font-size:12px;font-weight:700;margin-bottom:8px}
.rs-opt-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:#F7F3E8;border:1px solid #D8CFB6;border-radius:8px;color:#8E3826;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.rs-opt-btn:hover{background:#EDE5D8;border-color:#C49A45}
body.rs-modal-open{overflow:hidden}
/* 토스트 알림 — 복사 완료 알림 */
.rs-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(20,10,5,0.92);color:#FAF6EC;padding:12px 22px;border-radius:30px;font-size:14px;font-weight:600;z-index:10001;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 6px 20px rgba(0,0,0,0.3);text-align:center;max-width:90vw;white-space:nowrap}
.rs-toast.active{opacity:1;transform:translateX(-50%) translateY(0)}
/* 홈 화면 추가 가이드 스타일 */
.rs-step-box{background:#F7F3E8;border:1px solid #D8CFB6;border-radius:10px;padding:14px 16px;margin:10px 0}
.rs-step-box ol{margin:0;padding-left:1.3em}
.rs-step-box li{margin-bottom:8px;font-size:14.5px;line-height:1.6}
.rs-step-box li:last-child{margin-bottom:0}
.rs-step-box b{color:#8E3826}
.rs-guide-tabs{display:flex;gap:6px;margin-bottom:14px}
.rs-guide-tab{flex:1;padding:8px 0;background:#EDE5D8;border:1px solid #D8CFB6;border-radius:6px;font-size:13.5px;font-weight:700;color:#6B6B76;cursor:pointer;text-align:center}
.rs-guide-tab.active{background:#8E3826;color:#FFF;border-color:#8E3826}
/* ── 오행 5색 뱃지 & 게이지 ── */
.el-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11.5px;font-weight:800;line-height:1;margin-bottom:2px}
.el-wood{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}
.el-fire{background:#FFEBEE;color:#C62828;border:1px solid #FFCDD2}
.el-earth{background:#FFF8E1;color:#B78103;border:1px solid #FFE082}
.el-metal{background:#ECEFF1;color:#455A64;border:1px solid #CFD8DC}
.el-water{background:#E3F2FD;color:#1565C0;border:1px solid #90CAF9}
.rs-gt .rs-self{background:#FFF9EB;position:relative}
.rs-gt .rs-self::after{content:'나';position:absolute;top:2px;right:2px;font-size:9.5px;background:#8E3826;color:#fff;padding:1px 4px;border-radius:3px;font-weight:700}
/* 오행 게이지 바 5색 그라디언트 */
.bar-wood .rs-track i{background:linear-gradient(90deg,#66BB6A,#2E7D32)!important}
.bar-fire .rs-track i{background:linear-gradient(90deg,#EF5350,#C62828)!important}
.bar-earth .rs-track i{background:linear-gradient(90deg,#FDD835,#C49A45)!important}
.bar-metal .rs-track i{background:linear-gradient(90deg,#B0BEC5,#546E7A)!important}
.bar-water .rs-track i{background:linear-gradient(90deg,#42A5F5,#1565C0)!important}
/* ── 유저 피드백 및 오류 제보 위젯 ── */
.rs-feedback-box{background:rgba(255,255,255,0.4);border:1px dashed #D8CFB6;border-radius:12px;padding:14px 16px;margin:28px auto 14px;max-width:540px;text-align:center}
.rs-feedback-title{font-size:13.5px;font-weight:600;color:#555047;margin-bottom:8px}
.rs-vote-group{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.rs-vote-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid #D8CFB6;background:#FFFFFF;color:#555047;transition:transform .12s,background .15s,border-color .15s}
.rs-vote-btn:hover{background:#F0EBE0;border-color:#C49A45}
.rs-vote-btn.voted{background:#8E3826;color:#FFF;border-color:#8E3826;pointer-events:none}
.rs-feedback-link{display:inline-block;margin-top:8px;font-size:12px;color:#8E3826;text-decoration:underline;cursor:pointer}
/* 에러 폴백 카드 */
.rs-err-fallback{background:#FFF8F8;border:1.5px solid #FFCDD2;border-radius:14px;padding:24px 20px;text-align:center;margin:20px 0}
.rs-err-icon{font-size:36px;margin-bottom:8px}
.rs-err-title{font-size:17px;font-weight:700;color:#C62828;margin-bottom:6px}
.rs-err-desc{font-size:14px;color:#555047;margin-bottom:16px;line-height:1.6}
.rs-err-actions{display:flex;gap:10px;justify-content:center}
/* 원국표(명식판) — 이 사이트가 사주 사이트로 보이는 유일한 한 판.
먹과 한지의 대비를 그대로 쓴다. 격자는 얇게, 글자는 크게. */
.rs-gt{border-collapse:collapse;width:100%;min-width:340px;text-align:center;font-size:14px}
.rs-gt th,.rs-gt td{border:1px solid #DED5C3;padding:6px 4px}
.rs-gt thead th{background:#F0EADA;color:#A8452F;font-size:13px;font-weight:700;padding:7px 4px}
.rs-gt tbody th{background:#F7F3E8;color:#6B6B76;font-size:12px;font-weight:600;width:56px;white-space:nowrap}
.rs-gt .rs-r1 td{font-size:12.5px;color:#6B6B76;background:#FFFFFF}
.rs-gt .rs-ch b{display:block;font-size:30px;line-height:1.15;color:#241A0C;font-weight:400}
.rs-gt .rs-ch span{display:block;font-size:11.5px;color:#6B6B76;margin-top:1px}
.rs-gt .rs-self{background:#F7EDE9}
.rs-gt .rs-self b{color:#8E3826;font-weight:700}
.rs-gt td.rs-self{color:#8E3826;font-weight:700;font-size:12.5px}
.rs-gt .rs-gm{font-style:normal;color:#8E3826;font-size:10.5px;border:1px solid #C9A9A0;border-radius:3px;padding:0 2px}
.rs-gt .rs-hid span{display:block;font-size:12px;line-height:1.45;color:#6B5E45}
.rs-gt .rs-hid i{font-style:normal;color:#A79878;font-size:10.5px;margin-left:3px}
.rs-gt .rs-hid .rs-main{color:#241A0C;font-weight:600}
.rs-gt .rs-x{color:#BDB3A0}
.rs-btn{padding:11px 20px;border:0;border-radius:9px;background:#8E3826;color:#fff;font-size:15px;cursor:pointer;font-family:inherit}
.rs-btn2{background:transparent;color:#8E3826;border:1px solid #8E3826;margin-left:8px}
.rs-btn:active{opacity:.85}
@media (max-width:480px){
.rs-gt{font-size:13px;min-width:320px}
.rs-gt .rs-ch b{font-size:26px}
.rs-gt tbody th{width:46px;font-size:11px}
.rs-gt th,.rs-gt td{padding:5px 2px}
}
@media (max-width:480px){
.rs-pillars{gap:6px} .rs-p b{font-size:19px} .rs-en{flex:0 0 78px}
}
table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.6}
th,td{padding:9px 10px;border-bottom:1px solid #EAE2D1;text-align:left;vertical-align:top}
th{color:#A8452F;font-weight:700}
thead th{border-bottom:1px solid #DED5C3;font-size:13px;white-space:nowrap}
td b{color:#131318}
.tradition{border:1px solid #DED5C3;background:rgba(138,125,99,0.07);padding:16px 18px;margin:0 0 14px;font-size:15px;line-height:1.8;border-radius:12px}
.tradition .lbl{display:block;font-size:12px;letter-spacing:.08em;color:#6B6B76;font-weight:700;margin-bottom:6px}
.ourview{border:1px solid #D8B877;border-left:3.5px solid #A8452F;background:rgba(212,175,55,0.08);padding:16px 18px;margin:0 0 18px;font-size:15px;line-height:1.8;border-radius:12px}
.ourview .lbl{display:block;font-size:12px;letter-spacing:.08em;color:#A8452F;font-weight:700;margin-bottom:6px}
.tease{border:1.5px dashed #A8452F;background:rgba(148,27,27,0.04);padding:18px 20px;margin:20px 0;font-size:15px;line-height:1.8;border-radius:12px}
.tease b{color:#A8452F}
.tease .q{display:block;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Segoe UI','Malgun Gothic','Noto Sans KR','Nanum Gothic',sans-serif;font-size:17px;color:#A8452F;margin-bottom:8px}
/* 2026-10 꿈 해몽 → 사주·대운·신년운세 전환 브릿지 카드 */
.dream-saju-bridge{margin:32px 0 28px;padding:26px 22px;background:#FAF6EC;border:1.5px solid #D8B877;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,0.04);position:relative}
.dsb-header{text-align:center;margin-bottom:20px}
.dsb-badge{display:inline-block;background:#8E3826;color:#FFFDF8;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;margin-bottom:8px}
.dsb-title{margin:4px 0 8px;font-size:20px;color:#131318;font-weight:800;letter-spacing:-0.02em}
.dsb-title b{color:#8E3826}
.dsb-desc{font-size:14.5px;line-height:1.65;color:#555047;margin:0}
.dsb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
@media(max-width:768px){.dsb-grid{grid-template-columns:1fr}}
.dsb-card{display:flex;flex-direction:column;justify-content:space-between;background:#FFFFFF;border:1px solid #E4DAC4;border-radius:11px;padding:16px 15px;text-decoration:none!important;color:#131318!important;transition:all .18s ease;box-shadow:0 2px 6px rgba(0,0,0,0.02)}
.dsb-card:hover{transform:translateY(-2px);border-color:#C49A45;box-shadow:0 8px 18px rgba(142,56,38,0.12)}
.dsb-card.highlight{border-color:#D8B877;background:linear-gradient(180deg,#FFFDF7 0%,#FAF5E8 100%)}
.dsb-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dsb-icon{font-size:22px}
.dsb-chip{font-size:11px;font-weight:700;color:#8E3826;background:rgba(142,56,38,0.08);padding:2px 7px;border-radius:4px}
.dsb-card b{font-size:15.5px;font-weight:700;color:#131318;margin-bottom:5px;display:block}
.dsb-card p{font-size:13px;line-height:1.55;color:#6B6B76;margin:0 0 12px;flex-grow:1}
.dsb-btn{display:inline-block;font-size:13px;font-weight:700;color:#8E3826;padding-top:6px;border-top:1px dashed #EAE2D1}
.dsb-footer{text-align:center;font-size:12.5px;color:#8A7F6E;padding-top:8px}
/* 2026-10 인라인 생년월일 간이 선택기 (이탈률 50% 절감 전환 장치) */
.hl-quick-picker{margin:28px 0 20px;padding:24px 20px;background:linear-gradient(135deg,#FFFDF8 0%,#FAF5EA 100%);border:1.5px solid #D8B877;border-radius:16px;box-shadow:0 6px 22px rgba(168,69,47,0.06);position:relative}
.hl-qp-header{text-align:center;margin-bottom:18px}
.hl-qp-badge{display:inline-block;background:#8E3826;color:#FFFDF8;font-size:12px;font-weight:800;padding:4px 10px;border-radius:6px;margin-bottom:8px;letter-spacing:-0.2px}
.hl-qp-title{margin:4px 0 8px;font-size:20px;color:#131318;font-weight:800;letter-spacing:-0.02em}
.hl-qp-title b{color:#8E3826}
.hl-qp-desc{font-size:14px;line-height:1.6;color:#595043;margin:0}
.hl-qp-form{background:#FFFFFF;border:1px solid #EAE2D1;border-radius:14px;padding:20px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.02)}
.hl-qp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.hl-qp-row-sub{grid-template-columns:1.4fr 1fr;margin-bottom:16px}
@media(max-width:600px){
.hl-quick-picker{padding:20px 14px;margin:24px 0 18px}
.hl-qp-title{font-size:18px}
.hl-qp-desc{font-size:13px}
.hl-qp-row{grid-template-columns:repeat(3,1fr);gap:6px}
.hl-qp-row-sub{grid-template-columns:1fr;gap:10px}
}
.hl-qp-col{display:flex;flex-direction:column;gap:5px}
.hl-qp-col label{font-size:12px;font-weight:700;color:#6B6457}
.hl-qp-select{width:100%;height:46px;padding:0 28px 0 10px;font-size:14.5px;font-weight:600;color:#2B261F;background:#FAF8F5 url('data:image/svg+xml;utf8,') no-repeat right 10px center;border:1px solid #D9CEB8;border-radius:10px;outline:none;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.hl-qp-select:focus{border-color:#8E3826;background-color:#FFFFFF;box-shadow:0 0 0 3px rgba(142,56,38,0.12)}
.hl-qp-sex-wrap{display:flex;gap:8px;height:46px;align-items:center}
.hl-qp-radio{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:100%;background:#FAF8F5;border:1px solid #D9CEB8;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;color:#4A4338;transition:all .15s}
.hl-qp-radio:hover{background:#F5EFE6;border-color:#C4B69B}
.hl-qp-radio:has(input:checked){background:#F7ECE9;border-color:#8E3826;color:#8E3826}
.hl-qp-radio input{margin:0;accent-color:#8E3826}
.hl-qp-btn{width:100%;min-height:48px;padding:12px 18px;background:linear-gradient(135deg,#8E3826 0%,#A8452F 100%);color:#FFF!important;border:1px solid #D8B877;border-radius:10px;font-size:15.5px;font-weight:800;letter-spacing:-0.01em;cursor:pointer;box-shadow:0 4px 16px rgba(142,56,38,0.25);transition:transform .15s,box-shadow .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box}
.hl-qp-btn:hover{background:#772F20;transform:translateY(-1px);box-shadow:0 6px 20px rgba(142,56,38,0.35)}
.hl-qp-btn:active{transform:scale(0.99)}
.hl-qp-footer{text-align:center;font-size:12px;color:#8A7F6E;padding-top:4px}
.hl-topic-brief{background:#FFFDFB;border:1.5px solid #8E3826;border-radius:14px;padding:18px 16px;margin:0 0 18px;box-shadow:0 4px 16px rgba(142,56,38,0.06);text-align:left}
.hl-tb-top{margin-bottom:14px}
.hl-tb-badge{display:inline-flex;align-items:center;gap:5px;background:#FAF0EB;color:#8E3826;border:1px solid rgba(142,56,38,0.22);border-radius:6px;padding:4px 9px;font-size:12px;font-weight:800;letter-spacing:-0.2px}
.hl-tb-h4{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;font-size:18px;font-weight:800;color:#1C1410;margin:8px 0 0;line-height:1.35;letter-spacing:-0.4px}
.hl-tb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
@media(max-width:540px){.hl-tb-grid{grid-template-columns:1fr;gap:8px}}
.hl-tb-card{padding:12px 13px;border-radius:10px;border:1px solid #EAE2D1;background:#FFFFFF}
.hl-tb-card.hl-tb-warn{border-color:#E8B4B8;background:#FFFBFB}
.hl-tb-card.hl-tb-safe{border-color:#C8E6C9;background:#F9FDF9}
.hl-tb-tag-wrap{margin-bottom:6px}
.hl-tb-tag{display:inline-block;font-size:11px;font-weight:800;padding:2px 7px;border-radius:4px}
.hl-tb-tag.warn{background:#8E3826;color:#FFFFFF}
.hl-tb-tag.safe{background:#2E7D32;color:#FFFFFF}
.hl-tb-title{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;font-size:15px;font-weight:800;color:#1C1410;display:block;margin-bottom:4px;line-height:1.3}
.hl-tb-card.hl-tb-warn .hl-tb-title{color:#8E3826}
.hl-tb-card.hl-tb-safe .hl-tb-title{color:#1B5E20}
.hl-tb-text{font-size:12.5px;color:#544B42;line-height:1.45;margin:0;word-break:keep-all}
.hl-tb-factbox{background:#FDFBF7;border:1px solid #EAE2D1;border-radius:10px;padding:13px 14px}
.hl-tb-fact-hd{margin-bottom:8px}
.hl-tb-fact-hd b{display:block;font-size:14px;font-weight:800;color:#8E3826;margin-bottom:2px}
.hl-tb-fact-sub{display:block;font-size:12px;font-weight:700;color:#8C8275}
.hl-tb-fact-body p{font-size:13px;color:#4A4036;line-height:1.55;margin:0 0 6px;word-break:keep-all}
.hl-tb-fact-body p:last-child{margin-bottom:0}
.hl-tb-cta{margin-top:10px;padding-top:9px;border-top:1px dashed #E2D7C3;text-align:center;font-size:13px;color:#8E3826;font-weight:700}
.calc{border:1.5px solid #D8B877;background:linear-gradient(135deg,#FFFDF9 0%,#FAF5EA 100%);padding:22px 20px;margin:0 0 16px;border-radius:16px;box-shadow:0 4px 18px rgba(168,69,47,0.04)}
/* 해몽 즉석 계산 결과. 계산으로 나온 값이라는 게 눈에 보여야 해서 판정 한 줄을
따로 세우고 근거(오행 수치)를 그 아래 둔다. */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:6px;padding:12px 22px;border:0;border-radius:10px;background:#8E3826;color:#fff;font-size:15.5px;font-weight:700;cursor:pointer;font-family:inherit;box-sizing:border-box}
.btn:hover{background:#a51a00}
.muted{color:#6b6257;font-size:13px}
.dres{margin-top:18px;padding-top:16px;border-top:1px solid rgba(212,175,55,.45)}
.dres p{margin:0 0 10px}
.verdict{font-size:17px;line-height:1.7;padding:12px 14px;background:rgba(212,175,55,.12);border-left:3px solid #D8B877;border-radius:6px}
.calc-row{margin:0 0 14px}
.calc-row .grouplbl{display:block;font-size:13.5px;color:#595043;font-weight:800;margin-bottom:8px}
/* 화면에는 안 보이되 스크린리더는 읽는 라벨. display:none 이면 읽히지 않으므로 이 방식을 쓴다. */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.calc-row input[type=number]{width:82px;height:44px;padding:0 10px;border:1px solid #D9CEB8;border-radius:8px;font-size:16px;background:#FFFFFF;color:#131318;outline:none;transition:border-color .15s,box-shadow .15s}
.calc-row input[type=number]:focus{border-color:#8E3826;box-shadow:0 0 0 2px rgba(142,56,38,0.12)}
.calc-row input:disabled{opacity:.4}
.calc-row .chk{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;margin-left:10px;color:#8E3826;cursor:pointer}
.calc-row .chk input{width:auto;accent-color:#8E3826}
.calc button{width:100%;min-height:48px;padding:12px 20px;background:linear-gradient(135deg,#8E3826 0%,#A8452F 100%);color:#FFFFFF;border:1px solid #D8B877;border-radius:10px;font-size:15.5px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px rgba(142,56,38,0.25);transition:transform .15s,box-shadow .15s;box-sizing:border-box}
.calc button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(142,56,38,0.35)}
.calc button:active{transform:scale(0.99)}
.calc-note{font-size:12.5px;color:#7A7264;margin:12px 0 0;text-align:center;line-height:1.6}
.calc-err{border:1px solid #A8452F;background:rgba(148,27,27,.06);padding:12px 14px;border-radius:8px;color:#A8452F;margin:16px 0}
.myeongsik td{text-align:center;vertical-align:middle;font-size:13px;line-height:1.5}
.myeongsik .big{font-size:26px;color:#A8452F;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Segoe UI','Malgun Gothic','Noto Sans KR','Nanum Gothic',sans-serif}
.myeongsik .tgv{color:#6B6B76;font-size:12px}
.myeongsik .unk{color:#B5AC96}
.ohang{margin:0 0 12px}
.obar{display:flex;align-items:center;gap:10px;margin:0 0 7px;font-size:14px}
.oname{width:22px;font-weight:700;color:#A8452F}
.otrack{flex:1;height:12px;background:rgba(138,125,99,.16);border-radius:6px;overflow:hidden}
.ofill{display:block;height:100%;background:linear-gradient(90deg,#A8452F,#D8B877)}
.opct{width:74px;text-align:right;color:#6B6B76;font-variant-numeric:tabular-nums}
.mecard{border:1px solid #D8B877;background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(212,175,55,.04));border-radius:12px;padding:14px 16px;margin:0 0 20px}
.mecard .melbl{display:inline-block;font-size:11px;letter-spacing:.1em;color:#A8452F;font-weight:700;border:1px solid #D8B877;border-radius:3px;padding:1px 6px;margin-bottom:7px}
.mecard .mebig{display:block;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Segoe UI','Malgun Gothic','Noto Sans KR','Nanum Gothic',sans-serif;font-size:19px;color:#A8452F;letter-spacing:.06em}
.mecard .meline{font-size:14.5px;margin-top:6px;line-height:1.7}
.mecard .melinks{font-size:13px;margin-top:8px;color:#6B6B76}
.mecard .melinks a{color:#A8452F}
.meinvite{background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(212,175,55,.03))}
.merow{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.merow input{width:82px;padding:11px 9px;border:1px solid #DED5C3;border-radius:8px;font-size:16px;background:#FFFFFF;color:#131318}
.merow button{min-height:46px;padding:12px 18px;border:1px solid #D8B877;border-radius:8px;background:#A8452F;color:#FFFFFF;font-weight:700;cursor:pointer;font-family:inherit;font-size:14px}
.meerr{margin-top:8px;font-size:13.5px;color:#A8452F}
.sharebox{border:1px solid #DED5C3;background:rgba(255,255,255,.5);border-radius:10px;padding:16px;margin:20px 0}
.shrow{display:flex;gap:8px;margin:10px 0}
.shrow input{flex:1;min-width:0;padding:11px 10px;border:1px solid #DED5C3;border-radius:8px;font-size:16px;background:#FFFFFF;color:#131318}
.shrow button,.shbtn{min-height:46px;padding:12px 16px;border:1px solid #D8B877;border-radius:8px;background:#A8452F;color:#FFFFFF;font-weight:700;cursor:pointer;font-family:inherit;font-size:14px}
.shbtn{width:100%;margin-top:6px}
/* (옛 .pagehero 규칙 — calc(50% - 50vw) 기반 — 은 아래 「상단 띠…」 블록으로
대체되어 지웠다. vw 가 스크롤바를 포함해 가로 넘침을 만들었기 때문이다.) */
/* 차례 — 앱의 「풀이 목차」와 같은 칩 줄. 번호 목록보다 자리를 덜 먹고,
한자 숫자가 앱 화면과 같은 표지 역할을 한다. */
.toc.chips{border:0;background:none;padding:0;margin:20px 0 26px}
.toc.chips>b{margin-bottom:10px}
.toc.chips ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.toc.chips li{margin:0}
.toc.chips li a{display:inline-flex;align-items:center;gap:7px;
padding:8px 13px;border:1px solid #DED5C3;border-radius:9px;background:rgba(255,255,255,.55);
color:#3F3F49;font-size:13.5px;border-bottom:1px solid #DED5C3}
.toc.chips li a:hover{border-color:#A8452F;background:#fff}
.toc.chips li i{font-style:normal;color:#A8452F;font-weight:700;font-size:12.5px}
/* 상단 띠(상단바 + 히어로)와 본문의 좌우 기준선을 하나로 ────────────────
2026-09-08 실측: 상단바가 화면 밖으로 7.5px 삐져나가 가로 스크롤이 생겼고,
히어로 글자가 본문보다 24px 왼쪽에 섰다. 원인이 둘이다.
① calc(50% - 50vw) 의 vw 는 <스크롤바를 포함한> 폭이다. 세로 스크롤바가
있으면 vw(1100) > 콘텐츠 폭(1085) 이라 띠가 양쪽으로 7.5px 씩 넘치고,
그만큼 가로 스크롤이 생긴다. 스크롤바 폭은 기기마다 달라 계산으로 맞출 수 없다.
② 띠의 좌우 패딩을 50vw - 320 으로 줬는데, 본문은 그 위에 .wrap 의 24px
안쪽 패딩이 더 붙는다. 그래서 기준선이 24px 어긋났다.
고침: vw 를 아예 쓰지 않는다. 띠를 .wrap <바깥>의 일반 블록으로 두면 폭은
저절로 콘텐츠 폭 100% 가 되고(스크롤바 무관), 안쪽 .band 가 .wrap 과
<똑같은 max-width·padding> 을 쓰므로 기준선이 한 줄로 맞는다. */
.band{max-width:700px;margin:0 auto;padding:0 20px}
/* ── Global Unified Nav Bar ── */
.nav-wrap {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(250, 247, 242, 0.96);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(28, 20, 16, 0.08);
}
.nav-inner {
max-width: 1080px;
margin: 0 auto;
padding: 0 20px;
min-height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.nav-brand {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Gowun Batang', serif;
font-size: 19px;
font-weight: 700;
color: #1C1410 !important;
text-decoration: none !important;
letter-spacing: -0.02em;
flex-shrink: 0;
}
.nav-brand .seal {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
background: #8E3826;
color: #FAF7F2;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
font-family: serif;
line-height: 1;
box-shadow: 0 1px 4px rgba(142,56,38,0.25);
}
.nav-categories {
display: flex;
align-items: center;
gap: 20px;
}
.nav-cat-item {
font-size: 14.5px;
font-weight: 600;
color: #7A7065 !important;
padding: 8px 6px;
position: relative;
text-decoration: none !important;
transition: color 0.15s ease;
white-space: nowrap;
}
.nav-cat-item:hover { color: #1C1410 !important; }
.nav-cat-item.active {
color: #8E3826 !important;
font-weight: 700;
}
.nav-cat-item.active::after {
content: '';
position: absolute;
bottom: 0;
left: 2px;
right: 2px;
height: 2.5px;
background: #8E3826;
border-radius: 2px;
}
@media (max-width: 640px) {
.nav-inner {
padding: 0 14px;
min-height: 52px;
}
.nav-brand {
font-size: 17.5px;
gap: 6px;
}
.nav-brand .seal {
width: 24px;
height: 24px;
font-size: 13px;
}
.nav-categories {
gap: 12px;
}
.nav-cat-item {
font-size: 13.5px;
padding: 6px 2px;
}
}
/* 접히는 목차 (.toc-fold) */
details.toc-fold{margin:14px 0 20px;border:1px solid #DED5C3;border-radius:12px;background:rgba(255,255,255,0.7);overflow:hidden}
details.toc-fold>summary{cursor:pointer;padding:10px 14px;font-weight:700;font-size:14px;color:#5C4B37;display:flex;align-items:center;gap:8px;list-style:none}
details.toc-fold>summary::-webkit-details-marker{display:none}
details.toc-fold>summary::after{content:'▾';margin-left:auto;font-size:12px;color:#8E3826}
details.toc-fold[open]>summary::after{content:'▴'}
details.toc-fold .toc{margin:0;padding:10px 14px 14px;border-top:1px dashed #E5DCB9}
/* ── 4대 인생 해답 벤토 그리드 (2x2 Bento Grid) ── */
.hl-bento-section{margin:22px 0 26px;background:#FAF7F2;border:1px solid #EAE5DE;border-radius:16px;padding:18px 16px;box-shadow:0 2px 10px rgba(0,0,0,0.02)}
.hl-bento-header{margin-bottom:12px}
.hl-bento-pill{display:inline-block;padding:3px 8px;border-radius:6px;background:#FAF0EB;color:#8E3826;font-size:11px;font-weight:800;letter-spacing:-0.2px;margin-bottom:4px}
.hl-bento-title{margin:0;font-size:17px;font-weight:800;color:#1C1410;letter-spacing:-0.2px;font-family:inherit}
.hl-bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.hl-bento-grid{grid-template-columns:1fr;gap:8px}.hl-bento-section{padding:14px 12px;margin:18px 0 22px}.hl-bento-title{font-size:15.5px}}
.hl-bento-card{background:#FFFFFF;border:1px solid #EAE5DE;border-radius:16px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,0.02);display:flex;flex-direction:column;justify-content:space-between;transition:transform .12s,border-color .12s}
.hl-bento-card:hover{border-color:#8E3826;transform:translateY(-1px)}
.hl-bc-tag{font-size:11.5px;font-weight:800;color:#7A6953;margin-bottom:4px;display:flex;align-items:center;gap:4px}
.hl-bc-val{font-size:13.5px;font-weight:700;color:#1C1410;margin-bottom:4px;line-height:1.4;letter-spacing:-0.2px}
.hl-bc-desc{font-size:12.5px;color:#6B6152;line-height:1.5;margin:0}
.hl-bento-card.timing.highlight{background:#FFFDFB;border:1.5px solid #8E3826;color:#1C1410;box-shadow:0 2px 8px rgba(142,56,38,0.06)}
.hl-bento-card.timing.highlight .hl-bc-tag{color:#8E3826}
.hl-bento-card.timing.highlight .hl-bc-val{color:#1C1410}
.hl-bento-card.timing.highlight .hl-bc-desc{color:#544B42;margin-bottom:8px}
.hl-bc-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#8E3826;color:#FFFFFF!important;text-decoration:none!important;font-size:12px;font-weight:700;padding:7px 12px;border-radius:8px;box-shadow:0 2px 6px rgba(142,56,38,0.2);transition:all .12s}
.hl-bc-btn:hover{background:#771414}
/* ── 풀이 끝 자연스러운 다음 여정 (Next Journey Cards) ── */
.hl-next-journey{margin:32px 0 28px;padding:22px 20px;background:#FFFDF8;border:1.5px solid #E8DEC8;border-radius:20px;box-shadow:0 4px 20px rgba(74,52,28,0.05)}
.hl-nj-header{margin-bottom:18px;border-bottom:1px dashed #E5DDCB;padding-bottom:12px}
.hl-nj-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#8E3826;background:#FAF0EB;padding:4px 10px;border-radius:999px;margin-bottom:6px}
.hl-nj-title{margin:0;font-size:19px;font-weight:800;color:#1A1612;letter-spacing:-0.3px}
.hl-nj-sub{font-size:13px;color:#7A6F5D;margin:4px 0 0;line-height:1.45}
.hl-nj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
@media(max-width:640px){.hl-next-journey{padding:16px 14px;margin:24px 0 20px}.hl-nj-grid{grid-template-columns:1fr;gap:10px}.hl-nj-title{font-size:17px}}
.hl-nj-card{display:flex;flex-direction:column;justify-content:space-between;background:#FFFFFF;border:1.2px solid #EBE4D5;border-radius:14px;padding:16px 16px 14px;text-decoration:none!important;color:inherit!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;overflow:hidden}
.hl-nj-card:hover{border-color:#8E3826;transform:translateY(-2px);box-shadow:0 6px 18px rgba(142,56,38,0.08)}
.hl-nj-card.highlight{background:linear-gradient(135deg,#FFF9F2 0%,#FFFDF8 100%);border:1.5px solid #D8B877}
.hl-nj-card-tag{display:inline-block;font-size:11.5px;font-weight:800;color:#8E3826;margin-bottom:6px}
.hl-nj-card-title{font-size:15px;font-weight:800;color:#191F28;line-height:1.4;margin:0 0 6px}
.hl-nj-card-desc{font-size:12.8px;color:#635848;line-height:1.55;margin:0 0 12px;flex-grow:1}
.hl-nj-card-action{font-size:12.5px;font-weight:700;color:#8E3826;display:inline-flex;align-items:center;gap:4px}
.hl-nj-card:hover .hl-nj-card-action{text-decoration:underline}
.hl-focus .hl-next-journey{display:none!important}
/* ── 구글 애드센스 및 광고 슬롯 디자인 (Display & In-Article Ads) ── */
.hl-ad-slot{margin:32px 0 24px;padding:16px;background:#FAF8F4;border:1px dashed #DED6C4;border-radius:16px;text-align:center;box-sizing:border-box;min-height:90px;overflow:hidden;position:relative}
.hl-ad-slot.inarticle{margin:36px 0 28px}
.hl-ad-slot.bottom{margin:28px 0 36px}
.hl-ad-label{display:block;font-size:11px;font-weight:700;color:#9B8F7B;letter-spacing:0.4px;margin-bottom:8px;text-align:right}
.hl-ad-side-card{padding:14px 12px;text-align:center;background:#FAF8F4;border:1px dashed #DED6C4}
.hl-ad-side-card .hl-ad-label{margin-bottom:6px}
.hl-focus .hl-ad-slot, .hl-focus .hl-ad-side-card{display:none!important}
/* ── 무료 vs 프리미엄 자세한 리포트 투명한 경계 & 티저 (Free vs Paid Tier) ── */
.hl-tier-comparison{margin:36px 0 32px;padding:26px 22px;background:linear-gradient(135deg,#FFFDF9 0%,#FAF6EC 100%);border:1.5px solid #D8B877;border-radius:20px;box-shadow:0 6px 24px rgba(74,52,28,0.06);position:relative;overflow:hidden}
.hl-tier-comparison::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8E3826,#D8B877,#8E3826)}
.hl-tc-header{text-align:center;margin-bottom:24px}
.hl-tc-badge{display:inline-flex;align-items:center;gap:5px;background:#FAF0EB;color:#8E3826;border:1px solid rgba(142,56,38,0.25);font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:8px}
.hl-tc-title{margin:0 0 6px;font-size:21px;font-weight:800;color:#1A1612;letter-spacing:-0.4px}
.hl-tc-sub{margin:0;font-size:13.5px;color:#6B5F4D;line-height:1.55}
.hl-tc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
@media(max-width:768px){.hl-tc-grid{grid-template-columns:1fr;gap:14px}}
.hl-tc-card{background:#FFFFFF;border:1.5px solid #E8DFD0;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,0.02);position:relative}
.hl-tc-card.premium{border-color:#8E3826;background:linear-gradient(180deg,#FFFFFF 0%,#FFF9F5 100%);box-shadow:0 6px 20px rgba(142,56,38,0.09)}
.hl-tc-card-tag{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:800;margin-bottom:8px}
.hl-tc-card:not(.premium) .hl-tc-card-tag{background:#F0ECE4;color:#5A5042}
.hl-tc-card.premium .hl-tc-card-tag{background:#8E3826;color:#FFFFFF}
.hl-tc-card-name{font-size:17.5px;font-weight:800;color:#1A1612;margin:0 0 4px}
.hl-tc-card-price{display:flex;align-items:baseline;gap:6px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed #E8DEC8}
.hl-tc-price-val{font-size:24px;font-weight:900;color:#8E3826}
.hl-tc-card:not(.premium) .hl-tc-price-val{color:#1A1612}
.hl-tc-price-sub{font-size:12px;color:#7A6E5C;font-weight:600}
.hl-tc-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px}
.hl-tc-item{display:flex;align-items:flex-start;gap:8px;font-size:13.2px;line-height:1.55;color:#3D362C}
.hl-tc-item .chk{font-size:14px;flex-shrink:0;margin-top:1px;font-weight:800}
.hl-tc-item.paid .chk{color:#8E3826}
.hl-tc-item.free .chk{color:#27AE60}
.hl-tc-teaser-box{background:#FAF4E8;border:1px dashed #D8C7A5;border-radius:10px;padding:10px 12px;margin:10px 0 14px;position:relative;overflow:hidden}
.hl-tc-teaser-preview{filter:blur(2.5px);opacity:0.65;font-size:11.5px;line-height:1.4;color:#4A4135;user-select:none;-webkit-user-select:none;pointer-events:none}
.hl-tc-teaser-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(20,10,5,0.85);color:#FFF;padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.hl-tc-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none!important;cursor:pointer;transition:transform .12s,background .12s}
.hl-tc-btn:hover{transform:translateY(-1px)}
.hl-tc-btn.free-btn{background:#FAF6EE;color:#4A4032!important;border:1px solid #D8CFBA}
.hl-tc-btn.free-btn:hover{background:#F0EADB}
.hl-tc-btn.paid-btn{background:linear-gradient(135deg,#8E3826 0%,#A8452F 100%);color:#FFFFFF!important;box-shadow:0 3px 12px rgba(142,56,38,0.28);border:none}
.hl-tc-btn.paid-btn:hover{box-shadow:0 5px 16px rgba(142,56,38,0.38);background:#772F20}
.hl-tc-policy-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#FFF;border:1px solid #EBE3D3;border-radius:10px;padding:10px 14px;font-size:12px;color:#6B5F4E}
.hl-tc-policy-bar a{color:#8E3826;font-weight:700;text-decoration:underline}
.hl-focus .hl-tier-comparison{display:none!important}
/* ── 단일 중앙 정렬 에디토리얼 레이아웃 (인사동 미니멀리즘) ── */
.wrap.hl-split-layout{max-width:700px;display:block;margin:0 auto;padding:0 20px 80px}
.hl-main-col{width:100%;min-width:0}
.hl-side-col{display:none!important}
/* ── 인터랙티브 위젯 공통 (타로·MBTI·별자리) ── */
.hl-interactive-widget{margin:18px 0 24px;padding:22px 18px;background:#FFFFFF;border:1.5px solid #E8DFD1;border-radius:14px;color:#1C1410;box-shadow:0 2px 10px rgba(28,20,16,0.03);text-align:center}
.hl-iw-head{margin-bottom:16px}
.hl-iw-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#8B1A1A;background:#FAF0EB;border:1px solid rgba(139,26,26,0.2);margin-bottom:6px}
.hl-iw-title{margin:4px 0 6px;font-size:19px;font-weight:700;color:#1C1410!important;font-family:'Gowun Batang','Noto Serif KR',Georgia,serif}
.hl-iw-desc{margin:0;font-size:13.5px;color:#544B42;line-height:1.5}
/* 타로 3D 플립 & 카테고리 탭 */
.hl-tarot-cat-tabs{display:flex;justify-content:center;gap:6px;margin:12px 0 16px;flex-wrap:wrap}
.hl-tc-cat-btn{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid rgba(216,184,119,0.35);background:rgba(255,255,255,0.06);color:#D8B877;cursor:pointer;transition:all .12s}
.hl-tc-cat-btn.active{background:#8E3826;border-color:#D8B877;color:#FFF;box-shadow:0 2px 8px rgba(142,56,38,0.4)}
.hl-tarot-cards{display:flex;justify-content:center;gap:10px;margin:16px 0;flex-wrap:wrap}
.hl-tarot-card{width:82px;height:124px;perspective:600px;cursor:pointer}
.hl-tc-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}
.hl-tarot-card.flipped .hl-tc-inner{transform:rotateY(180deg)}
.hl-tc-back,.hl-tc-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;box-sizing:border-box}
.hl-tc-back{background:linear-gradient(135deg,#2A2420,#161311);border:1.5px solid #D8B877;color:#D8B877;box-shadow:0 4px 12px rgba(0,0,0,0.4)}
.hl-tc-back span{font-size:24px;margin-bottom:3px}
.hl-tc-back b{font-size:10.5px;letter-spacing:1px}
.hl-tc-front{background:linear-gradient(135deg,#FAF5EA,#F0E6D2);color:#1A1714;border:1.5px solid #8E3826;transform:rotateY(180deg);box-shadow:0 6px 18px rgba(142,56,38,0.3)}
.hl-tarot-result,.hl-mbti-result,.hl-horo-result{margin-top:14px;padding:16px;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(216,184,119,0.2)}
.hl-tr-badge{display:inline-block;padding:3px 8px;border-radius:6px;background:#8E3826;color:#FFF;font-size:12px;font-weight:800;margin-bottom:6px}
.hl-tr-name{font-size:16px;font-weight:800;color:#FAF5EE;margin-bottom:4px}
.hl-tr-msg,.hl-mr-desc,.hl-hr-desc{font-size:14px;color:#E5DCB9;margin:4px 0 12px;line-height:1.5}
.hl-tr-bridge{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(216,184,119,0.3);text-align:center}
.hl-tr-bridge-text{display:block;font-size:13px;color:#D8B877;margin-bottom:8px;font-weight:600}
.hl-tr-bridge-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;background:#8E3826;color:#FAF5EA!important;border-radius:8px;font-size:14.5px;font-weight:800;text-decoration:none;box-shadow:0 3px 10px rgba(142,56,38,0.35);transition:transform .15s ease}
.hl-tr-bridge-btn:hover{transform:translateY(-1px);background:#A8452F}
/* 타로 낱장 4대 실전 판정 박스 */
.hl-tarot-verdict-box{margin:18px 0 24px;padding:20px 18px;background:#1A1513;border:1.5px solid #D8B877;border-radius:16px;color:#FAF5EE}
.hl-tv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
@media(max-width:540px){.hl-tv-grid{grid-template-columns:1fr}}
.hl-tv-item{background:rgba(255,255,255,0.05);border:1px solid rgba(216,184,119,0.22);border-radius:10px;padding:12px 14px}
.hl-tv-item b{display:block;font-size:13px;color:#E8C97A;margin-bottom:4px}
.hl-tv-item p{font-size:13.5px;color:#E5DCB9;margin:0;line-height:1.5}
/* MBTI & 별자리 게이지 */
.hl-mbti-selectors,.hl-horo-selectors{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0}
.hl-mbti-col,.hl-horo-col{flex:1;max-width:150px;text-align:left}
.hl-mbti-col label,.hl-horo-col label{display:block;font-size:11.5px;color:#D8B877;margin-bottom:4px;font-weight:700}
.hl-mbti-col select,.hl-horo-col select{width:100%;height:42px;padding:0 8px;border-radius:8px;border:1px solid #D8B877;background:#25201C;color:#FAF5EE;font-size:15px;font-weight:700;outline:none}
.hl-mbti-heart{font-size:20px;margin-top:16px}
.hl-mr-score-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:6px}
.hl-mr-num{font-size:32px;font-weight:900;color:#FF7B54;line-height:1}
.hl-mr-unit{font-size:15px;font-weight:700;color:#FF7B54}
.hl-mr-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:rgba(255,123,84,0.15);border:1px solid #FF7B54;color:#FF7B54;font-size:12px;font-weight:800}
/* MBTI 오행 비교 박스 */
.hl-mbti-elem-box{margin:18px 0 24px;background:#FAF8F5;border:1px solid #E2D9C8;border-radius:16px;padding:18px;text-align:left}
.hl-mbti-elem-title{font-size:16px;font-weight:800;color:#1A1612;margin-bottom:10px}
.hl-mbti-elem-table{width:100%;border-collapse:collapse;font-size:13.5px}
.hl-mbti-elem-table th{background:#F0EADB;color:#8E3826;padding:8px 10px;text-align:left;font-weight:700}
.hl-mbti-elem-table td{padding:9px 10px;border-bottom:1px solid #EBE4D5;color:#3D3124}
.hl-mbti-elem-table tr:last-child td{border-bottom:none}
/* 별자리 4대 운세 게이지 */
.hl-horo-gauges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;text-align:left}
@media(max-width:540px){.hl-horo-gauges{grid-template-columns:1fr}}
.hl-gauge-item{background:rgba(255,255,255,0.06);border-radius:8px;padding:8px 10px;border:1px solid rgba(216,184,119,0.2)}
.hl-gauge-head{display:flex;justify-content:space-between;font-size:12px;color:#D8B877;font-weight:700;margin-bottom:4px}
.hl-gauge-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}
.hl-gauge-fill{height:100%;background:linear-gradient(90deg,#8E3826,#D8B877);border-radius:3px;transition:width .4s ease}
.hl-horo-match-grid{display:flex;gap:10px;margin-top:12px;justify-content:center}
.hl-hm-box{flex:1;background:rgba(255,255,255,0.05);border-radius:8px;padding:8px 10px;border:1px solid rgba(216,184,119,0.2);text-align:center}
.hl-hm-box b{display:block;font-size:11.5px;color:#D8B877;margin-bottom:2px}
.hl-hm-box span{font-size:13px;font-weight:700;color:#FAF5EE}
.hl-hr-sign-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}
.hl-hr-icon{font-size:24px}
.hl-hr-name{font-size:17px;font-weight:800;color:#FAF5EE}
.pagehero{background:#FAF7F2;border-bottom:1px solid #E8E0D2;margin-bottom:28px;position:relative}
.pagehero .band{max-width:700px;margin:0 auto;padding:28px 20px 24px}
/* 2026-10-22 빵부스러기를 다시 보인다 — 곰꿈에서 동물꿈·꿈해몽으로 「한 칸 위」로 갈 길이 화면에 없었다(검색으로 온 사람의 유일한 상위 길). */
.pagehero .crumb{display:block!important;font-size:12.5px;color:#8B7D6B;margin:0 0 8px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.pagehero .crumb::-webkit-scrollbar{display:none}
.pagehero .crumb a{color:#8B7D6B;text-decoration:none}
/* 2026-11-03 전수 점검: 표 안 링크(월 낱장 일주 이름 31개 등)·경로 링크가 폭 23px·높이 16px로 누르기 어려웠다. 모양은 그대로 두고 누르는 영역만 넓힌다. */
.tbl-wrap td a,.pagehero .crumb a{position:relative}
.tbl-wrap td a::after{content:'';position:absolute;inset:-12px -12px}
.pagehero .crumb a::after{content:'';position:absolute;inset:-12px -4px}
.pagehero .crumb a:hover{color:#8E3826;text-decoration:underline}
.pagehero .crumb span{color:#5A4636}
.pagehero h1{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;color:#1D1915!important;font-size:27px;line-height:1.4;margin:0 0 10px;text-shadow:none}
.pagehero .sub{color:#544B42!important;margin:0;font-size:15px;line-height:1.65}
@media(max-width:520px){
.pagehero{margin-bottom:20px}
.pagehero .band{padding:20px 16px 18px}
.pagehero h1{font-size:22px!important;line-height:1.35;margin-bottom:8px}
.pagehero .sub{font-size:13.5px;line-height:1.55}
}
/* 누를 수 있는 것들의 모양을 하나로 ──────────────────────────────────────
2026-09-08: 반지름이 8·9·10 으로 제각각이고 높이도 달라 "버튼 UI 가 일치하지
않는다"는 지적을 받았다. 반지름 9 · 최소 높이 44 로 통일한다(44 는 손가락
기준 최소 타깃). 색은 역할대로 — 주된 행동만 주칠 채움, 나머지는 테두리. */
.tags a,.grid a,details.linkbox>summary,.toc.chips li a{border-radius:9px;min-height:44px}
/* 링크 뭉치는 접어 둔다. 일주 허브는 한 페이지에 링크가 144개였고 그중 60개가
한 덩어리였다 — 무엇을 눌러야 하는지가 보이지 않는다.
를 쓰는 이유: 자바스크립트가 없어도 열리고, 접힌 상태에서도
링크가 HTML 안에 그대로 남아 크롤러는 전부 본다. display:none 으로 숨기면
그 60개가 색인에서 사라진다. */
details.linkbox{margin:16px 0}
details.linkbox>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;
padding:8px 14px;border:1px solid #DED5C3;
background:rgba(255,255,255,.6);color:#A8452F;font-size:14px;font-weight:600}
details.linkbox>summary::-webkit-details-marker{display:none}
details.linkbox>summary::after{content:'▾';font-size:11px;opacity:.7}
details.linkbox[open]>summary::after{content:'▴'}
details.linkbox>summary:hover{background:#fff}
details.linkbox>.grid,details.linkbox>.tags{margin-top:12px}
/* 2026-10-22 다른 풀이로 이끄는 상자는 내용을 통째로 보여 주지 않고 버튼 한 줄로 — 「다른 게 너무 많아 복잡하다」 */
.hl-go{margin:22px 0;padding:14px 0 0;border-top:1px solid #E8DEC8}
.hl-go-h{font-size:13px;font-weight:700;color:#7A6E5C;margin:0 0 10px}
.hl-go-row{display:flex;flex-wrap:wrap;gap:8px}
.hl-go-row a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid #DED5C3;border-radius:999px;background:#fff;color:#8E3826;font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}
.hl-go-row a.hot{background:#8E3826;border-color:#8E3826;color:#fff}
.hl-go-row a:hover{border-color:#8E3826}
.hl-tier-mini{margin:18px 0;padding:14px 16px;border:1px solid #E8DEC8;border-radius:14px;background:#FFFDF8}
.hl-tier-mini .hl-go-row a{flex:1 1 140px;justify-content:center}
.hl-tier-mini p{margin:10px 0 0;font-size:12.5px;color:#7A6E5C;text-align:center}
.hl-mid-go{margin:22px 0;text-align:center}
.hl-mid-go a.cta-mini,.hl-mid-go a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid #8E3826;color:#8E3826;background:#fff;font-weight:700;font-size:14.5px;text-decoration:none}
details.hl-qp-fold{margin:22px 0}
details.hl-qp-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border-radius:12px;background:#8E3826;color:#fff;font-weight:700;font-size:15px;text-align:center}
details.hl-qp-fold>summary::-webkit-details-marker{display:none}
details.hl-qp-fold>summary::after{content:' ▾';white-space:pre;opacity:.8}
details.hl-qp-fold[open]>summary::after{content:' ▴'}
details.hl-qp-fold .hl-qp-header{display:none}
details.hl-qp-fold .hl-quick-picker{margin-top:10px}
details.hl-fold{margin:14px 0;border:1px solid #E8DEC8;border-radius:12px;background:#FFFDF8}
details.hl-fold>summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:700;font-size:15px;color:#3A2E25;display:flex;justify-content:space-between;gap:10px}
details.hl-fold>summary::-webkit-details-marker{display:none}
details.hl-fold>summary::after{content:'▾';color:#A8452F}
details.hl-fold[open]>summary::after{content:'▴'}
details.hl-fold>.in{padding:0 16px 8px}
details.hl-fold.y27{margin:8px 0;background:#fff}
details.hl-fold.y27>summary{font-weight:400;font-size:14.5px;line-height:1.5}
details.hl-fold.y27>summary small{color:#7A6E5C}
details.hl-fold.y27 .in{font-size:13.5px;line-height:1.65;color:#3A2E25}
.hl-end{margin:40px 0 8px;padding:20px 16px 18px;background:#FFFDF8;border:1px solid #E8DEC8;border-radius:16px}
.hl-end-title{font-size:17px;font-weight:800;color:#2B211B;margin:0 0 6px}
.hl-end-g{font-size:12.5px;font-weight:700;color:#8B7D6B;margin:18px 0 8px;letter-spacing:.02em}
.hl-end-rel h2{font-size:12.5px!important;font-weight:700!important;color:#8B7D6B!important;margin:16px 0 8px!important;padding:0!important;border:0!important;background:none!important;font-family:inherit!important}
.hl-end-rel h2::before,.hl-end-rel h2::after{display:none!important}
.hl-end-rel .grid,.hl-end-rel .tags{display:flex!important;flex-wrap:wrap;gap:8px;margin:0}
.hl-end-rel .grid a,.hl-end-rel .tags a,.hl-end .hl-go-row a{display:inline-flex;align-items:center;min-height:38px;padding:6px 13px;border:1px solid #E2D7C3;border-radius:999px;background:#fff;color:#5A4636;font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:none;width:auto}
.hl-end-rel .grid a:hover,.hl-end-rel .tags a:hover,.hl-end .hl-go-row a:hover{border-color:#8E3826;color:#8E3826}
.hl-end-rel details.linkbox{margin:8px 0}
.hl-end-rel p,.hl-end-rel .muted{font-size:13px}
.hl-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hl-tiles a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:68px;padding:8px 4px;border:1px solid #EDE4D3;border-radius:12px;background:#fff;text-decoration:none;color:#3A2E25;font-size:12px;font-weight:600;text-align:center;line-height:1.25}
.hl-tiles a i{font-style:normal;font-size:19px;color:#8E3826;font-family:'Gowun Batang',serif}
.hl-tiles a:hover{border-color:#8E3826}
@media(min-width:720px){.hl-tiles{grid-template-columns:repeat(8,1fr)}}
.me-open{display:flex;width:100%;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px dashed #C9B48F;border-radius:12px;background:#FFFDF8;color:#8E3826;font-weight:700;font-size:14.5px;cursor:pointer;font-family:inherit}
.tags a{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid #DED5C3;text-decoration:none;color:#A8452F;font-size:13px;background:rgba(255,255,255,0.5)}
.fact{background:rgba(148,27,27,0.06);border:1px solid #DED5C3;border-radius:10px;padding:16px;margin:20px 0}
.fact b{color:#A8452F}
/* 2026-10-25 [상자 줄이기 · 사이트 전체] 사용자: 「카드 박스 사용이 너무 많다」(앱 방향도 2026-10-22 부터 「상자 없이」).
흰 상자·그림자·둥근 테를 걷어내고, 위 선 하나와 여백으로만 나눈다. 배치(그리드·패딩 위치)는 그대로 둔다.
되돌리려면 이 블록만 지우면 된다. */
.fact{background:none!important;border:0!important;border-left:3px solid #A8452F!important;border-radius:0!important;padding:2px 0 2px 16px!important}
.tbl-wrap,.rs-card,.hl-form-card,.tl,.today,.case,.tradition,.ourview,.tease,.mecard,.sharebox,.hl-metaphor-box,.hl-reel-banner{background:transparent!important;border:0!important;border-top:1px solid #DCD2BD!important;border-radius:0!important;box-shadow:none!important}
.tbl-wrap{border-top:1.5px solid #2B211B!important;border-bottom:1px solid #DCD2BD!important}
.tbl th{background:transparent!important}
.rs-card,.hl-form-card,.tl,.case,.tradition,.ourview,.tease,.mecard,.sharebox,.hl-metaphor-box,.hl-reel-banner{padding-left:0!important;padding-right:0!important}
details.hl-fold,details.hl-fold.y27{background:transparent!important;border:0!important;border-bottom:1px solid #DCD2BD!important;border-radius:0!important;margin:0!important}
details.hl-fold>summary{padding:14px 0!important}
details.hl-fold>.in{padding:0 0 10px!important}
.hl-end{background:transparent!important;border:0!important;border-top:2px solid #2B211B!important;border-radius:0!important;padding:22px 0 8px!important}
.hl-tiles a{border:0!important;border-radius:0!important;background:transparent!important;min-height:58px!important}
.hl-tiles{gap:0!important;border-top:1px solid #E6DECC;border-bottom:1px solid #E6DECC}
footer{margin-top:56px;padding-top:28px;border-top:1px solid #E2DDCB;font-size:12.5px;line-height:1.75;color:#6B6B76;text-align:center}
footer a{color:#555047;text-decoration:none}
footer a:hover{color:#A8452F;text-decoration:underline}
.hl-footer{margin-top:56px;padding-top:28px;border-top:1px solid #E2DDCB;font-size:12.5px;line-height:1.75;color:#6B6B76;text-align:center}
.hl-footer-links{margin-bottom:14px;font-size:13px;font-weight:600}
.hl-footer-links a{margin:0 5px;color:#555047;text-decoration:none}
.hl-footer-links a:hover{color:#A8452F;text-decoration:underline}
.hl-footer-biz{font-size:12px;line-height:1.75;color:#7A756D;border-top:1px dashed #E2DDCB;padding-top:16px;margin-top:14px;word-break:keep-all}
.hl-footer-biz b{color:#4B4842;font-weight:600}
.hl-footer-copy{margin:10px 0 6px;color:#8E8980;font-size:11.5px}
.hl-footer-lang{margin-top:8px;font-size:12px}
.hl-footer-lang a{color:#8E8980;text-decoration:none}
/* PG 심사용 상품 안내 및 가격표 스타일 */
.pricing-hero{text-align:center;margin:16px 0 32px;padding:26px 20px;background:#FAF6EC;border:1px solid #DED5C3;border-radius:14px}
.pricing-hero h1{margin:0 0 10px;font-size:25px;color:#131318;letter-spacing:-0.02em}
.pricing-hero p{font-size:14.5px;color:#555047;margin:0;line-height:1.65}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-bottom:36px}
.pricing-card{background:#FFFFFF;border:1.5px solid #DED5C3;border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 3px 10px rgba(0,0,0,0.03);transition:transform .15s ease,border-color .15s ease}
.pricing-card:hover{transform:translateY(-2px);border-color:#A8452F;box-shadow:0 8px 20px rgba(168,69,47,0.08)}
.pricing-card-badge{display:inline-block;background:rgba(168,69,47,0.08);color:#A8452F;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:5px;margin-bottom:10px}
.pricing-card-title{font-size:18px;font-weight:800;color:#131318;margin:0 0 8px}
.pricing-card-desc{font-size:13.5px;color:#6B6B76;line-height:1.6;margin:0 0 16px;flex-grow:1}
.pricing-card-price{border-top:1px dashed #EAE2D1;padding-top:14px;margin-top:auto}
.pricing-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.pricing-price-origin{font-size:13px;color:#9B9589;text-decoration:line-through}
.pricing-price-cur{font-size:22px;font-weight:900;color:#A8452F}
.pricing-price-vat{font-size:11.5px;color:#7A756D}
.pricing-card-info{font-size:12px;color:#7A756D;line-height:1.55;background:#FAF8F3;padding:10px 12px;border-radius:8px;margin-bottom:14px}
.pricing-card-btn{display:block;text-align:center;background:#A8452F;color:#FFFFFF!important;font-size:14px;font-weight:700;padding:11px 16px;border-radius:9px;text-decoration:none!important;transition:background .15s ease}
.pricing-card-btn:hover{background:#8E3826}
.pricing-policy-box{background:#FAF6EC;border:1.5px solid #D8B877;border-radius:14px;padding:26px 22px;margin:32px 0 28px}
.pricing-policy-box h2{font-size:19px;font-weight:800;color:#131318;margin:0 0 14px;padding-left:0;border-left:none}
.pricing-policy-box p{font-size:14px;line-height:1.75;color:#4B4842;margin:0 0 12px}
.pricing-policy-box ul{margin:0 0 14px;padding-left:20px;font-size:13.5px;line-height:1.75;color:#4B4842}
.pricing-policy-box li{margin-bottom:6px}
/* 2026-08 [모바일] 좁은 화면에서 위아래 여백이 본문보다 커지지 않게.
48px 상단 패딩은 데스크톱 기준이라, 360px 기기에서는 첫 화면의 3분의 1을
빈 공간이 차지하고 있었다. */
@media (max-width:520px){
.wrap{padding:0 16px 64px}
/* 세 칸 + 버튼이 360px 화면에서 344px 를 차지해 버튼만 다음 줄로 떨어졌다.
칸을 늘려 한 줄에 맞춘다. */
.merow input{flex:1;min-width:0;width:auto}
.merow button{flex:0 0 auto}
h1{font-size:23px}
h2{font-size:17px}
.today{padding:16px}
.today .big{font-size:27px}
.grid{gap:8px}
.grid a{padding:12px 8px;font-size:13.5px}
.case,.tradition,.ourview,.tease,.calc,.mecard,.sharebox{padding:14px 13px}
.scrollx{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
/* 좁은 화면에서는 표를 화면 끝까지 써서 스크롤 여유를 준다 */
.tbl-wrap{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
table{font-size:13.5px}
th,td{padding:8px 8px}
}
/* 2026-08 [다크모드] 이 블록이 body 와 몇 개 요소만 뒤집고 끝나 있었다.
나머지 카드들은 rgba(255,255,255,.5) 배경을 그대로 쓰면서 글자색만 body 에서
상속받아 밝아져, 밝은 회색 상자 위의 흰 글자가 됐다. 실측 대비:
.calc 2.34:1 · .case 2.72:1 · .sharebox 2.72:1 · .matrix th 3.20:1
.ourview .lbl 1.80:1 · .today .big 1.45:1 (기준 4.5:1)
.today .big 은 일진 페이지의 가장 큰 글자다 — 사실상 보이지 않았다.
야간 사용 비중이 높은 모바일에서 이건 페이지가 깨진 것과 같다.
카드 배경을 어둡게 뒤집어 전부 7:1 이상으로 올린다. */
/* 인생 연표 — 이 사이트가 단순 텍스트 생성과 다른 이유를 증명하는 자리 */
.tl{border:1px solid #DED5C3;border-radius:14px;padding:18px 18px 16px;background:#FFFFFF;margin:26px 0}
.tl h2{margin:0 0 6px;font-size:20px}
.tl .tl-sub{margin:0 0 14px;color:#6B6B76;font-size:14px}
.tl .tl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
/* 2026-08 [iOS 확대] 글자가 16px 미만인 입력칸에 손을 대면 iOS 사파리가 페이지를
통째로 확대하고, 확대는 저절로 돌아오지 않는다. 연표 위젯은 1,013장에 실려
있어서, 생년월일을 넣으려 칸을 누르는 순간 페이지가 옆으로 밀린 채 남았다.
16px 는 "확대하지 않는다"는 iOS 의 기준선이라 여기서 내려가면 안 된다. */
.tl input[type=number]{width:84px;padding:11px 10px;border:1px solid #CFC4A8;border-radius:8px;font-size:16px;background:#FFFFFF;color:#131318}
.tl select{padding:11px 10px;border:1px solid #CFC4A8;border-radius:8px;font-size:16px;background:#FFFFFF;color:#131318}
.tl .sexopt{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:#5A4A2E;min-height:44px}
/* 손가락으로 정확히 누를 수 있는 최소 크기(iOS 기준 44px). 9px 패딩으로는 39px 였다. */
.tl button{padding:12px 20px;min-height:44px;border:0;border-radius:8px;background:#8E3826;color:#fff;font-size:15px;cursor:pointer;font-family:inherit}
.tl-head{font-size:17px;margin:14px 0 4px}
.tl-alert{border-left:3px solid #8E3826;background:#F7EDE9;padding:10px 12px;border-radius:0 8px 8px 0;margin:10px 0;font-size:14.5px;line-height:1.65}
.tl-lead{margin:14px 0 8px;font-size:15px}
.tl-list{list-style:none;margin:0;padding:0;border-top:1px solid #E8E1D3}
.tl-list li{display:flex;gap:10px;align-items:baseline;padding:9px 2px;border-bottom:1px solid #E8E1D3;font-size:14.5px}
.tl-list .tl-y{font-weight:700;min-width:56px;color:#131318}
.tl-list .tl-a{min-width:44px;color:#9A8B6E;font-size:13px}
.tl-list .tl-t{flex:1}
.tl-list li.tl-dw{background:#FCF7EA}
.tl-next{margin:12px 0 4px;font-size:15px}
.tl-note{font-size:13px;line-height:1.6;margin:8px 0 0}
/* ── 2026 고품격 미니멀 에디토리얼 디자인 시스템 ── */
.rs-card{border:1px solid #EAE5DE;border-radius:16px;padding:26px 22px;background:#FFFFFF;box-shadow:0 2px 10px rgba(0,0,0,0.02);margin:0 0 20px}
.rs-card h2{border-left:0!important;padding-left:0!important;margin:0 0 12px!important;font-size:18px!important;font-weight:800!important;color:#191F28!important;letter-spacing:-0.02em!important;display:flex;align-items:center;gap:8px}
.rs-card p{font-size:14.5px;line-height:1.75;color:#4E5968;margin:0 0 12px}
.rs-card .rs-note{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:10px;padding:13px 15px;font-size:13.5px;color:#555047;line-height:1.65;margin:14px 0 0}
.hl-form-card{border:1px solid #EAE5DE;border-radius:16px;padding:26px 22px;background:#FFFFFF;box-shadow:0 4px 16px rgba(0,0,0,0.03);margin:16px 0 22px}
.hl-form-card h2{margin:0 0 8px;font-size:20px;font-weight:800;border-left:0;padding-left:0;color:#191F28;letter-spacing:-0.02em}
.hl-form-sub{margin:0 0 20px;color:#6B7684;font-size:14px;line-height:1.65}
.hl-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
@media(max-width:520px){.hl-form-grid{grid-template-columns:1fr 1fr}}
.hl-input-field{display:flex;flex-direction:column;gap:5px}
.hl-input-field label{font-size:12.5px;font-weight:700;color:#555047}
.hl-input-field input,.hl-input-field select{width:100%;height:48px;padding:0 14px;border:1px solid #DED8CE;border-radius:10px;font-size:15px;background:#FAF8F5;color:#191F28;box-sizing:border-box;transition:border-color .15s,background .15s}
.hl-input-field input:focus,.hl-input-field select:focus{border-color:#8E3826;background:#FFFFFF;outline:none;box-shadow:0 0 0 3px rgba(142,56,38,0.08)}
.hl-submit-btn{width:100%;height:48px;border:0;border-radius:10px;background:#8E3826;color:#FFF;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}
.hl-submit-btn:hover{background:#772E1E}
.hl-submit-btn:active{transform:scale(0.99)}
.hl-chip-group{display:inline-flex;gap:3px;background:#ECE6DC;padding:3px;border-radius:8px}
.hl-chip-btn{padding:5px 14px;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;background:transparent;color:#555047;transition:all .15s}
.hl-chip-btn.active{background:#8E3826!important;color:#FFFFFF!important}
/* ── 릴스 맞춤 안내 & 비유 배너 ── */
.hl-reel-banner{background:#FAF8F5;border:1px solid #EAE5DE;border-left:4px solid #8E3826;border-radius:12px;padding:18px 20px;margin-bottom:22px}
.hl-rb-tag{display:inline-block;background:#FAF0EB;color:#8E3826;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:5px;margin-bottom:8px;letter-spacing:-0.2px}
.hl-rb-title{font-size:16px;font-weight:800;color:#191F28;line-height:1.45;margin-bottom:6px}
.hl-rb-desc{font-size:13.5px;color:#555047;line-height:1.65;margin:0}
.hl-metaphor-box{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:12px;padding:18px 20px;margin-top:16px}
.hl-metaphor-box.hl-meta-strong{border-left:4px solid #8E3826}
.hl-metaphor-box.hl-meta-weak{border-left:4px solid #2980B9}
.hl-meta-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.hl-meta-badge{font-size:12px;font-weight:700;padding:3px 8px;border-radius:5px}
.hl-meta-strong .hl-meta-badge{background:#FAF0EB;color:#8E3826}
.hl-meta-weak .hl-meta-badge{background:#EBF3FA;color:#2980B9}
.hl-meta-head b{font-size:15px;font-weight:800;color:#191F28}
.hl-meta-desc{font-size:13.5px;color:#4E5968;line-height:1.7;margin:0}
/* ── 컴팩트 서머리 바 & 폼 전환 UX ── */
.hl-form-compact-bar{display:none;align-items:center;justify-content:space-between;background:#FAF8F5;border:1px solid #EAE5DE;border-radius:12px;padding:12px 16px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,0.02);flex-wrap:wrap;gap:10px}
.hl-compact-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hl-compact-badge{display:inline-flex;align-items:center;background:#8E3826;color:#FFF;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:-0.01em}
.hl-compact-text{font-size:14px;color:#4E5968}
.hl-compact-text b{font-weight:700;color:#191F28}
.hl-compact-edit-btn{display:inline-flex;align-items:center;gap:5px;background:#FFFFFF;border:1px solid #D8CFB6;color:#191F28;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .15s}
.hl-compact-edit-btn:hover{background:#FAF8F5}
/* ── 5대 에너지(십신) 분석 카드 ── */
.hl-tg-power-card{margin-top:20px}
.hl-tg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}
@media(max-width:600px){.hl-tg-grid{grid-template-columns:repeat(2,1fr)}}
.hl-tg-item{border-radius:12px;padding:14px 10px;text-align:center;border:1px solid #EAE5DE;background:#FAF8F5;display:flex;flex-direction:column;justify-content:space-between;min-height:110px}
.hl-tg-icon{font-size:18px;margin-bottom:2px}
.hl-tg-title{font-size:13.5px;font-weight:800;color:#191F28;line-height:1.2}
.hl-tg-sub{font-size:11px;color:#736B5E;margin:2px 0 6px}
.hl-tg-count-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11.5px;font-weight:800;margin-top:auto}
.hl-tg-strategy-box{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:12px;padding:18px 20px;margin-top:14px}
.hl-tg-strategy-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#191F28;margin-bottom:8px}
.hl-tg-strategy-desc{font-size:14px;color:#4E5968;line-height:1.7;margin:0 0 10px}
.hl-tg-tip-box{background:#FFF;border-left:3px solid #8E3826;padding:10px 14px;border-radius:0 8px 8px 0;font-size:13px;color:#554B3A;line-height:1.65}
/* 상황별 다중 탭 네비게이션 (스크롤 고정 & 깔끔한 모바일 슬라이드 감성) */
.hl-tabs{display:none;gap:4px;background:#F0ECE4;padding:4px;border-radius:12px;margin:20px 0 22px;border:1px solid #E5E0D5;position:sticky;top:10px;z-index:90;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow-x:auto;-webkit-overflow-scrolling:touch}
.hl-tabs.active{display:flex}
.hl-tab-btn{flex:1;min-width:max-content;flex-shrink:0;padding:11px 12px;border:0;background:transparent;font-size:13.5px;font-weight:600;color:#6B6B76;border-radius:9px;cursor:pointer;text-align:center;transition:all .18s cubic-bezier(0.16, 1, 0.3, 1);white-space:nowrap}
.hl-tab-btn.active{background:#FFFFFF;color:#191F28;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.hl-tab-pane{display:none}
.hl-tab-pane.active{display:block;animation:hlFadeIn .22s ease-out}
@keyframes hlFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* 사주 메인 허브 5대 질문 카드 버튼 */
.hl-qh-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:#FFFDFB;border:1.5px solid #EADDC9;border-radius:14px;cursor:pointer;text-align:left;transition:all .18s ease;box-shadow:0 2px 8px rgba(142,56,38,0.04);margin-bottom:10px;box-sizing:border-box}
.hl-qh-btn:hover{background:#FFF9F2;border-color:#C84B31;transform:translateY(-1px);box-shadow:0 4px 12px rgba(200,75,49,0.12)}
.hl-qh-btn .icon{font-size:24px;line-height:1}
.hl-qh-btn .txt{flex:1;min-width:0}
.hl-qh-btn .txt b{display:block;font-size:15px;color:#191F28;margin-bottom:3px;font-weight:700}
.hl-qh-btn .txt small{display:block;font-size:12.5px;color:#736B5E;line-height:1.4}
.hl-qh-btn .arr{font-size:16px;color:#C84B31;font-weight:700}
/* 내 사주 핵심 3줄 처방전 박스 */
.hl-prescription-box{background:linear-gradient(135deg,#FFFDF9 0%,#FAF5EB 100%);border:1.5px solid #D8B877;border-radius:16px;padding:20px 18px;margin-bottom:20px;box-shadow:0 4px 16px rgba(142,56,38,0.08);text-align:left}
.hl-presc-badge{display:inline-flex;align-items:center;gap:6px;background:#8E3826;color:#FFF;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;margin-bottom:14px}
.hl-presc-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px dashed #E5DBCB;font-size:14px;color:#332E27;line-height:1.6}
.hl-presc-row:last-child{border-bottom:none;padding-bottom:0}
.hl-presc-num{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:#8E3826;color:#FFF;font-size:12px;font-weight:800;margin-top:2px}
.hl-presc-body{flex:1}
.hl-presc-body b{color:#8E3826;margin-right:4px}
.hl-presc-body em{font-style:normal;font-weight:700;color:#191F28}
.hl-presc-row.highlight{background:#FFF6F3;padding:12px 14px;border-radius:12px;border:1px solid #F5C6BC;margin-top:8px}
.hl-blur-lock{background:#ECE6DB;color:#8E3826;padding:2px 8px;border-radius:4px;font-weight:800;font-size:13px;letter-spacing:1px}
.hl-presc-btn{display:inline-block;margin-top:8px;background:#8E3826;color:#FFF;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(142,56,38,0.25);transition:background .15s}
.hl-presc-btn:hover{background:#A8452F}
/* 본질 성향 카드 */
.hl-hero-card{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:16px;padding:26px 20px;margin-bottom:22px;box-shadow:0 2px 10px rgba(0,0,0,0.02);text-align:center;position:relative}
.hl-hero-badge{display:inline-block;padding:4px 10px;background:#FAF0EB;border-radius:6px;font-size:12px;font-weight:700;color:#8E3826;margin-bottom:10px;letter-spacing:-0.2px}
.hl-hero-title{font-size:24px;font-weight:800;color:#191F28;margin:0 0 8px;line-height:1.3;letter-spacing:-0.02em}
.hl-hero-title span{color:#8E3826}
.hl-hero-desc{font-size:14.5px;color:#4E5968;line-height:1.75;margin:0 0 16px;font-weight:500}
.hl-hero-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.hl-hero-tag{display:inline-block;padding:5px 11px;background:#FFFFFF;border:1px solid #EAE5DE;border-radius:16px;font-size:12.5px;color:#555047;font-weight:600}
/* 원국표(명식판) — 토스/애플 스타일 미니멀 타일형 */
.rs-gt{border-collapse:separate;border-spacing:6px;width:100%;min-width:320px;margin:8px 0;border:0}
.rs-gt th,.rs-gt td{border:0;padding:6px 4px;text-align:center}
.rs-gt thead th{background:transparent;color:#8B95A1;font-size:12.5px;font-weight:700;padding-bottom:6px}
.rs-gt tbody th{background:#F7F4EE;color:#736B5E;font-size:12px;font-weight:700;border-radius:10px;width:52px;text-align:center;vertical-align:middle}
.rs-gt .rs-ch{background:#FAF8F5;border:1px solid rgba(0,0,0,0.06);border-radius:14px;padding:12px 4px;transition:transform .15s ease}
.rs-gt .rs-ch b{display:block;font-size:28px;line-height:1.15;color:#191F28;font-weight:700}
.rs-gt .rs-ch span{display:block;font-size:12.5px;color:#6B7684;font-weight:600;margin-top:3px}
.rs-gt .rs-ch.rs-self{background:#FFF6F3;border:1.5px solid #8E3826;box-shadow:0 4px 16px rgba(142,56,38,0.12)}
.rs-gt .rs-ch.rs-self b{color:#8E3826}
.rs-gt .rs-r1 td{background:#FCFAF7;border-radius:10px;font-size:12.5px;font-weight:600;color:#555047;padding:8px 4px}
.rs-gt .rs-hid{background:#FAF8F5;border-radius:10px;padding:8px 4px}
.rs-gt .rs-stage td{background:#FCFAF7;border-radius:10px;font-size:12.5px;color:#555047;padding:8px 4px}
/* 행동 처방 카드형 리스트 (불릿포인트 제거 & 토스식 카드화) */
.hl-pres-grid{display:flex;flex-direction:column;gap:10px;margin:14px 0 16px}
.hl-pres-item{background:#FAF8F5;border:1px solid #ECE6DB;border-radius:14px;padding:15px 17px;transition:background .15s}
.hl-pres-head{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#191F28;margin-bottom:6px}
.hl-pres-badge{display:inline-block;padding:2px 8px;background:#EDE4D4;border-radius:6px;font-size:11.5px;color:#8E3826;font-weight:700}
.hl-pres-text{font-size:14px;color:#555047;line-height:1.65;margin:0}
/* 오늘의 일진 위젯 */
.hl-today-box{display:flex;align-items:center;gap:16px;background:#FAF7F0;border:1px solid #EAE2D2;border-radius:16px;padding:18px 20px;margin:12px 0 16px}
.hl-today-big{font-size:32px;font-weight:800;color:#8E3826;line-height:1;min-width:76px;text-align:center}
.hl-today-meta{font-size:14.5px;color:#4E5968;line-height:1.6}
/* 부드러운 게이지 바 트랜지션 & 슬릭 트랙 */
.rs-track{flex:1;height:10px;background:#ECE8DF;border-radius:999px;overflow:hidden}
.rs-track i{height:100%;border-radius:999px;transition:width 0.8s cubic-bezier(0.16, 1, 0.3, 1)}
/* 2026-10 인기 운세 탐색 섹션 & 플로팅 바 (5배 유입 & 내부 순환) */
.hl-explore-section{margin:44px 0 28px;padding-top:28px;border-top:2px solid #DED5C3}
.hl-explore-header{margin-bottom:20px}
.hl-explore-header h2{font-size:20px;font-weight:800;color:#131318;margin:0 0 6px;padding-left:0;border-left:none}
.hl-explore-header p{font-size:14px;color:#6B6B76;margin:0}
.hl-explore-category{margin-bottom:22px}
.hl-cat-title{font-size:13.5px;font-weight:700;color:#A8452F;letter-spacing:.04em;margin-bottom:10px}
.hl-explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.hl-explore-card{display:flex;flex-direction:column;padding:14px 16px;background:rgba(255,255,255,.7);border:1px solid #DED5C3;border-radius:12px;text-decoration:none!important;transition:all .15s ease}
.hl-explore-card:hover{background:#FFFFFF;border-color:#A8452F;transform:translateY(-2px);box-shadow:0 4px 12px rgba(168,69,47,.08)}
.hl-explore-card.highlight{background:#FCF7EE;border-color:#D8B877}
.hl-explore-card b{font-size:14.5px;font-weight:700;color:#131318;margin-bottom:4px;display:block}
.hl-explore-card.highlight b{color:#A8452F}
.hl-explore-card span{font-size:12.5px;color:#6B6B76;line-height:1.5}
/* 모바일/데스크톱 플로팅 하단 탐색바 — 인사동 레트로 미니멀 */
.hl-floating-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,16px));left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:1000;width:min(440px,calc(100vw - 28px));background:rgba(255,255,255,0.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:7px 10px;border-radius:16px;border:1px solid #EAE5DE;box-shadow:0 8px 24px rgba(28,20,16,0.10);box-sizing:border-box;transition:all .2s ease}
.hl-float-btn{flex:1;text-align:center;padding:12px 14px;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:13.5px;font-weight:700;text-decoration:none!important;border:0;white-space:nowrap;cursor:pointer;transition:transform .12s,background .15s;font-family:'Gowun Batang','Noto Serif KR',Georgia,serif}
.hl-float-btn:active{transform:scale(0.97)}
.hl-float-primary{flex:1.4;background:#8E3826;color:#FFFFFF!important;border:1px solid #751414;box-shadow:0 2px 8px rgba(142,56,38,0.25)}
.hl-float-primary:hover{background:#771414}
.hl-float-sub{flex:0.8;background:#FAF7F2;color:#1C1410!important;border:1px solid #EAE5DE}
.hl-float-sub:hover{background:#F0EAE1}
@media(min-width:840px){
.hl-floating-bar{left:auto;right:28px;bottom:max(24px,env(safe-area-inset-bottom,24px));transform:none;width:auto;min-width:340px;padding:8px 12px;box-shadow:0 10px 32px rgba(28,20,16,0.12)}
}
.hl-sticky-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#FAF7F2 80%,rgba(250,247,242,0));padding:8px 16px env(safe-area-inset-bottom,8px);z-index:997;pointer-events:none}
.hl-sticky-bottom-bar>*{pointer-events:auto}
.hl-nav-newyear em{color:#8E3826!important}
/* 토스트 알림 */
.hl-toast{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%) translateY(20px);background:rgba(20,15,10,.95);color:#F4EFE4;padding:10px 18px;border-radius:30px;font-size:13.5px;font-weight:700;z-index:2000;opacity:0;transition:all .25s ease;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.3);border:1px solid rgba(216,184,119,.4);text-align:center;max-width:90vw}
.hl-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* 행운 팁 카드 */
.hl-lucky-box{background:linear-gradient(135deg,#FCF9F3,#F7F1E4);border:1.5px solid #D8B877;border-radius:18px;padding:20px;margin:24px 0;box-shadow:0 6px 18px rgba(168,69,47,.06)}
.hl-lucky-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.hl-lucky-tag{background:#A8452F;color:#FFF;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.02em}
.hl-lucky-head h3{margin:0;font-size:17.5px;font-weight:800;color:#191F28}
.hl-lucky-sub{font-size:13px;color:#6B6B76;margin:0 0 16px;line-height:1.5}
.hl-lucky-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.hl-lucky-item{background:rgba(255,255,255,.8);border:1px solid #EAE2D2;border-radius:12px;padding:12px 14px}
.hl-lucky-lbl{display:block;font-size:11.5px;font-weight:700;color:#8B7D6B;margin-bottom:4px}
.hl-lucky-val{display:block;font-size:15px;font-weight:800;color:#191F28}
.hl-val-elem{color:#A8452F}
.hl-lucky-numbers-wrap{background:rgba(255,255,255,.9);border:1px solid #E2D7C3;border-radius:14px;padding:14px;text-align:center;margin-bottom:14px}
.hl-lucky-balls{display:flex;justify-content:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.hl-ball{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#B84C34,#8E3826);color:#FFF;font-size:15px;font-weight:800;box-shadow:0 3px 8px rgba(168,69,47,.25);transition:transform .2s ease}
.hl-lucky-balls.rolling .hl-ball{animation:hlBounce .4s infinite alternate}
@keyframes hlBounce{0%{transform:translateY(0)}100%{transform:translateY(-8px)}}
.hl-lucky-action{text-align:center;margin-bottom:12px}
.hl-lucky-draw-btn{background:linear-gradient(90deg,#A8452F,#B84C34);color:#FFF;border:none;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(168,69,47,.3);transition:all .15s ease}
.hl-lucky-draw-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(168,69,47,.4)}
.hl-lucky-desc{font-size:13px;color:#555047;line-height:1.6;background:rgba(255,255,255,.6);border-radius:10px;padding:10px 14px}
.hl-copy-num-btn{margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;background:#EDE4D4;border:1px solid #D8B877;border-radius:6px;cursor:pointer;color:#8E3826}
/* 일간 10간 빠른 선택 칩 */
.ilgan-pill-bar{margin:18px 0 10px;padding:12px 14px;background:#FAF7F0;border:1px solid #EAE2D2;border-radius:14px}
.pill-bar-title{display:block;font-size:13px;font-weight:800;color:#8E3826;margin-bottom:8px}
.pill-scroll{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.pill-scroll::-webkit-scrollbar{height:4px}
.pill-scroll::-webkit-scrollbar-thumb{background:#D8B877;border-radius:4px}
.ilgan-pill{flex:0 0 auto;padding:6px 12px;border-radius:999px;border:1px solid #D8B877;background:#FFF;color:#333;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}
.ilgan-pill:hover,.ilgan-pill.active{background:#A8452F;color:#FFF;border-color:#A8452F}
.row-highlight{background:#FDF5E6!important;outline:2px solid #D8B877}
.ilgan-quick-result{margin:10px 0 16px}
.quick-badge{background:#FAF0DD;border:1px solid #D8B877;border-radius:12px;padding:12px 16px;font-size:14px;color:#191F28;line-height:1.6}
/* 개미지옥 꼬리물기 섹션 */
.hl-next-loop{margin:36px 0 24px;padding:20px;background:#FAF8F4;border:1px solid #EAE2D2;border-radius:18px}
.hl-next-loop h2{font-size:18px;font-weight:800;color:#191F28;margin:0 0 14px;border:none;padding:0}
.hl-loop-grid{display:flex;flex-direction:column;gap:10px}
.hl-loop-card{display:flex;align-items:center;gap:14px;background:#FFF;border:1px solid #E4DCCF;border-radius:14px;padding:13px 16px;text-decoration:none!important;transition:all .15s ease}
.hl-loop-card:hover{border-color:#A8452F;transform:translateX(3px);box-shadow:0 3px 10px rgba(0,0,0,.04)}
.hl-loop-icon{font-size:22px;line-height:1}
.hl-loop-info{flex:1;display:flex;flex-direction:column}
.hl-loop-info b{font-size:14.5px;font-weight:700;color:#191F28;margin-bottom:2px}
.hl-loop-info span{font-size:12.5px;color:#6B6B76}
.hl-loop-arrow{font-size:16px;font-weight:800;color:#A8452F}
/* 모바일 PWA 배너 */
.hl-pwa-banner{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 28px));background:#1C1917;color:#FFF;padding:10px 14px;border-radius:16px;z-index:999;box-shadow:0 8px 24px rgba(0,0,0,.35);border:1px solid rgba(216,184,119,.4);animation:hlSlideUp .3s ease}
@keyframes hlSlideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
.hl-pwa-content{display:flex;align-items:center;gap:10px}
.hl-pwa-icon{font-size:22px}
.hl-pwa-text{flex:1;display:flex;flex-direction:column}
.hl-pwa-text b{font-size:13px;font-weight:700;color:#FAF5ED}
.hl-pwa-text span{font-size:11px;color:#A8A29E}
.hl-pwa-btn{background:#A8452F;color:#FFF;border:none;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}
.hl-pwa-close{background:none;border:none;color:#78716C;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}
@media(min-width:840px){.hl-pwa-banner{display:none}}
/* 무료 요약 완료 및 프리미엄 자세한 리포트 경계 배너 */
.hl-boundary-box{background:#FAF6EC;border:1.5px solid #D8B877;border-radius:16px;padding:22px 20px;margin:28px 0 24px;text-align:center;box-shadow:0 4px 16px rgba(168,69,47,0.05)}
.hl-boundary-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
.hl-boundary-free{background:#5A554A;color:#FFF;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px}
.hl-boundary-arrow{color:#A8452F;font-weight:900;font-size:14px}
.hl-boundary-paid{background:#A8452F;color:#FFF;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px}
.hl-boundary-title{font-size:17.5px;font-weight:800;color:#131318;margin:6px 0 8px;letter-spacing:-0.02em}
.hl-boundary-desc{font-size:14px;color:#555047;line-height:1.65;margin:0 0 14px}
.hl-boundary-guarantee{display:inline-flex;align-items:center;gap:6px;background:rgba(216,184,119,0.18);border:1px solid rgba(216,184,119,0.4);border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:700;color:#8E3826}
/* 2026-10 꿈해몽 직관 판정 배너 및 스마트 검색창 */
.hl-dream-verdict-box{background:linear-gradient(135deg,#FFFDF9 0%,#FAF4E6 100%);border:1.5px solid #D8B877;border-radius:18px;padding:22px 20px;margin:18px 0 22px;box-shadow:0 6px 20px rgba(168,69,47,0.06);position:relative;overflow:hidden}
.hl-dream-verdict-box::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8E3826,#D8B877,#8E3826)}
.hl-dverdict-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.hl-dv-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800}
.hl-dv-score{background:#8E3826;color:#FFF}
.hl-dv-taemong{background:#FAF0DD;color:#8E3826;border:1px solid #D8B877}
.hl-dv-action{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}
.hl-dverdict-title{font-size:21px;font-weight:800;color:#191F28;margin:0 0 8px;line-height:1.35;letter-spacing:-0.02em}
.hl-dverdict-title b{color:#8E3826}
.hl-dverdict-desc{font-size:14.5px;line-height:1.7;color:#4B453A;margin:0 0 14px}
.hl-dverdict-action-box{background:rgba(255,255,255,0.85);border:1px solid #EAE2D2;border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px}
.hl-dv-action-icon{font-size:20px;line-height:1.2}
.hl-dv-action-text{font-size:13.5px;line-height:1.6;color:#332F28}
.hl-dv-action-text b{color:#8E3826}
.hl-dream-search-box{background:#FAF8F4;border:1px solid #EAE2D2;border-radius:16px;padding:16px 18px;margin:20px 0 22px}
.hl-ds-title{font-size:14px;font-weight:800;color:#191F28;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
.hl-ds-input-wrap{display:flex;gap:8px;margin-bottom:12px}
.hl-ds-input{flex:1;height:44px;padding:0 14px;border:1.5px solid #D8CFB6;border-radius:10px;font-size:15px;background:#FFF;color:#191F28;outline:none;box-sizing:border-box}
.hl-ds-input:focus{border-color:#8E3826}
.hl-ds-btn{height:44px;padding:0 18px;background:#8E3826;color:#FFF;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.hl-ds-chips{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.hl-ds-chip{flex:0 0 auto;padding:5px 11px;background:#FFF;border:1px solid #D8CFB6;border-radius:20px;font-size:12.5px;color:#555047;text-decoration:none!important;font-weight:600;transition:all .15s}
.hl-ds-chip:hover{background:#8E3826;color:#FFF;border-color:#8E3826}
.hl-scene-card{background:#FFFFFF;border:1px solid #E8E1D3;border-left:4px solid #8E3826;border-radius:12px;padding:16px 18px;margin:0 0 14px;box-shadow:0 2px 8px rgba(0,0,0,0.02)}
.hl-scene-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.hl-scene-title{font-size:16px;font-weight:800;color:#191F28}
.hl-scene-grade{font-size:12px;font-weight:800;padding:2px 8px;border-radius:6px}
.hl-grade-best{background:#E8F5E9;color:#2E7D32}
.hl-grade-good{background:#FFF8E1;color:#F57F17}
.hl-grade-warn{background:#FFEBEE;color:#C62828}
.hl-scene-text{font-size:14.5px;line-height:1.75;color:#4A453C;margin:0}
.hl-scene-list{margin:16px 0 24px}
.hl-misread-list{margin:16px 0 24px}
.hl-misread-card{background:#FFFFFF;border:1px solid #E8E1D3;border-radius:12px;padding:16px 18px;margin:0 0 12px;box-shadow:0 2px 6px rgba(0,0,0,0.02)}
.hl-mr-q{font-size:15px;font-weight:800;color:#8E3826;margin-bottom:6px}
.hl-mr-a{font-size:14px;color:#4B453A;line-height:1.7}
details.hl-theory-fold{margin:28px 0;border:1.5px solid #D8CFB6;border-radius:16px;background:#FAF8F5;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.03)}
details.hl-theory-fold>summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:800;font-size:15.5px;color:#191F28;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#FFFDF9;border-bottom:1px solid transparent;transition:all .15s ease}
details.hl-theory-fold>summary::-webkit-details-marker{display:none}
details.hl-theory-fold>summary:hover{background:#F7F3EB}
details.hl-theory-fold[open]>summary{border-bottom:1px solid #E5DDCB;background:#FAF5ED}
details.hl-theory-fold>summary::after{content:'더보기 ▾';font-size:12.5px;font-weight:700;color:#8E3826;padding:4px 10px;background:rgba(142,56,38,0.08);border-radius:6px}
details.hl-theory-fold[open]>summary::after{content:'접기 ▴'}
details.hl-theory-fold .hl-theory-content{padding:20px;background:#FFFDF9}
.hl-theory-intro{font-size:13.5px;color:#6B5E45;line-height:1.65;margin:0 0 20px;padding:12px 14px;background:#FAF8F4;border-radius:8px;border-left:3px solid #D8B877}
.hl-theory-subcard{margin-bottom:24px;padding-bottom:20px;border-bottom:1px dashed #E5DCB9}
.hl-theory-subcard:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.hl-theory-subcard h3{font-size:16px;font-weight:800;color:#191F28;margin:0 0 10px}
/* 2026-10 직관 요약 카드 & 퀵 네비게이션 & 사주 쉬운 용어 번역 가이드 */
.hl-summary-card{background:linear-gradient(135deg,#FFFDF9 0%,#FAF4E6 100%);border:1.5px solid #D8B877;border-radius:18px;padding:22px 20px;margin:18px 0 22px;box-shadow:0 6px 20px rgba(168,69,47,0.06);position:relative;overflow:hidden}
.hl-summary-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8E3826,#D8B877,#8E3826)}
.hl-sum-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.hl-sum-badges .hl-sum-badge{margin:0}
.hl-sum-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800}
.hl-sum-badge.main{background:#8E3826;color:#FFF}
.hl-sum-badge.sub{background:#FFF8E1;color:#F57F17;border:1px solid #FFE082}
.hl-sum-badge.good{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}
.hl-sum-badge.warn{background:#FFEBEE;color:#C62828;border:1px solid #FFCDD2}
.hl-sum-title{font-size:20.5px;font-weight:800;color:#191F28;margin:0 0 8px;line-height:1.4;letter-spacing:-0.02em}
.hl-sum-title b{color:#8E3826}
.hl-sum-desc{font-size:14.5px;line-height:1.75;color:#4B453A;margin:0 0 14px}
.hl-sum-action{background:rgba(255,255,255,0.85);border:1px solid #EAE2D2;border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px}
.hl-sum-action-icon{font-size:18px;line-height:1.3}
.hl-sum-action-text{font-size:13.5px;line-height:1.6;color:#332F28}
.hl-sum-action-text b{color:#8E3826}
.hl-quick-nav-bar{background:#FAF8F4;border:1px solid #EAE2D2;border-radius:16px;padding:14px 16px;margin:18px 0 22px}
.hl-qnav-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:#8E3826;margin-bottom:10px}
.hl-qnav-scroll{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:3px}
.hl-qnav-scroll::-webkit-scrollbar{height:4px}
.hl-qnav-scroll::-webkit-scrollbar-thumb{background:#D8B877;border-radius:4px}
.hl-qnav-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:#FFF;border:1px solid #D8CFB6;border-radius:20px;font-size:13px;font-weight:700;color:#4B453A;text-decoration:none!important;transition:all .15s ease}
.hl-qnav-chip:hover{background:#8E3826;color:#FFF!important;border-color:#8E3826;transform:translateY(-1px)}
.hl-qnav-chip.active{background:#8E3826;color:#FFF!important;border-color:#8E3826}
.hl-term-guide-box{background:#FFFDF8;border:1px solid #E4DAC4;border-radius:14px;padding:18px;margin:20px 0 22px}
.hl-tg-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#8E3826;margin-bottom:12px}
.hl-tg-head span{font-size:12px;font-weight:600;color:#7A7264;background:#FAF0DD;padding:2px 8px;border-radius:4px}
.hl-tg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:540px){.hl-tg-grid{grid-template-columns:1fr}}
.hl-tg-item{background:#FAF8F4;border:1px solid #EFEAE0;border-radius:10px;padding:10px 12px}
.hl-tg-name{font-size:13.5px;font-weight:800;color:#191F28;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.hl-tg-name span{font-size:11.5px;font-weight:700;color:#8E3826;background:rgba(142,56,38,0.08);padding:1px 6px;border-radius:4px}
.hl-tg-desc{font-size:13px;color:#555047;line-height:1.55;margin:0}
.hl-insight-box{background:#FFFDF8;border:1px solid #E4DAC4;border-left:4px solid #8E3826;border-radius:12px;padding:16px 18px;margin:18px 0;box-shadow:0 2px 8px rgba(0,0,0,0.02)}
.hl-insight-box b{display:block;font-size:15px;font-weight:800;color:#191F28;margin-bottom:6px}
.hl-insight-box p{font-size:14px;color:#4B453A;line-height:1.7;margin:0}
/* 2026-10 꿈해몽 상황별 인터랙티브 탭 & 중간 꼬리물기 탐색 바 */
.hl-scene-selector{background:#FAF7F0;border:1.5px solid #D8B877;border-radius:18px;padding:20px 18px;margin:24px 0 26px;box-shadow:0 6px 18px rgba(142,56,38,0.04)}
.hl-ss-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}
.hl-ss-title{font-size:15px;font-weight:800;color:#191F28;display:flex;align-items:center;gap:6px}
.hl-ss-badge{background:#8E3826;color:#FFF;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:6px}
.hl-ss-scroll{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:14px}
.hl-ss-scroll::-webkit-scrollbar{height:4px}
.hl-ss-scroll::-webkit-scrollbar-thumb{background:#D8B877;border-radius:4px}
.hl-ss-pill{flex:0 0 auto;padding:7px 13px;border-radius:999px;border:1.5px solid #D8CFB6;background:#FFF;color:#332F28;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit}
.hl-ss-pill:hover{border-color:#8E3826;color:#8E3826}
.hl-ss-pill.active{background:#8E3826;color:#FFF;border-color:#8E3826;box-shadow:0 3px 8px rgba(142,56,38,0.25)}
.hl-ss-content{background:#FFF;border:1px solid #E5DEC9;border-radius:14px;padding:16px 18px;animation:hlFadeIn .2s ease-out}
.hl-ss-c-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:6px}
.hl-ss-c-title{font-size:16.5px;font-weight:800;color:#191F28}
.hl-ss-c-grade{font-size:12px;font-weight:800;padding:3px 9px;border-radius:6px}
.hl-ss-c-grade.best{background:#E8F5E9;color:#2E7D32}
.hl-ss-c-grade.good{background:#FFF8E1;color:#F57F17}
.hl-ss-c-grade.warn{background:#FFEBEE;color:#C62828}
.hl-ss-c-text{font-size:14px;line-height:1.7;color:#4B453A;margin:0 0 12px}
.hl-ss-c-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#8E3826;text-decoration:none}
.hl-ss-c-link:hover{text-decoration:underline}
/* 중간 꼬리물기 탐색 바 */
.hl-mid-loop-bar{background:linear-gradient(135deg,#FFFDF9 0%,#FBF5E8 100%);border:1.5px solid #D8B877;border-radius:18px;padding:20px 18px;margin:30px 0 26px;box-shadow:0 6px 20px rgba(142,56,38,0.05)}
.hl-ml-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.hl-ml-head b{font-size:15px;color:#191F28;font-weight:800}
.hl-ml-head span{font-size:11.5px;color:#8E3826;font-weight:700;background:rgba(142,56,38,0.08);padding:2px 8px;border-radius:5px}
.hl-ml-chips{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:14px}
.hl-ml-chip{flex:0 0 auto;padding:6px 12px;background:#FFF;border:1px solid #D8CFB6;border-radius:20px;font-size:12.5px;font-weight:700;color:#4B453A;text-decoration:none!important;transition:all .15s}
.hl-ml-chip:hover{background:#8E3826;color:#FFF!important;border-color:#8E3826}
.hl-ml-cta{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.85);border:1px solid #E8DFCB;border-radius:12px;padding:12px 14px;gap:10px}
.hl-ml-cta-txt{font-size:13px;color:#555047;line-height:1.5}
.hl-ml-cta-txt b{color:#8E3826}
.hl-ml-cta-btn{flex:0 0 auto;background:#8E3826;color:#FFF!important;padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:700;text-decoration:none!important;box-shadow:0 2px 6px rgba(142,56,38,0.2)}
/* 2026-10 커리어 사주 결론 뱃지 & 점수제 */
.hl-career-hero-card{background:linear-gradient(135deg,#FFFDF9 0%,#FBF4E6 100%);border:1.5px solid #D8B877;border-radius:20px;padding:24px 20px;margin:20px 0 24px;box-shadow:0 6px 24px rgba(142,56,38,0.06);position:relative;overflow:hidden}
.hl-career-hero-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8E3826,#D8B877,#8E3826)}
.hl-ch-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.hl-ch-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800}
.hl-ch-score{background:#8E3826;color:#FFF}
.hl-ch-type{background:#FAF0DD;color:#8E3826;border:1px solid #D8B877}
.hl-ch-timing{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}
.hl-ch-title{font-size:22px;font-weight:800;color:#191F28;margin:0 0 8px;letter-spacing:-0.02em}
.hl-ch-title b{color:#8E3826}
.hl-ch-desc{font-size:14.5px;line-height:1.7;color:#4B453A;margin:0 0 16px}
.hl-ch-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.hl-ch-tag{padding:5px 11px;background:#FFF;border:1px solid #D8CFB6;border-radius:20px;font-size:12.5px;font-weight:700;color:#6B5E45}
.hl-ch-action-box{background:rgba(255,255,255,0.9);border:1px solid #EAE2D2;border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px}
.hl-ch-action-icon{font-size:20px;line-height:1.2}
.hl-ch-action-text{font-size:13.5px;line-height:1.6;color:#332F28}
.hl-ch-action-text b{color:#8E3826}
/* 내면 기질과 심리 분석 컴포넌트 */
.hl-soul-card{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:14px;padding:22px 20px;margin-bottom:22px}
.hl-soul-badge{display:inline-block;background:#FAF0EB;color:#8E3826;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;margin-bottom:14px;letter-spacing:-0.2px}
.hl-soul-grid{display:flex;flex-direction:column;gap:12px}
.hl-soul-item{background:#FFF;border:1px solid #EAE5DE;border-radius:10px;padding:16px 18px}
.hl-soul-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#191F28;margin-bottom:8px}
.hl-soul-tag{background:#FAF0EB;color:#8E3826;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:4px}
.hl-soul-desc{font-size:14px;color:#4E5968;line-height:1.7;margin:0}
.hl-soul-feedback{margin-top:14px;display:flex;align-items:center;justify-content:space-between;background:#FAF8F5;border-radius:8px;padding:10px 14px;font-size:13px;color:#6B5E45;flex-wrap:wrap;gap:6px}
.hl-soul-rate{font-weight:700;color:#8E3826;display:inline-flex;align-items:center;gap:4px}
/* 인생의 4계절 (근묘화실) 컴포넌트 */
.hl-seasons-container{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:16px;padding:22px 20px;margin-bottom:24px}
.hl-seasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
@media(max-width:860px){.hl-seasons-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:500px){.hl-seasons-grid{grid-template-columns:1fr;gap:12px}}
.hl-season-card{background:#FFF;border:1px solid #EAE5DE;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;box-shadow:0 1px 4px rgba(0,0,0,0.02);transition:transform 0.15s ease,box-shadow 0.15s ease}
.hl-season-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.06)}
.hl-season-card-current{border:1.5px solid #8E3826;background:#FFFDF8;box-shadow:0 3px 12px rgba(142,56,38,0.1)}
.hl-season-card-core{border:1px dashed #C8B9A6}
.hl-season-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:4px;flex-wrap:wrap}
.hl-season-badge{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:-0.2px}
.phase-spring{background:#E8F5E9;color:#2E7D32}
.phase-summer{background:#FFF3E0;color:#E65100}
.phase-autumn{background:#FAF0EB;color:#8E3826}
.phase-winter{background:#E3F2FD;color:#1565C0}
.hl-season-age{font-size:11.5px;color:#7A7065;font-weight:600}
.hl-season-metaphor{font-size:13.5px;font-weight:800;color:#191F28;margin-bottom:8px;letter-spacing:-0.3px}
.hl-season-box{background:#FAF8F5;border:1px solid #EAE5DE;border-radius:8px;padding:8px 0;text-align:center;margin-bottom:8px;display:flex;align-items:baseline;justify-content:center;gap:6px}
.hl-season-box.current-box{background:#FAF0EB;border-color:#E8D2C8}
.hl-season-hanja{font-family:serif;font-size:20px;font-weight:800;color:#191F28;letter-spacing:2px}
.hl-season-ko{font-size:12.5px;font-weight:700;color:#7A7065}
.hl-season-chips{display:flex;align-items:center;gap:5px;margin-bottom:10px;flex-wrap:wrap}
.hl-season-chip{font-size:11px;font-weight:700;color:#555047;background:#F4EFEB;padding:2px 6px;border-radius:4px}
.hl-season-chip.chip-stage{color:#8E3826;background:#FFF;border:1px solid #E8D2C8}
.hl-season-desc{font-size:12.5px;color:#4E5968;line-height:1.65;margin:0;flex:1;word-break:keep-all}
.hl-elem-health-card{background:#FFFFFF;border:1.5px solid #D8CFB6;border-radius:18px;padding:20px;margin:18px 0 20px;box-shadow:0 4px 14px rgba(0,0,0,0.03)}
.hl-eh-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.hl-eh-title{font-size:16.5px;font-weight:800;color:#191F28;margin:0;display:flex;align-items:center;gap:7px}
.hl-eh-badge{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:5px;background:#FAF0DD;color:#8E3826;border:1px solid #D8B877}
.hl-eh-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:540px){.hl-eh-box{grid-template-columns:1fr}}
.hl-eh-col{border-radius:12px;padding:14px 15px}
.hl-eh-col.excess{background:#FFF6F4;border:1px solid #F5C6CB}
.hl-eh-col.deficit{background:#F4F9F6;border:1px solid #C3E6CB}
.hl-eh-col-title{font-size:13.5px;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.hl-eh-col.excess .hl-eh-col-title{color:#A8452F}
.hl-eh-col.deficit .hl-eh-col-title{color:#236C3D}
.hl-eh-col-text{font-size:13px;color:#555047;line-height:1.65;margin:0}
.rs-blur-badge{display:inline-block;filter:blur(4px);background:rgba(216,184,119,0.3);color:#8E3826;padding:1px 8px;border-radius:4px;user-select:none;-webkit-user-select:none;font-weight:800;margin:0 2px;letter-spacing:1px}
.hl-social-ticker{background:rgba(20,10,5,0.85);color:#F4EFE4;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:14px;border:1px solid rgba(216,184,119,0.35);animation:hlFadeIn .3s ease}
.hl-social-ticker span.dot{width:7px;height:7px;border-radius:50%;background:#27AE60;display:inline-block;box-shadow:0 0 6px #27AE60}
/* ── 복채함(福債) 5초 광고 — 결제하지 않은 손님은 글마다 5초(2026-10-13) ── */
.hl-locked-wrap{position:relative;margin:28px 0 20px}
.hl-locked-content{max-height:280px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%);user-select:none;-webkit-user-select:none;pointer-events:none;transition:max-height .3s ease}
.hl-bokchae-card{position:relative;margin-top:-90px;z-index:10;background:linear-gradient(135deg,#FFFDF8 0%,#FAF4E6 100%);border:1.5px solid #D8B877;border-radius:18px;padding:26px 22px;text-align:center;box-shadow:0 8px 32px rgba(142,56,38,0.12);overflow:hidden}
.hl-bokchae-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8E3826,#D8B877,#8E3826)}
.hl-bokchae-badge{display:inline-flex;align-items:center;gap:5px;background:#8E3826;color:#FFF;font-size:12px;font-weight:800;padding:4px 11px;border-radius:6px;margin-bottom:10px;letter-spacing:-0.2px}
.hl-bokchae-title{font-size:21px;font-weight:800;color:#191F28;margin:0 0 10px;letter-spacing:-0.02em;line-height:1.35}
.hl-bokchae-title b{color:#8E3826}
.hl-bokchae-desc{font-size:14.5px;color:#4B453A;line-height:1.75;margin:0 0 18px;word-break:keep-all}
.hl-bokchae-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:380px;min-height:48px;padding:12px 20px;background:linear-gradient(135deg,#8E3826 0%,#A8452F 100%);color:#FFF!important;font-size:15.5px;font-weight:800;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 16px rgba(142,56,38,0.28);transition:all .15s ease;font-family:inherit;text-decoration:none!important;box-sizing:border-box}
.hl-bokchae-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(142,56,38,0.38);background:#772F20}
.hl-bokchae-sub{margin-top:12px;font-size:12.5px;color:#7A7264;line-height:1.5}
.hl-bokchae-sub a{color:#8E3826;font-weight:700;text-decoration:underline}
/* 잠금 해제 상태 (.hl-bokchae-open) */
.hl-bokchae-open .hl-locked-content,
html.hl-bokchae-open .hl-locked-content{max-height:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;user-select:auto!important;-webkit-user-select:auto!important;pointer-events:auto!important}
.hl-bokchae-open .hl-bokchae-card,
html.hl-bokchae-open .hl-bokchae-card{display:none!important}
/* 복채 광고 시청 모달 (#hlBokchaeModal) */
.hl-bc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,10,5,0.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s ease}
.hl-bc-modal-overlay.active{display:flex;opacity:1}
.hl-bc-modal{background:#FAF7F2;border:1px solid #E8E0D2;border-radius:14px;max-width:420px;width:100%;padding:24px 20px;text-align:center;box-shadow:0 12px 36px rgba(0,0,0,0.3);position:relative;overflow:hidden;transform:scale(0.96);transition:transform .2s ease}
.hl-bc-modal-overlay.active .hl-bc-modal{transform:scale(1)}
.hl-bc-title{font-size:17.5px;font-weight:700;color:#1D1915;margin:0 0 6px;font-family:'Gowun Batang','Noto Serif KR',Georgia,serif}
.hl-bc-sub{font-size:13px;color:#544B42;margin:0 0 16px;line-height:1.5}
.hl-bc-timer-wrap{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#FAF0EB;border:2px solid #B03628;color:#B03628;font-size:22px;font-weight:700;margin-bottom:14px}
.hl-bc-ad-box{min-height:110px;background:#FFFFFF;border:1px dashed #E8E0D2;border-radius:8px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;padding:8px}
.hl-bc-close-btn{background:transparent;border:0;color:#7A7065;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px 12px;font-family:inherit}
.hl-bc-close-btn:hover{color:#1D1915}
/* ── AI 검색 엔진(GEO) Q&A 요약 — 인사동 에디토리얼 스타일 ── */
.ai-summary-box{background:#FFFFFF;border:1px solid #E8E0D2;border-left:3.5px solid #B03628;border-radius:10px;padding:14px 16px;margin:16px 0 24px;box-shadow:0 1px 4px rgba(0,0,0,0.02)}
.ai-summary-box .ai-sb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.ai-summary-box .ai-sb-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#B03628;background:#FAF0EB;padding:2px 7px;border-radius:4px}
.ai-summary-box .ai-sb-engine{font-size:11px;font-weight:600;color:#7A7065}
.ai-summary-box h3{font-family:'Gowun Batang','Noto Serif KR',Georgia,serif;font-size:15px;font-weight:700;color:#1D1915;margin:0 0 6px;line-height:1.5}
.ai-summary-box p{font-size:14px;color:#3A342E;line-height:1.75;margin:0}
.ai-summary-box p strong{color:#B03628;font-weight:700}
.hl-footer-geo-note{display:none!important}