/* Site navigation sits above the period-specific interfaces in every view. */
.surface-return {
  position:fixed; z-index:30000; top:calc(108px + env(safe-area-inset-top)); left:max(12px,env(safe-area-inset-left));
  display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:var(--site-touch-target); min-height:var(--site-touch-target); padding:7px 13px 7px 10px;
  border:1px solid #fff4df6b; border-radius:25px; background:#281e18d9; color:#fff8e9;
  box-shadow:0 2px 12px #17110e80; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
  font:18px/1 var(--hand); white-space:nowrap; text-decoration:none; cursor:pointer; transition:background var(--site-control-motion),transform var(--site-control-motion);
}
/* Dialog form controls use the period UI font; the site return control is exempt. */
.object-dialog .surface-return { font-family:var(--hand); }
.surface-return > span:first-child { font:30px/.7 Georgia,serif; margin-top:-3px; }
.surface-return:hover,.surface-return:focus-visible { background:#443021f2; transform:translateY(-1px); }
.surface-return:focus-visible { outline:2px solid #ffe5a8; outline-offset:3px; }
.object-dialog .object-return { z-index:100; min-height:var(--site-touch-target); }
@media(max-width:650px) { .surface-return { padding-right:11px; font-size:17px; top:calc(104px + env(safe-area-inset-top)); } }
@media(prefers-reduced-motion:reduce) { .surface-return { transition:none; } }