:root {
  --bg: #f7f4ee; --card: #ffffff; --fg: #1f1a14; --muted: #6a5f52; --line: #e6ddcf;
  --brand: #8a3f0e; --band: #2a1d12; --band-fg: #f6eadb; --band-muted: #d2bfa6; --link: #9a4a12;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #15110d; --card: #1e1813; --fg: #efe6d8; --muted: #b6a68f; --line: #33291f; --brand: #f0a35e; --band: #0f0b08; --band-fg: #f6eadb; --band-muted: #bba88f; --link: #f0a35e; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.wrap { max-width: 780px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.top { background: var(--band); color: var(--band-fg); padding: 36px 0 30px; }
.brand { margin: 0 0 6px; font-weight: 800; letter-spacing: .18em; font-size: .85rem; color: var(--band-muted); }
h1 { margin: 0 0 10px; font-size: 2rem; line-height: 1.2; }
.meta { margin: 0; font-size: .92rem; color: var(--band-muted); }
.nowrap { white-space: nowrap; }
main { padding-top: 28px; padding-bottom: 12px; }
.summary { background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: 10px; padding: 18px 20px; margin-bottom: 8px; }
.summary h2 { margin-top: 0; }
section { padding: 6px 0 14px; border-bottom: 1px solid var(--line); }
section:last-of-type { border-bottom: 0; }
h2 { font-size: 1.18rem; margin: 1.1em 0 .35em; line-height: 1.3; }
p, li { margin: .45em 0; }
ul { padding-left: 1.3em; }
a { color: var(--link); text-underline-offset: 2px; }
footer { color: var(--muted); font-size: .88rem; padding-top: 18px; padding-bottom: 36px; border-top: 1px solid var(--line); }
@media (max-width: 480px) {
  body { font-size: 16px; }
  .top { padding: 28px 0 24px; }
  h1 { font-size: 1.65rem; }
  .summary { padding: 16px; }
}