/* App Experience Studio v2.6 — standalone layout, app shell and offline library */
html:has(body.hrnav-app-root){scroll-padding-top:70px}
body.hrnav-app-root{--hr-app-bg:#f5f6f8;--hr-app-paper:#fff;--hr-app-ink:#171a22;--hr-app-muted:#717783;--hr-app-line:#e6e8ed;--hr-app-red:#ed1c2e;margin:0!important;background:var(--hr-app-bg)!important;color:var(--hr-app-ink)!important;font:15px/1.55 system-ui,-apple-system,Arial,sans-serif;overflow-x:hidden;padding:0 0 calc(84px + env(safe-area-inset-bottom))!important}
body.hrnav-app-root *{box-sizing:border-box}
body.hrnav-app-root a{color:inherit;text-decoration:none}
body.hrnav-app-root button{font:inherit;cursor:pointer}
body.hrnav-app-root .hrnav-shell,body.hrnav-app-root .hrnav-bottom-nav,body.hrnav-app-root .hrb-editorial-footer,body.hrnav-app-root .hrc-reader-mobile-nav,body.hrnav-app-root #wpadminbar,body.hrnav-app-root .hrnav-pwa-nudge{display:none!important}
html[data-hrnav-app-theme="dark"] body.hrnav-app-root{--hr-app-bg:#101722;--hr-app-paper:#1b2634;--hr-app-ink:#f6f7fb;--hr-app-muted:#b7c1cc;--hr-app-line:#384456}
body.hrnav-app-root{--hrb-active-surface:var(--hr-app-paper);--hrb-active-background:var(--hr-app-bg);--hrb-active-ink:var(--hr-app-ink);--hrb-active-muted:var(--hr-app-muted);--hrb-active-border:var(--hr-app-line)}
.hrnav-app-top{position:sticky;top:0;z-index:1200;min-height:64px;padding:8px max(16px,env(safe-area-inset-left)) 8px max(16px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--hr-app-paper);border-bottom:1px solid var(--hr-app-line)}
.hrnav-app-wordmark{display:flex;align-items:center;gap:8px;min-width:0}.hrnav-app-wordmark img{border-radius:9px;flex:none}.hrnav-app-wordmark strong{white-space:nowrap;letter-spacing:-.03em;font-size:clamp(12px,3.7vw,18px);line-height:1.15}.hrnav-app-wordmark em{font-style:normal;color:var(--hr-app-red)}
.hrnav-app-tools{display:flex;align-items:center;gap:4px;flex:none}.hrnav-app-tools button,.hrnav-app-tools a{min-height:44px;min-width:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:12px;color:var(--hr-app-ink);font-size:17px;font-weight:750;padding:4px}
.hrnav-app-tools button:focus-visible,.hrnav-app-tools a:focus-visible,.hrnav-app-bottom a:focus-visible{outline:2px solid var(--hr-app-red);outline-offset:2px}
.hrnav-app-main{width:min(100%,840px);margin:0 auto;padding:18px 12px 35px;min-height:72vh}.hrnav-app-welcome{padding:14px 7px 18px}.hrnav-app-welcome small{font-size:11px;letter-spacing:.12em;color:var(--hr-app-red);font-weight:850}.hrnav-app-welcome h1{font:800 clamp(25px,6vw,37px)/1.15 system-ui,sans-serif;color:var(--hr-app-ink);letter-spacing:-.045em;margin:7px 0}.hrnav-app-welcome p{margin:0;color:var(--hr-app-muted);font-size:13px}
.hrnav-app-bottom{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:1210;background:var(--hr-app-paper);border-top:1px solid var(--hr-app-line);padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));min-height:calc(65px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -4px 24px #0001;direction:inherit}
.hrnav-app-bottom>a{min-height:60px;min-width:0;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;color:var(--hr-app-muted);font-weight:700}.hrnav-app-bottom>a[aria-current="page"]{color:var(--hr-app-red)}.hrnav-app-bottom svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none}.hrnav-app-bottom small{font-size:10px;line-height:1.3;white-space:nowrap}
.hrnav-app-login-prompt,.hrnav-app-offline-intro{background:var(--hr-app-paper);padding:20px;border-radius:18px;border:1px solid var(--hr-app-line);margin:0 0 15px}.hrnav-app-login-prompt p{color:var(--hr-app-muted);margin:0 0 14px}.hrnav-app-login-prompt>a,.hrnav-app-inline-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:11px;background:var(--hr-app-red);color:#fff!important;font-weight:750}
.hrnav-app-guest-list{display:grid;gap:15px}.hrnav-app-guest-card{background:var(--hr-app-paper);border-radius:18px;overflow:hidden;border:1px solid var(--hr-app-line)}.hrnav-app-guest-card>a img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.hrnav-app-guest-card>div{padding:16px}.hrnav-app-guest-card h2{font:750 clamp(18px,5vw,24px)/1.27 Georgia,serif;color:var(--hr-app-ink);margin:6px 0 12px}.hrnav-app-guest-card p{margin:0;color:var(--hr-app-muted);font-size:13px}.hrnav-app-guest-card small{color:var(--hr-app-red);font-size:11px;font-weight:700}
.hrnav-app-section-heading{font-size:17px;margin:14px 4px}.hrnav-app-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hrnav-app-categories>a{min-height:56px;border-radius:12px;background:var(--hr-app-paper);border:1px solid var(--hr-app-line);padding:13px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:700}
.hrnav-app-inline-cta{margin:18px 0 25px}.hrnav-app-offline-intro h2{margin:0 0 7px;color:var(--hr-app-ink);font-size:20px}.hrnav-app-offline-intro p{color:var(--hr-app-muted);font-size:13px}.hrnav-app-offline-intro button{border:1px solid var(--hr-app-line);background:transparent;color:var(--hr-app-ink);padding:9px 12px;border-radius:9px;min-height:44px}
.hrnav-app-offline-card{display:flex;align-items:center;gap:11px;padding:13px;margin:10px 0;border:1px solid var(--hr-app-line);background:var(--hr-app-paper);border-radius:14px;min-height:85px}.hrnav-app-offline-card .text{min-width:0;flex:1}.hrnav-app-offline-card h3{font:750 15px/1.3 system-ui;margin:3px 0 5px;color:var(--hr-app-ink)}.hrnav-app-offline-card small{color:var(--hr-app-muted);font-size:11px}.hrnav-app-offline-card button{min-height:44px;padding:7px 11px;background:transparent;border:1px solid var(--hr-app-line);border-radius:9px;color:var(--hr-app-ink)}
.hrnav-app-offline-reader{padding:18px;background:var(--hr-app-paper);border:1px solid var(--hr-app-line);border-radius:15px}.hrnav-app-offline-reader h2{font:750 27px/1.22 Georgia,serif;margin:15px 0}.hrnav-app-offline-reader .content{overflow-wrap:anywhere;color:var(--hr-app-ink);line-height:1.75}.hrnav-app-offline-reader .content img{max-width:100%;height:auto}.hrnav-app-offline-reader button{min-height:44px;background:var(--hr-app-red);color:#fff;border:none;border-radius:9px;padding:9px 14px}
.hrnav-app-language-overlay{position:fixed;inset:0;z-index:2147482900;background:#0009;display:grid;place-items:center;padding:16px}.hrnav-app-language-overlay[hidden],.hrnav-app-broadcast[hidden]{display:none!important}.hrnav-app-language-card{width:min(100%,380px);max-height:90dvh;overflow:auto;border-radius:20px;background:var(--hr-app-paper);color:var(--hr-app-ink);padding:24px;box-shadow:0 25px 75px #0005}.hrnav-app-language-card h2{margin:0 0 16px}.hrnav-app-language-card>button{float:inline-end;min-width:44px;min-height:44px;background:transparent;border:0;font-size:25px;color:inherit}.hrnav-app-language-card a{display:flex;padding:13px 8px;min-height:48px;border-bottom:1px solid var(--hr-app-line);font-size:16px}.hrnav-app-language-card a[aria-current="page"]{color:var(--hr-app-red);font-weight:800}
.hrnav-app-broadcast{border-radius:12px;border:1px solid var(--hr-app-line);padding:12px;margin-bottom:12px;background:var(--hr-app-paper);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.hrnav-app-broadcast button{border:0;background:var(--hr-app-red);color:#fff;padding:10px;border-radius:8px}
body.hrnav-app-root .hrc-feed-layout{display:block!important}.hrnav-app-root .hrc-feed-side{display:none!important}.hrnav-app-root .hrc-feed-main{min-width:0;width:100%;max-width:100%}.hrnav-app-root .hrc-feed-post,.hrnav-app-root .hrc-feed-heading,.hrnav-app-root .hrc-feed-interest-notice{background:var(--hr-app-paper)!important;color:var(--hr-app-ink)!important;border:1px solid var(--hr-app-line);border-radius:18px;margin-bottom:13px}.hrnav-app-root .hrc-feed-actions{flex-wrap:wrap}.hrnav-app-root .hrc-feed-action{color:var(--hr-app-ink)}.hrnav-app-root .hrc-feed-offline-save{flex:1 0 100%;justify-content:center;border-top:1px solid var(--hr-app-line);color:var(--hr-app-red)}.hrnav-app-root .hrc-feed-filters{overflow-x:auto}.hrnav-app-root .hrc-feed-filters a{white-space:nowrap}.hrnav-app-root .hrc-feed-title h3,.hrnav-app-root .hrc-feed-inline-content,.hrnav-app-root .hrc-feed-post h3{color:var(--hr-app-ink)}
@media(max-width:380px){.hrnav-app-wordmark strong{font-size:12px}.hrnav-app-tools button,.hrnav-app-tools a{min-width:39px}.hrnav-app-bottom small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hrnav-app-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Installed browser pages keep one app navigation — do not affect normal website. */
body.hrnav-is-installed-app .hrnav-shell.hrnav-editorial,body.hrnav-is-installed-app .hrnav-bottom-nav,body.hrnav-is-installed-app .hrc-reader-mobile-nav,body.hrnav-is-installed-app .hrc-reader-top,body.hrnav-is-installed-app .hrc-reader-language,body.hrnav-is-installed-app .hrb-editorial-footer,body.hrnav-is-installed-app #wpadminbar{display:none!important}
body.hrnav-is-installed-app{padding-top:65px!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
body.hrnav-is-installed-app .hrnav-app-top{position:fixed;top:0;inset-inline:0}
@media(display-mode:standalone){body:not(.hrnav-app-root) .hrnav-pwa-nudge{display:none!important}}

html:has(body.hrnav-app-root){margin-top:0!important}
@media(prefers-color-scheme:dark){html[data-hrnav-app-theme="system"] body.hrnav-app-root{--hr-app-bg:#101722;--hr-app-paper:#1b2634;--hr-app-ink:#f6f7fb;--hr-app-muted:#b7c1cc;--hr-app-line:#384456}}

.hrnav-app-search{background:var(--hr-app-paper);border:1px solid var(--hr-app-line);padding:16px;margin:0 0 15px;border-radius:16px}.hrnav-app-search label{font-weight:800;font-size:13px;display:block;margin-bottom:8px}.hrnav-app-search>div{display:flex;gap:8px}.hrnav-app-search input{min-width:0;flex:1;min-height:46px;padding:10px 14px;background:var(--hr-app-bg);color:var(--hr-app-ink);border:1px solid var(--hr-app-line);border-radius:10px;font:inherit}.hrnav-app-search button{min-width:48px;border:0;background:var(--hr-app-red);color:#fff;border-radius:10px;font-size:24px}
@media(max-width:350px){.hrnav-app-wordmark img{width:27px;height:27px}.hrnav-app-wordmark strong{font-size:11px}.hrnav-app-tools button,.hrnav-app-tools a{min-width:36px}.hrnav-app-top{padding-inline:9px;gap:5px}}
