:root { --pico-font-size: 106%; }
.brand { font-weight: 700; font-size: 1.25rem; text-decoration: none; }
nav form { margin: 0; }
nav button { margin: 0; padding: .45rem .9rem; }
.env-banner { text-align: center; font-weight: 700; padding: .35rem; color: #111; }
.env-dev { background: #ffe066; }
.env-staging { background: #ffa94d; }
.msg { padding: .75rem 1rem; }
.msg-warning, .msg-error { border-left: 6px solid #e8590c; }
.msg-success, .msg-info { border-left: 6px solid #2f9e44; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; }
.tile { text-align: center; margin: 0; }
.tile h3 { font-size: 1.05rem; margin: .5rem 0; }
.tile-icon { font-size: 2.4rem; }
.soon { color: var(--pico-muted-color); }
button, [role="button"] { min-height: 2.75rem; }