/* Shared header geometry across PHP pages and standalone tool documents. */
/* Keep the anti-bot field out of sight without expanding the RTL viewport. */
.hidden-bot{position:absolute!important;left:0!important;right:auto!important;top:0!important;width:1px!important;height:1px!important;max-width:1px;max-height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);contain:strict;white-space:nowrap;pointer-events:none}
:root{--site-header-height:92px}
/* Reserve the scrollbar lane on short pages so the fixed header stays aligned. */
html{overflow-y:scroll}
body{padding-top:var(--site-header-height)}
.site-header.motivoo-header{position:fixed;inset:0 0 auto;z-index:30;width:100%;height:var(--site-header-height);background:#fff;border-bottom:1px solid #e3e7ed;color:#14213c}
.motivoo-header .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:1200px;height:100%;min-height:0;margin:auto;padding:0 28px;box-sizing:border-box;flex-wrap:nowrap}
.motivoo-header .header-inner>.brand{position:static;transform:none;display:inline-block;font:900 32px/1.5 Arial,sans-serif;letter-spacing:-1.8px;color:#08178c;white-space:nowrap;text-decoration:none}
.motivoo-header .brand>span{font-size:13px;vertical-align:top;color:#a1c83c;padding-left:3px}
.motivoo-header .desktop-nav{display:flex;align-items:center;gap:22px;margin:0;padding:0;width:auto;overflow:visible;white-space:nowrap}
.motivoo-header .desktop-nav a{display:inline-flex;direction:rtl;flex-direction:row;align-items:center;gap:8px;height:44px;min-height:44px;box-sizing:border-box;padding:8px 0;font-size:13px;line-height:1.8;font-weight:500;color:#14213c;text-decoration:none}
.motivoo-header .desktop-nav a:hover,.motivoo-header .desktop-nav a[aria-current=page]{color:#08178c}
.motivoo-header .drawer-link-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:inherit;background:transparent}
.motivoo-header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.motivoo-header a:focus-visible,.motivoo-header button:focus-visible{outline:3px solid #6b97ff;outline-offset:4px}
.motivoo-header .mobile-nav-actions{display:none}
@media(max-width:1050px){
 :root{--site-header-height:76px}
 .motivoo-header .header-inner{justify-content:center;padding-inline:20px}
 .motivoo-header .header-inner>.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:29px}
 .motivoo-header .desktop-nav{display:none!important}
 .motivoo-header .mobile-nav-actions{position:absolute;inset:0 20px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;pointer-events:none}
 .motivoo-header .mobile-nav-icon{display:grid;place-items:center;pointer-events:auto;width:44px;height:44px;padding:0;border:1px solid #e3e7ed;border-radius:14px;background:#f5f7ff;color:#08178c}
 .motivoo-header .mobile-nav-icon:hover{background:#e9edff}
}
/* Give expanded FAQ answers a consistent inset from the card border. */
#faq-answers details>div{padding:0 24px 24px}
#faq-answers details>div>p{margin:0;padding-top:16px;line-height:2.1}
#faq-answers details>div>p+p{margin-top:12px;padding-top:0}
@media(max-width:600px){#faq-answers details>div{padding:0 20px 20px}}
/* Keep this illustrative article image subordinate to the reading column. */
.article-content figure:has(>img[src="/images/fitness/banana-snack.webp"]){width:min(100%,560px);max-width:100%;margin-inline:auto;aspect-ratio:auto}
.article-content figure>img[src="/images/fitness/banana-snack.webp"]{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain}
@media print{body{padding-top:0}.site-header.motivoo-header{display:none}}