/* Page-level rules from the ECODIM prototype; everything else is styled inline in the markup. */
body{margin:0;background:#f4f2ef;color:#1a1817;font-family:'Barlow',Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:oklch(0.53 0.2 25);text-decoration:none}
a:hover{color:oklch(0.44 0.18 25)}
button:disabled{cursor:not-allowed;opacity:.55}
[hidden]{display:none!important}

/* Error message when the server refuses or cannot be reached. */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;max-width:min(520px,calc(100% - 32px));
  background:#1a1817;color:#fff;padding:14px 18px;font-size:16px;line-height:1.4;box-shadow:0 8px 30px rgba(0,0,0,.25)}

/* Narrow phones: the prototype's header is a few pixels wider than the screen. */
@media (max-width:430px){header{padding-left:14px!important;padding-right:14px!important;column-gap:10px!important}}