@media(max-width:700px){body header{position:relative;padding:20px 6%}body header .brand{max-width:calc(100% - 64px);gap:12px}body header .brand-name{font-size:1rem}body header .mark{padding-right:12px}body header .mark .official-logo{width:70px;max-width:70px}body header #menu{display:flex!important;align-items:center;justify-content:center;position:absolute;right:6%;top:25px;width:48px;height:48px;padding:0;font-size:1.75rem;line-height:1;color:#eeeaf2;background:linear-gradient(#642982,#310c48);border:1px solid #d6cddd;border-radius:9px;box-shadow:0 2px 8px #24052f30}body header nav,body header nav.open{display:none!important;flex-wrap:wrap;white-space:normal;margin-top:18px;padding:10px;border:1px solid #bda9ce;border-radius:12px;background:linear-gradient(135deg,#54216f,#2c0b41);gap:0;box-shadow:0 6px 15px #28093b30}body header nav.open{display:flex!important;flex-direction:column;align-items:stretch}body header nav a{display:block;width:100%;font-size:1rem;line-height:1.4;white-space:normal;padding:12px 14px;color:#f5edf9;border-bottom:1px solid #a68ab54d}body header nav a:last-child{border-bottom:0}body header nav a[aria-current],body header nav a:hover{color:white;background:#8b58a64d;border-color:#d7c8e1;border-radius:5px}body header #menu:hover{box-shadow:0 0 14px #c99af07a}}

/* Parent tabs open separate subpages on click/tap and keyboard. */
header nav .yus-nav-group{position:relative;min-width:0}header nav .yus-nav-row{display:flex;align-items:stretch}header nav .yus-nav-row>a{flex:1}header nav .yus-nav-toggle{min-width:42px;min-height:42px;border:0;background:transparent;color:inherit;font:inherit;font-size:20px;padding:6px;cursor:pointer}header nav .yus-subnav{position:absolute;left:0;top:100%;z-index:200;min-width:210px;max-width:min(300px,80vw);padding:8px;background:#391449;border:1px solid #bfa4d0;border-radius:9px;box-shadow:0 8px 20px #210a3533}header nav .yus-subnav[hidden]{display:none!important}header nav .yus-subnav a{display:block;color:white!important;border:0;padding:11px 14px;white-space:normal}header nav .yus-subnav a:hover,header nav .yus-subnav a:focus-visible{background:#6d3986}header nav .yus-parent-active{font-weight:bold}header nav .yus-nav-toggle{color:#fff;background:#58206f;border-radius:5px}header nav .yus-nav-toggle:focus-visible{outline:3px solid #d6b0ec;outline-offset:2px}
@media(max-width:700px){body header nav .yus-nav-group{width:100%}body header nav .yus-nav-row>a{width:auto}body header nav .yus-subnav{position:static;max-width:none;min-width:0;box-shadow:none;margin:0 8px 10px 18px;border-left:2px solid #d4b9e6;border-top:0;border-bottom:0;border-right:0;border-radius:0;background:#250c36}body header nav .yus-nav-toggle{margin:3px;width:44px;flex-shrink:0}}

/* Keep each dropdown arrow separate from its tab label on phone and desktop. */
header nav .yus-nav-row{column-gap:12px;align-items:center}header nav .yus-nav-row>a{min-width:0}header nav .yus-nav-toggle{flex:0 0 44px;min-width:44px;min-height:44px}

/* Light lavender subpage controls stay visible on the purple header. */
body header nav .yus-nav-toggle,body header nav .yus-subnav{background:#f1e7f7;color:#301648;border:1px solid #c8b4d8}
body header nav .yus-subnav a{color:#3d0b54!important}
body header nav .yus-nav-toggle:hover,body header nav .yus-subnav a:hover,body header nav .yus-subnav a:focus-visible{background:#bba6eb;color:#301648!important}
body header nav .yus-nav-toggle:focus-visible{outline:3px solid #f3eaff;outline-offset:2px}

/* Compact dropdown controls aligned with the navigation labels. */
body header nav .yus-nav-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;padding:0;margin:0;font-size:16px;line-height:1;border-radius:5px;align-self:center}
@media(max-width:700px){body header nav .yus-nav-toggle{flex-basis:36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:3px}}

/* Equal side columns keep the business name centered independently of the logo. */
body header .brand{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;width:100%;max-width:none;gap:20px}
body header .brand .mark{grid-column:1;min-width:0}
body header .brand-name{grid-column:2;text-align:center;overflow-wrap:break-word}
@media(max-width:700px){body header .brand{grid-template-columns:70px minmax(0,1fr) 70px;max-width:none;gap:12px}body header .brand .mark{padding-right:0;border-right:0}}

/* Matching logo areas flank the centered business name. */
body header .header-right-mark{grid-column:3;display:flex;align-items:center;justify-content:center;width:120px;height:120px}
body header .header-right-logo{display:block;width:100%;height:100%;object-fit:contain}
body header .brand>.mark{padding-right:0;border-right:0;display:flex;align-items:center;justify-content:center;width:120px;height:120px}
body header .brand>.mark .official-logo{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain}
@media(max-width:700px){body header .header-right-mark,body header .brand>.mark{width:70px;height:70px}body header #menu{top:auto;bottom:8px;right:6%;width:36px;height:36px;font-size:1.4rem}body header .brand{margin-bottom:36px}}

/* Emphasize the centered business name across desktop and mobile. */
body header .brand-name{font-weight:700;text-decoration-line:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}

/* Approved navigation: bold uppercase labels and unboxed chevrons. */
body header nav>.yus-nav-group>.yus-nav-row>a,
body header nav>a{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;padding-top:12px;padding-bottom:12px}
body header nav .yus-nav-row{align-items:center;column-gap:10px}
body header nav .yus-nav-toggle,
body header nav .yus-nav-toggle:hover,
body header nav .yus-nav-toggle:focus-visible{background:transparent!important;border:0!important;box-shadow:none;color:#fff!important;font-size:0;border-radius:4px}
body header nav .yus-nav-toggle::before{content:'';display:block;width:9px;height:9px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-2px) rotate(45deg)}
body header nav .yus-nav-toggle[aria-expanded="true"]::before{transform:translateY(2px) rotate(225deg)}
body header nav .yus-nav-toggle:hover::before{color:#e1d1f0}
body header nav .yus-subnav{background:#f1e7f7;color:#301648}
body header nav .yus-subnav a{font-family:Arial,sans-serif;font-weight:700;text-transform:none;letter-spacing:0}
@media(min-width:701px){
body header nav>.yus-nav-group>.yus-nav-row>a,body header nav>a{font-size:clamp(.68rem,1vw,.875rem)}
body header nav .yus-nav-row>a{flex:0 1 auto}
}
@media(max-width:700px){
body header nav>.yus-nav-group>.yus-nav-row>a,body header nav>a{font-size:1rem;white-space:normal}
body header nav .yus-nav-row>a{flex:1}
body header nav .yus-nav-toggle{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;margin:0}
body header nav .yus-subnav{margin:0 8px 10px 18px;padding:7px;border:1px solid #c8b4d8;border-radius:6px}
}

/* Match the standalone tabs to the parent-tab typography. */
body header nav#navigation>a{font-family:Arial,sans-serif;font-weight:700}