:root { color-scheme: light; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f6f5f0; color: #182129; }
* { box-sizing: border-box; }
body { margin: 0; }
header { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px max(6vw, 20px); background: #101625; color: #fff; }
header img { width: 115px; height: 73px; object-fit: contain; }
nav { display: flex; gap: 25px; flex-wrap: wrap; }
header a { color: #fff; }
a { color: #2b4e64; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid #9a6edb; outline-offset: 5px; }
main { max-width: 960px; margin: 0 auto; padding: 72px 28px 80px; }
.eyebrow { color: #445454; letter-spacing: .16em; font-size: .7rem; font-weight: 800; }
h1 { margin: 20px 0 10px; color: #111e25; font-size: clamp(2.8rem, 7vw, 5rem); letter-spacing: -.06em; line-height: 1.05; }
.version { color: #4a555c; padding-bottom: 35px; border-bottom: 1px solid #d1d6d2; }
article { font-size: 1rem; line-height: 1.85; color: #182129; }
article p { margin: 28px 0; overflow-wrap: anywhere; }
article p:first-child { font-size: 1.1rem; font-weight: 750; }
article h2 { margin-top: 36px; color: #173e3b; }
.notice { margin: 32px 0; padding: 22px; border-radius: 18px; background: #e8eee8; color: #16312f; }
footer { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 30px max(6vw, 20px); border-top: 1px solid #d6dad4; color: #253f3d; }
@media (max-width: 600px) { header { align-items: flex-start; } nav { gap: 12px; font-size: .83rem; } main { padding-top: 45px; } }
@media print { header, footer { display: none; } main { max-width: none; padding: 0; } article { font-size: 10pt; } }