.happy-site-footer { box-sizing:border-box; position:relative; clear:both; width:min(calc(100% - 28px),760px); margin:12px auto 20px; padding:10px 12px; border:1px solid #e6dced; border-radius:18px; background:linear-gradient(145deg,#fffaf3,#f5eff9); color:#40324f; }
.happy-site-footer--app { max-width:492px; }
.happy-site-footer--bottom-nav { margin-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
.happy-site-navigation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:6px; padding:0 0 8px; border-bottom:1px solid #e6dced; font:700 12px/1.35 system-ui,sans-serif; }
.happy-site-navigation a { color:#643394; text-decoration:none; min-width:0; min-height:42px; padding:6px; border-radius:10px; background:#ffffffb8; display:inline-flex; align-items:center; justify-content:center; text-align:center; overflow-wrap:anywhere; }
.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:7px 0 0; padding:9px 10px; border-radius:10px; background:#eee5f5; color:#40324f; font:400 11px/1.55 system-ui,sans-serif; }
.happy-site-login-notice a { color:#582b86; font-weight:700; white-space:nowrap; }
.happy-site-layout { display:block; }
.happy-site-layout .app-shell { margin-inline:auto; padding-bottom:24px; }
.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; color:#40324f; font:500 13px/1.5 system-ui,sans-serif; }
.happy-site-feature-menu summary { min-height:42px; padding:11px 2px; cursor:pointer; color:#643394; font-weight:700; }
.happy-site-feature-menu nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0 0 7px; }
.happy-site-feature-menu a { display:flex; align-items:center; min-width:0; min-height:40px; padding:7px 9px; border:1px solid #e9e0f1; border-radius:10px; background:#fff; color:#40324f; text-decoration:none; overflow-wrap:anywhere; }
.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; }
.happy-site-feature-menu [data-feature-group] { border-color:#e8e2e8; border-left:3px solid var(--feature-accent,#788593); background:linear-gradient(90deg,var(--feature-wash,#f5f6f7),#fff 58%); box-shadow:0 4px 13px rgba(45,35,55,.035); }
.happy-site-feature-menu [data-feature-group="explore"] { --feature-accent:#5685a5; --feature-wash:#f0f6fa; }
.happy-site-feature-menu [data-feature-group="activity"] { --feature-accent:#3f806d; --feature-wash:#eef7f3; }
.happy-site-feature-menu [data-feature-group="business"] { --feature-accent:#986c41; --feature-wash:#faf4ec; }
.happy-site-feature-menu [data-feature-group="account"] { --feature-accent:#626b87; --feature-wash:#f2f4f8; }
.happy-site-feature-menu [data-feature-group="assets"] { --feature-accent:#8a762e; --feature-wash:#faf7ec; }
@media(min-width:701px) { .happy-site-footer:not(.happy-site-footer--app) .happy-site-feature-menu nav { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:480px) { .happy-site-footer { width:calc(100% - 20px); padding:8px 9px; border-radius:15px; } .happy-site-navigation { gap:5px; font-size:11px; } .happy-site-navigation a { min-height:40px; padding:5px 3px; } .happy-site-feature-menu summary { font-size:12px; } .happy-site-feature-menu a { font-size:11px; } }