/* Navigation stays reachable; each app keeps its own accent and soft background. */
body header[data-persistent-header]{position:sticky!important;top:0!important;z-index:100!important;overflow:visible;isolation:auto}
body .persistent-nav.persistent-open{display:flex!important;flex-direction:column!important;position:fixed!important;top:var(--menu-top,100px)!important;bottom:auto!important;left:max(12px,env(safe-area-inset-left))!important;right:auto!important;width:min(380px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:var(--menu-height,65dvh)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:120!important;background:var(--bg,#fff)!important;color:var(--ink,#173d39)!important;border:1px solid var(--line,#c3dbd5)!important;border-top:4px solid var(--accent,#17645d)!important;border-radius:16px!important;padding:14px!important;margin:0!important;box-shadow:0 12px 40px #14252c30}
body .persistent-nav.persistent-open a,body .persistent-nav.persistent-open>button{white-space:normal;overflow-wrap:anywhere;min-height:48px;flex-shrink:0}
body .persistent-nav.persistent-open .persistent-menu-close{display:block!important;position:sticky;top:0;background:var(--accent,#17645d);color:#fff;border:1px solid var(--accent,#17645d);border-radius:10px;min-height:46px;padding:10px 14px;font:600 16px/1.4 system-ui;text-align:center;margin:0 0 10px;width:100%;z-index:2}
.persistent-menu-close{display:none}
html{scroll-padding-top:var(--hyvinn-scroll-offset,110px)}
body :is(main h1,main h2,main h3,[id].section-content,.view,.panel:target){scroll-margin-top:var(--hyvinn-scroll-offset,110px)}
/* Color belongs inside the working surfaces too, while entry fields remain white. */
body :is(.card,.core-card,.surface,.panel,.path,.feature):not(.feature):not(.core-day-plan):not([data-app-color]){border-color:var(--line);border-top:4px solid var(--accent);background:linear-gradient(145deg,var(--soft) 0%,#fff 75%);color:var(--ink)}
body :is(.card,.core-card,.surface,.panel) :is(h2,h3){color:var(--ink)}
body :is(.card,.core-card,.surface,.panel) :is(input,textarea,select){background:#fff;color:var(--ink)}
body :is(.pill,.metric,.callout,.program-summary,.weight-memory,.week-strip>div){background:var(--soft);border-color:var(--line);color:var(--ink)}
body button[aria-pressed="true"]:not(.danger){border-color:var(--accent)}
body details[open]{border-color:var(--accent)}
body .persistent-nav a:focus-visible,body .persistent-nav button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){body header[data-persistent-header] #support-link{display:none}body .persistent-nav.persistent-open{width:calc(100vw - 24px)!important;left:12px!important;right:12px!important}body .persistent-nav.persistent-open a{font-size:16px;line-height:1.5;padding:12px}}