/* ============================================================================
 * legacy-terms.css — レガシー互換の規約ページ (terms.html など) に足す部品の見た目
 *
 * 規約ページ本体の見た目は各自治体の terms.css のまま。ここはレガシーの jsPanel の
 * 「メッセージ」窓の代わりのダイアログ (js/legacy-terms.js) と、hidden の既定だけ。
 * ========================================================================== */
[hidden] {
    display: none;
}

.legacy-terms-dialog {
    width: min(400px, calc(100vw - 32px));
    padding: 0;
    border: 2px solid #3f6ad8;
    border-radius: 6px;
    font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

.legacy-terms-dialog::backdrop {
    background: rgba(0, 0, 0, 0.4);
}

.legacy-terms-dialog__head {
    padding: 6px 12px;
    background: #3f6ad8;
    color: #fff;
    font-weight: bold;
}

.legacy-terms-dialog__body {
    margin: 0;
    padding: 20px 16px;
    line-height: 1.6;
}

.legacy-terms-dialog__foot {
    padding: 0 16px 14px;
    text-align: center;
}

.legacy-terms-dialog__ok {
    min-width: 100px;
    padding: 6px 16px;
    border: 1px solid #3f6ad8;
    border-radius: 4px;
    background: #3f6ad8;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
}