@import url("/css/style.css");

* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: var(--tn-font-reading);
            background: var(--tn-canvas);
            color: var(--tn-text);
            line-height: 1.7;
        }
        .wrap { max-width: 720px; margin: 0 auto; padding: var(--tn-space-32) var(--tn-space-20) 60px; }
        .brand { width: 120px; margin-bottom: var(--tn-space-24); }
        h1 { font-size: var(--tn-text-xl); margin-bottom: var(--tn-space-4); }
        .date { color: var(--tn-text-muted); font-size: var(--tn-text-base); margin-bottom: 28px; }
        h2 { font-size: var(--tn-text-lg); margin: 28px 0 var(--tn-space-8); padding-top: var(--tn-space-8); }
        p, li { font-size: var(--tn-text-base); color: var(--tn-text-secondary); }
        ul { padding-left: var(--tn-space-20); margin: var(--tn-space-8) 0; }
        table { width: 100%; border-collapse: collapse; margin: var(--tn-space-8) 0; font-size: var(--tn-text-base); }
        th, td { border: 1px solid var(--tn-border); padding: var(--tn-space-8) var(--tn-space-8); text-align: left; vertical-align: top; }
        th { background: var(--tn-surface-muted); white-space: nowrap; }
        .back { display: inline-block; margin-top: 36px; color: var(--tn-brand); text-decoration: none; font-weight: var(--tn-weight-medium); }
    body { font-family: var(--tn-font-reading); }
table { table-layout: fixed; }
th, td { overflow-wrap: anywhere; }
th { white-space: normal; }
.back { display: inline-flex; align-items: center; min-height: 44px; }
body.privacy-page { font-family: var(--tn-font-reading); background: var(--tn-canvas); font-size: var(--tn-text-md); color: var(--tn-text); line-height: 1.85; padding: 40px 24px; }
.privacy-page .wrap { max-width: 920px; margin: 0 auto; padding: 48px; background: var(--tn-surface); border: 1px solid var(--tn-border); border-radius: 24px; }
.privacy-page h1 { font-family: var(--tn-font-heading); font-size: var(--tn-text-xl); letter-spacing: -0.04em; margin-bottom: 12px; }
.privacy-page h2 { font-family: var(--tn-font-heading); font-size: var(--tn-text-lg); margin: 36px 0 12px; color: var(--tn-text); }
.privacy-page .date { font-size: var(--tn-text-base); color: var(--tn-text-muted); padding-bottom: 24px; border-bottom: 1px solid var(--tn-border); margin-bottom: 24px; }
.privacy-page table { border: 1px solid var(--tn-border); border-collapse: collapse; table-layout: fixed; width: 100%; font-size: var(--tn-text-base); }
.privacy-page th { background: var(--tn-primary-soft); color: var(--tn-text); }
.privacy-page td, .privacy-page th { padding: 16px; border: 1px solid var(--tn-border); overflow-wrap: anywhere; }
.privacy-page a { color: var(--tn-blue); }
@media (max-width: 599px) {
    body.privacy-page { padding: 20px; }
    .privacy-page .wrap { padding: 28px 20px; border-radius: 18px; }
    .privacy-page h1 { font-size: var(--tn-text-xl); }
    .privacy-page h2 { font-size: var(--tn-text-lg); }
    .privacy-page td, .privacy-page th { padding: 10px 8px; font-size: var(--tn-text-sm); }
}