/* 오늘의 천문 현상 — 새 출력 디자인 (계산은 원본 astro.js 그대로) */
.pl { --pl-ink: #1c2633; --pl-soft: #66758a; --pl-line: #e3e8ef; --pl-night: #0f1b2b; font-size: 13px; color: var(--pl-ink);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; }
.pl h2 { font-size: 15px; margin: 22px 0 10px; }
.pl-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pl-card { padding: 12px 14px; border-radius: 12px; border: 1px solid var(--pl-line); background: #f7f9fc; }
.pl-card b { display: block; font-size: 20px; font-variant-numeric: tabular-nums; margin-top: 4px; }
.pl-card span { color: var(--pl-soft); font-size: 12px; }
.pl-card.dark { background: linear-gradient(135deg, #172e40, #0a0e18); border-color: #172e40; color: #eef2f8; }
.pl-card.dark span { color: #a7b3c4; }
.pl-night { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--pl-line); }
.pl-sky { position: relative; height: 26px; background: linear-gradient(90deg, #f1b35b 0%, #3b5b85 var(--dusk), #0a0e18 var(--dark0), #0a0e18 var(--dark1), #3b5b85 var(--dawn), #f1b35b 100%); }
.pl-hours { position: relative; height: 18px; font-size: 10.5px; color: var(--pl-soft); border-bottom: 1px solid var(--pl-line); background: #fff; }
.pl-hours i { position: absolute; top: 2px; transform: translateX(-50%); font-style: normal; font-variant-numeric: tabular-nums; }
.pl-row { position: relative; height: 26px; border-bottom: 1px solid var(--pl-line); background: #fff; }
.pl-row:last-child { border-bottom: 0; }
.pl-row label { position: absolute; left: 8px; top: 5px; z-index: 2; font-size: 12px; text-shadow: 0 0 3px #fff, 0 0 3px #fff; }
.pl-bar { position: absolute; top: 5px; height: 16px; border-radius: 8px; opacity: .85; }
.pl-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--pl-line); border-radius: 12px; overflow: hidden; }
.pl-list li { display: flex; gap: 12px; align-items: baseline; padding: 7px 14px; border-bottom: 1px solid var(--pl-line); }
.pl-list li:last-child { border-bottom: 0; }
.pl-list li:nth-child(even) { background: #fafbfd; }
.pl-list time { flex: 0 0 72px; font-variant-numeric: tabular-nums; color: var(--pl-soft); }
.pl-list .dot { flex: 0 0 10px; width: 10px; height: 10px; border-radius: 50%; align-self: center; }
.pl-list .what { flex: 1; }
.pl-list .coord { color: var(--pl-soft); font-size: 11.5px; font-variant-numeric: tabular-nums; }
.pl-list li.tw .what { color: #3d5a80; }
.pl details { margin-top: 18px; color: var(--pl-soft); line-height: 1.7; }
.pl details summary { cursor: pointer; color: var(--pl-ink); }
@media print { .pl-card.dark { color: #000; background: #eee; } }