/* 띠·별자리 조회 — 연·월·일 3칸 */
.work[data-tool="zodiac-finder"] .zf-ymd { grid-template-columns: 1.3fr 1fr 1fr; }
.work[data-tool="zodiac-finder"] .zf-ymd .unit .ctrl { text-align: left; }
.work[data-tool="zodiac-finder"] .zf-ymd + .help { margin-top: 8px; font-size: 13px; color: var(--ink-3); }
.work[data-tool="zodiac-finder"] .check + .field { margin-top: 22px; }
.work[data-tool="zodiac-finder"] label small { font-weight: 400; color: var(--ink-3); }
@media (max-width: 720px) {
	.work[data-tool="zodiac-finder"] .zf-ymd { grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; }
	.work[data-tool="zodiac-finder"] .zf-ymd > .field + .field { margin-top: 0; }
	.work[data-tool="zodiac-finder"] .zf-ymd .ctrl { padding: 0 10px; }
	.work[data-tool="zodiac-finder"] .zf-ymd select.ctrl { padding-right: 30px; background-position: right 8px center; }
	.work[data-tool="zodiac-finder"] .zf-ymd .unit .ctrl { padding-right: 34px; }
	.work[data-tool="zodiac-finder"] .zf-ymd .unit span { right: 10px; }
}
#zf-out .zf-h2 { margin-top: 28px; }
#zf-out tr.zf-on td { background: var(--blue-bg); font-weight: 600; }
#zf-out .help { margin-top: 8px; font-size: 13px; color: var(--ink-3); }
.result .warn b { font-weight: 700; }
.work[data-tool="zodiac-finder"] .check[hidden] { display: none; }