/* ========================================
   legal.css — Legal ページ固有スタイル
   ======================================== */

/* ---- タブバー ---- */
#tab-bar {
    max-width: 735px;
    margin: 0 auto;
    padding: 100px 40px 0;
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--rule);
}
.tab-btn {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 14px;
    letter-spacing: 0.06em;
    color: var(--ink-light);
    padding: 12px 24px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.2s, border-color 0.2s;
}
.tab-btn:hover { color: var(--ink); }
.tab-btn.active { color: var(--ink); border-bottom-color: var(--accent); }

/* ---- メインエリア上書き ---- */
#main {
    padding: 48px 40px 100px;
}

/* ---- タブコンテンツ切替 ---- */
.tab-content { display: none; }
.tab-content.active { display: block; }

/* ---- 法的文書の書式 ---- */
.legal-body { font-size: 17px; line-height: 2.2; color: var(--ink); }
.legal-body p { margin-bottom: 1.8em; }
.legal-body p:last-child { margin-bottom: 0; }
.legal-body .legal-title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 1.7em;
    margin-bottom: 1.5em;
}
.legal-body .legal-heading {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 2.4em;
    margin-bottom: 1.2em;
}
.legal-body .legal-subheading {
    font-weight: bold;
    margin-top: 1.6em;
    margin-bottom: 0.8em;
}
.legal-body .legal-numbered,
.legal-body .legal-article-item {
    display: flex;
    align-items: baseline;
    margin-bottom: 1.8em;
}
.legal-body .legal-numbered .num,
.legal-body .legal-article-item .num {
    flex-shrink: 0;
    white-space: nowrap;
}
.legal-body .legal-numbered .num-text,
.legal-body .legal-article-item .num-text {
    flex: 1;
}
.legal-body .legal-numbered { margin-bottom: 0; }
.legal-body .legal-before-numbered { margin-bottom: 0; }
.legal-body .legal-bullet {
    padding-left: 2em;
    text-indent: -1em;
    margin-bottom: 1.8em;
}
.legal-body .legal-bullet.legal-before-numbered { margin-bottom: 0; }
.legal-body .legal-date { margin-top: 3em; }

/* ---- 韓国語フォントサイズ調整 ---- */
[lang="ko"] .legal-body { font-size: 18px; }
[lang="ko"] .legal-body .legal-heading { font-size: 20px; }
[lang="ko"] .legal-body .legal-title { font-size: 25px; }

/* ---- レスポンシブ ---- */
@media (max-width: 520px) {
    #tab-bar { padding: 80px 20px 0; }
    #main { padding: 32px 20px 60px; }
    .legal-body { font-size: 15px; }
    .legal-body .legal-heading { font-size: 16px; }
    .legal-body .legal-title { font-size: 21px; }
    .tab-btn { font-size: 13px; padding: 10px 16px; }
    [lang="ko"] .legal-body { font-size: 16px; }
    [lang="ko"] .legal-body .legal-heading { font-size: 17px; }
    [lang="ko"] .legal-body .legal-title { font-size: 22px; }
}