/* Match the original header's icon/text spacing; the decorative rule stays outside the link. */
.brand-home {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  border-radius:10px;
  -webkit-tap-highlight-color:#d8b89b44;
}
.brand-home:hover { opacity:.85; }
.brand-home:focus-visible { outline:3px solid #bd8060; outline-offset:6px; }

/* Enlarge the touch target without moving or resizing the visible logo. */
.brand-home::before { content:""; position:absolute; inset:-4px; }

.app-navigation {display:flex;gap:6px;margin-left:auto;align-items:center;}
.app-navigation a {color:#815a45;text-decoration:none;font-size:14px;padding:11px 12px;border-radius:999px;white-space:nowrap;}
.app-navigation a:hover,.app-navigation a[aria-current=page] {background:#f3dfce;}
.app-navigation a:focus-visible {outline:3px solid #bd8060;outline-offset:2px;}
header:has(.app-navigation)::after {display:none;}
@media(max-width:420px){.app-navigation a{font-size:12px;padding:10px 9px;}.app-navigation{gap:0;}}