:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #20252b; background: #f7f8f6; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: #145b72; }
a:focus-visible { outline: 3px solid #145b72; outline-offset: 3px; }
.wrap { width: min(900px, calc(100% - 36px)); margin: 0 auto; }
header { border-bottom: 1px solid #d7ddd9; background: #fff; }
header .wrap { min-height: 68px; display: flex; align-items: center; gap: 20px; }
.brand { margin-right: auto; color: #20252b; font-weight: 750; font-size: 1.15rem; text-decoration: none; }
nav { display: flex; gap: 18px; flex-wrap: wrap; }
nav a { text-decoration: none; }
main { padding: 64px 0 80px; }
.eyebrow { color: #145b72; font-weight: 700; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
h1, h2, h3 { line-height: 1.2; letter-spacing: -.025em; }
h1 { max-width: 740px; margin: 12px 0 20px; font-size: clamp(2.25rem, 5vw, 3.8rem); }
h2 { margin: 58px 0 18px; font-size: 1.8rem; }
h3 { margin-bottom: 6px; }
.lead { max-width: 730px; font-size: 1.2rem; color: #4b555b; }
.cta { display: inline-block; margin-top: 14px; padding: 10px 16px; border-radius: 7px; background: #145b72; color: #fff; font-weight: 650; text-decoration: none; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.card { padding: 20px 24px; border: 1px solid #d7ddd9; border-radius: 8px; background: #fff; }
.card p { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { padding: 12px; border: 1px solid #d7ddd9; text-align: left; vertical-align: top; }
th { background: #edf2ef; }
kbd { padding: 2px 5px; border: 1px solid #c7d0cc; border-radius: 4px; background: #fff; font-family: inherit; white-space: nowrap; }
.note { padding: 16px 20px; border-left: 4px solid #145b72; background: #edf2ef; }
footer { padding: 24px 0 40px; border-top: 1px solid #d7ddd9; color: #5b6368; }
@media (max-width: 620px) { header .wrap { align-items: flex-start; flex-direction: column; gap: 8px; padding: 14px 0; } .grid { grid-template-columns: 1fr; } main { padding-top: 36px; } }