/* Home page: tonight's sky over Almaty (moon, planets, next visible space station pass). */
.tn-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.tn-kicker{display:block;font-size:12.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:rgba(242,246,252,.7);margin-bottom:12px}
.tn-head h2{font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:-.015em;line-height:1.1}
.tn-dark{margin-top:8px;color:var(--mist);font-size:15px;min-height:1.4em}
.tn-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,1fr);border-radius:26px;border:1px solid rgba(170,200,255,.14);
  background:radial-gradient(ellipse 60% 90% at 0% 0%,rgba(255,236,190,.06),transparent 60%),linear-gradient(165deg,rgba(14,26,52,.72),rgba(6,11,24,.88));box-shadow:0 40px 100px rgba(0,0,0,.45);overflow:hidden;min-height:180px}
.tn-card>div{padding:22px 24px;min-width:0}
.tn-card>div+div{border-left:1px solid rgba(170,200,255,.08)}
.tn-muted{color:var(--mist);font-size:14px;padding:22px 24px}
.tn-card>.tn-muted{grid-column:1/-1}
.tn-h{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,246,252,.55);margin-bottom:12px}
.tn-moon{display:flex;align-items:center;gap:18px}
.tn-moon svg{width:86px;height:86px;flex:none}
.tn-moon b{display:block;font-size:19px;font-weight:800;line-height:1.2}
.tn-moon small{display:block;color:var(--mist);font-size:13px;margin-top:4px}
.tn-moon .tn-h{margin-bottom:6px}
.tn-planets ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tn-planets li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px}
.tn-planets li.tn-muted{display:block;padding:0}
.tn-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 12px currentColor;background:currentColor}
.p-venus{color:#FFF1C9}.p-jupiter{color:#F3D7A8}.p-mars{color:#FF8A5C}.p-saturn{color:#E9D08F}.p-mercury{color:#C9C3B8}
.tn-pl b{display:block;font-size:16px;font-weight:700}
.tn-pl em{font-style:normal;font-size:12px;color:var(--mist)}
.tn-when{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.tn-when b{font-size:14px;font-weight:700;color:#fff;white-space:nowrap}
.tn-when small{font-size:12px;color:var(--mist);white-space:nowrap}
.tn-iss{display:flex;flex-direction:column}
.tn-iss-when{font:700 clamp(22px,2.2vw,28px) ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:#fff}
.tn-iss-in{color:#FEC50C;font-weight:600;font-size:14px;margin-top:2px}
.tn-iss-fact{color:var(--mist);font-size:13px;margin-top:10px;line-height:1.5}
.tn-iss .tn-muted{padding:0}
.tn-link{margin-top:auto;padding-top:14px;font-size:13px;font-weight:600;color:#7FE3FF;text-decoration:none}
.tn-link:hover{text-decoration:underline}
@media (max-width:980px){
  .tn-card{grid-template-columns:1fr 1fr}
  .tn-planets{grid-column:1/-1;grid-row:2;border-left:0!important;border-top:1px solid rgba(170,200,255,.08)}
}
@media (max-width:560px){
  .tn-card{grid-template-columns:1fr}
  .tn-card>div+div{border-left:0;border-top:1px solid rgba(170,200,255,.08)}
  .tn-planets{grid-row:auto}
  .tn-card>div{padding:18px}
}