/* 九星気学の統合タブ(本命星・吉方位 / 九星早見表)。parts/kyusei_tool_tabs.html とセットで使う。
   見た目は県民性・国民性のタブ(kenminsei_kokuminsei_hub.css)と同じ。 */

.pt-tool-tab-nav {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 1rem 0 1.5rem;
}

.pt-tool-tab-nav__tab {
    padding: 0.4rem 1.1rem;
    border: 1px solid #ccd3da;
    border-radius: 62.5rem;
    background: #fff;
    color: var(--pt-blue);
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pt-tool-tab-nav__tab:hover {
    border-color: var(--pt-blue);
}

.pt-tool-tab-nav__tab.is-active {
    background: var(--pt-blue);
    border-color: transparent;
    color: #fff;
}