.sun-card{margin:24px 0;padding:28px;border:1px solid #e1e8eb;border-radius:22px;background:linear-gradient(145deg,#fff 35%,#fffaf0);box-shadow:0 10px 35px #17384a08;color:#203540}.sun-heading{display:flex;justify-content:space-between;gap:24px;align-items:start}.sun-heading h2{margin:5px 0;font-size:1.5rem}.sun-local,.sun-note{color:#617581;font-size:.87rem}.sun-count{text-align:right;max-width:360px}.sun-count span,.sun-facts span{display:block;color:#596f7a;font-size:.9rem}.sun-count strong{display:block;color:#163f50;font-size:1.65rem;line-height:1.4}.sun-count small{display:block;color:#647680}.sun-graph{display:block;width:100%;max-height:260px;margin:22px auto 0}.sun-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px}.sun-facts>div:nth-child(2){text-align:center}.sun-facts>div:last-child{text-align:right}.sun-facts strong{display:block;font-size:1.2rem;margin-top:5px}.sun-twilight{margin-top:24px;border-top:1px solid #dce4e7;padding-top:15px}.sun-twilight summary{cursor:pointer;min-height:44px;font-weight:700}.sun-twilight summary span{font-size:.85rem;font-weight:400;color:#667982;margin-left:10px}.sun-twilight dl{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.sun-twilight dl div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e3e8e9}.sun-twilight dd{margin:0;font-weight:700}.sun-twilight p,.sun-note{line-height:1.5}.sun-twilight p{font-size:.85rem;color:#617581}.sun-note{margin:14px 0 0;font-size:.78rem}.sun-polar{padding:25px;text-align:center}@media(max-width:600px){.sun-card{padding:20px 16px}.sun-heading{display:block}.sun-count{text-align:left;margin-top:20px;max-width:none}.sun-count strong{font-size:1.6rem}.sun-facts strong{font-size:1rem}.sun-facts span{font-size:.78rem}.sun-twilight dl{grid-template-columns:1fr}.sun-twilight summary span{display:block;margin:5px 0 0}.sun-local{font-size:.8rem}}

.sun-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px}.sun-next>div{padding:16px;background:#f2f6f7;border:1px solid #dce6e9;border-radius:12px}.sun-next span,.sun-next strong,.sun-next small{display:block}.sun-next span{color:#596f7a;font-size:.85rem}.sun-next strong{margin:6px 0;color:#163f50;font-size:1.12rem}.sun-next small{color:#617581}