* { box-sizing: border-box; }
        body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #fff; color: #334155; line-height: 1.7; }
        .container { width: min(100% - 2rem, 820px); margin: 0 auto; padding: 2rem 0 4rem; }
        .logo { display: block; width: min(100%, 360px); height: auto; margin-bottom: 2.5rem; }
        h1, h2 { color: #102A43; line-height: 1.25; }
        h1 { margin: 0 0 0.35rem; font-size: clamp(2rem, 5vw, 2.6rem); }
        h2 { margin: 2rem 0 0.6rem; font-size: 1.25rem; }
        p, li { font-size: 1rem; }
        ul { padding-left: 1.4rem; }
        .updated { margin: 0 0 2rem; color: #52677d; }
        a { color: #0f668f; text-underline-offset: 0.15em; }
        a:hover { text-decoration-thickness: 2px; }
        a:focus-visible { outline: 3px solid #f59e0b; outline-offset: 3px; border-radius: 2px; }
        footer { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid #e2e8f0; color: #52677d; font-size: 0.9rem; }