/* 내 운세 티어 — 저채도 5색(오행), 등급 배지 */
.work[data-tool="saju-luck-tier"] .slt-ymd { grid-template-columns: 1.3fr 1fr 1fr; }
.work[data-tool="saju-luck-tier"] .slt-ymd .unit .ctrl { text-align: left; }
.work[data-tool="saju-luck-tier"] label small { font-weight: 400; color: var(--ink-3); }
.work[data-tool="saju-luck-tier"] .help { margin-top: 8px; font-size: 13px; color: var(--ink-3); }
.work[data-tool="saju-luck-tier"] .check[hidden] { display: none; }
.work[data-tool="saju-luck-tier"] .check + .field { margin-top: 22px; }
.work[data-tool="saju-luck-tier"] .form > .btn { margin-top: 18px; }
.slt-top { display: flex; align-items: center; gap: 18px; margin-top: 10px; }
.slt-badge { flex: none; width: 104px; height: 104px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 72px; font-weight: 700; color: #fff; line-height: 1; }
.slt-g0 { background: #2f6a9a; } .slt-g1 { background: #3f7a52; } .slt-g2 { background: #6b7280; } .slt-g3 { background: #8a6d1f; } .slt-g4 { background: #b3523f; }
.slt-pct { font-size: 17px; color: var(--ink-2); } .slt-pct b { display: block; margin-top: 4px; font-size: 30px; line-height: 1.2; color: var(--ink); }
.result .slt-flow { margin-top: 14px; font-size: 15px; color: var(--ink); line-height: 1.6; }
.result .slt-year { margin-top: 4px; color: var(--ink-2); }
.slt-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.slt-btns .btn { flex: 1 1 auto; width: auto; }
.result .slt-next { margin-top: 12px; font-size: 13px; color: var(--ink-3); }
#slt-out h2 { margin-top: 28px; }
#slt-out h2:first-child { margin-top: 0; }
#slt-out .help { margin-top: 8px; font-size: 13px; color: var(--ink-3); }
.slt-pillars { max-width: 520px; }
.slt-ph, .slt-prow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.slt-ph span { text-align: center; font-size: 13px; color: var(--ink-2); padding-bottom: 6px; }
.slt-p { display: grid; gap: 6px; }
.slt-s { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 8px; padding: 10px 2px; }
.slt-s b { font-size: 34px; line-height: 1.1; font-weight: 700; }
.slt-s i { font-style: normal; font-size: 12px; margin-top: 2px; }
.slt-p0 { grid-template-rows: 1fr; } .slt-p0 span { display: none; }
.slt-p0 small { display: flex; align-items: center; justify-content: center; border: 1px dashed var(--line); border-radius: 8px; color: var(--ink-3); font-size: 12px; min-height: 120px; }
.slt-me { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 10px; }
.slt-tags { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; }
.slt-tags li { font-size: 13px; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line); background: var(--fill); color: var(--ink-2); }
.slt-tags li.slt-up { background: #eef4ef; color: #2f5d3e; border-color: #cfe0d3; }
.slt-tags li.slt-dn { background: #f7eeec; color: #8c3f30; border-color: #e8d0ca; }
.slt-cards { display: grid; gap: 10px; }
.slt-card { border: 1px solid var(--line); border-radius: var(--r); padding: 16px; background: var(--white); }
.slt-card header { display: flex; align-items: center; gap: 10px; }
.slt-card h3 { font-size: 17px; margin: 0; flex: 1; }
.slt-card em { font-style: normal; font-size: 14px; color: var(--ink-2); }
.slt-mini { color: #fff; font-weight: 700; font-size: 14px; min-width: 28px; text-align: center; padding: 2px 8px; border-radius: 6px; }
.slt-card p { margin-top: 10px; font-size: 15px; line-height: 1.7; color: var(--ink); }
@media (max-width: 720px) {
	.work[data-tool="saju-luck-tier"] .slt-ymd { grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; }
	.work[data-tool="saju-luck-tier"] .slt-ymd > .field + .field { margin-top: 0; }
	.work[data-tool="saju-luck-tier"] .slt-ymd .ctrl { padding: 0 10px; }
	.work[data-tool="saju-luck-tier"] .slt-ymd select.ctrl { padding-right: 30px; background-position: right 8px center; }
	.work[data-tool="saju-luck-tier"] .slt-ymd .unit .ctrl { padding-right: 34px; }
	.work[data-tool="saju-luck-tier"] .slt-ymd .unit span { right: 10px; }
	.slt-badge { width: 84px; height: 84px; font-size: 58px; }
	.slt-pct b { font-size: 24px; }
	.slt-s b { font-size: 28px; }
}