:root{font:16px system-ui,sans-serif;color:#172d3b;background:#edf2f4}body{max-width:1100px;margin:auto;padding:20px}h1{margin:.4em 0}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#135e87}section{background:white;border:1px solid #bdccd4;border-radius:8px;padding:16px;margin:16px 0}button,input,select{font:inherit;padding:8px;margin:5px;border:1px solid #8ca3b2;border-radius:4px}button{cursor:pointer;background:#e8f1f6}button:focus-visible,a:focus-visible{outline:3px solid #e49a16}iframe{width:100%;height:370px;border:2px solid #8ca3b2}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f7;padding:10px}label{display:inline-block}body[data-city=Berlin]{border-top:8px solid #a96520}body[data-city=Paris]{border-top:8px solid #7856a5}body[data-city=Riga]{border-top:8px solid #25816c}.warning{color:#8c321b}@media(max-width:600px){body{padding:10px}button{min-height:44px}iframe{height:460px}}