/* v30.9.336: authoritative Resource Workspace tab layout. One icon+title inline row. */
#resources #resourceTabs .resource-tab.hag336-journey-tab{box-sizing:border-box!important;display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;height:62px!important;min-height:62px!important;max-height:62px!important;padding:6px 9px!important;vertical-align:bottom!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag314-tab-main{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;line-height:1.18!important;margin:0!important;padding:0!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag336-title-row{display:inline-flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;width:100%!important;max-width:100%!important;vertical-align:top!important;line-height:1.2!important;white-space:normal!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag336-tab-title{display:inline-block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.2!important;font-size:11px!important;font-weight:800!important;margin:0!important;padding:0!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag336-title-row > .hag306-lock{display:inline-flex!important;position:static!important;flex:0 0 15px!important;align-self:flex-start!important;align-items:center!important;justify-content:center!important;width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;min-height:15px!important;max-height:15px!important;margin:0!important;padding:0!important;transform:none!important;border-radius:5px!important;box-sizing:border-box!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag336-title-row > .hag306-lock svg{display:block!important;flex:0 0 auto!important;width:11px!important;height:11px!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab > .hag306-lock,#resources #resourceTabs .resource-tab.hag336-journey-tab .hag314-tab-main > .hag306-lock{display:none!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag314-tab-flags{display:flex!important;align-items:center!important;max-width:100%!important;min-height:11px!important;margin:0!important;padding:0!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab .hag314-tab-flag{font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;padding:2px 4px!important}
#resources #resourceTabs .resource-tab.hag336-journey-tab[data-hag-ghost-key]{padding-left:9px!important}
@media(max-width:760px){#resources #resourceTabs .resource-tab.hag336-journey-tab{width:100%!important;min-width:0!important;max-width:100%!important;height:62px!important;min-height:62px!important;max-height:62px!important}}
@media print{#resources #resourceTabs .resource-tab.hag336-journey-tab .hag306-lock{display:none!important}}

/* v336: mobile uses the same scrollable, interactive tab row as desktop.
   The v315 stepper hid the entire strip, and preview tabs could not be reached
   reliably when access changes. Side arrows plus horizontal touch swipe work
   on the real locked preview buttons; no duplicate UI or cloned panels. */
@media(max-width:760px){
 #resources .resource-tabs-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
 #resources .resource-tabs-head>div:first-child{max-width:100%!important;min-width:0!important;width:100%!important;overflow:visible!important}
 #resources .hag315-mobile-resource-nav{display:none!important}
 #resources .hag312-resource-tab-navigation{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
 #resources .hag312-resource-tab-navigation > #resourceTabs,
 #resources #resourceTabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;flex:1 1 0%!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scroll-behavior:smooth!important;scrollbar-width:thin!important;scrollbar-color:#a9bccc transparent!important;padding:4px 1px 9px!important;scroll-snap-type:none!important}
 #resources #resourceTabs::-webkit-scrollbar{display:block!important;height:4px!important}
 #resources #resourceTabs::-webkit-scrollbar-thumb{background:#a9bccc!important;border-radius:10px!important}
 #resources #resourceTabs .resource-tab.hag336-journey-tab{display:inline-flex!important;flex:0 0 143px!important;width:143px!important;min-width:143px!important;max-width:143px!important;height:64px!important;min-height:64px!important;max-height:64px!important;box-sizing:border-box!important;touch-action:pan-x!important}
 #resources .hag312-resource-tab-navigation > .hag312-resource-tab-arrow{display:inline-flex!important;flex:0 0 29px!important;width:29px!important;min-width:29px!important;max-width:29px!important;height:42px!important}
 #resources .hag312-resource-tab-navigation > .hag312-resource-tab-arrow[hidden]{visibility:hidden!important;pointer-events:none!important}
 #resources .resource-tabs-head>div:first-child::after{content:'Swipe or use the arrows to preview other resources';display:block;font-size:10px;line-height:1.4;color:#58758d;margin:4px 0 0 3px}
}
/* The mobile rail is deliberately hidden because the tabs themselves scroll.
   Put the pathway explanation immediately below the tab strip instead of
   floating Start/End labels over tabs that may be offscreen. */
@media(max-width:760px){
 #resources .resource-tabs-head .hag314-resource-journey-note{display:block!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;font-size:11px!important;line-height:1.45!important;color:#486780!important;padding:7px 2px 4px!important;white-space:normal!important;overflow-wrap:break-word!important}
}