/* FRAME-GLORY pass 3: the Command Frame (30 Sep 2026) */
/* the menu reads in two labelled groups, tighter rows */
html body.pfh-app nav#pa-side>ul.pa-nav:first-of-type>li:first-child::before,html body.pfh-app nav#pa-side>ul.pa-nav:first-of-type>li:has(>a[href$="/resources/"])::before{display:block;margin:6px 0 6px 12px;padding-left:26px;background:linear-gradient(#E07A2F,#E07A2F) 0 50%/18px 2px no-repeat;font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;color:#1E5C42}
html body.pfh-app nav#pa-side>ul.pa-nav:first-of-type>li:first-child::before{content:"Community"}
html body.pfh-app nav#pa-side>ul.pa-nav:first-of-type>li:has(>a[href$="/resources/"])::before{content:"Help and services";margin-top:18px}
html body.pfh-app nav#pa-side>ul.pa-nav:first-of-type>li:has(>a[href$="#pfh-wg"]){margin-top:10px;padding-top:10px;border-top:1px dashed rgba(20,35,63,.16)}
html body.pfh-app nav#pa-side ul.pa-nav>li>a.pa-a{min-height:42px!important;padding:4px 10px!important;font-size:15.5px!important}
html body.pfh-app nav#pa-side ul.pa-nav>li>a.pa-a>svg{padding:7px}
html body.pfh-app nav#pa-side ul.pa-nav>li+li{margin-top:1px}
/* the member dock, pinned to the foot of the menu */
html body.pfh-app nav#pa-side>.pa-dock{position:sticky;bottom:-24px;z-index:3;display:flex;align-items:center;gap:8px;margin:16px -14px -24px;padding:10px 12px 12px;background:var(--pa-side,#EEF4F1);border-top:1px solid rgba(20,35,63,.10);box-shadow:0 -16px 18px -16px rgba(11,23,41,.28)}
html body.pfh-app nav#pa-side>.pa-dock[hidden]{display:none!important}
html body.pfh-app nav#pa-side .pa-dock__me{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:48px;padding:5px 8px;border-radius:14px;color:#14233F!important;text-decoration:none!important;transition:background-color .2s}
html body.pfh-app nav#pa-side .pa-dock__me:hover{background:rgba(255,255,255,.8)}
html body.pfh-app nav#pa-side .pa-dock__me img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #EEF4F1,0 0 0 4px #2E7D5B}
html body.pfh-app nav#pa-side .pa-dock__me span{display:flex;flex-direction:column;min-width:0}
html body.pfh-app nav#pa-side .pa-dock__me b{font-size:14.5px;font-weight:800;line-height:1.25;color:#14233F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.pfh-app nav#pa-side .pa-dock__me small{font-size:12.5px;line-height:1.3;color:#5E6672}
html body.pfh-app nav#pa-side .pa-dock__set{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#FFFFFF;color:#1E5C42!important;box-shadow:inset 0 0 0 1px rgba(20,35,63,.10);transition:background-color .2s,color .2s}
html body.pfh-app nav#pa-side .pa-dock__set:hover{background:#2E7D5B;color:#FFFFFF!important}
html body.pfh-app nav#pa-side .pa-dock a:focus-visible,html body.pfh-app .pa-foot a:focus-visible{outline:3px solid #E07A2F;outline-offset:2px}
/* a quiet footer closes every page */
html body.pfh-app .pa-main .pa-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:64px 0 0;padding:18px 0 0;border-top:1px solid #E1E6E3;font-family:"Space Grotesk","Archivo",system-ui,sans-serif;font-size:13.5px;line-height:1.5;color:#5E6672;text-align:left}
html body.pfh-app .pa-main .pa-foot[hidden]{display:none!important}
html body.pfh-app .pa-main .pa-foot p{margin:0;display:flex;flex-direction:column;gap:2px}
html body.pfh-app .pa-main .pa-foot p b{font-size:14px;font-weight:800;color:#14233F}
html body.pfh-app .pa-main .pa-foot p span{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5E6672}
html body.pfh-app .pa-main .pa-foot nav{display:flex;flex-wrap:wrap;gap:4px 6px}
html body.pfh-app .pa-main .pa-foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;color:#14233F!important;font-weight:600;text-decoration:none!important;transition:background-color .2s}
html body.pfh-app .pa-main .pa-foot nav a:hover{background:#EEF4F1}
/* a loading line when you move between pages */
@keyframes pa-prog{from{transform:scaleX(0)}to{transform:scaleX(.92)}}
html body.pfh-app .pa-prog{position:fixed;top:0;left:0;z-index:100002;width:100%;height:3px;background:linear-gradient(90deg,#3FBF84,#E07A2F);box-shadow:0 0 12px rgba(63,191,132,.8);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}
html body.pfh-app .pa-prog.is-on{opacity:1;animation:pa-prog 8s cubic-bezier(.1,.75,.1,1) forwards}
@media (prefers-reduced-motion:reduce){
 html body.pfh-app .pa-prog.is-on{animation:none;transform:scaleX(.6)}
 html body.pfh-app nav#pa-side .pa-dock__me,html body.pfh-app nav#pa-side .pa-dock__set,html body.pfh-app .pa-main .pa-foot nav a{transition:none}
}
@media (max-width:640px){
 html body.pfh-app .pa-main .pa-foot{flex-direction:column;align-items:flex-start;margin-top:44px}
 html body.pfh-app .pa-main .pa-foot nav{margin-left:-12px}
}
@media print{html body.pfh-app .pa-main .pa-foot,html body.pfh-app .pa-prog{display:none!important}}
/* dark */
html body.pfh-app.pfh-dark nav#pa-side>ul.pa-nav:first-of-type>li:first-child::before,html body.pfh-app.pfh-dark nav#pa-side>ul.pa-nav:first-of-type>li:has(>a[href$="/resources/"])::before{color:#6FD3A4}
html body.pfh-app.pfh-dark nav#pa-side>ul.pa-nav:first-of-type>li:has(>a[href$="#pfh-wg"]){border-top-color:rgba(230,234,240,.16)}
html body.pfh-app.pfh-dark nav#pa-side>.pa-dock{background:#10151B;border-top-color:#2A323D;box-shadow:0 -16px 18px -16px rgba(0,0,0,.8)}
html body.pfh-app.pfh-dark nav#pa-side .pa-dock__me,html body.pfh-app.pfh-dark nav#pa-side .pa-dock__me b{color:#FFFFFF!important}
html body.pfh-app.pfh-dark nav#pa-side .pa-dock__me small{color:#A9B2BF}
html body.pfh-app.pfh-dark nav#pa-side .pa-dock__me:hover{background:rgba(255,255,255,.06)}
html body.pfh-app.pfh-dark nav#pa-side .pa-dock__me img{box-shadow:0 0 0 2px #10151B,0 0 0 4px #3FBF84}
html body.pfh-app.pfh-dark nav#pa-side .pa-dock__set{background:#1C232C;color:#6FD3A4!important;box-shadow:inset 0 0 0 1px #2A323D}
html body.pfh-app.pfh-dark .pa-main .pa-foot{border-top-color:#2A323D;color:#A9B2BF}
html body.pfh-app.pfh-dark .pa-main .pa-foot p b,html body.pfh-app.pfh-dark .pa-main .pa-foot nav a{color:#FFFFFF!important}
html body.pfh-app.pfh-dark .pa-main .pa-foot p span{color:#A9B2BF}
html body.pfh-app.pfh-dark .pa-main .pa-foot nav a:hover{background:rgba(255,255,255,.08)}