/* Kiseta 法務ページ共通スタイル。
   麻雀計算機 (同じ作者の別アプリ) の style.css をベースに、
   アクセントを Kiseta のブランドカラー (淡い桃色 = AppColors.brandPink) へ寄せている。 */

:root {
    --brand-pink: #f29ea8;      /* AppColors.brandPink (light) */
    --brand-pink-deep: #b4526a; /* リンク用。淡いままだと白地でコントラストが足りない */
    --soft-pink: #fff3f5;       /* AppColors.softPink 相当の面 */
    --page-bg: #fffaf9;         /* AppColors.pageBackground */
    --text: #3b2b2e;
    --muted: #7c6a6d;
    --rule: #f7e2e6;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", Arial, sans-serif;
    line-height: 1.85;
    color: var(--text);
    background: var(--page-bg);
    max-width: 780px;
    margin: 0 auto;
    padding: 40px 24px 64px;
    -webkit-font-smoothing: antialiased;
}
/* 紹介ページへ戻れるようにしておく。
   ストアから法務ページに直接来た人が、アプリの顔を見ないまま終わる */
.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text);
    font-weight: 800;
    letter-spacing: .14em;
    font-size: .95rem;
    margin-bottom: 28px;
}
.brand img { width: 34px; height: 34px; border-radius: 8px; }
h1 { font-size: 1.6rem; border-bottom: 2px solid var(--rule); padding-bottom: 12px; }
h2 { margin-top: 36px; font-size: 1.1rem; border-left: 4px solid var(--brand-pink); padding-left: 12px; }
h3 { margin-top: 24px; }
a { color: var(--brand-pink-deep); }
.lead { color: var(--muted); }
/* xcstrings の値をそのまま流し込む段落。
   改行と「・」「·」「•」の行頭記号を原文どおり見せたいので折り返し以外は保持する */
.body { white-space: pre-wrap; }
.contact { background: var(--soft-pink); padding: 18px 20px; border-radius: 14px; margin-top: 44px; }
.contact h2 { border-left: none; padding-left: 0; margin-top: 0; }
footer { margin-top: 50px; text-align: center; color: var(--muted); font-size: 0.9em; }
nav { margin-bottom: 20px; text-align: right; font-size: .82rem; line-height: 2; color: var(--muted); }
nav a { margin-left: 10px; text-decoration: none; color: var(--brand-pink-deep); }
nav.pages { text-align: left; margin-bottom: 28px; font-size: 0.9em; }
nav.pages a { margin-left: 0; margin-right: 10px; }

/* ライセンス一覧 */
table { border-collapse: collapse; width: 100%; font-size: 0.9em; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--rule); vertical-align: top; }
th { color: var(--muted); font-weight: 600; }
pre {
    background: #fffdfd;
    border: 1px solid var(--rule);
    border-radius: 5px;
    padding: 12px;
    overflow-x: auto;
    font-size: 0.8em;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}
code { font-size: 0.9em; }

/* 入口ページ (index.html) */
.home-list { list-style: none; padding: 0; }
.home-list li { border-bottom: 1px solid var(--rule); padding: 10px 0; }
.home-list .lang { color: var(--muted); font-size: 0.85em; margin-left: 6px; }