.happy-site-navigation { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 18px; padding:12px 16px; background:#fffaf3; border-bottom:1px solid #e9e0f1; font:700 14px/1.5 system-ui,sans-serif; }
.happy-site-navigation a { color:#643394; text-decoration:none; min-height:40px; display:inline-flex; align-items:center; }
.happy-site-navigation a:hover { text-decoration:underline; }
.happy-site-navigation a:focus-visible,.happy-site-login-notice a:focus-visible { outline:3px solid #8241c3; outline-offset:3px; border-radius:4px; }
.happy-site-login-notice { margin:0; padding:12px max(18px,calc((100% - 960px)/2)); background:#f1e8fb; color:#40324f; font:400 14px/1.65 system-ui,sans-serif; }
.happy-site-login-notice a { color:#582b86; font-weight:700; white-space:nowrap; }
@media(max-width:480px) { .happy-site-navigation { justify-content:space-between; gap:4px 10px; font-size:12px; padding:6px 12px; } }
.happy-site-layout { display:block; }
.happy-site-layout .app-shell { margin-inline:auto; }
.happy-site-layout .portal-hero h1 { word-break:keep-all; overflow-wrap:break-word; }
.happy-site-layout #happyRequestModal .modal-actions { display:grid; grid-template-columns:1fr 1fr; }
.happy-site-layout #happyRequestSubmit { grid-column:1 / -1; width:100%; white-space:nowrap; }
.happy-site-feature-menu { margin:0; padding:0 16px; border-bottom:1px solid #e9e0f1; background:#fffaf3; color:#40324f; font:500 14px/1.5 system-ui,sans-serif; }
.happy-site-feature-menu summary { padding:14px 0; cursor:pointer; max-width:1120px; margin:auto; color:#643394; font-weight:700; }
.happy-site-feature-menu nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-width:1120px; margin:0 auto 16px; }
.happy-site-feature-menu a { display:flex; align-items:center; min-height:44px; padding:10px 12px; border:1px solid #e9e0f1; border-radius:10px; background:#fff; color:#40324f; text-decoration:none; }
.happy-site-feature-menu a:hover { background:#f1e8fb; }
.happy-site-feature-menu a:focus-visible,.happy-site-feature-menu summary:focus-visible { outline:3px solid #8241c3; outline-offset:2px; }
@media(max-width:700px) { .happy-site-feature-menu nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .happy-site-feature-menu a { font-size:13px; } }