/* Cross-site tab switcher (main site <-> /moon-phase). Styled to match this
   site's own light Bootstrap look -- the moon-phase section uses a
   different, deliberately dark palette, so this is an independently
   styled but behaviorally identical sibling, not a shared stylesheet. */
.site-tabs {
    display: flex;
    background: #fff;
    border-bottom: 1px solid #dee2e6;
}
.site-tabs a {
    padding: 9px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6c757d;
    border-right: 1px solid #dee2e6;
    text-decoration: none;
}
.site-tabs a:last-child { border-right: none; }
.site-tabs a[aria-current="page"] {
    background: #212529;
    color: #fff;
}
.site-tabs a:hover:not([aria-current]) {
    background: #f8f9fa;
    color: #212529;
}