/* v30.9.315: phone-only Resource Workspace navigation. Desktop remains untouched. */
.hag315-mobile-resource-nav{display:none}
@media(max-width:760px){
 #resources .resource-tabs-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:14px 14px 12px!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
 #resources .resource-tabs-head>div:first-child{min-width:0!important;max-width:100%!important;width:100%!important;overflow:visible!important}
 #resources .resource-tabs-head .resource-tabs-label{font-size:11px!important;letter-spacing:.11em!important;margin:0 0 7px!important}
 #resources #resourceTabs,#resources .hag312-resource-tab-navigation,#resources .hag312-resource-tab-arrow,#resources .hag-mobile-resource-stepper{display:none!important}
 #resources .hag315-mobile-resource-nav{display:flex!important;flex-direction:column;gap:7px;min-width:0!important;width:100%!important;max-width:100%!important}
 #resources .hag315-stepper{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;gap:9px;align-items:stretch;width:100%;min-width:0}
 #resources .hag315-stepper-button{display:flex;align-items:center;justify-content:center;min-width:0;width:44px;min-height:82px;padding:0;border:1px solid #c5d4e0;border-radius:13px;background:#fff;color:#1b4266;font-size:28px;font-weight:750;cursor:pointer;touch-action:manipulation}
 #resources .hag315-stepper-button:disabled{color:#afbac6;background:#f6f8fa;cursor:default}
 #resources .hag315-stepper-button:focus-visible{outline:3px solid #3c7ca9;outline-offset:2px}
 #resources .hag315-stepper-current{border:1px solid #b9cbda;border-radius:13px;background:#fff;padding:10px 9px;min-height:82px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#173b60;box-sizing:border-box}
 #resources .hag315-stepper-title{display:block;font-size:clamp(12px,3.5vw,16px);font-weight:850;line-height:1.26;overflow-wrap:anywhere;word-break:normal;max-width:100%;text-wrap:balance}
 #resources .hag315-stepper-flags{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;max-width:100%}
 #resources .hag315-stepper-flag{display:inline-block;font-size:10px;font-weight:750;line-height:1.3;padding:3px 7px;background:#eaf1f7;color:#305779;border-radius:999px}
 #resources .hag315-stepper-flag[data-type="accelerator"]{color:#76571e;background:#f8edda}
 #resources .hag315-stepper-flag[data-type="end"]{color:#35654c;background:#eaf4ee}
 #resources .hag315-stepper-flag[data-type="locked"]{color:#786852;background:#f6f2eb}
 #resources .hag315-resource-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#64778a;font-size:11px;padding:1px 3px}
 #resources .hag315-resource-meta span{min-width:0}
 #resources .resource-tabs-actions{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important}
 #resources #hagStableResourcePriorityReset{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:5px 2px!important;font-weight:800!important;color:#285478!important;font-size:11px!important;min-height:30px!important;text-decoration:underline!important;text-underline-offset:3px!important}
 #resources .hag314-resource-journey-note{display:none!important}
 #resources .resource-tab-help{display:none!important}
 #resources .resource-tabs-shell{overflow:visible!important;max-width:100%!important;min-width:0!important}
 #resources .resource-tab-panel.active{min-width:0!important;max-width:100%!important}
 /* Reduce excess vertical space around the project-access notice without hiding its requirements. */
 #resources #hag306ResourcesAllowance{padding:12px 13px!important;margin:9px 0 12px!important;font-size:12px!important;line-height:1.45!important}
}