#knowledge-tabs{display:flex;gap:27px;border-bottom:1px solid var(--hairline);margin:22px 0 15px;padding:0 0 10px}
#knowledge-tabs[hidden]{display:none}
#knowledge-tabs button{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;padding:5px 0;cursor:pointer}
#knowledge-tabs button[aria-pressed=true]{color:var(--accent)}
#chapter-detail .knowledge-topic{padding-top:15px;padding-bottom:15px}
#chapter-detail .knowledge-topic h3{font-size:14px}
#chapter-detail .knowledge-overview{border-bottom:1px solid var(--hairline);padding-top:17px;padding-bottom:20px;margin-bottom:5px}
#chapter-detail .knowledge-overview h3{color:var(--accent);font-size:18px}
/* The satellite itself and its hover rim are drawn in the shared Three.js scene.
   Its label inherits the original celestial-label hover and focus appearance. */
.knowledge-label{font-size:11px;letter-spacing:.08em;color:#becfc9;min-height:34px;padding:7px 12px}
.knowledge-label[hidden]{display:none}
.knowledge-label:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
@media(max-width:700px){
 #knowledge-tabs{gap:15px;margin-top:15px}
 #knowledge-tabs button{font-size:11px}
 .knowledge-label{font-size:10px;min-height:40px;padding:9px 10px}
}