/* SAFARI EDGE RULE, edge off (2026-10-17): no strips, fades or blur bars at the screen edges.
   html, body and meta theme-color all use the page background token --bg (Human and Human+).
   --sim-safe-* exist only for headless tests and default to 0. */
:root{
  --safe-top:max(env(safe-area-inset-top,0px),var(--sim-safe-top,0px));
  --safe-bottom:max(env(safe-area-inset-bottom,0px),var(--sim-safe-bottom,0px));
  --safe-left:max(env(safe-area-inset-left,0px),var(--sim-safe-left,0px));
  --safe-right:max(env(safe-area-inset-right,0px),var(--sim-safe-right,0px));
}
html,body,html[data-look="plus"] body{background-color:var(--bg)}
body{padding-bottom:var(--safe-bottom)}

/* The sticky header is a solid page-colour rail, not a blur bar, and clears the notch and side insets. */
header,html[data-look="plus"] header{
  background:var(--bg);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  /* where the inset is 0 (desktop, Safari tabs) the name still keeps 16px from the top */
  padding-top:max(var(--safe-top),14px);
}
.wrap{
  padding-left:max(24px,calc(var(--safe-left) + 16px));
  padding-right:max(24px,calc(var(--safe-right) + 16px));
}
.yuni-corner{right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px)}
.yuni-work{left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 16px)}
/* Phones, tablets and short landscape screens: the footer already says (c) 2026 Yuni, so the fixed chip steps aside (no overlap on the portrait, Play, the form or links while they scroll under it). Desktop (1280 and up) keeps it. */
@media (max-width:1279px),(max-height:500px){.yuni-corner{display:none!important}}
/* Desktop (1280 and up, not short): the chip already shows (c) 2026 Yuni, so the footer drops its own copy. */
@media (min-width:1280px) and (min-height:501px){footer .foot-c{display:none}}