body { font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; margin: 0; color: #111 }
header { padding: 40px 20px; background: #0ea5e9; color: #fff }
    header h1 { margin: 0; font-size: 28px }
    header p { margin-top: 8px; opacity: .95 }
main { padding: 28px 20px; max-width: 960px; margin: auto; line-height: 1.55 }
pre { background: #f5f5f5; padding: 12px; border-radius: 8px; overflow: auto }
code { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px }
.card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px }
a.btn { display: inline-block; margin-top: 8px; padding: 10px 14px; border-radius: 10px; background: #0ea5e9; color: #fff; text-decoration: none }
.muted { color: #6b7280 }
.dvheader { margin: 0 auto; max-width: 960px }

@media only screen and (max-width: 600px) {
    .grid { grid-template-columns: 1fr !important }
}