:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172b43; background: #f0f5fa; }
body { margin: 0; }
main { max-width: 900px; margin: 10vh auto; padding: 24px; }
h1 { font-size: clamp(2rem, 5vw, 3rem); }
p { line-height: 1.6; }
.tools { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin: 36px 0; }
.tools a { display: block; background: white; border: 1px solid #cbd9e7; border-radius: 12px; padding: 24px; color: inherit; text-decoration: none; }
.tools a:hover, .tools a:focus-visible { outline: 3px solid #2676b9; }
.tools h2 { color: #155d99; margin-top: 0; }
.note { color: #526479; font-size: .9rem; }