:root { color-scheme: light; font-family: Georgia, serif; color: #182c35; background: #f4f7f8; }
* { box-sizing: border-box; }
body { margin: 0; padding: 24px; }
main { max-width: 900px; margin: 0 auto; padding: clamp(20px, 5vw, 56px); background: #fff; border: 1px solid #dce3e6; border-radius: 16px; }
header { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
header img { object-fit: contain; }
nav { display: flex; flex-wrap: wrap; gap: 8px; flex: 1; }
nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 10px; }
nav a[aria-current] { background: #e9eff1; border-radius: 6px; font-weight: bold; }
a { color: #135567; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #a62b35; outline-offset: 3px; }
h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.2; }
h2 { font-size: 1.35rem; }
p { line-height: 1.7; overflow-wrap: anywhere; }
.updated { color: #53636b; }
section { border-top: 1px solid #dce3e6; margin-top: 28px; padding-top: 12px; }
@media (max-width: 480px) { body { padding: 8px; } }
@media print { body { padding: 0; background: #fff; } main { border: 0; padding: 0; } nav { display: none; } }