/* Shared navigation controls for the light core and dark seasonal experiences. */
body{--nav-bg:#252d21;--nav-border:#89947a;--nav-text:#f2efdb;--nav-hover:#38442e;--nav-focus:#dbe69a}
body.meesmo-core,body:has(#app){--nav-bg:#fff;--nav-border:#8b9d91;--nav-text:#182e2b;--nav-hover:#eaf0e4;--nav-focus:#275d48}
body button.micro,body .skip-preference,body .nav-button,body .header-link,body .site-footer>div>a,body .site-footer button,body .saved-actions button,body .text-button,body .mummy-motion,body .deep-pause button.micro,body .deep-report button.micro,body .deep-report-links button.micro,body .navlink,body>footer>button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;padding:11px 18px;border:1px solid var(--nav-border);border-radius:9px;background:var(--nav-bg);color:var(--nav-text);font:600 13px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-decoration:none;text-align:center;white-space:normal;cursor:pointer;box-shadow:0 2px 3px #0000000d;transition:background-color .15s,border-color .15s,box-shadow .15s;
}
body .header-link{background:#275d48;border-color:#275d48;color:white;flex-shrink:0}
body:not(.meesmo-core):not(:has(#app)) .header-link{background:#dbe69a;border-color:#dbe69a;color:#182e2b}
body button.micro:hover,body .skip-preference:hover,body .nav-button:hover,body .site-footer button:hover,body .site-footer>div>a:hover,body .saved-actions button:hover,body .text-button:hover,body .mummy-motion:hover,body .deep-pause button.micro:hover,body .deep-report button.micro:hover,body .navlink:hover,body>footer>button:hover{background:var(--nav-hover);border-color:var(--nav-text);box-shadow:0 3px 8px #00000016}
body .header-link:hover{background:#346e56;border-color:#346e56;color:#fff}
body:not(.meesmo-core):not(:has(#app)) .header-link:hover{background:#eaf6bd;color:#182e2b}
body .nav-button:focus-visible,body .header-link:focus-visible,body button:focus-visible{outline:3px solid var(--nav-focus);outline-offset:4px}
body .nav-button:active,body .header-link:active,body .saved-actions button:active{box-shadow:none}
body .navlink.active{background:#275d48;color:white;border-color:#275d48}
body .primary,body .secondary{border-radius:9px;min-height:46px}
body .home-secondary{width:fit-content;margin-top:14px}
body .site-footer>div,body .saved-actions,body .deep-report-nav{gap:12px;flex-wrap:wrap}
body .mummy-motion{font-size:11px;margin-top:14px}
body .mummy-motion[hidden]{display:none}
body .preference-item .nav-button{margin-top:12px;align-self:start}
@media(max-width:700px){
 body .site-header{gap:12px;flex-wrap:wrap;padding:20px 5%}
 body .site-header .edition{display:none}
 body .site-header .brand{font-size:30px}
 body .header-link{font-size:12px;padding:11px 14px}
 body .site-footer>div{margin-left:0;width:100%;display:flex}
 body .site-footer>div>*{flex:1 1 130px}
 body .saved-actions{gap:10px}
 body .saved-actions button{flex:1 1 180px}
 body .quiz-actions{flex-wrap:wrap;gap:12px}
 body .quiz-actions>*{flex:1 1 110px}
 body .deep-top-tools button{min-height:46px}
 body:has(#app)>header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:14px}
 body:has(#app)>header nav{order:3;width:100%;margin:0;flex-wrap:wrap}
 body:has(#app)>header nav button{flex:1 1 90px;padding-inline:10px}
 body:has(#app)>header .pilot{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){body .nav-button,body .header-link,body button{transition:none}}
@media print{.nav-button,.header-link,.saved-actions,.deep-report-nav{display:none!important}}
/* Keep promotional buttons readable even in the compact three-card layout. */
body.meesmo-core .quiz-card-stack .primary{font-size:13px;line-height:1.4;min-height:46px}