/* Minimal styling for legal documents. Print-friendly, mobile-first,
   independent of the main site's fusion.css so reviewers can load it
   quickly. */

:root {
    --color-text: #1F2937;
    --color-muted: #6B7280;
    --color-accent: #2563EB;
    --color-border: #E5E7EB;
    --color-bg: #FFFFFF;
    --color-bg-soft: #F5F7FA;
}

* {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    color: var(--color-text);
    background: var(--color-bg-soft);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px 20px 64px;
    background: var(--color-bg);
    min-height: 100vh;
}

.header {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 16px;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.brand {
    color: var(--color-muted);
    font-size: 14px;
    text-decoration: none;
}

.brand:hover {
    color: var(--color-accent);
}

.lang-switch a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: 14px;
    padding: 4px 10px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
}

.lang-switch a.active {
    background: var(--color-accent);
    color: #fff;
    border-color: var(--color-accent);
    pointer-events: none;
}

h1 {
    font-size: 26px;
    margin: 8px 0 4px;
}

.updated {
    color: var(--color-muted);
    font-size: 14px;
    margin: 0 0 24px;
}

h2 {
    color: var(--color-accent);
    font-size: 18px;
    margin: 28px 0 8px;
}

p {
    margin: 8px 0;
    color: var(--color-text);
}

ul {
    padding-left: 24px;
    margin: 8px 0;
}

li {
    margin: 4px 0;
}

.lang-en, .lang-zh {
    display: none;
}

body.show-en .lang-en { display: block; }
body.show-zh .lang-zh { display: block; }

.footer {
    margin-top: 40px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
    color: var(--color-muted);
    font-size: 13px;
}

.footer a {
    color: var(--color-accent);
    text-decoration: none;
}

@media print {
    body { background: #fff; }
    .container { max-width: none; padding: 20px; }
    .lang-switch, .footer a { display: none; }
}