:root { color-scheme: light; font-family: system-ui, sans-serif; color: #173047; background: #edf2f6; }
    body { margin: 0; line-height: 1.65; }
    main { max-width: 850px; margin: auto; padding: 24px; }
    header, section { background: white; padding: clamp(20px, 4vw, 40px); margin: 20px 0; border-radius: 16px; }
    h1, h2, h3 { line-height: 1.2; color: #0b3049; }
    h1 { font-size: clamp(28px, 5vw, 42px); }
    a { color: #096184; overflow-wrap: anywhere; }
    .note { background: #fff2ce; border-left: 4px solid #bf8c12; padding: 16px; }
    .label { text-transform: uppercase; letter-spacing: .12em; font-size: 12px; font-weight: 700; color: #527486; }
    nav { display: flex; flex-wrap: wrap; gap: 20px; }
    @media print { body { background: white; } header, section { padding: 0; border-radius: 0; } section { break-before: page; } }
  
header { background: #0b3049; color: white; } header a { color: #bdefff; } header p { margin-top: 0; } .skip { position: absolute; left: -9999px; } .skip:focus { position: static; } footer { padding: 16px 0; color: #527486; }