:root { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #233238; background: #faf9f6; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; }
.wrap { width: min(100% - 40px, 760px); margin-inline: auto; }
header { background: #143b38; color: #fff; padding-block: 26px; }
header p { margin: 0; }
.operator { font-size: .85rem; letter-spacing: .03em; color: #d8e5df; }
.brand { font-size: 1.2rem; font-weight: 650; }
main { padding-block: 42px; }
h1 { font-size: clamp(1.9rem, 6vw, 2.6rem); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 32px; color: #143b38; }
h2 { font-size: 1.18rem; line-height: 1.4; color: #143b38; margin: 0 0 10px; }
section { margin-bottom: 30px; }
p { margin: 0 0 14px; }
ul { padding-left: 24px; }
li { margin-bottom: 8px; }
a { color: #155c68; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid #9d5c14; outline-offset: 4px; }
footer { border-top: 1px solid #d9dfda; padding-block: 22px; font-size: .85rem; color: #58656a; }
@media (max-width: 420px) { .wrap { width: calc(100% - 32px); } main { padding-block: 30px; } }
@media print { :root { background: white; color: black; } header { background: white; color: black; padding-block: 10px; } .operator, .brand, h1, h2 { color: black; } .wrap { width: 100%; } main { padding-block: 20px; } section { break-inside: avoid; } }