:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172c42; background: #f3f6fa; }
    * { box-sizing: border-box; }
    body { margin: 0; padding: 28px 20px; min-height: 100vh; }
    main { max-width: 580px; margin: 5vh auto; padding: clamp(24px, 5vw, 40px); background: white; border: 1px solid #cad5df; border-radius: 16px; }
    .brand { color: #425c70; font-size: 14px; letter-spacing: .08em; font-weight: 700; }
    h1 { font-size: clamp(28px, 6vw, 38px); line-height: 1.15; margin: 22px 0 16px; }
    p { line-height: 1.55; }
    #status { padding: 16px; background: #eaf0f6; border-radius: 8px; font-weight: 600; }
    .actions { display: grid; gap: 12px; margin: 24px 0; }
    button { padding: 14px 18px; min-height: 48px; border: 1px solid #18384e; border-radius: 8px; background: #18384e; color: white; font: inherit; font-weight: 650; cursor: pointer; }
    #include { color: #18384e; background: white; }
    button:disabled { cursor: default; opacity: .55; }
    a { color: #174f80; text-underline-offset: 3px; }
    :focus-visible { outline: 3px solid #b15f00; outline-offset: 4px; }
    .note { font-size: 14px; color: #425c70; }
    [hidden] { display: none !important; }