.milky-page{max-width:1100px;margin:0 auto}.milky-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(136,112,182,.28),transparent 32%),linear-gradient(145deg,#090b1d,#15112a);color:#eef1ff;border-radius:18px;padding:clamp(22px,5vw,52px)}.milky-eyebrow{color:#aeb9da;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.milky-hero h1{color:#eef1ff;font-size:clamp(2rem,5vw,3.7rem);margin:.2em 0}.milky-lead{max-width:720px;font-size:1.15rem;line-height:1.55}.milky-score{display:flex;align-items:center;gap:10px;margin:20px 0}.milky-score strong{font-size:3.2rem;color:#f0d2a1}.milky-score span{color:#bdc6e4;line-height:1.35}.milky-facts{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.milky-facts div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px}.milky-facts span{display:block;color:#aeb9da;font-size:.82rem;margin-bottom:5px}.milky-moon{color:#d8def5}.milky-forecast,.milky-guide{padding:24px}.milky-chart{position:relative;height:230px;margin-top:15px}.milky-chart canvas{width:100%;height:100%}.milky-chart__tip{position:absolute;pointer-events:none;background:#080b17;color:white;border:1px solid #5c6888;border-radius:7px;padding:6px 9px;font-size:.8rem;transform:translate(-50%,-115%)}.milky-legend{display:flex;gap:18px;justify-content:center;font-size:.85rem}.milky-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.excellent{background:#80d8ae}.fair{background:#e9c46a}.poor{background:#73809f}.milky-regions,.milky-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.milky-region,.milky-guide__grid>div{border:1px solid #d8dce8;border-radius:12px;padding:16px;background:rgba(255,255,255,.03)}.milky-region h3,.milky-guide h3{margin-top:0}.milky-region__state{font-weight:bold;color:#508e72}.milky-region.is-below{opacity:.65}.milky-region.is-below .milky-region__state{color:#757b89}.milky-note{font-size:.9rem;color:#697184;margin-top:18px}@media(max-width:700px){.milky-facts{grid-template-columns:1fr 1fr}.milky-regions,.milky-guide__grid{grid-template-columns:1fr}.milky-hero{border-radius:0}.milky-chart{height:190px}}

.milky-view-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.milky-view-comparison figure{margin:0;background:#050711;border-radius:10px;overflow:hidden}.milky-view-comparison figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:12px 14px;color:#eef1ff}.milky-view-comparison figcaption span{color:#aeb9da;font-size:.82rem;text-align:right}.milky-view-comparison canvas{display:block;width:100%;aspect-ratio:16/9;background:#02030a}.milky-view-note{margin-top:14px}@media(max-width:700px){.milky-view-comparison{grid-template-columns:1fr}.milky-view-comparison figcaption{display:block}.milky-view-comparison figcaption span{display:block;text-align:left;margin-top:4px}}