:root { --ink:#1a1a1a; --paper:#fdfbf7; --accent:#b4450e; --muted:#6b6257; --line:#e4ddd2; --good:#1a7a4a; --bad:#b4450e; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, 'Segoe UI', 'Noto Sans', sans-serif; background:var(--paper); color:var(--ink); line-height:1.7; font-size:17px; }
.wrap { max-width:680px; margin:0 auto; padding:0 20px; }
header { border-bottom:2px solid var(--ink); padding:24px 0 16px; }
.brand { font-size:1.8rem; font-weight:800; letter-spacing:-.5px; }
.brand .hi { color:var(--accent); font-weight:400; font-size:1.1rem; margin-left:8px; }
.tag { color:var(--muted); font-size:.88rem; margin-top:2px; }
nav { margin-top:12px; display:flex; gap:16px; flex-wrap:wrap; font-size:.85rem; font-weight:500; }
nav a { color:var(--ink); text-decoration:none; padding-bottom:2px; border-bottom:2px solid transparent; }
nav a:hover, nav a.on { border-color:var(--accent); color:var(--accent); }
main { padding:32px 0 56px; }
h1 { font-size:1.65rem; line-height:1.25; margin-bottom:18px; font-weight:800; }
h2 { font-size:1.15rem; margin:30px 0 8px; font-weight:700; }
h3 { font-size:1rem; margin:16px 0 6px; font-weight:700; }
p { margin-bottom:14px; }
ul, ol { margin:0 0 16px 20px; }
li { margin-bottom:6px; }
.lede { font-size:1.1rem; color:#333; line-height:1.75; }
.principles { margin:22px 0; border:1px solid var(--line); background:#fff; border-radius:6px; overflow:hidden; }
.principle { padding:14px 18px; border-bottom:1px solid var(--line); }
.principle:last-child { border-bottom:none; }
.principle b { display:block; margin-bottom:2px; font-size:.95rem; }
.principle span { color:var(--muted); font-size:.88rem; }
.notlist { background:#f7f2ea; border-left:3px solid var(--accent); padding:14px 18px; margin:22px 0; font-size:.92rem; line-height:1.7; }
.notlist b { color:var(--accent); }
footer { border-top:1px solid var(--line); padding:20px 0 36px; color:var(--muted); font-size:.8rem; }
a { color:var(--accent); }
.cta { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; padding:10px 24px; font-size:.9rem; font-weight:600; border-radius:4px; margin-top:10px; }
.cta:hover { background:#933a0b; }
.tracker-table { width:100%; border-collapse:collapse; font-size:.85rem; margin:20px 0; }
.tracker-table th { text-align:left; padding:10px 8px; border-bottom:2px solid var(--ink); font-size:.72rem; text-transform:uppercase; letter-spacing:.5px; font-weight:700; }
.tracker-table td { padding:9px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
.tracker-table tr:hover td { background:#f7f2ea; }
.status { display:inline-block; padding:2px 8px; border-radius:3px; font-size:.76rem; font-weight:600; }
.s-open { background:#fce4e4; color:var(--bad); }
.s-partial { background:#fef3e0; color:#8a6500; }
.s-resolved { background:#e4f5ea; color:var(--good); }
.s-ongoing { background:#e8eaf6; color:#374785; }
.module-tag { display:inline-block; padding:1px 7px; border-radius:2px; font-size:.72rem; background:var(--line); color:var(--muted); }
@media (max-width:600px){ body{font-size:16px} .brand{font-size:1.4rem} h1{font-size:1.35rem} .tracker-table{font-size:.8rem} }