:root { color-scheme: light; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; height: 100vh; height: 100dvh; display: grid; grid-template-rows: 48px minmax(0, 1fr); background: #fff; color: #172033; }
header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; border-bottom: 1px solid #e4e7ec; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid #245bd5; outline-offset: 5px; border-radius: 2px; }
.brand { font-size: 18px; font-weight: 750; letter-spacing: -.5px; }
.brand span { color: #245bd5; }
.external { font-size: 13px; font-weight: 500; }
main { min-height: 0; }
iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
@media (max-width: 480px) { header { padding: 0 12px; } }