/* "Was it a planet?" tool (site/sections/skycheck.py) */
.sk-form { background: #fff; border: 1px solid var(--mist-2); border-radius: 18px; padding: clamp(1rem, 3vw, 1.6rem); display: grid; gap: 1rem; }
.sk-row { display: flex; flex-wrap: wrap; gap: .8rem 1rem; align-items: flex-end; border: 0; padding: 0; margin: 0; }
.sk-row label { display: grid; gap: .3rem; font-weight: 600; color: var(--spruce); }
.sk-row legend { font-weight: 600; color: var(--spruce); margin-bottom: .4rem; padding: 0; }
.sk-row input { font: 500 1rem var(--body); padding: .6rem .8rem; border-radius: 10px; border: 1.5px solid var(--mist-2); min-height: 44px; box-sizing: border-box; }
.sk-place { flex: 1 1 14rem; } .sk-place input { width: 100%; }
.sk-dirs { display: flex; flex-wrap: wrap; gap: .4rem; }
.sk-dirs button { min-width: 3.2rem; min-height: 44px; border-radius: 999px; border: 1.5px solid var(--mist-2); background: #F6F5EE; font: 600 .95rem var(--body); color: var(--spruce); cursor: pointer; padding: .3rem .9rem; }
.sk-dirs button[aria-pressed="true"] { background: var(--spruce); color: var(--lantern-2); border-color: var(--spruce); }
.sk-note { margin: 0; font-size: .88rem; color: var(--muted-l); }
.sk-form > .btn { justify-self: start; }
.sk-out { margin: 1.6rem 0; background: var(--spruce); color: #E8ECDD; border-radius: 18px; padding: clamp(1rem, 3vw, 1.6rem); }
.sk-out h2 { margin-top: 0; color: #F3F1DA; }
.sk-out strong { color: var(--lantern-2); }
.sk-out .muted { color: var(--muted-d); }
.sk-wrap { display: grid; grid-template-columns: minmax(220px, 340px) 1fr; gap: 1.4rem; align-items: start; margin: 1rem 0; }
@media (max-width: 700px) { .sk-wrap { grid-template-columns: 1fr; } #sk-dome { max-width: 320px; margin: 0 auto; } }
#sk-dome { width: 100%; height: auto; overflow: visible; }
.sk-sky { fill: #4C7DA6; } .sk-sky.night { fill: #0B1730; }
.sk-ring { fill: none; stroke: rgba(255,255,255,.18); stroke-dasharray: 2 3; }
.sk-card { fill: #CFD8C4; font: 700 9px var(--body); text-anchor: middle; }
.sk-wedge { fill: rgba(242, 179, 61, .2); stroke: rgba(242, 179, 61, .6); }
.sk-obj { fill: #F3F1DA; } .sk-planet { fill: #F2B33D; } .sk-moon { fill: #E8E4CC; } .sk-iss { fill: #7FD3FF; } .sk-star { fill: #DCE6FF; }
.sk-obj.hit { stroke: #FF7A66; stroke-width: 2; }
.sk-lbl { fill: #F3F1DA; font: 600 7px var(--body); text-anchor: middle; paint-order: stroke; stroke: #0B1730; stroke-width: 2px; }
.sk-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.sk-list li { background: rgba(255,255,255,.05); border: 1px solid var(--spruce-3); border-radius: 12px; padding: .6rem .8rem; display: grid; gap: .1rem; }
.sk-list li.hit { border-color: var(--lantern); background: rgba(242, 179, 61, .1); }
.sk-list b { color: #F3F1DA; } .sk-list small { color: var(--muted-d); }
.sk-next { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 0; }
.sk-next .btn-ghost-l { color: var(--lichen) !important; box-shadow: inset 0 0 0 2px var(--lichen); }
.sk-sus { list-style: none; padding: 0; margin: 0 0 1.4rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .7rem; }
.sk-sus li { display: flex; gap: .8rem; background: #fff; border: 1px solid var(--mist-2); border-radius: 14px; padding: .8rem 1rem; }
.sk-sus b { display: block; color: var(--spruce); font-family: var(--display); }
.sk-sico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #1E3A5F; display: grid; place-items: center; color: #F2B33D; }
.sk-sico .ico { width: 28px; height: 28px; }