/* Kiuas homepage on the live site: the real donate link and maintenance banner in Kiuas style. */
.site-header .sauna-donate-link { height: 40px; padding: 0 14px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--surface); color: var(--ink); font: 600 15px/1 "Schibsted Grotesk", system-ui, sans-serif; text-decoration: none; box-shadow: none; }
.site-header .sauna-donate-link:hover { background: var(--hover); border-color: var(--line-strong); transform: none; }
.public-maintenance-banner { border-bottom: 1px solid color-mix(in srgb, var(--warn) 35%, var(--line)); background: var(--warn-soft); color: var(--ink); font-family: "Schibsted Grotesk", system-ui, sans-serif; box-shadow: none; }
.public-maintenance-banner strong, .public-maintenance-banner p { color: var(--ink); }
.public-maintenance-banner small { color: var(--ink-3); }
.public-maintenance-banner button { border: 0; border-radius: 8px; background: none; color: var(--ink-3); }
.public-maintenance-banner button:hover { background: var(--hover); color: var(--ink); }
.proof [data-live][hidden] { display: none; }
.proof .wrap > div > span { display: block; }
.dev-env::after { content: ""; position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='90'%3E%3Ctext x='8' y='33' transform='rotate(-18 8 33)' fill='%23888888' font-family='Arial' font-size='15' font-weight='700'%3Edev%3C/text%3E%3C/svg%3E"); }
:root[data-hide-watermark="1"] .dev-env::after, :root[data-production-preview] .dev-env::after { display: none; }
@media (max-width: 860px) { .site-header .sauna-donate-link { display: none; } }