* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; }
body { height: 100dvh; display: flex; flex-direction: column; background: #efefef; }
header { height: 56px; flex: 0 0 56px; display: flex; align-items: center; justify-content: center; gap: 20px; border-bottom: 2px solid #ccc; box-shadow: 0 4px 6px -1px #0002; }
header img { display: block; max-width: 90%; height: 48px; }
main { flex: 1; min-height: 0; }
iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 767px) { .wordmark { display: none; } }