/* Minimal stylesheet for in-app legal pages (Terms / Privacy).
   Light/dark only — no brand fonts, images, or icons. Intended for
   embedding inside native app webviews, not for web visitors. */

:root {
    --bg: #ffffff;
    --fg: #1a1a1a;
    --muted: #6b6b6b;
    --link: #b3441c;
    --border: #e3e3e3;
    --code-bg: #f4f4f4;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0e0e0d;
        --fg: #efe9dd;
        --muted: #9a948a;
        --link: #ff8a5e;
        --border: #2a2a28;
        --code-bg: #1c1c1a;
    }
}

:root[data-theme="light"] {
    --bg: #ffffff;
    --fg: #1a1a1a;
    --muted: #6b6b6b;
    --link: #b3441c;
    --border: #e3e3e3;
    --code-bg: #f4f4f4;
}

:root[data-theme="dark"] {
    --bg: #0e0e0d;
    --fg: #efe9dd;
    --muted: #9a948a;
    --link: #ff8a5e;
    --border: #2a2a28;
    --code-bg: #1c1c1a;
}

* { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
    background: var(--bg);
    color: var(--fg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
}

.doc {
    max-width: 680px;
    margin: 0 auto;
    padding: 32px 20px 64px;
}

h1 {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0 0 4px;
}

.meta {
    color: var(--muted);
    font-size: 0.9rem;
    margin: 0 0 32px;
}

h2 {
    font-size: 1.15rem;
    line-height: 1.4;
    margin: 32px 0 8px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}

h2:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }

h3 {
    font-size: 1rem;
    margin: 20px 0 6px;
}

p, ul, ol { margin: 0 0 12px; }

ul, ol { padding-left: 22px; }

li { margin-bottom: 4px; }

a { color: var(--link); }

strong { font-weight: 600; }

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85em;
    background: var(--code-bg);
    padding: 1px 5px;
    border-radius: 3px;
}

.provider {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 10px 14px;
    margin: 0 0 10px;
}

.provider p { margin: 0 0 4px; font-size: 0.92rem; }
.provider p:last-child { margin-bottom: 0; }
.provider-name { font-weight: 600; margin-bottom: 6px !important; }