/*
 * WPU Library Research Hub — V40.19 Mobile Experience Polish
 * Compact mobile-first presentation. Existing search, database, modal,
 * analytics, AIRA, utilization, and workflow logic remain unchanged.
 */

:root{
  --wpu-v4019-blue:#0f6cbd;
  --wpu-v4019-blue-deep:#073b83;
  --wpu-v4019-cyan:#18a7d8;
  --wpu-v4019-violet:#6750a4;
  --wpu-v4019-teal:#008f88;
  --wpu-v4019-gold:#ffd84d;
  --wpu-v4019-ink:#172033;
  --wpu-v4019-muted:#5d697b;
  --wpu-v4019-line:#dbe4ef;
  --wpu-v4019-ease:cubic-bezier(.2,.8,.2,1);
}

/* Final shell details shared by desktop and mobile. */
html body[data-wpu-public-homepage="1"] .wpu-hub-metric-icon{
  display:none;
}
html body[data-wpu-public-homepage="1"] .wpu-hub-metric-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(15,108,189,.22);
  border-radius:12px;
  background:#fff;
  color:#0b559d;
  font:700 14px/1.2 "Segoe UI",Roboto,Arial,sans-serif;
  cursor:pointer;
}
html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-toggle:hover,
html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-toggle:focus-visible{
  border-color:rgba(15,108,189,.45);
  background:#f3f8ff;
  outline:3px solid rgba(15,108,189,.12);
  outline-offset:2px;
}
html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-content[hidden]{display:none!important}

/* Tablet and mobile: AIRA is always a full-width vertical experience. */
@media (max-width:991.98px){
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira{display:block!important;grid-template-columns:none!important;grid-template-rows:none!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__header{grid-column:auto!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__media{
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__body{width:100%!important}
}

/* Mobile header and compact access advisory. */
@media (max-width:767.98px){
  html body.wpu-site-header-active .public-header-shell .discovery-nav{
    min-height:66px!important;
    padding:4px 0!important;
  }
  html body.wpu-site-header-active .public-header-shell .wpu-public-nav-container{
    min-height:58px!important;
    padding:5px 11px!important;
    gap:7px 10px!important;
  }
  html body.wpu-site-header-active .public-header-shell .wpu-home-brand{
    flex:1 1 calc(100% - 56px)!important;
    max-width:calc(100% - 56px)!important;
    min-height:52px!important;
    padding:2px!important;
    gap:10px!important;
  }
  html body.wpu-site-header-active .public-header-shell .brand-logo{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    flex-basis:48px!important;
    border-radius:14px!important;
    padding:2px!important;
    background:rgba(255,255,255,.10)!important;
    box-shadow:0 8px 18px rgba(0,28,72,.18)!important;
  }
  html body.wpu-site-header-active .public-header-shell .brand-text strong{
    font-size:14px!important;
    line-height:1.15!important;
    letter-spacing:-.01em!important;
  }
  html body.wpu-site-header-active .public-header-shell .brand-text small{
    display:block!important;
    margin-top:4px!important;
    font-size:14px!important;
    line-height:1.1!important;
    letter-spacing:.035em!important;
  }
  html body.wpu-site-header-active .public-header-shell .wpu-public-nav-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.15)!important;
    box-shadow:0 7px 18px rgba(0,27,70,.20)!important;
  }
  html body.wpu-site-header-active .public-header-shell .wpu-public-nav-toggle i{font-size:1.45rem!important}

  html body.wpu-site-header-active .public-header-shell .global-announcement-bar,
  html body.wpu-site-header-active .public-header-shell .global-announcement-bar.is-sticky{
    position:relative!important;
    inset:auto!important;
    min-height:0!important;
    height:auto!important;
    padding:10px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 8px 22px rgba(0,37,90,.16)!important;
  }
  html body.wpu-site-header-active .public-header-shell .global-announcement-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
  }
  html body.wpu-site-header-active .public-header-shell .global-announcement-label{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.wpu-site-header-active .public-header-shell .global-announcement-icon{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border:1px solid rgba(255,255,255,.46)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.14)!important;
  }
  html body.wpu-site-header-active .public-header-shell .global-announcement-icon i{font-size:1.08rem!important}
  html body.wpu-site-header-active .public-header-shell .global-announcement-title{
    display:block!important;
    overflow:visible!important;
    font-size:14px!important;
    line-height:1.3!important;
    white-space:normal!important;
  }
  html body.wpu-site-header-active .public-header-shell .global-announcement-divider{display:none!important}
  html body.wpu-site-header-active .public-header-shell .global-announcement-static,
  html body.wpu-site-header-active .public-header-shell .global-announcement-ticker,
  html body.wpu-site-header-active .public-header-shell .global-announcement-rotator{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    font-size:14px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
  html body.wpu-site-header-active .public-header-shell .global-announcement-ticker::before,
  html body.wpu-site-header-active .public-header-shell .global-announcement-ticker::after{display:none!important}
  html body.wpu-site-header-active .public-header-shell .announcement-ticker-track{
    display:block!important;
    width:100%!important;
    transform:none!important;
    animation:none!important;
  }
  html body.wpu-site-header-active .public-header-shell .announcement-ticker-track>span{
    display:none!important;
    width:100%!important;
    padding:0!important;
    white-space:normal!important;
  }
  html body.wpu-site-header-active .public-header-shell .announcement-ticker-track>span:first-child{display:block!important}
  html body.wpu-site-header-active .public-header-shell .announcement-rotator-item{display:none!important;position:static!important}
  html body.wpu-site-header-active .public-header-shell .announcement-rotator-item:first-child,
  html body.wpu-site-header-active .public-header-shell .announcement-rotator-item.is-active{display:block!important}
  html body.wpu-site-header-active .public-header-shell .global-announcement-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
  }
  html body.wpu-site-header-active .public-header-shell .announcement-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 11px!important;
    border-radius:11px!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Homepage frame and readable mobile typography. */
  html body[data-wpu-public-homepage="1"] main.container-fluid{
    padding:12px 0 0!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-home{
    width:100%!important;
    max-width:none!important;
    padding:0 10px 38px!important;
    font-size:14px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero{
    gap:12px!important;
    margin-bottom:12px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero__main,
  html body[data-wpu-public-homepage="1"] .wpu-hub-section{
    padding:18px!important;
    border-radius:18px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-eyebrow,
  html body[data-wpu-public-homepage="1"] .wpu-hub-section__kicker{
    font-size:14px!important;
    line-height:1.25!important;
    letter-spacing:.025em!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-eyebrow{padding:7px 10px!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero__subtitle{
    margin:14px 0 5px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero h1{
    font-size:30px!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero h1 span{
    margin-top:7px!important;
    font-size:17px!important;
    line-height:1.3!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero__description{
    margin:13px 0 15px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-search{
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px 9px!important;
    border-radius:14px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-search input{
    min-height:44px!important;
    padding:8px 0!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-search button{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:46px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }

  /* Quick access remains one row and scrolls instead of wrapping. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-search-chips{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:calc(100% + 8px)!important;
    margin:10px -4px 0!important;
    padding:2px 4px 7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-search-chips::-webkit-scrollbar{display:none!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-search-chips>span{
    flex:0 0 auto!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-search-chips a{
    flex:0 0 auto!important;
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-button{
    width:100%!important;
    min-height:44px!important;
    padding:9px 13px!important;
    font-size:14px!important;
    line-height:1.25!important;
  }

  /* Colorful 2x2 live-stat cards with Material-like icon surfaces. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-live-metrics{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:15px!important;
    padding-top:14px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-live-metrics a{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:82px!important;
    padding:11px!important;
    border:1px solid color-mix(in srgb,var(--tone,#0f6cbd) 22%,#dce5ef)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tone-soft,#eaf3ff) 72%,#fff))!important;
    box-shadow:0 8px 19px color-mix(in srgb,var(--tone,#0f6cbd) 11%,transparent)!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-metric-icon{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.50)!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--tone,#0f6cbd) 78%,#fff),var(--tone-deep,#073b83))!important;
    color:#fff!important;
    box-shadow:0 8px 18px color-mix(in srgb,var(--tone,#0f6cbd) 25%,transparent)!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-metric-icon i{
    color:#fff!important;
    font-size:19px!important;
    filter:drop-shadow(0 2px 2px rgba(0,24,58,.22))!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-live-metrics strong{
    font-size:19px!important;
    line-height:1.05!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-live-metrics .wpu-hub-metric-copy>span{
    font-size:14px!important;
    line-height:1.25!important;
  }

  /* AIRA media first, explanation and actions below. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira{
    display:block!important;
    width:100%!important;
    border-radius:18px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__header{
    min-height:60px!important;
    padding:11px 13px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__avatar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__header strong,
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__header small,
  html body[data-wpu-public-homepage="1"] .wpu-hub-status{
    font-size:14px!important;
    line-height:1.25!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-status{margin-left:auto!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__media{
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__controls button{
    min-height:36px!important;
    padding:0 9px!important;
    font-size:14px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__body{
    width:100%!important;
    padding:17px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__body h2{
    font-size:20px!important;
    line-height:1.2!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__body p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-aira__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  /* Research journey: readable heading, horizontal four-step overview. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-section__header{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:9px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-section__header h2{
    font-size:22px!important;
    line-height:1.16!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-section__header p,
  html body[data-wpu-public-homepage="1"] .wpu-hub-text-link{
    font-size:14px!important;
    line-height:1.5!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-text-link{min-height:44px!important;align-items:center!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview{
    display:block!important;
    padding:12px!important;
    border-radius:15px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview__selection{
    min-height:58px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview__selection span,
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview__selection strong{
    font-size:14px!important;
    line-height:1.25!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview ol{
    display:flex!important;
    grid-template-columns:none!important;
    flex-flow:row nowrap!important;
    gap:8px!important;
    width:calc(100% + 8px)!important;
    margin:10px -4px 0!important;
    padding:2px 4px 7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview ol::-webkit-scrollbar{display:none!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview li{
    flex:0 0 148px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:58px!important;
    padding:9px!important;
    border:1px solid #dfe7f0!important;
    border-radius:12px!important;
    background:#fff!important;
    scroll-snap-align:start!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview li::after{display:none!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview li b{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#eaf4ff,#efeaff)!important;
    color:#0f6cbd!important;
    font-size:14px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-process-overview li span{
    font-size:14px!important;
    line-height:1.25!important;
  }

  /* Three compact research path cards. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goals{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:11px!important;
    min-height:76px!important;
    padding:11px!important;
    border-radius:15px!important;
    text-align:left!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:14px!important;
    font-size:19px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__content small,
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__content strong,
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__action{
    font-size:14px!important;
    line-height:1.25!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__content>span{display:none!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__action{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    overflow:hidden!important;
    color:transparent!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-goal__action i{
    color:var(--tone,#0f6cbd)!important;
    font-size:17px!important;
  }

  /* Collapsible guidance sources shorten the initial mobile page. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer{
    display:block!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__intro{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-summary{
    display:grid!important;
    gap:7px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-no-upload-badge,
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__intro strong,
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__intro p{
    font-size:14px!important;
    line-height:1.4!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-toggle{
    display:flex!important;
    width:100%!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-guidance-content{padding-top:10px!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__items{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__items>span{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:2px 9px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__items i{
    grid-row:1/3!important;
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    background:#edf5ff!important;
    color:#0f6cbd!important;
    font-size:16px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__items b,
  html body[data-wpu-public-homepage="1"] .wpu-hub-journey-source-layer__items small{
    font-size:14px!important;
    line-height:1.35!important;
  }

  /* Workflow stage strip and active panel. */
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-path__header{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-path__header>span{
    width:46px!important;
    height:46px!important;
    border-radius:13px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-path__header small,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-path__header h3,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-path__header p{
    font-size:14px!important;
    line-height:1.4!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow__stages{
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:3px 2px 8px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow__stages::-webkit-scrollbar{display:none!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-stage{
    flex:0 0 166px!important;
    min-height:72px!important;
    padding:9px!important;
    border-radius:13px!important;
    scroll-snap-align:center!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-stage__number,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-stage strong,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-stage small{
    font-size:14px!important;
    line-height:1.25!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-stage__icon{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel{
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:14px!important;
    border-radius:15px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__intro{
    padding:52px 0 0!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__large-icon{
    top:0!important;
    left:0!important;
    width:44px!important;
    height:44px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__badge,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel h3,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__intro>p,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__output small,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__output strong,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__tasks h4,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__tasks li,
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow__navigation span{
    font-size:14px!important;
    line-height:1.45!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel h3{font-size:20px!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__tasks{padding:12px!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow-panel__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow__navigation{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow__navigation button{
    min-height:44px!important;
    padding:8px 10px!important;
    font-size:14px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-workflow__navigation span{
    grid-column:1/-1!important;
    grid-row:1!important;
    text-align:center!important;
  }

  /* Maintain readable cards and touch targets below the initial journey. */
  html body[data-wpu-public-homepage="1"] :is(
    .wpu-hub-collection-card,
    .wpu-hub-tool-card,
    .wpu-hub-continue-card,
    .wpu-hub-support-card,
    .wpu-hub-database-card,
    .wpu-hub-resource-card
  ){
    min-height:88px!important;
  }
  html body[data-wpu-public-homepage="1"] :is(
    .wpu-hub-collection-card strong,
    .wpu-hub-collection-card p,
    .wpu-hub-collection-card small,
    .wpu-hub-tool-card strong,
    .wpu-hub-tool-card p,
    .wpu-hub-continue-card small,
    .wpu-hub-continue-card em,
    .wpu-hub-continue-card p,
    .wpu-hub-support-card strong,
    .wpu-hub-support-card p,
    .wpu-hub-database-card strong,
    .wpu-hub-database-card p,
    .wpu-hub-resource-card h3,
    .wpu-hub-resource-card p
  ){
    font-size:14px!important;
    line-height:1.4!important;
  }
  html body[data-wpu-public-homepage="1"] :is(
    .wpu-hub-collection-card,
    .wpu-hub-tool-card,
    .wpu-hub-continue-card,
    .wpu-hub-support-card,
    .wpu-hub-database-card a,
    .wpu-hub-resource-card a
  ){
    touch-action:manipulation!important;
  }
}

@media (max-width:419.98px){
  html body.wpu-site-header-active .public-header-shell .brand-logo{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
  }
  html body.wpu-site-header-active .public-header-shell .brand-text strong{font-size:14px!important}
  html body.wpu-site-header-active .public-header-shell .brand-text small{display:none!important}
  html body.wpu-site-header-active .public-header-shell .global-announcement-actions{grid-template-columns:1fr!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-hero h1{font-size:28px!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-live-metrics a{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
  }
  html body[data-wpu-public-homepage="1"] .wpu-hub-metric-icon{width:38px!important;height:38px!important}
  html body[data-wpu-public-homepage="1"] .wpu-hub-live-metrics strong{font-size:18px!important}
}

@media (prefers-reduced-motion:reduce){
  html body[data-wpu-public-homepage="1"] .wpu-hub-home *,
  html body[data-wpu-public-homepage="1"] .wpu-hub-home *::before,
  html body[data-wpu-public-homepage="1"] .wpu-hub-home *::after,
  html body.wpu-site-header-active .public-header-shell *{
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}