/* Final mobile product system — fused from production truth and reference proportions */
@media (max-width:1023px){
:root{--m-bg:#f5f7fa;--m-panel:#fff;--m-ink:#0c2239;--m-muted:#728094;--m-line:#e4e9ef;--m-navy:#09233e;--m-navy-2:#123c5d;--m-gold:#b48a42;--m-soft:#eef3f7;--m-green:#237552;--m-radius:14px;--m-gap:12px}
html,body{background:var(--m-bg)!important;color:var(--m-ink);overflow-x:hidden}#app{max-width:480px!important;background:var(--m-bg)!important}.page{min-height:100dvh!important;padding:12px 14px calc(100px + env(safe-area-inset-bottom))!important;background:var(--m-bg)!important}.card{border:1px solid var(--m-line)!important;border-radius:var(--m-radius)!important;box-shadow:0 8px 22px -20px rgba(12,34,57,.38)!important}.desktop-topbar{display:none!important}
/* compact four-tab native-like navigation */
.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(480px,100vw)!important;min-height:60px!important;height:calc(60px + env(safe-area-inset-bottom))!important;padding:5px 8px env(safe-area-inset-bottom)!important;border:0!important;border-top:1px solid var(--m-line)!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 24px -22px rgba(9,35,62,.55)!important;backdrop-filter:blur(16px);z-index:100}.bottom-nav .desktop-brand,.bottom-nav .nav-label,.bottom-nav .desktop-service-nav,.bottom-nav .desktop-recommended-nav,.bottom-nav .admin-label{display:none!important}.bottom-nav .nav-btn{display:none!important;width:auto!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:4px 2px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#8b96a4!important;box-shadow:none!important}.bottom-nav .nav-btn[data-route="home"],.bottom-nav .nav-btn[data-route="courses"],.bottom-nav .mobile-tasks-nav,.bottom-nav .mobile-profile-nav{display:flex!important}.bottom-nav .nav-btn .nav-icon{display:grid!important;width:22px!important;height:22px!important;place-items:center}.bottom-nav .nav-btn .nav-icon svg{width:21px!important;height:21px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .nav-btn span{font-size:11px!important;font-weight:650!important;line-height:1.2!important}.bottom-nav .nav-short-label{width:auto!important;text-align:center!important;text-align-last:auto!important;letter-spacing:normal!important}.bottom-nav .nav-btn em{display:none!important}.bottom-nav .nav-btn.active{color:var(--m-navy)!important}.bottom-nav .nav-btn.active::before,.bottom-nav .nav-btn.active::after{display:none!important;content:none!important}.bottom-nav .nav-btn.active .nav-icon{color:var(--m-gold)!important}.bottom-nav .mobile-profile-nav,.bottom-nav .mobile-tasks-nav{display:flex!important}
/* headers */
.mobile-subheader{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;min-height:46px!important;margin:0 0 10px!important;align-items:center}.mobile-subheader strong{font-size:17px!important;font-weight:700!important;color:var(--m-ink)}.back-button{width:40px!important;height:40px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--m-ink)!important;font-size:26px!important}.subpage-heading{display:none!important}.section-head{margin:18px 2px 9px!important}.section-head .eyebrow{display:none!important}.section-head h2{margin:0!important;font-size:18px!important;line-height:1.25!important;color:var(--m-ink)!important}.section-head .link{font-size:12px!important}
/* home: one hero, then compact workstream */
.home-page{padding-top:12px!important}.home-carousel{width:100%!important;margin:0 0 14px!important;border-radius:16px!important;aspect-ratio:19/10!important;min-height:0!important;box-shadow:none!important}.home-carousel-track,.home-carousel .home-slide{height:100%!important;min-height:0!important;border-radius:16px!important}.home-carousel .home-slide{padding:18px 18px 34px!important;align-content:end!important}.home-carousel .home-slide-copy{max-width:88%}.home-carousel .home-slide .badge{padding:4px 7px!important;font-size:9px!important}.home-carousel .home-slide h2{margin:7px 0 4px!important;font-size:21px!important;line-height:1.16!important;letter-spacing:-.3px}.home-carousel .home-slide p{display:-webkit-box;margin:0 0 9px!important;overflow:hidden;font-size:11px!important;line-height:1.45!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-carousel .hero-actions{display:flex!important;align-items:center!important;column-gap:14px!important;margin:0!important}.home-carousel .hero-actions .primary{flex:0 0 auto!important;min-height:36px!important;padding:7px 12px!important;border-radius:8px!important;font-size:11px!important}.home-carousel .hero-actions span{flex:0 0 auto!important;white-space:nowrap!important;font-size:10px!important;color:rgba(255,255,255,.72)!important}.home-carousel + .section-head{margin-top:14px!important}.home-carousel .carousel-dots{bottom:3px!important;left:12px!important;min-height:28px!important}.home-carousel .carousel-dots span{width:18px!important;height:3px!important;border-radius:2px!important}
.featured-course{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;min-height:112px!important;padding:12px!important;align-items:center!important}.featured-course .cover{width:84px!important;height:84px!important;min-width:84px!important;border-radius:10px!important}.featured-course .course-main{min-width:0}.featured-course .status-pill{padding:3px 6px!important;font-size:8px!important}.featured-course .course-main h3{margin:5px 0 4px!important;font-size:15px!important;line-height:1.3!important}.featured-course .course-main p{margin:0 0 8px!important;overflow:hidden;font-size:10px!important;line-height:1.35!important;text-overflow:ellipsis;white-space:nowrap}.featured-course .progress{height:4px!important}.featured-course .progress-row{margin-top:5px!important;font-size:9px!important}.featured-course .course-arrow{display:none!important}
.learning-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:10px 0 0!important}.learning-tools .tool-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;min-height:68px!important;padding:11px 14px!important;align-items:center!important;border-radius:12px!important;box-shadow:none!important}.learning-tools .tool-card>span{grid-column:1;color:var(--m-gold)!important;font-size:9px!important;font-weight:800!important}.learning-tools .tool-card h3{grid-column:1;margin:3px 0 0!important;font-size:14px!important;line-height:1.3!important}.learning-tools .tool-card p{display:none!important}.learning-tools .tool-card .mini-btn{grid-column:2;grid-row:1/3;min-height:36px!important;margin:0!important;padding:7px 11px!important;border-radius:8px!important;font-size:10px!important}.home-recommendations{margin-top:18px!important}.home-recommendations .recommended-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.home-recommendations .recommended-card{display:block!important;min-height:0!important;margin:0!important;padding:0 0 11px!important;overflow:hidden!important;border-radius:12px!important}.home-recommendations .recommended-card>.cover{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;border-radius:0!important}.home-recommendations .recommended-card>div:last-child{padding:10px 10px 0!important}.home-recommendations .recommended-card .status-pill{font-size:8px!important}.home-recommendations .recommended-card h3{display:-webkit-box;margin:6px 0 4px!important;overflow:hidden;font-size:13px!important;line-height:1.35!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-recommendations .recommended-card p{margin:0!important;font-size:9px!important;line-height:1.4!important}.home-recommendations .text-action{display:none!important}
/* catalog: high-density, readable rows */
.course-toolbar{display:grid!important;gap:9px!important;margin:0 0 10px!important}.course-toolbar>div:first-child span{font-size:18px!important}.course-toolbar>div:first-child strong{font-size:10px!important}.courses-page .course-filter{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:3px!important;border:1px solid var(--m-line)!important;border-radius:10px!important;background:#edf1f5!important;overflow:visible!important}.courses-page .course-filter button{min-width:0!important;min-height:38px!important;padding:6px 2px!important;border-radius:8px!important;font-size:10px!important}.courses-page .course-filter button.active{background:#fff!important;color:var(--m-ink)!important;box-shadow:0 2px 7px rgba(12,34,57,.07)!important}.courses-page .course-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.courses-page .course-card{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;min-height:112px!important;margin:0!important;padding:11px!important;gap:12px!important;align-items:center!important}.courses-page .course-card .cover{width:88px!important;height:88px!important;border-radius:10px!important}.courses-page .course-card .course-main h3{margin:0 0 5px!important;font-size:14px!important;line-height:1.35!important}.courses-page .course-card .course-main p{margin:0 0 8px!important;font-size:9px!important;line-height:1.4!important}.courses-page .course-card .progress{height:4px!important}.courses-page .course-card .progress-row{margin-top:5px!important;font-size:9px!important}
/* profile: compact identity + flat settings */
.profile-page{padding-top:12px!important}.profile-member-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) 44px!important;gap:12px!important;min-height:128px!important;margin:0 0 12px!important;padding:16px!important;border-radius:16px!important;background:linear-gradient(118deg,var(--m-navy),var(--m-navy-2))!important;box-shadow:none!important}.profile-member-card .avatar-large{display:grid!important;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;place-items:center!important;background:rgba(255,255,255,.1)!important;font-size:20px!important}.profile-member-copy{min-width:0!important}.profile-member-copy .eyebrow,.profile-member-copy h1{display:none!important}.profile-name-row{display:flex!important;min-width:0!important;align-items:center!important;gap:8px!important}.profile-name-row>strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.profile-member-copy strong{font-size:17px!important}.profile-member-copy small{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.68)!important;font-size:11px!important;line-height:1.4!important}.profile-name-edit{flex:0 0 auto!important;min-width:auto!important;min-height:32px!important;padding:4px 8px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:7px!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.9)!important;font-size:10px!important}.profile-more{display:grid!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;place-items:center!important;overflow:hidden!important;letter-spacing:0!important}.profile-more svg{display:block!important;fill:currentColor!important}.profile-member-stats{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:2px!important}.profile-member-stats span{padding-top:9px;border-top:1px solid rgba(255,255,255,.12);font-size:9px!important}.profile-member-stats b{font-size:15px!important}.profile-essential-layout{display:block!important}.profile-essential-actions{display:block!important;border-top:1px solid var(--m-line)!important;border-bottom:1px solid var(--m-line)!important;background:#fff!important}.profile-essential-actions .service-card{display:flex!important;width:100%!important;min-height:64px!important;margin:0!important;padding:10px 4px!important;align-items:center!important;border:0!important;border-radius:0!important;border-top:1px solid var(--m-line)!important;background:#fff!important;box-shadow:none!important}.profile-essential-actions .service-card:first-child{border-top:0!important}.profile-essential-actions .service-card-lead{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}.profile-essential-actions .icon-box{width:36px!important;height:36px!important;border-radius:10px!important;background:var(--m-soft)!important;color:var(--m-navy)!important}.profile-essential-actions .service-eyebrow{display:none!important}.profile-essential-actions .menu-main b{margin:0 0 2px!important;font-size:14px!important}.profile-essential-actions .menu-main small{font-size:10px!important}.profile-essential-actions .service-card-side{margin-left:auto!important}.profile-essential-actions .status-pill{display:inline-flex!important;padding:3px 7px!important;background:transparent!important;color:var(--m-muted)!important}.profile-essential-actions .service-link{background:transparent!important}.profile-essential-actions .service-link i{font-size:19px!important;color:#a2acb8!important}
/* route pages */
.tasks-page .task-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;min-height:0!important;margin:0 0 10px!important;padding:18px!important;align-items:center!important;border-radius:14px!important}.tasks-page .task-hero-copy{width:100%!important;min-width:0!important;max-width:none!important}.tasks-page .task-hero-copy>.eyebrow{display:block!important;color:rgba(255,255,255,.56)!important;font-size:9px!important}.tasks-page .task-hero h1{margin:5px 0 5px!important;white-space:nowrap!important;font-size:19px!important;line-height:1.25!important}.tasks-page .task-hero p{margin:0 0 10px!important;font-size:11px!important}.tasks-page .task-streak{display:none!important}.tasks-page .task-progress-orbit{display:grid!important;width:auto!important;height:auto!important;min-width:78px!important;max-width:none!important;padding:10px 11px!important;flex:0 0 auto!important;border-radius:11px!important;place-content:center!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important;white-space:nowrap!important}.tasks-page .task-progress-orbit strong{font-size:18px!important;line-height:1.1!important;white-space:nowrap!important}.tasks-page .task-progress-orbit small{font-size:11px!important}.tasks-page .task-progress-orbit span{margin-top:3px!important;font-size:9px!important;white-space:nowrap!important}.task-list{gap:9px!important}.task-card{min-height:0!important;padding:14px!important;border-radius:12px!important}.task-card h2{font-size:14px!important}.task-card p{font-size:10px!important}.ticket-page-heading{margin:0 0 12px!important}.ticket-page-heading h1{margin:0 0 4px!important;font-size:20px!important}.ticket-page-heading p{font-size:10px!important}.ticket-filter-pills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-bottom:9px!important}.ticket-filter-pills button{min-width:0!important;min-height:38px!important;padding:6px 2px!important;font-size:9px!important}.ticket-list-card{border-radius:12px!important}.ticket-list-row{min-height:82px!important;padding:12px!important;gap:8px!important}.ticket-list-row h2{margin:4px 0!important;font-size:13px!important}.ticket-list-row p{font-size:9px!important;line-height:1.4!important}.ticket-create{min-height:42px!important;margin-top:10px!important}.security-overview,.device-summary{min-height:88px!important;padding:15px!important;border-radius:14px!important}.security-box,.device-box{border-radius:12px!important;box-shadow:none!important}.security-row{min-height:62px!important;padding:10px 13px!important}.security-row b{font-size:13px!important}.security-row small{font-size:9px!important}.device-box .device-row{min-height:68px!important;padding:11px 13px!important}.device-mark{width:38px!important;height:38px!important}.wide-btn{min-height:44px!important}.detail-hero{padding:12px!important}.detail-hero .cover{height:130px!important;border-radius:10px!important}.detail-heading h1{font-size:20px!important}.detail-progress{padding:14px!important}.lesson-list .lesson-item{min-height:70px!important;padding:10px!important}.lesson-page .video-shell{margin:0 -14px!important;border-radius:0!important}.lesson-page .player-info,.lesson-page .comment-box{padding:14px!important}.lesson-page .player-info h1{font-size:18px!important}.comment-form{grid-template-columns:minmax(0,1fr) auto!important}
/* dialogs */
dialog{width:min(430px,calc(100vw - 24px))!important;max-height:calc(100dvh - 28px)!important;border-radius:16px!important}.dialog-form{padding:18px!important}.dialog-actions button{min-height:42px!important}
}
@media(max-width:370px){.page{padding-left:10px!important;padding-right:10px!important}.home-carousel{aspect-ratio:19/10!important}.home-carousel .home-slide h2{font-size:18px!important}.bottom-nav .nav-btn span{font-size:10px!important}.featured-course{grid-template-columns:74px minmax(0,1fr)!important}.featured-course .cover{width:74px!important;height:74px!important;min-width:74px!important}.courses-page .course-card{grid-template-columns:76px minmax(0,1fr)!important}.courses-page .course-card .cover{width:76px!important;height:76px!important}}
@media(max-width:1023px){.home-bottom-tools{margin-top:16px!important;padding-bottom:10px!important}.home-bottom-tools .tool-card{min-height:68px!important}}

/* Final account surfaces: compact, truthful, resilient */
@media(max-width:1023px){
.devices-page,.security-page{--account-accent:#b48a42;--account-navy:#09233e;--account-muted:#65758a}.devices-page .mobile-subheader,.security-page .mobile-subheader{margin-bottom:8px!important}.device-summary,.security-overview{position:relative;min-height:96px!important;margin:0 0 10px!important;padding:16px 17px!important;border:0!important;border-radius:14px!important;background:linear-gradient(118deg,#09233e,#143d5b)!important;color:#fff!important;box-shadow:none!important;overflow:hidden}.device-summary::after,.security-overview::after{content:"";position:absolute;width:150px;height:150px;right:-82px;top:-88px;border:1px solid rgba(215,181,112,.15);border-radius:50%;pointer-events:none}.device-summary{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:24px!important}.device-summary small,.security-overview>div>span{color:rgba(255,255,255,.62)!important;font-size:10px!important;font-weight:700!important}.device-summary strong{display:block!important;margin-top:4px!important;color:#fff!important;font-size:27px!important;line-height:1!important}.device-summary strong em{color:rgba(255,255,255,.52)!important;font-size:13px!important}.device-summary>span{justify-self:end!important;max-width:172px!important;color:rgba(255,255,255,.7)!important;font-size:11px!important;line-height:1.55!important;text-align:right!important}.device-box,.security-box{margin:0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important}.device-box>header{display:flex!important;min-height:46px!important;padding:0 14px!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--m-line)!important}.device-box>header b{font-size:13px!important}.device-box>header span{color:var(--account-muted)!important;font-size:10px!important}.device-box .device-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 52px!important;min-height:82px!important;padding:12px 13px!important;align-items:center!important;gap:11px!important}.device-mark{display:grid!important;width:42px!important;height:42px!important;border-radius:11px!important;place-items:center!important;background:#edf3f7!important;color:#244965!important}.device-mark svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.device-copy{min-width:0!important}.device-copy strong{display:block!important;overflow:hidden!important;color:var(--m-ink)!important;font-size:13px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}.device-copy .subtle{margin-top:4px!important;overflow:hidden!important;color:var(--account-muted)!important;font-size:10px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}.device-unbind{width:52px!important;min-width:52px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid #e3c9cd!important;border-radius:9px!important;background:#fff!important;color:#9c4b55!important;font-size:11px!important;font-weight:700!important}.device-unbind:active{background:#fbf2f3!important}.device-empty,.error-state{margin:0!important;padding:24px 16px!important;text-align:center!important}.device-empty{font-size:12px!important}.security-overview{display:flex!important;align-items:center!important;justify-content:space-between!important}.security-overview b{display:block!important;margin:5px 0 3px!important;color:#f0d8a6!important;font-size:18px!important;line-height:1.3!important}.security-overview p{margin:0!important;color:rgba(255,255,255,.64)!important;font-size:11px!important;line-height:1.45!important}.security-overview i{display:grid!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid rgba(215,181,112,.25)!important;border-radius:50%!important;place-items:center!important;background:rgba(180,138,66,.14)!important;color:#efd396!important}.security-overview i svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.security-box .security-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:68px!important;padding:11px 13px!important;align-items:center!important;gap:10px!important}.security-row>div{min-width:0!important}.security-row b{font-size:13px!important;line-height:1.35!important}.security-row small{margin-top:3px!important;color:var(--account-muted)!important;font-size:11px!important;line-height:1.4!important}.security-row .link{min-width:58px!important;min-height:44px!important;padding:0 6px!important;color:#49647e!important;font-size:11px!important;font-weight:700!important}.security-row .link:active{background:#eef3f7!important}.security-logout{width:auto!important;min-width:132px!important;min-height:44px!important;margin:12px 0 0!important;padding:0 14px!important;border:1px solid #e6cdd0!important;border-radius:9px!important;background:transparent!important;color:#99505a!important;font-size:11px!important;font-weight:700!important}.security-records{margin-top:10px!important;padding:14px!important}.security-records h3{margin:0 0 9px!important;font-size:14px!important}.security-records .security-row{grid-template-columns:minmax(0,1fr)!important;gap:3px!important;padding:9px 0!important}.security-records .security-row span,.security-records .security-row b{overflow-wrap:anywhere!important;font-size:10px!important}.security-page dialog .dialog-form [data-dialog-body]{display:grid!important;gap:12px!important}.security-page dialog .dialog-form label{display:grid!important;gap:6px!important;color:var(--m-ink)!important;font-size:11px!important;font-weight:700!important}.security-page dialog .dialog-form input{width:100%!important;min-height:44px!important;padding:0 12px!important;border:1px solid #d8e0e8!important;border-radius:9px!important;background:#fff!important;font-size:13px!important}.security-page dialog .dialog-form input:focus{border-color:#49647e!important;outline:3px solid rgba(73,100,126,.12)!important}.back-button:focus-visible,.device-unbind:focus-visible,.security-row .link:focus-visible,.security-logout:focus-visible{outline:2px solid var(--m-gold)!important;outline-offset:2px!important}
}
@media(max-width:370px){.device-summary{gap:12px!important}.device-summary>span{max-width:150px!important}.device-box .device-row{grid-template-columns:38px minmax(0,1fr) 48px!important;padding-left:10px!important;padding-right:10px!important}.device-mark{width:38px!important;height:38px!important}.device-unbind{width:48px!important;min-width:48px!important}}
@media(max-width:767px) and (orientation:landscape){.devices-page,.security-page{padding-bottom:76px!important}.device-summary,.security-overview{min-height:82px!important}.bottom-nav{position:sticky!important;transform:none!important;left:auto!important;margin:18px -14px -100px!important;width:calc(100% + 28px)!important}}


/* Cross-route mobile accessibility and interaction floor */
@media(max-width:1023px){
.back-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.mobile-subheader{grid-template-columns:44px minmax(0,1fr) 44px!important}.home-carousel .hero-actions .primary,.learning-tools .tool-card .mini-btn{min-height:44px!important}.courses-page .course-filter button,.ticket-filter-pills button{min-height:44px!important}.profile-name-edit{position:relative!important;min-height:44px!important}.ticket-back,.ticket-page-heading .ticket-back,[data-close-ticket]{min-height:44px!important}.ticket-create{min-height:44px!important}.course-card[role="button"],.recommended-card[role="button"],.featured-course[role="button"],[data-open-lesson][role="button"]{cursor:pointer}.course-card[role="button"]:focus-visible,.recommended-card[role="button"]:focus-visible,.featured-course[role="button"]:focus-visible,[data-open-lesson][role="button"]:focus-visible{outline:2px solid var(--m-gold)!important;outline-offset:3px!important}.course-card[role="button"]:active,.recommended-card[role="button"]:active,.featured-course[role="button"]:active{background:#fafbfd!important}.empty-state,.error-state,.ticket-empty,.ticket-error{border-radius:12px!important}.error-state small,.ticket-error small{overflow-wrap:anywhere!important}.form-error:empty{min-height:0!important;margin:0!important}.form-error:not(:empty){margin-top:10px!important;padding:10px 12px!important;border-radius:9px!important;background:#fbf1f2!important;color:#984955!important;font-size:11px!important;line-height:1.45!important}
}
/* Mobile profile hub: tasks and help live in the identity surface. */
@media(max-width:1023px){
  .bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bottom-nav .desktop-tasks-nav{display:none!important}
  .profile-essential-actions{display:grid!important;gap:8px!important}
  .mobile-profile-hub{display:grid!important;gap:8px!important;margin-top:18px!important}
  .mobile-profile-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 2px!important}
  .mobile-profile-section-head span{color:var(--m-ink);font-size:15px;font-weight:750}
  .mobile-profile-section-head small{color:var(--m-muted);font-size:10px}
  .profile-hub-row{display:flex!important;min-height:72px!important;width:100%!important;padding:10px 12px!important;border:1px solid var(--m-line)!important;border-radius:12px!important;background:var(--m-panel)!important;color:var(--m-ink)!important;text-align:left!important;align-items:center!important;justify-content:space-between!important}
  .profile-hub-row .icon-box{display:grid!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;place-items:center!important;background:var(--m-soft)!important;color:var(--m-navy-2)!important;font-size:13px!important;font-weight:800!important}
  .profile-hub-row .help-icon{background:#fbf2e5!important;color:#966f2d!important}
  .profile-hub-row .menu-main b{font-size:13px!important}.profile-hub-row .menu-main small:last-child{font-size:10px!important}
}
@media(min-width:1024px){.mobile-profile-hub{display:none!important}}

/* Mobile profile density pass: compact settings rows, light identity actions. */
@media(max-width:1023px){
  .profile-member-card{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:10px!important;min-height:112px!important;padding:13px 14px!important;border-radius:14px!important}
  .profile-member-card .avatar-large{width:40px!important;height:40px!important;font-size:17px!important}
  .profile-member-copy strong{font-size:15px!important}
  .profile-member-copy small{margin-top:3px!important;font-size:10px!important}
  .profile-name-row{gap:5px!important}
  .profile-name-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0 4px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.72)!important;font-size:10px!important;font-weight:600!important}
  .profile-name-edit::after{content:"";position:absolute;width:30px;height:1px;bottom:7px;background:rgba(255,255,255,.42)}
  .profile-more{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .profile-member-stats{gap:6px!important;margin-top:0!important}
  .profile-member-stats span{font-size:9px!important}
  .profile-member-stats b{font-size:15px!important}

  .profile-essential-actions,.mobile-profile-hub{gap:6px!important;margin-top:14px!important}
  .mobile-profile-section-head{margin:0 2px 1px!important}
  .mobile-profile-section-head span{font-size:14px!important}
  .mobile-profile-section-head small{display:none!important}
  .profile-essential-actions .service-card,.profile-hub-row{display:flex!important;min-height:52px!important;height:52px!important;padding:5px 10px!important;border-radius:10px!important;align-items:center!important}
  .profile-essential-actions .service-card-lead,.profile-hub-row .service-card-lead{display:flex!important;min-width:0!important;align-items:center!important;gap:9px!important}
  .profile-essential-actions .icon-box,.profile-hub-row .icon-box{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;font-size:11px!important}
  .profile-essential-actions .menu-main,.profile-hub-row .menu-main{display:block!important;min-width:0!important}
  .profile-essential-actions .service-eyebrow,.profile-essential-actions .menu-main small:last-child,.profile-hub-row .service-eyebrow,.profile-hub-row .menu-main small:last-child{display:none!important}
  .profile-essential-actions .menu-main b,.profile-hub-row .menu-main b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:1.25!important}
  .profile-essential-actions .service-card-side,.profile-hub-row .service-card-side{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important}
  .profile-essential-actions .status-pill,.profile-hub-row .status-pill{padding:3px 6px!important;font-size:9px!important}
  .profile-essential-actions .service-link,.profile-hub-row .service-link{font-size:18px!important;line-height:1!important}
}

/* Lesson player geometry: one content grid, no exposed parent canvas */
@media(max-width:1023px){
.lesson-page .video-shell{position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 0 12px!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:12px!important;background:#080a0e!important}
.lesson-page .video-box{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;object-fit:contain!important;background:#080a0e!important}
.lesson-page .video-status{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important}
.lesson-page .player-info{margin-top:0!important}
}

/* Login form rhythm: keep agreement, primary action, and secondary action distinct. */
@media (max-width:1023px){
.login-card .agreement{margin-top:18px!important;margin-bottom:16px!important}
.login-card .form-error:empty{display:none!important;min-height:0!important;margin:0!important}
.login-card .login-submit{display:block!important;margin-top:0!important;min-height:48px!important}
.login-card .login-switch{display:block!important;min-height:44px!important;margin-top:24px!important;padding:10px 8px!important}
}

/* Keep the mobile welcome block and login card in a clear document-flow hierarchy. */
@media (max-width:1023px){
.login-page .login-panel{padding-top:12px!important}
.login-page .login-card{margin:0 auto!important}
}


/* Profile service list uses the same restrained pattern as security and devices. */
@media(max-width:1023px){
  .profile-service-box{display:block!important;margin-top:14px!important;background:var(--m-panel)!important;border:1px solid var(--m-line)!important;color:var(--m-ink)!important}
  .profile-service-box>header{display:flex!important;min-height:44px!important;padding:0 13px!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--m-line)!important}
  .profile-service-box>header b{font-size:13px!important}.profile-service-box>header span{color:#65758a!important;font-size:10px!important}
  .profile-service-box .profile-service-row{display:grid!important;width:100%!important;min-height:62px!important;height:62px!important;margin:0!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid var(--m-line)!important;border-radius:0!important;background:transparent!important;color:var(--m-ink)!important;text-align:left!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
  .profile-service-box .profile-service-row:last-child{border-bottom:0!important}
  .profile-service-box .profile-service-row>div{min-width:0!important}.profile-service-box .profile-service-row b{display:block!important;font-size:12px!important;line-height:1.35!important}.profile-service-box .profile-service-row small{display:block!important;margin-top:3px!important;overflow:hidden!important;color:#65758a!important;font-size:10px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .profile-service-link{display:block!important;min-width:44px!important;min-height:44px!important;padding:14px 0!important;color:#49647e!important;font-size:11px!important;font-weight:700!important;text-align:right!important;white-space:nowrap!important}
}


/* Visual assets for task cards and homepage learning tools. */
.task-card-media{width:100%;aspect-ratio:16/7;min-height:112px;margin:-14px -14px 12px;width:calc(100% + 28px);background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:12px 12px 0 0;display:flex;align-items:flex-end;padding:12px 14px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;background-color:#173b59}.task-card-media-fallback{position:relative;overflow:hidden;background:linear-gradient(135deg,#0e2d4b,#477b88)}.task-card-media-fallback::after{content:"";position:absolute;width:150px;height:150px;right:-35px;top:-70px;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:-30px 35px 0 -18px rgba(213,177,103,.35)}.task-card-media-1{background:linear-gradient(135deg,#7c5a32,#bd9b5d)}.task-card-media-2{background:linear-gradient(135deg,#234e58,#8aa7a0)}.task-card-media span{position:relative;z-index:1}.task-card{overflow:hidden!important}.task-card .task-index{margin-left:0}.task-card .task-copy{min-width:0}.home-bottom-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.home-bottom-tools .tool-card{display:grid!important;grid-template-rows:auto 1fr!important;min-height:230px!important;padding:0!important;overflow:hidden!important}.home-bottom-tools .tool-card-media{aspect-ratio:16/8;min-height:92px;padding:12px 14px;display:flex;align-items:flex-end;color:rgba(255,255,255,.78);font-size:9px;font-weight:800;letter-spacing:.08em;background-position:center;background-size:cover}.tool-card-media-tasks{background:linear-gradient(135deg,#0e2d4b,#497c8c);position:relative;overflow:hidden}.tool-card-media-tasks::after{content:"";width:120px;height:120px;position:absolute;right:-24px;top:-48px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:-24px 28px 0 -14px rgba(214,177,100,.45)}.tool-card-media-growth{background:linear-gradient(135deg,#5e4227,#b58b48);position:relative;overflow:hidden}.tool-card-media-growth::after{content:"";width:130px;height:70px;position:absolute;right:-18px;bottom:-18px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.home-bottom-tools .tool-card-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto 1fr!important;gap:0 8px;padding:12px 13px!important}.home-bottom-tools .tool-card-body>span{grid-column:1/-1;font-size:9px!important;font-weight:800!important;color:var(--m-gold)!important}.home-bottom-tools .tool-card-body h3{grid-column:1/-1;margin:4px 0!important;font-size:14px!important;line-height:1.3!important}.home-bottom-tools .tool-card-body p{grid-column:1;margin:0!important;font-size:10px!important;line-height:1.4!important}.home-bottom-tools .tool-card-body .mini-btn{grid-column:2;grid-row:3;align-self:end;min-height:40px!important;padding:7px 9px!important;font-size:10px!important}
@media(max-width:767px){.home-bottom-tools{grid-template-columns:1fr!important}.home-bottom-tools .tool-card{min-height:190px!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-rows:1fr!important}.home-bottom-tools .tool-card-media{aspect-ratio:auto!important;height:100%!important;min-height:0!important;border-radius:0!important}.home-bottom-tools .tool-card-body{padding:12px!important}.task-card-media{aspect-ratio:16/8;min-height:92px}}
@media(max-width:370px){.home-bottom-tools .tool-card{grid-template-columns:96px minmax(0,1fr)!important}.task-card-media{min-height:82px}}

@media(min-width:1024px){.home-bottom-tools{max-height:200px!important}.home-bottom-tools .tool-card{min-height:0!important;height:188px!important}.home-bottom-tools .tool-card-media{min-height:0!important}.home-bottom-tools .tool-card-body{padding:10px 13px!important}}
@media(max-width:1023px){.home-bottom-tools .tool-card-body .mini-btn{min-height:44px!important;height:44px!important}}

.task-card-picture{display:block;width:calc(100% + 28px);margin:-14px -14px 12px}.task-card-picture .task-card-media{display:block;width:100%;height:auto;aspect-ratio:16/7;margin:0;object-fit:cover;border-radius:12px 12px 0 0}.home-bottom-tools picture.tool-card-media{display:block;padding:0!important}.home-bottom-tools picture.tool-card-media img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:767px){.task-card-picture .task-card-media{aspect-ratio:2/1}.home-bottom-tools picture.tool-card-media img{height:100%;object-fit:cover}}


/* Managed responsive course artwork */
.course-picture{display:block;overflow:hidden;background:#163d55}.course-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.course-card>.course-picture.cover{aspect-ratio:3/2}.recommendation-feature>.course-picture.recommendation-cover{aspect-ratio:3/4}.detail-hero>.course-picture.cover{aspect-ratio:3/2}
@media(max-width:767px){.course-card>.course-picture.cover{aspect-ratio:64/25}.recommendation-feature>.course-picture.recommendation-cover{aspect-ratio:4/3}.detail-hero>.course-picture.cover{aspect-ratio:64/25}}


/* Course artwork must fill the same geometry as legacy cover placeholders. */
.course-picture{display:block;position:relative;overflow:hidden;background:#173c59;background-position:center;background-size:cover}
.course-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.featured-course>.course-picture{width:190px;height:120px;flex:0 0 190px;border-radius:9px}
.recommended-card>.course-picture{display:block;width:170px;height:146px;min-height:0;border-radius:8px}
.recommendation-feature>.course-picture{display:block;width:210px;height:100%;min-height:280px;border-radius:0}
@media(max-width:1023px){.featured-course>.course-picture{width:82px;height:96px;flex-basis:82px;border-radius:9px}.home-recommendations .recommended-card>.course-picture{width:112px;height:100%;min-height:160px;border-radius:0}.courses-page .course-card>.course-picture{width:100%;height:145px;border-radius:9px}.recommendation-feature>.course-picture{width:100%;height:220px;min-height:0;border-radius:0}}


/* Uniform catalog artwork: fixed 3:2 frame and deliberate artwork zoom. */
.course-picture-catalog{aspect-ratio:3/2!important;height:auto!important;background:#0b2639}
.course-picture-catalog img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:scale(1.1);transform-origin:center}
.courses-page .course-card>.course-picture-catalog{width:100%!important;aspect-ratio:3/2!important;height:auto!important;min-height:0!important;flex:none!important}
.featured-course>.course-picture-catalog{width:190px!important;aspect-ratio:3/2!important;height:auto!important;flex:0 0 190px!important}
@media(max-width:1023px){.courses-page .course-card>.course-picture-catalog{width:100%!important;aspect-ratio:3/2!important;height:auto!important}.featured-course>.course-picture-catalog{width:96px!important;aspect-ratio:3/2!important;height:auto!important;flex-basis:96px!important}}

.course-picture.cover{box-sizing:border-box!important;padding:0!important;display:block!important;align-items:initial!important;justify-content:initial!important}
.course-picture.cover:before,.course-picture.cover:after{display:none!important;content:none!important}
.course-picture-catalog img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}


/* Authoritative task card layout: media, step, copy and action stay aligned in every state. */
@media(min-width:1024px){
.tasks-page .task-list{width:100%!important;max-width:none!important;gap:12px!important}
.tasks-page .task-card{width:100%!important;min-height:150px!important;padding:16px 18px!important;display:grid!important;grid-template-columns:160px 48px minmax(0,1fr) 132px!important;grid-template-rows:auto!important;align-items:center!important;gap:18px!important;overflow:hidden!important}
.tasks-page .task-card-picture,.tasks-page .task-card>.task-card-media{grid-column:1!important;grid-row:1!important;display:block!important;width:160px!important;height:112px!important;min-height:112px!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}
.tasks-page .task-card-picture .task-card-media{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;border-radius:10px!important;object-fit:cover!important}
.tasks-page .task-index{grid-column:2!important;grid-row:1!important;margin:0!important;align-self:center!important}
.tasks-page .task-copy{grid-column:3!important;grid-row:1!important;width:auto!important;min-width:0!important;padding:0!important}
.tasks-page .task-copy>span{display:inline-flex;margin-bottom:5px;color:#718196;font-size:11px;font-weight:750}
.tasks-page .task-copy h2{margin:0 0 6px!important;font-size:17px!important;line-height:1.35!important}
.tasks-page .task-copy p{margin:0!important;font-size:12px!important;line-height:1.65!important}
.tasks-page .task-copy small{display:block;margin-top:5px;color:#8793a2;font-size:10px}
.tasks-page .task-submit,.tasks-page .task-state-action{grid-column:4!important;grid-row:1!important;display:flex!important;width:132px!important;min-width:132px!important;min-height:44px!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:10px 13px!important;align-self:center!important;white-space:nowrap!important}
.tasks-page .task-submit span,.tasks-page .task-state-action span{display:inline!important}
.tasks-page .task-state-action{border:1px solid #dce3e9!important;background:#f3f6f8!important;color:#7b8998!important;opacity:1!important}
.tasks-page .task-state-action.completed{background:#edf7f0!important;color:#3d7a55!important}
.tasks-page .task-state-action.reviewing{background:#edf4fa!important;color:#426f94!important}
}
@media(max-width:1023px){
.tasks-page .task-card{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:12px!important;padding:14px!important}
.tasks-page .task-card-picture,.tasks-page .task-card>.task-card-media{grid-column:1/-1!important;grid-row:1!important;display:block!important;width:calc(100% + 28px)!important;height:auto!important;min-height:0!important;margin:-14px -14px 0!important;aspect-ratio:2/1!important;border-radius:12px 12px 0 0!important;overflow:hidden!important}
.tasks-page .task-card-picture .task-card-media{display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover!important}
.tasks-page .task-index{grid-column:1!important;grid-row:2!important;align-self:start!important;margin-top:4px!important}
.tasks-page .task-copy{grid-column:2!important;grid-row:2!important;min-width:0!important;padding-right:0!important}
.tasks-page .task-submit,.tasks-page .task-state-action{grid-column:2!important;grid-row:3!important;display:flex!important;width:100%!important;min-width:0!important;min-height:44px!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:10px 13px!important;white-space:nowrap!important}
.tasks-page .task-submit span,.tasks-page .task-state-action span{display:inline!important}
.tasks-page .task-state-action{border:1px solid #dce3e9!important;background:#f3f6f8!important;color:#7b8998!important;opacity:1!important}
}


/* Stable course-card footer: long lesson text never pushes counts or card edges. */
.courses-page .course-list{align-items:stretch!important;grid-auto-rows:1fr!important}
.courses-page .course-card{box-sizing:border-box!important;height:100%!important;overflow:hidden!important}
.courses-page .course-main{display:flex!important;min-width:0!important;height:auto!important;flex-direction:column!important}
.courses-page .course-main h3{min-height:2.7em!important;max-height:2.7em!important;display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.courses-page .course-main>p{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.courses-page .course-main .progress{margin-top:auto!important;flex:0 0 auto!important}
.courses-page .progress-row{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:start!important;gap:8px!important;min-width:0!important;min-height:16px!important}
.courses-page .course-lesson-label{display:block!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.courses-page .course-progress-count{display:block!important;min-width:max-content!important;white-space:nowrap!important;text-align:right!important;font-variant-numeric:tabular-nums!important}
@media(max-width:1023px){.courses-page .course-main h3{min-height:0!important;max-height:2.7em!important}.courses-page .course-main .progress{margin-top:0!important}}


/* Recommendation cards: media, copy and action own separate grid columns. */
@media(min-width:1024px){
.recommendations-panel{width:100%!important;max-width:none!important}
.recommendations-showcase{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important}
.recommendation-feature{display:grid!important;grid-template-columns:220px minmax(0,1fr) 168px!important;grid-template-rows:293px!important;align-items:stretch!important;width:100%!important;min-height:295px!important;height:295px!important;padding:0!important;gap:0!important;overflow:hidden!important}
.recommendation-feature>.course-picture.recommendation-cover,.recommendation-feature>.recommendation-cover{grid-column:1!important;grid-row:1!important;display:block!important;width:220px!important;height:293px!important;min-height:293px!important;aspect-ratio:3/2!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important}
.recommendation-feature>.course-picture.recommendation-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.recommendation-copy{grid-column:2!important;grid-row:1!important;display:flex!important;min-width:0!important;padding:38px 34px!important;flex-direction:column!important;justify-content:center!important}
.recommendation-copy h3{margin:14px 0 10px!important;max-width:760px!important;font-size:24px!important;line-height:1.3!important}
.recommendation-copy>p{font-size:12px!important;line-height:1.6!important}
.recommendation-meta{margin-top:20px!important}
.recommendation-action{grid-column:3!important;grid-row:1!important;display:flex!important;padding:30px 24px!important;align-items:center!important;justify-content:center!important;border-left:1px solid #edf0f4!important;background:#fafbfd!important}
.recommendation-action .primary{width:100%!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;white-space:nowrap!important}
}
@media(max-width:1023px){
.recommendation-feature{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important}
.recommendation-feature>.course-picture.recommendation-cover,.recommendation-feature>.recommendation-cover{grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
.recommendation-feature>.course-picture.recommendation-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.recommendation-copy{grid-column:1!important;grid-row:2!important;padding:18px!important}
.recommendation-copy h3{margin:10px 0 7px!important;font-size:18px!important;line-height:1.35!important}
.recommendation-action{grid-column:1!important;grid-row:3!important;padding:0 18px 18px!important}
.recommendation-action .primary{width:100%!important;min-height:44px!important;margin:0!important}
}


/* Home learning hierarchy: one dominant course task and two explicit service entries. */
@media(min-width:1024px){
.home-page .featured-course{box-sizing:border-box!important;display:grid!important;grid-template-columns:240px minmax(0,1fr) 160px!important;min-height:190px!important;height:190px!important;padding:14px!important;gap:24px!important;align-items:center!important;overflow:hidden!important}
.home-page .featured-course>.cover,.home-page .featured-course>.course-picture{width:240px!important;height:160px!important;min-width:240px!important;aspect-ratio:3/2!important;margin:0!important;border-radius:10px!important}
.home-page .featured-course .course-main{display:flex!important;height:146px!important;min-width:0!important;flex-direction:column!important;justify-content:center!important}
.home-page .featured-course .status-pill{align-self:flex-start!important;padding:5px 8px!important;font-size:9px!important}
.home-page .featured-course .course-main h3{margin:10px 0 7px!important;font-size:22px!important;line-height:1.3!important}
.home-page .featured-course .course-main>p{margin:0 0 18px!important;overflow:hidden!important;font-size:12px!important;line-height:1.5!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.home-page .featured-course .progress{width:100%!important;max-width:none!important;height:6px!important}
.home-page .featured-course-state{margin-top:8px!important;font-size:11px!important}
.featured-course-action{display:flex!important;width:160px!important;height:100%!important;padding-left:22px!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:8px!important;border-left:1px solid #edf0f4!important}
.featured-course-action .primary{width:100%!important;min-height:46px!important;margin:0!important;white-space:nowrap!important}
.featured-course-action small{color:#8591a0!important;font-size:9px!important;text-align:center!important}
.home-bottom-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;gap:14px!important;margin:16px 0 0!important;padding:0!important}
.home-bottom-tools .tool-card{box-sizing:border-box!important;display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;grid-template-rows:148px!important;width:100%!important;height:150px!important;min-height:150px!important;padding:0!important;overflow:hidden!important;background:#fff!important}
.home-bottom-tools .tool-card-media{display:block!important;width:132px!important;height:148px!important;min-height:148px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border-radius:0!important;background-position:center!important;background-size:cover!important}
.home-bottom-tools .tool-card-media::after{display:none!important;content:none!important}
.home-bottom-tools picture.tool-card-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.home-bottom-tools .tool-card-body{box-sizing:border-box!important;display:flex!important;min-width:0!important;height:148px!important;padding:20px 22px!important;flex-direction:column!important;align-items:flex-start!important}
.home-bottom-tools .tool-card-purpose{display:block!important;color:#9b742f!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important}
.home-bottom-tools .tool-card-body h3{margin:7px 0 5px!important;font-size:17px!important;line-height:1.35!important}
.home-bottom-tools .tool-card-body p{display:block!important;margin:0!important;overflow:hidden!important;color:#667589!important;font-size:10px!important;line-height:1.5!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.home-bottom-tools .tool-card-body .mini-btn{display:inline-flex!important;min-height:36px!important;margin:auto 0 0!important;padding:7px 11px!important;align-items:center!important;justify-content:center!important;border:1px solid #dce3e9!important;background:#f5f7f9!important;color:#243d56!important;font-size:10px!important}
}
@media(max-width:1023px){
.featured-course-action{display:none!important}
.home-bottom-tools .tool-card-body p{display:block!important}
.home-bottom-tools .tool-card-body .mini-btn{display:inline-flex!important}
}


/* Distinct desktop and mobile service surfaces — intentionally separate compositions. */
.home-service-desktop,.home-service-mobile{margin-top:16px}
@media(min-width:1024px){
.home-service-mobile{display:none!important}
.home-service-desktop{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)!important;gap:16px!important}
.desktop-service-card{position:relative;box-sizing:border-box;height:218px;overflow:hidden;border:1px solid #dfe5eb;border-radius:16px;cursor:pointer}
.desktop-service-daily{display:grid;grid-template-columns:minmax(0,1fr) 44%;background:linear-gradient(135deg,#0b2944 0%,#123c5d 58%,#245b68 100%);border-color:#173f5b;color:#fff;box-shadow:0 18px 34px -28px rgba(8,32,54,.78)}
.desktop-service-art{grid-column:2;grid-row:1;position:relative;min-width:0;background:linear-gradient(145deg,#1b5268,#4c7e82);background-image:linear-gradient(90deg,#123c5d 0%,rgba(18,60,93,.15) 48%,rgba(18,60,93,0) 100%),var(--service-art);background-position:center;background-size:cover}
.desktop-service-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#123c5d 0%,rgba(18,60,93,.28) 42%,rgba(18,60,93,0) 78%)}
.desktop-service-art span{position:absolute;right:18px;bottom:16px;color:rgba(255,255,255,.55);font-size:8px;font-weight:800;letter-spacing:.18em}
.desktop-service-copy{grid-column:1/3;grid-row:1;z-index:1;display:flex;width:62%;min-width:0;padding:28px 0 26px 28px;flex-direction:column}
.desktop-service-kicker{color:#d5b978;font-size:9px;font-weight:800;letter-spacing:.14em}
.desktop-service-copy h3{max-width:460px;margin:13px 0 8px;color:#fff;font-size:23px;font-weight:680;line-height:1.25;letter-spacing:-.3px}
.desktop-service-copy>p{max-width:430px;margin:0;color:rgba(231,239,246,.74);font-size:11px;line-height:1.65}
.desktop-service-footer{display:flex;margin-top:auto;align-items:center;gap:18px}
.service-live{display:inline-flex;align-items:center;gap:7px;color:rgba(236,243,248,.82);font-size:10px}.service-live i{width:6px;height:6px;border-radius:50%;background:#77c39a;box-shadow:0 0 0 4px rgba(119,195,154,.13)}
.service-primary{display:inline-flex;min-height:42px;padding:9px 15px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#fff;color:#0c2d49;align-items:center;gap:12px;font-size:11px;font-weight:750}.service-primary b{font-size:15px;font-weight:500}
.desktop-service-growth{display:flex;padding:24px 26px;background:linear-gradient(145deg,#fff 0%,#fbfcfd 72%,#f2ede3 100%);flex-direction:column;box-shadow:0 18px 34px -32px rgba(8,32,54,.55)}
.desktop-growth-art{position:absolute;right:-20px;top:-28px;width:190px;height:150px;border-radius:50%;opacity:.12;background:var(--service-art),linear-gradient(145deg,#b79253,#efe4cf);background-position:center;background-size:cover;filter:saturate(.7)}.desktop-growth-art span{display:none}
.desktop-growth-head{position:relative;display:flex;align-items:center;gap:12px}.service-icon{display:grid;width:42px;height:42px;border:1px solid #e1d6c1;border-radius:11px;background:#f8f3e9;color:#8b6a32;place-items:center}.service-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.desktop-growth-head small{color:#9a7a43;font-size:8px;font-weight:800;letter-spacing:.13em}.desktop-growth-head h3{margin:4px 0 0;color:#122a42;font-size:18px;line-height:1.2}
.desktop-growth-metric{position:relative;display:flex;margin-top:19px;align-items:baseline}.desktop-growth-metric strong{color:#102b45;font-size:33px;line-height:1}.desktop-growth-metric span{margin-left:5px;color:#718093;font-size:10px}.desktop-growth-metric b{margin-left:auto;color:#9a773d;font-size:12px}.desktop-growth-progress{height:5px;margin-top:10px;border-radius:99px;background:#e9edf1;overflow:hidden}.desktop-growth-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b08a49,#d3b36e)}.desktop-service-growth>p{margin:12px 0 0;color:#718093;font-size:10px;line-height:1.5}.service-link{display:flex;min-height:38px;margin-top:auto;padding:0;border:0;background:transparent;color:#203b56;align-items:center;justify-content:space-between;font-size:10px;font-weight:750}.service-link span{font-size:15px;color:#a47f40}
.desktop-service-card:focus-within{outline:2px solid #b48a42;outline-offset:3px}
}
@media(max-width:1023px){
.home-service-desktop{display:none!important}
.home-service-mobile{display:grid!important;gap:10px!important;margin-top:16px!important}
.mobile-service-row{position:relative;display:grid;box-sizing:border-box;min-height:92px;padding:12px 48px 12px 12px;border:1px solid #e1e6eb;border-radius:14px;background:#fff;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden;box-shadow:0 12px 24px -24px rgba(10,34,57,.55);cursor:pointer}
.mobile-service-thumb{grid-column:1;grid-row:1;display:block;width:52px;height:64px;border-radius:11px;background:linear-gradient(145deg,#173c59,#477985);background-image:var(--service-art);background-position:center;background-size:cover}.mobile-service-thumb span{display:none}
.mobile-service-icon{grid-column:1;grid-row:1;display:grid;width:28px;height:28px;margin:24px 0 0 24px;border:2px solid #fff;border-radius:9px;background:#eef3f6;color:#183b58;place-items:center;box-shadow:0 3px 8px rgba(10,34,57,.12)}.mobile-service-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-service-growth .mobile-service-icon{background:#f6efe2;color:#8b6a32}.mobile-service-copy{grid-column:2;grid-row:1;min-width:0}.mobile-service-copy small{display:block;color:#9c793e;font-size:9px;font-weight:800;letter-spacing:.05em}.mobile-service-copy h3{margin:5px 0 4px;overflow:hidden;color:#102a43;font-size:14px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mobile-service-copy p{margin:0;color:#728094;font-size:10px;line-height:1.4}.mobile-service-arrow{position:absolute;right:15px;top:50%;color:#91a0af;font-size:25px;font-weight:300;transform:translateY(-50%)}
.mobile-service-row:active{background:#f8fafb}.mobile-service-row:focus-visible{outline:2px solid #b48a42;outline-offset:2px}
}
@media(prefers-reduced-motion:no-preference){.desktop-service-card,.mobile-service-row{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(min-width:1024px){.desktop-service-card:hover{border-color:#c6d0da;box-shadow:0 20px 38px -28px rgba(8,32,54,.56);transform:translateY(-2px)}}}


/* Mobile continue-learning card owns its own media/info + full-width progress composition. */
@media(min-width:1024px){.mobile-featured-course{display:none!important}}
@media(max-width:1023px){
.desktop-featured-course{display:none!important}
.home-page .section-head{display:flex!important;min-height:32px!important;margin:16px 0 10px!important;align-items:center!important;justify-content:space-between!important}.home-page .section-head h2{font-size:18px!important}.home-page .section-head .link{display:inline-flex!important;min-height:32px!important;padding:0!important;align-items:center!important;font-size:10px!important}
.mobile-featured-course{box-sizing:border-box!important;display:grid!important;width:100%!important;height:auto!important;min-height:150px!important;padding:12px!important;gap:12px!important;overflow:visible!important;border-radius:14px!important}
.mobile-featured-top{display:grid!important;min-width:0!important;grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.mobile-featured-top>.cover,.mobile-featured-top>.course-picture{display:block!important;width:104px!important;height:70px!important;min-width:104px!important;min-height:70px!important;margin:0!important;aspect-ratio:auto!important;border-radius:9px!important;overflow:hidden!important}
.mobile-featured-top>.course-picture img{width:100%!important;height:100%!important;object-fit:cover!important}
.mobile-featured-copy{min-width:0!important}.mobile-featured-copy .status-pill{padding:3px 6px!important;font-size:8px!important}.mobile-featured-title{display:-webkit-box!important;max-height:2.7em!important;margin:6px 0 4px!important;overflow:hidden!important;color:#102a43!important;font-size:14px!important;line-height:1.35!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.mobile-featured-copy p{margin:0!important;overflow:hidden!important;color:#738195!important;font-size:9px!important;line-height:1.45!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.mobile-featured-progress{grid-column:1/-1!important;display:grid!important;min-width:0!important;gap:7px!important}.mobile-featured-progress>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;color:#68778a!important;font-size:9px!important}.mobile-featured-progress b{color:#173c59!important;font-variant-numeric:tabular-nums!important}.mobile-featured-progress .progress{width:100%!important;height:5px!important;margin:0!important;border-radius:99px!important}.mobile-featured-progress .progress i{border-radius:inherit!important}
}
/* Growth is a direct learning route, not a subsection of profile. */
.growth-page{color:#102a43}.growth-header{display:flex;align-items:center;gap:12px}.growth-header>div span{color:#a07c3f;font-size:9px;font-weight:800;letter-spacing:.13em}.growth-header h1{margin:4px 0 3px;font-size:24px}.growth-header p{margin:0;color:#728094;font-size:11px}.growth-overview{margin-top:18px;padding:24px;border:1px solid #dfe5eb;border-radius:16px;background:linear-gradient(145deg,#0d2d49,#174967);color:#fff}.growth-overview-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.growth-overview-main span{font-size:10px;color:#d7b977;font-weight:800}.growth-overview-main strong{grid-row:1/3;grid-column:2;font-size:40px}.growth-overview-main p{margin:6px 0 0;color:rgba(255,255,255,.7);font-size:10px}.growth-overview-progress{height:6px;margin-top:18px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.growth-overview-progress i,.growth-row-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b58d4c,#e0c47f)}.growth-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.growth-overview-stats span{color:rgba(255,255,255,.68);font-size:9px}.growth-overview-stats b{display:block;margin-bottom:3px;color:#fff;font-size:17px}.growth-course-list{display:grid;gap:10px;margin-top:14px}.growth-course-row{display:grid;padding:16px 18px;border:1px solid #e0e6eb;border-radius:13px;background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer}.growth-course-row>div:first-child{min-width:0}.growth-course-row span{color:#a07c3f;font-size:8px;font-weight:800}.growth-course-row h2{margin:4px 0;overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.growth-course-row p{margin:0;color:#738195;font-size:9px}.growth-course-row>strong{color:#173c59;font-size:13px}.growth-row-progress{grid-column:1/-1;height:4px;border-radius:99px;background:#e8edf1;overflow:hidden}
@media(max-width:1023px){.growth-page{padding-top:10px!important}.growth-header h1{font-size:20px}.growth-header p{font-size:10px}.growth-overview{margin-top:12px;padding:18px;border-radius:14px}.growth-overview-main strong{font-size:34px}.growth-overview-stats{gap:8px}.growth-course-row{min-height:88px;padding:13px 14px}.growth-course-row h2{font-size:13px}}


/* Desktop recommendation and profile support own isolated layout contracts. */
@media(min-width:1024px){
.recommendations-showcase{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
.curated-course{box-sizing:border-box!important;display:grid!important;width:100%!important;height:222px!important;min-height:222px!important;padding:0!important;grid-template-columns:165px minmax(0,1fr) 160px!important;grid-template-rows:220px!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;border:1px solid #e1e6eb!important;border-radius:13px!important;background:#fff!important}
.curated-media{position:relative!important;box-sizing:border-box!important;display:block!important;width:165px!important;height:220px!important;min-width:165px!important;min-height:220px!important;margin:0!important;padding:0!important;grid-column:1!important;grid-row:1!important;aspect-ratio:3/2!important;overflow:hidden!important;border-radius:0!important;background:linear-gradient(145deg,#123c5d,#426d78)!important;color:#fff!important}
.curated-media.warm{background:linear-gradient(145deg,#5e4b31,#a3834f)!important}.curated-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.curated-media>span{position:absolute;left:16px;top:16px;padding:4px 7px;border-radius:5px;background:#fff;color:#9b6d35;font-size:8px;font-weight:800}.curated-media small{position:absolute;left:16px;bottom:15px;color:rgba(255,255,255,.62);font-size:7px;letter-spacing:.12em}.curated-media b{position:absolute;right:15px;top:72px;color:rgba(255,255,255,.72);font-size:25px;font-weight:550;line-height:1.15;text-align:right}
.curated-copy{box-sizing:border-box!important;display:flex!important;min-width:0!important;height:220px!important;padding:28px 30px!important;grid-column:2!important;grid-row:1!important;flex-direction:column!important;justify-content:center!important}.curated-copy .status-pill{align-self:flex-start!important}.curated-copy h3{display:-webkit-box!important;max-width:700px!important;margin:12px 0 8px!important;overflow:hidden!important;color:#102a43!important;font-size:20px!important;line-height:1.35!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.curated-copy>p{margin:0!important;color:#718094!important;font-size:11px!important;line-height:1.5!important}.curated-meta{display:flex!important;gap:8px!important;margin-top:18px!important;flex-wrap:wrap!important}.curated-meta span{padding:5px 8px;border-radius:6px;background:#f1f4f6;color:#627285;font-size:8px!important}
.curated-action{box-sizing:border-box!important;display:flex!important;width:160px!important;height:220px!important;padding:24px!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:center!important;border-left:1px solid #edf0f3!important;background:#fafbfd!important}.curated-action .primary{width:112px!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;white-space:nowrap!important}
.profile-essential-layout>.desktop-profile-support{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;margin:12px 0 0!important;padding:0!important;overflow:hidden!important;border:1px solid #e1e6eb!important;border-radius:13px!important;background:#fff!important}.desktop-profile-support>header{box-sizing:border-box!important;display:flex!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0 18px!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e7ebef!important}.desktop-profile-support>header b{color:#102a43!important;font-size:14px!important}.desktop-profile-support>header span{color:#7b8998!important;font-size:10px!important}.desktop-profile-support .profile-service-row{box-sizing:border-box!important;display:grid!important;width:100%!important;max-width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:0!important;background:#fff!important;color:#102a43!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;gap:18px!important;text-align:left!important}.desktop-profile-support .profile-service-row:last-child{border-bottom:0!important}.desktop-profile-support .profile-service-row>div{min-width:0!important}.desktop-profile-support .profile-service-row b{display:block!important;font-size:12px!important;line-height:1.3!important}.desktop-profile-support .profile-service-row small{display:block!important;margin-top:4px!important;overflow:hidden!important;color:#758396!important;font-size:9px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-profile-support .profile-service-link{display:inline-flex!important;min-width:72px!important;min-height:44px!important;padding:0!important;align-items:center!important;justify-content:flex-end!important;color:#47627b!important;font-size:10px!important;font-weight:750!important;white-space:nowrap!important}
}
@media(max-width:1023px){.curated-course{display:none!important}}


/* Course catalog: one shell, one toolbar, one content boundary. */
@media(min-width:1024px){
.catalog-shell{box-sizing:border-box!important;width:100%!important;overflow:hidden!important;border:1px solid #dfe5eb!important;border-radius:10px!important;background:#fff!important}
.catalog-toolbar{box-sizing:border-box!important;display:flex!important;width:100%!important;height:52px!important;min-height:52px!important;padding:0 12px 0 16px!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border-bottom:1px solid #e5eaee!important;background:#fff!important}
.catalog-title{display:flex!important;min-width:0!important;align-items:baseline!important;gap:9px!important;white-space:nowrap!important}.catalog-title span{color:#10283f!important;font-size:14px!important;font-weight:760!important;line-height:1!important}.catalog-title strong{color:#748295!important;font-size:10px!important;font-weight:600!important}
.catalog-segments{box-sizing:border-box!important;display:grid!important;width:240px!important;height:34px!important;padding:3px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;border:1px solid #e3e8ed!important;border-radius:8px!important;background:#f1f4f6!important}.catalog-segments button{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:26px!important;height:26px!important;margin:0!important;padding:0 4px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#6c7b8d!important;font-size:9px!important;font-weight:700!important;white-space:nowrap!important}.catalog-segments button.active{border:1px solid #dfe5ea!important;background:#fff!important;color:#142d45!important;box-shadow:0 1px 3px rgba(17,41,64,.06)!important}
.catalog-content{box-sizing:border-box!important;display:grid!important;width:100%!important;min-height:180px!important;margin:0!important;padding:16px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:14px!important;background:#fbfcfd!important}.catalog-content:has(.catalog-empty){display:block!important;padding:0!important}
.catalog-empty{box-sizing:border-box!important;display:flex!important;width:100%!important;min-height:180px!important;padding:26px 24px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important;background:#fbfcfd!important}.catalog-empty-icon{display:grid!important;width:34px!important;height:34px!important;margin-bottom:11px!important;border:1px solid #dde4ea!important;border-radius:9px!important;background:#fff!important;color:#607487!important;place-items:center!important}.catalog-empty-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}.catalog-empty b{color:#193148!important;font-size:13px!important;font-weight:700!important}.catalog-empty p{margin:5px 0 0!important;color:#788698!important;font-size:10px!important;line-height:1.5!important}.catalog-empty button{min-height:32px!important;margin-top:14px!important;padding:6px 12px!important;border:1px solid #d8e0e7!important;border-radius:7px!important;background:#fff!important;color:#29465f!important;font-size:9px!important;font-weight:700!important}
}
@media(max-width:1023px){
.catalog-shell{width:100%!important;border:0!important;background:transparent!important}.catalog-toolbar{display:grid!important;gap:9px!important;margin:0 0 10px!important}.catalog-title{display:flex!important;align-items:center!important;justify-content:space-between!important}.catalog-title span{font-size:18px!important;font-weight:750!important}.catalog-title strong{color:#728094!important;font-size:10px!important}.catalog-segments{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:3px!important;border:1px solid var(--m-line)!important;border-radius:10px!important;background:#edf1f5!important}.catalog-segments button{min-width:0!important;min-height:44px!important;padding:6px 2px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#647589!important;font-size:10px!important;font-weight:700!important}.catalog-segments button.active{background:#fff!important;color:var(--m-ink)!important;box-shadow:0 2px 7px rgba(12,34,57,.07)!important}.catalog-content{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.catalog-empty{display:flex!important;min-height:170px!important;padding:24px 18px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;border:1px solid var(--m-line)!important;border-radius:12px!important;background:#fff!important;text-align:center!important}.catalog-empty-icon{display:grid!important;width:34px!important;height:34px!important;margin-bottom:10px!important;border-radius:9px!important;background:#eef3f6!important;color:#607487!important;place-items:center!important}.catalog-empty-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important}.catalog-empty b{font-size:13px!important}.catalog-empty p{margin:5px 0 0!important;color:#728094!important;font-size:10px!important}.catalog-empty button{min-height:44px!important;margin-top:12px!important;padding:8px 13px!important;border:1px solid var(--m-line)!important;border-radius:8px!important;background:#fff!important;color:#29465f!important;font-size:10px!important}
}


/* Profile identity badge: restrained color, clear separation from navy panel. */
@media(min-width:1024px){
.profile-member-card{grid-template-columns:70px minmax(230px,.85fr) 1px minmax(440px,1.6fr)!important}
.profile-avatar-badge{position:relative!important;box-sizing:border-box!important;display:grid!important;width:70px!important;height:70px!important;grid-column:1!important;grid-row:1!important;place-items:center!important;isolation:isolate!important}
.profile-avatar-badge .avatar-large{position:relative!important;z-index:2!important;box-sizing:border-box!important;display:grid!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;border:1px solid rgba(231,195,116,.72)!important;border-radius:16px!important;background:linear-gradient(145deg,#315366 0%,#263f52 58%,#1e3447 100%)!important;color:#f9fbfc!important;place-items:center!important;font-family:system-ui,sans-serif!important;font-size:22px!important;font-weight:650!important;line-height:1!important;box-shadow:0 0 0 2px #15374f,0 0 0 3px rgba(215,178,96,.52),0 8px 18px -12px rgba(5,20,34,.9)!important}
.avatar-accent{position:absolute!important;z-index:3!important;left:8px!important;top:8px!important;width:18px!important;height:5px!important;border-radius:99px!important;background:linear-gradient(90deg,#df8068,#e8bd72)!important;transform:rotate(-38deg)!important;transform-origin:center!important;box-shadow:0 0 0 2px rgba(20,53,76,.72)!important;pointer-events:none!important}
.avatar-tier-mark{position:absolute!important;z-index:4!important;right:0!important;bottom:0!important;display:grid!important;box-sizing:border-box!important;width:20px!important;height:20px!important;border:1px solid #e1bd70!important;border-radius:6px!important;background:#102c42!important;color:#e5c57c!important;place-items:center!important;font-size:9px!important;font-weight:850!important;line-height:1!important;box-shadow:0 0 0 2px #15374f,0 4px 10px rgba(4,20,33,.32)!important}
.profile-name-row .profile-tier-badge{padding:0!important;border:0!important;background:transparent!important;color:#e0bd72!important;font-size:11px!important;font-weight:750!important;letter-spacing:.02em!important}
}
@media(max-width:1023px){
.profile-member-card{grid-template-columns:48px minmax(0,1fr) 40px!important}
.profile-avatar-badge{position:relative!important;display:grid!important;width:48px!important;height:48px!important;grid-column:1!important;grid-row:1!important;place-items:center!important;isolation:isolate!important}.profile-avatar-badge .avatar-large{position:relative!important;z-index:2!important;display:grid!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid rgba(229,193,113,.7)!important;border-radius:13px!important;background:linear-gradient(145deg,#315366,#213b4f)!important;color:#fff!important;place-items:center!important;font-size:17px!important;font-weight:650!important;box-shadow:0 0 0 2px #14354d,0 0 0 3px rgba(213,174,92,.48)!important}.profile-avatar-badge .avatar-accent{position:absolute!important;z-index:3!important;left:6px!important;top:6px!important;width:13px!important;height:4px!important;border-radius:99px!important;background:linear-gradient(90deg,#df8068,#e8bd72)!important;transform:rotate(-38deg)!important}.profile-avatar-badge .avatar-tier-mark{position:absolute!important;z-index:4!important;right:0!important;bottom:0!important;display:grid!important;width:16px!important;height:16px!important;border:1px solid #dfbb6e!important;border-radius:5px!important;background:#102c42!important;color:#e5c57c!important;place-items:center!important;font-size:7px!important;font-weight:850!important;box-shadow:0 0 0 2px #14354d!important}.profile-name-row .profile-tier-badge{padding:0!important;border:0!important;background:transparent!important;color:#e0bd72!important;font-size:9px!important}
}


/* Catalog media frame is identical with or without an uploaded image. */
.courses-page .course-card>.catalog-cover-frame{box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;aspect-ratio:3/2!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;border-radius:9px!important;flex:none!important}
.courses-page .course-card>picture.catalog-cover-frame img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;transform:scale(1.1)!important;transform-origin:center!important}
.courses-page .course-card>div.catalog-cover-frame{background:linear-gradient(145deg,#204b68,#0c233b)!important}.courses-page .course-card>div.catalog-cover-frame.alt{background:linear-gradient(145deg,#466d75,#183c49)!important}.courses-page .course-card>div.catalog-cover-frame.gold{background:linear-gradient(145deg,#8d7041,#3a2e21)!important}
.catalog-cover-frame.cover{min-height:0!important;position:relative!important}.catalog-cover-frame.cover>span{position:absolute!important;left:13px!important;top:13px!important;z-index:2!important;padding:4px 7px!important;border-radius:6px!important;background:rgba(255,255,255,.94)!important;color:#a0524e!important;font-size:8px!important;font-weight:800!important}.catalog-cover-frame.cover:before{content:"A+"!important;position:absolute!important;right:-12px!important;bottom:-26px!important;display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;color:rgba(255,255,255,.14)!important;font-size:78px!important;font-weight:750!important;line-height:1!important}.catalog-cover-frame.cover:after{content:""!important;position:absolute!important;right:-34px!important;bottom:-42px!important;display:block!important;width:130px!important;height:130px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important}
@media(max-width:1023px){.courses-page .course-card>.catalog-cover-frame{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important}}


/* Task hero text owns explicit contrast on the navy surface. */
.tasks-page .task-hero{color:#fff!important;background:linear-gradient(112deg,#0a2139 0%,#123b58 64%,#194c65 100%)!important}
.tasks-page .task-hero-kicker{display:block!important;color:#d8b86f!important;font-size:9px!important;font-weight:850!important;letter-spacing:.14em!important}
.tasks-page .task-hero-title{margin:8px 0 6px!important;color:#fff!important;font-size:27px!important;font-weight:720!important;line-height:1.2!important;letter-spacing:-.35px!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important}
.tasks-page .task-hero-subtitle{margin:0 0 18px!important;color:rgba(231,239,246,.78)!important;font-size:11px!important;line-height:1.5!important}
.task-plan-summary{display:grid!important;grid-template-columns:max-content max-content!important;grid-template-rows:auto auto!important;align-items:center!important;gap:4px 14px!important}.task-plan-summary>span{grid-column:1!important;grid-row:1/3!important;display:inline-flex!important;min-height:34px!important;padding:0 11px!important;align-items:center!important;border:1px solid rgba(216,184,111,.38)!important;border-radius:8px!important;background:rgba(255,255,255,.07)!important;color:#e6c77e!important;font-size:9px!important;font-weight:800!important}.task-plan-summary b{grid-column:2!important;grid-row:1!important;color:#fff!important;font-size:13px!important;line-height:1.2!important}.task-plan-summary i{grid-column:2!important;grid-row:2!important;color:rgba(214,226,235,.62)!important;font-size:8px!important;font-style:normal!important;line-height:1.2!important}
.tasks-page .task-progress-orbit strong,.tasks-page .task-progress-orbit span{color:#fff!important}
@media(max-width:1023px){.tasks-page .task-hero-title{margin:5px 0!important;color:#fff!important;font-size:19px!important;line-height:1.25!important}.tasks-page .task-hero-subtitle{margin:0 0 10px!important;color:rgba(231,239,246,.78)!important;font-size:10px!important}.tasks-page .task-hero-kicker{color:#d8b86f!important;font-size:8px!important}.task-plan-summary{gap:3px 10px!important}.task-plan-summary>span{min-height:30px!important;padding:0 9px!important}.task-plan-summary b{font-size:11px!important}.task-plan-summary i{font-size:8px!important}}

@media(max-width:1023px){.tasks-page .task-hero-copy>.task-hero-kicker{display:block!important;color:#d8b86f!important}.tasks-page .task-hero .task-plan-summary{display:grid!important;margin-top:10px!important}.tasks-page .task-hero{min-height:148px!important}.tasks-page .task-hero-copy{padding-right:8px!important}.tasks-page .task-progress-orbit{align-self:start!important;margin-top:8px!important}}


/* Profile and ticket routes share the desktop shell's 1200px content rail. */
@media(min-width:1024px){
.profile-page .desktop-topbar,.profile-page .profile-member-card,.profile-page .profile-essential-layout{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
.profile-page .profile-member-card{margin-top:0!important}.profile-page .profile-essential-layout{margin-top:14px!important;padding:0!important}.profile-essential-layout>.profile-essential-actions{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.profile-essential-layout>.desktop-profile-support{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.ticket-page .desktop-topbar,.ticket-page .ticket-workspace{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.ticket-workspace>.ticket-page-heading{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.ticket-workspace>.ticket-filter-pills{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.ticket-workspace>.ticket-list-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.ticket-workspace>.ticket-detail{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.ticket-workspace>.ticket-error{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.ticket-workspace>.ticket-create{margin-left:auto!important;margin-right:0!important}
}


/* Recommendation courses use the same landscape media language as the catalog. */
@media(min-width:1024px){
.recommendations-showcase{gap:10px!important}.curated-course{box-sizing:border-box!important;display:grid!important;width:100%!important;height:182px!important;min-height:182px!important;padding:0!important;grid-template-columns:270px minmax(0,1fr) 136px!important;grid-template-rows:180px!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;border:1px solid #e1e6eb!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.curated-media{position:relative!important;box-sizing:border-box!important;display:block!important;width:270px!important;height:180px!important;min-width:270px!important;min-height:180px!important;margin:0!important;padding:0!important;grid-column:1!important;grid-row:1!important;aspect-ratio:3/2!important;overflow:hidden!important;border-radius:0!important;background:linear-gradient(135deg,#123c5d,#426f78)!important;color:#fff!important}.curated-media.warm{background:linear-gradient(135deg,#6a5332,#a9874f)!important}.curated-media img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}.curated-media>span{position:absolute!important;left:16px!important;top:15px!important;z-index:2!important;padding:4px 7px!important;border-radius:5px!important;background:rgba(255,255,255,.94)!important;color:#9b6d35!important;font-size:8px!important;font-weight:800!important}.curated-media small{position:absolute!important;left:16px!important;bottom:14px!important;z-index:2!important;color:rgba(255,255,255,.64)!important;font-size:7px!important;letter-spacing:.1em!important}.curated-media b{position:absolute!important;right:17px!important;top:auto!important;bottom:17px!important;z-index:2!important;color:rgba(255,255,255,.78)!important;font-size:22px!important;font-weight:600!important;line-height:1.08!important;text-align:right!important}.curated-media:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(100deg,rgba(7,29,48,.08),rgba(7,29,48,0) 55%,rgba(7,29,48,.18))!important;pointer-events:none!important}
.curated-copy{box-sizing:border-box!important;display:flex!important;min-width:0!important;height:180px!important;padding:23px 28px!important;grid-column:2!important;grid-row:1!important;flex-direction:column!important;justify-content:center!important}.curated-copy h3{max-width:none!important;margin:9px 0 6px!important;font-size:18px!important;line-height:1.3!important}.curated-copy>p{font-size:10px!important}.curated-meta{margin-top:13px!important}.curated-action{box-sizing:border-box!important;display:flex!important;width:136px!important;height:180px!important;padding:18px!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:center!important;border-left:1px solid #edf0f3!important;background:#fafbfd!important}.curated-action .primary{width:100px!important;min-height:42px!important;margin:0!important;padding:8px 9px!important;border:1px solid #d8e1e8!important;border-radius:8px!important;background:#fff!important;color:#23425c!important;font-size:9px!important;white-space:nowrap!important;box-shadow:none!important}
}


/* Account settings and learning help share one panel and row contract. */
.profile-settings-panel{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #e1e6eb!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;user-select:none!important;-webkit-user-select:none!important}
.profile-essential-actions.profile-settings-panel:before{content:none!important;display:none!important}.profile-settings-header{box-sizing:border-box!important;display:flex!important;width:100%!important;height:52px!important;min-height:52px!important;padding:0 20px!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e7ebef!important;background:#fff!important}.profile-settings-header b{color:#102a43!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important}.profile-settings-header span{color:#7b8998!important;font-size:10px!important}
.profile-settings-panel>.profile-settings-row{box-sizing:border-box!important;display:grid!important;width:100%!important;max-width:100%!important;height:68px!important;min-height:68px!important;margin:0!important;padding:10px 20px!important;border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:0!important;background:#fff!important;color:#102a43!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;gap:18px!important;text-align:left!important;box-shadow:none!important;transform:none!important;cursor:pointer!important}.profile-settings-panel>.profile-settings-row:last-child{border-bottom:0!important}.profile-settings-row:focus-visible{outline:2px solid #b48a42!important;outline-offset:-3px!important}.profile-settings-row:hover{background:#f8fafb!important}
.profile-settings-panel .profile-settings-row .service-card-lead{display:flex!important;min-width:0!important;align-items:center!important;gap:12px!important}.profile-settings-panel .profile-settings-row .icon-box{display:grid!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:9px!important;background:#eef3f6!important;color:#183b58!important;place-items:center!important;font-size:11px!important}.profile-settings-panel .profile-settings-row .menu-main,.profile-settings-panel .profile-settings-row>div{display:block!important;min-width:0!important;padding:0!important}.profile-settings-panel .profile-settings-row .service-eyebrow{display:none!important}.profile-settings-panel .profile-settings-row b{display:block!important;margin:0!important;color:#102a43!important;font-size:12px!important;line-height:1.3!important}.profile-settings-panel .profile-settings-row small{display:block!important;margin-top:4px!important;overflow:hidden!important;color:#758396!important;font-size:9px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}.profile-settings-panel .profile-settings-row .service-card-side{display:flex!important;margin-left:0!important;padding:0!important;align-items:center!important;gap:10px!important}.profile-settings-panel .profile-settings-row .status-pill,.profile-settings-panel .profile-service-link{display:inline-flex!important;min-width:52px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#607286!important;align-items:center!important;justify-content:flex-end!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important}.profile-settings-panel .profile-settings-row .service-link{display:grid!important;width:20px!important;height:44px!important;border:0!important;background:transparent!important;color:#8b99a8!important;place-items:center!important}.profile-settings-panel .profile-settings-row .service-link i{font-size:18px!important}
.profile-essential-layout>.profile-settings-panel+.profile-settings-panel{margin-top:12px!important}
@media(max-width:1023px){.profile-settings-panel{border-radius:12px!important}.profile-settings-header{height:46px!important;min-height:46px!important;padding:0 13px!important}.profile-settings-header b{font-size:13px!important}.profile-settings-panel>.profile-settings-row{height:62px!important;min-height:62px!important;padding:8px 13px!important;gap:10px!important}.profile-settings-panel .profile-settings-row .icon-box{width:32px!important;height:32px!important;min-width:32px!important}.profile-settings-panel .profile-settings-row small{font-size:10px!important}.profile-essential-layout>.profile-settings-panel+.profile-settings-panel{margin-top:10px!important}}

/* Final alignment ownership for both profile settings panels. */
.profile-essential-layout>.profile-settings-panel>.profile-settings-header{display:flex!important;width:100%!important;height:52px!important;min-height:52px!important;padding:0 20px!important}.profile-settings-panel>.profile-settings-row .icon-box{display:none!important}.profile-settings-panel>.profile-settings-row .service-card-lead{display:block!important}.profile-settings-panel>.profile-settings-row .menu-main{display:block!important;padding:0!important}.profile-settings-panel>.profile-settings-row .menu-main>small:last-child{display:block!important}.profile-settings-panel>.profile-settings-row>div{padding:0!important}
@media(min-width:1024px){.profile-essential-actions.profile-settings-panel>.profile-settings-row .menu-main{margin-left:-8px!important}}
@media(max-width:1023px){.profile-essential-layout>.profile-settings-panel>.profile-settings-header{height:46px!important;min-height:46px!important;padding:0 13px!important}.profile-settings-panel>.profile-settings-row .menu-main>small:last-child{display:block!important;margin-top:3px!important;font-size:10px!important}.profile-settings-panel>.profile-settings-row{padding:8px 13px!important}.profile-essential-actions.profile-settings-panel>.profile-settings-row .menu-main{margin-left:-8px!important}}


/* Desktop parity: daily coaching mirrors recommended learning scale. */
@media(min-width:1024px){
.tasks-page .task-hero,.recommendations-page .recommendations-hero{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:218px!important;min-height:218px!important;margin:0 0 18px!important;padding:32px 36px!important;border-radius:14px!important;align-items:center!important}
.tasks-page .task-hero{grid-template-columns:minmax(0,1fr) 154px!important;gap:36px!important}.tasks-page .task-hero-title{margin:10px 0 7px!important;font-size:30px!important;line-height:1.2!important}.tasks-page .task-hero-subtitle{margin:0 0 20px!important;font-size:12px!important}.tasks-page .task-progress-orbit{width:138px!important;height:138px!important}.recommendations-page .recommendations-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:36px!important}
}

/* Device-owned task cards: separate desktop and mobile compositions. */
.task-card-desktop{display:grid!important}.task-card-mobile{display:none!important}
@media(min-width:1024px){
.tasks-page .task-card-desktop{box-sizing:border-box!important;width:100%!important;height:182px!important;min-height:182px!important;margin:0!important;padding:0!important;grid-template-columns:270px minmax(0,1fr) 136px!important;grid-template-rows:180px!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;border:1px solid #e1e6eb!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}.tasks-page .task-card-desktop:before{width:3px!important;z-index:5!important}
.task-desktop-media-slot{position:relative!important;box-sizing:border-box!important;width:270px!important;height:180px!important;grid-column:1!important;grid-row:1!important;overflow:hidden!important;background:#173b59!important}.task-desktop-picture,.task-desktop-media{display:block!important;width:270px!important;height:180px!important;margin:0!important;padding:0!important;border-radius:0!important;object-fit:cover!important;background-position:center!important;background-size:cover!important}.task-desktop-media-fallback{position:relative!important;color:#fff!important}.task-desktop-media-fallback span{position:absolute!important;left:16px!important;bottom:14px!important;z-index:2!important;font-size:9px!important;font-weight:800!important}.task-desktop-index{position:absolute!important;z-index:3!important;left:16px!important;top:15px!important;display:flex!important;height:25px!important;padding:0 8px!important;align-items:center!important;gap:5px!important;border-radius:5px!important;background:rgba(255,255,255,.94)!important;color:#23425c!important}.task-desktop-index span{font-size:10px!important;font-weight:800!important}.task-desktop-index i{width:5px!important;height:5px!important;border:1px solid #b48a42!important;border-radius:50%!important}
.task-desktop-copy{box-sizing:border-box!important;display:flex!important;min-width:0!important;height:180px!important;padding:23px 28px!important;grid-column:2!important;grid-row:1!important;flex-direction:column!important;justify-content:center!important}.task-desktop-copy>span{margin:0 0 9px!important;color:#718196!important;font-size:9px!important;font-weight:750!important}.task-desktop-copy h2{margin:0 0 7px!important;color:#102a43!important;font-size:18px!important;line-height:1.3!important}.task-desktop-copy>p{margin:0!important;color:#617286!important;font-size:10px!important;line-height:1.5!important}.task-desktop-copy>small{margin-top:7px!important;color:#8793a2!important;font-size:9px!important}.task-desktop-copy .task-review-feedback{max-height:none!important;margin-top:5px!important;overflow:visible!important}.tasks-page .task-card-desktop.returned .task-desktop-copy{padding-top:12px!important;padding-bottom:12px!important;justify-content:flex-start!important}.tasks-page .task-card-desktop.returned .task-desktop-copy>span{margin-bottom:4px!important}.tasks-page .task-card-desktop.returned .task-desktop-copy h2{margin-bottom:3px!important;font-size:16px!important}.tasks-page .task-card-desktop.returned .task-desktop-copy>p{line-height:1.35!important}.tasks-page .task-card-desktop.returned .task-review-feedback p{margin:2px 0!important;line-height:1.3!important}.tasks-page .task-card-desktop.returned .task-review-feedback small{line-height:1.25!important}
.task-desktop-action{box-sizing:border-box!important;display:flex!important;width:136px!important;height:180px!important;padding:18px!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:center!important;border-left:1px solid #edf0f3!important;background:#fafbfd!important}.task-desktop-action .task-submit,.task-desktop-action .task-state-action{display:flex!important;width:100px!important;min-width:100px!important;max-width:100px!important;min-height:42px!important;margin:0!important;padding:8px 9px!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:8px!important;font-size:9px!important;white-space:nowrap!important;box-shadow:none!important}
}
@media(max-width:1023px){
.task-card-desktop{display:none!important}.task-card-mobile{box-sizing:border-box!important;display:grid!important;width:100%!important;margin:0!important;padding:0 14px 14px!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:12px!important;overflow:hidden!important;border-radius:12px!important}.task-mobile-picture,.task-mobile-media{box-sizing:border-box!important;display:block!important;width:calc(100% + 28px)!important;height:auto!important;margin:0 -14px!important;grid-column:1/-1!important;grid-row:1!important;aspect-ratio:2/1!important;border-radius:12px 12px 0 0!important;object-fit:cover!important;background-position:center!important;background-size:cover!important}.task-mobile-media-fallback{position:relative!important;color:#fff!important}.task-mobile-media-fallback span{position:absolute!important;left:14px!important;bottom:12px!important;z-index:2!important;font-size:10px!important;font-weight:800!important}.task-mobile-body{display:grid!important;min-width:0!important;grid-column:1/-1!important;grid-row:2!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important}.task-mobile-index{display:grid!important;width:32px!important;height:32px!important;align-self:start!important;border:1px solid #dbe3ea!important;border-radius:8px!important;background:#f4f7f9!important;color:#3c566e!important;place-items:center!important;font-size:10px!important;font-weight:800!important}.task-mobile-copy{min-width:0!important}.task-mobile-copy>span{display:inline-flex!important;margin:0 0 5px!important;color:#718196!important;font-size:10px!important;font-weight:750!important}.task-mobile-copy h2{margin:0 0 6px!important;color:#102a43!important;font-size:15px!important;line-height:1.35!important}.task-mobile-copy>p{margin:0!important;color:#617286!important;font-size:10px!important;line-height:1.55!important}.task-mobile-copy>small{display:block!important;margin-top:5px!important;color:#8793a2!important;font-size:9px!important}.task-mobile-action{grid-column:2!important;grid-row:3!important}.task-mobile-action .task-submit,.task-mobile-action .task-state-action{display:flex!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:10px 13px!important;align-items:center!important;justify-content:center!important;gap:9px!important;white-space:nowrap!important}.task-card-mobile .task-review-feedback{margin-top:8px!important}
}

@media(max-width:1023px){
.tasks-page .task-list{display:grid!important;gap:12px!important;padding-bottom:76px!important}
.tasks-page .task-mobile-media-fallback{background:linear-gradient(135deg,#173f5d,#2d7180)!important}
.tasks-page .task-mobile-media-fallback.task-card-media-1{background:linear-gradient(135deg,#6b4d2d,#a87b48)!important}
.tasks-page .task-mobile-media-fallback.task-card-media-2{background:linear-gradient(135deg,#244c54,#2d8581)!important}
}
@media(min-width:1024px){
.tasks-page .task-desktop-media-fallback{background:linear-gradient(135deg,#173f5d,#2d7180)!important}
.tasks-page .task-desktop-media-fallback.task-card-media-1{background:linear-gradient(135deg,#6b4d2d,#a87b48)!important}
.tasks-page .task-desktop-media-fallback.task-card-media-2{background:linear-gradient(135deg,#244c54,#2d8581)!important}
}
@media(max-width:1023px){.home-page .section-head .link{display:inline-flex!important;min-height:44px!important;margin:-6px 0!important;padding:6px 0!important;align-items:center!important;justify-content:flex-end!important}}


/* Task detail workflow: device-owned inline workspaces, no modal layer. */
.task-list-view[hidden],.task-workspace-desktop[hidden],.task-workspace-mobile[hidden],.task-workspace-entry[hidden]{display:none!important}
.task-detail-view>.task-hero{display:none!important}
.task-workspace-desktop{box-sizing:border-box;width:min(var(--ui-content),100%)!important;max-width:var(--ui-content)!important;margin:0 auto!important;color:#102a43}
.task-workspace-mobile{display:none}
.task-workspace-desktop-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 26px;border:1px solid #dfe5eb;border-bottom:0;border-radius:14px 14px 0 0;background:#fff}
.task-workspace-back{display:inline-flex;min-height:44px;padding:0 14px;gap:8px;align-items:center;border:1px solid #d9e1e8;border-radius:9px;background:#f7f9fa;color:#29465f;font-size:12px;font-weight:750}
.task-workspace-desktop-header>div>span{color:#8291a0;font-size:10px;font-weight:800}.task-workspace-desktop-header h1{margin:5px 0 0;color:#102a43;font-size:22px;line-height:1.35;letter-spacing:0}.task-workspace-desktop-header>p{margin:0;padding:7px 11px;border-radius:7px;background:#edf2f5;color:#4f6579;font-size:11px;font-weight:800}
.task-desktop-goal{display:grid;gap:6px;padding:18px 26px;border:1px solid #dfe5eb;border-bottom:0;border-left:4px solid #caa45d;background:#faf8f2}.task-desktop-goal span{color:#806a41;font-size:11px;font-weight:800}.task-desktop-goal strong{color:#172f46;font-size:15px;line-height:1.55}
.task-desktop-sections{border-inline:1px solid #dfe5eb;background:#fff}.task-desktop-detail-section{padding:22px 26px;border:0;border-bottom:1px solid #e5e9ed;border-radius:0;background:#fff}.task-desktop-detail-section h3{margin:0 0 10px;color:#17344e;font-size:15px}.task-desktop-detail-section p{margin:0;color:#586b7e;font-size:13px;line-height:1.85;white-space:pre-line}.task-detail-steps{display:grid;gap:8px}.task-detail-steps p{margin:0}
.task-upload-feedback{min-height:18px;margin:0 auto 0 0;color:#a14e58;font-size:11px}
.task-desktop-submit{display:flex;min-height:78px;padding:14px 26px;align-items:center;justify-content:flex-end;border:1px solid #dfe5eb;border-top:0;border-radius:0 0 14px 14px;background:#fff}.task-desktop-submit .ticket-primary{min-width:148px;min-height:46px}.task-detail-open{min-height:42px}.task-detail-open:disabled{opacity:.65}
@media(max-width:1023px){
 .tasks-page.task-detail-view{padding:0!important}.tasks-page.task-detail-view>.mobile-subheader,.tasks-page.task-detail-view>.bottom-nav{display:none!important}
 .task-workspace-desktop{display:none!important}.task-workspace-mobile{display:block;width:auto!important;max-width:none!important;margin:0!important;background:#f4f6f8;color:#102a43}.task-workspace-mobile-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:46px minmax(0,1fr) auto;min-height:74px;padding:10px 14px;gap:10px;align-items:center;border-bottom:1px solid #dfe5eb;background:#fff}.task-workspace-mobile-header>button{display:grid;width:44px;height:44px;padding:0;border:0;background:transparent;color:#29465f;font-size:29px;place-items:center}.task-workspace-mobile-header>div{min-width:0}.task-workspace-mobile-header>div span{display:block;color:#8291a0;font-size:9px;font-weight:800}.task-workspace-mobile-header>div strong{display:block;margin-top:3px;overflow:hidden;color:#102a43;font-size:15px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.task-workspace-mobile-header>p{margin:0;padding:6px 8px;border-radius:6px;background:#edf2f5;color:#4f6579;font-size:10px;font-weight:800}
 .task-mobile-detail-body{display:grid;gap:10px;padding:12px 14px 96px}.task-mobile-goal{display:grid;gap:5px;padding:14px;border-left:3px solid #caa45d;background:#faf8f2}.task-mobile-goal span{color:#806a41;font-size:10px;font-weight:800}.task-mobile-goal strong{color:#172f46;font-size:13px;line-height:1.55}.task-mobile-sections{display:grid;gap:10px}.task-mobile-detail-section{padding:15px 14px;border:1px solid #e0e7ed;border-radius:9px;background:#fff}.task-mobile-detail-section h3{margin:0 0 9px;color:#17344e;font-size:13px}.task-mobile-detail-section p{margin:0;color:#586b7e;font-size:12px;line-height:1.75;white-space:pre-line}
 .task-mobile-submit{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr);min-height:72px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dfe5eb;background:#fff}.task-mobile-submit .task-upload-feedback:empty{display:none}.task-mobile-submit .task-upload-feedback{margin:0 0 7px}.task-mobile-submit .ticket-primary{width:100%;min-height:48px}.task-mobile-action .task-detail-open{width:100%;min-height:44px}
}

/* About us: institution story, resources, and outcomes. */
.about-page{--about-navy:#102d47;--about-teal:#2e7480;--about-gold:#caa45d;--about-bg:#f5f7f8;color:var(--about-navy)}
.about-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:340px;margin:0 0 28px;overflow:hidden;border-radius:14px;background:var(--about-navy);color:#fff}.about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px}.about-eyebrow{color:#d8b875!important}.about-hero h1{max-width:460px;margin:12px 0 12px;color:#fff;font-size:32px;line-height:1.2}.about-hero p{max-width:500px;margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.8}.about-hero-meta{display:flex;gap:18px;margin-top:28px;color:rgba(255,255,255,.72);font-size:11px}.about-hero-meta span{display:grid;gap:4px}.about-hero-meta b{color:#e0bd72;font-size:18px}.about-hero-art{min-height:340px}.about-hero-art img,.about-outcome-art img{display:block;width:100%;height:100%;object-fit:cover}.about-section{margin:0 0 34px}.about-section-heading{display:grid;gap:5px;margin:0 0 16px}.about-section-heading .eyebrow{color:#92733c}.about-section-heading h2{margin:0;font-size:23px;line-height:1.25}.about-section-heading p{margin:0;color:#738292;font-size:12px}.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:16px;align-items:stretch}.about-intro-text,.about-principles{padding:20px;border:1px solid #e0e7eb;border-radius:10px;background:#fff}.about-intro-text p{margin:0;color:#526a7d;font-size:13px;line-height:1.9}.about-intro-text p+p{margin-top:12px}.about-principles{display:grid;gap:0;padding:0}.about-principles div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px 18px;align-items:center;border-bottom:1px solid #e8edf0}.about-principles div:last-child{border-bottom:0}.about-principles b{color:#a27d3e;font-size:15px}.about-principles span{color:#667b8a;font-size:11px;line-height:1.5}.about-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.about-resource{display:grid;gap:14px;min-height:148px;padding:17px;border:1px solid #e0e7eb;border-radius:10px;background:#fff}.about-resource-icon{display:grid;width:34px;height:34px;border-radius:9px;background:#eaf1f3;color:#2e6d79;place-items:center;font-size:11px;font-weight:800}.about-resource h3{margin:0 0 5px;font-size:14px}.about-resource p{margin:0;color:#667b8a;font-size:11px;line-height:1.65}.about-outcomes{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:26px;align-items:stretch;padding:0;overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e0e7eb}.about-outcome-art{min-height:300px}.about-outcome-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 30px}.about-outcome-copy h2{margin:8px 0 10px;font-size:24px}.about-outcome-copy>p{max-width:620px;margin:0;color:#5e7383;font-size:13px;line-height:1.8}.about-outcome-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;margin:22px 0;align-items:center}.about-outcome-steps div{display:grid;gap:4px}.about-outcome-steps b{font-size:14px;color:#173a55}.about-outcome-steps span{font-size:10px;color:#7b8c98}.about-outcome-steps i{color:#c5a05d;font-style:normal}.about-start{align-self:flex-start;min-height:44px;padding:10px 16px;border-radius:8px}
.desktop-service-about{background:linear-gradient(135deg,#163954,#2b6670)!important;color:#fff}.desktop-service-about .desktop-service-kicker,.desktop-service-about h3,.desktop-service-about p{color:#fff}.desktop-service-about p{color:rgba(255,255,255,.72)}.about-home-mark{display:grid;width:48px;height:48px;margin:22px 0 0 22px;border:1px solid rgba(222,190,115,.55);border-radius:12px;color:#e0bd72;place-items:center;font-size:25px}.about-mobile-mark{display:grid!important;background:#eaf1f3!important;color:#b08745!important;place-items:center;font-size:18px}
@media(max-width:1023px){.about-page{padding-bottom:104px!important}.about-hero{display:flex;flex-direction:column-reverse;min-height:0;margin:0 0 24px;border-radius:14px}.about-hero-art{height:auto;min-height:0;aspect-ratio:16/9}.about-hero-copy{padding:22px 20px 24px}.about-hero h1{margin:8px 0 10px;font-size:24px}.about-hero p{font-size:11px;line-height:1.7}.about-hero-meta{gap:14px;margin-top:18px;font-size:9px}.about-hero-meta b{font-size:15px}.about-section{margin-bottom:27px}.about-section-heading{margin-bottom:11px}.about-section-heading h2{font-size:19px}.about-section-heading p{font-size:10px;line-height:1.5}.about-intro-grid{grid-template-columns:1fr;gap:9px}.about-intro-text,.about-principles{padding:14px}.about-intro-text p{font-size:11px;line-height:1.75}.about-intro-text p+p{margin-top:9px}.about-principles{padding:0}.about-principles div{grid-template-columns:44px minmax(0,1fr);padding:12px 14px}.about-principles b{font-size:13px}.about-principles span{font-size:10px}.about-resource-grid{grid-template-columns:1fr 1fr;gap:8px}.about-resource{min-height:126px;padding:13px;gap:10px}.about-resource-icon{width:29px;height:29px;font-size:9px}.about-resource h3{font-size:12px}.about-resource p{font-size:10px;line-height:1.55}.about-outcomes{grid-template-columns:1fr;gap:0}.about-outcome-art{min-height:0;aspect-ratio:16/9}.about-outcome-copy{padding:20px}.about-outcome-copy h2{font-size:20px}.about-outcome-copy>p{font-size:11px;line-height:1.7}.about-outcome-steps{gap:6px;margin:17px 0;grid-template-columns:1fr auto 1fr auto 1fr}.about-outcome-steps b{font-size:12px}.about-outcome-steps span{font-size:9px}.about-start{width:100%;min-height:46px}.desktop-service-about{display:none!important}}
@media(min-width:1024px){.home-service-desktop{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-service-mobile .mobile-service-about{display:none!important}}

/* Single homepage About Us banner before Continue Learning. */
.about-home-banner{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) auto;min-height:96px;margin:0 0 22px;overflow:hidden;align-items:center;border:1px solid #dfe7eb;border-radius:12px;background:#fff;cursor:pointer;box-shadow:0 8px 24px -22px rgba(13,42,66,.45)}
.about-home-banner-art{height:100%;min-height:96px;background:#153a54}.about-home-banner-art img{display:block;width:100%;height:100%;object-fit:cover}.about-home-banner-copy{padding:15px 18px}.about-home-banner-copy .eyebrow{margin-bottom:4px;color:#91733f!important;font-size:9px}.about-home-banner-copy h2{margin:0 0 4px;color:#163752;font-size:17px;line-height:1.3}.about-home-banner-copy p{margin:0;color:#6c7d8a;font-size:11px;line-height:1.5}.about-home-banner-arrow{display:grid;width:42px;height:42px;margin-right:18px;border-radius:9px;background:#eef3f4;color:#2f7180;place-items:center;font-size:21px}
@media(max-width:1023px){.about-home-banner{grid-template-columns:82px minmax(0,1fr) 34px;min-height:78px;margin-bottom:16px;border-radius:11px}.about-home-banner-art{min-height:78px}.about-home-banner-copy{padding:11px 10px}.about-home-banner-copy .eyebrow{font-size:8px}.about-home-banner-copy h2{font-size:13px;margin-bottom:3px}.about-home-banner-copy p{font-size:9px;line-height:1.4}.about-home-banner-arrow{width:30px;height:30px;margin-right:8px;font-size:17px}.desktop-service-about,.mobile-service-about{display:none!important}}

/* Learning services use two full-width banners, not side-by-side cards. */
.home-service-desktop{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px!important;margin-top:20px}.desktop-service-banner{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) auto;min-height:112px;overflow:hidden;align-items:center;border:1px solid #dbe5e9;border-radius:12px;box-shadow:0 8px 24px -22px rgba(13,42,66,.45);cursor:pointer}.desktop-service-banner-tasks{color:#fff;background:#12354f}.desktop-service-banner-growth{grid-template-columns:150px minmax(240px,1fr) minmax(210px,1.2fr) auto;padding-right:18px;background:#fff}.desktop-service-banner-art{height:100%;min-height:112px;background:#1b4962}.desktop-service-banner-art.has-image{background-image:var(--service-art);background-position:center;background-size:cover}.desktop-service-banner-art span{display:none}.desktop-service-banner-copy{padding:14px 18px}.desktop-service-banner-copy h3{margin:3px 0 4px;font-size:21px;line-height:1.25}.desktop-service-banner-copy p{margin:0;max-width:520px;color:#b4c9d4;font-size:11px;line-height:1.5}.desktop-service-banner-growth .desktop-growth-head{display:flex;align-items:center;gap:10px;padding-left:18px}.desktop-service-banner-growth .desktop-growth-head h3{margin:3px 0 0;font-size:20px}.desktop-service-banner-growth .desktop-growth-head small{color:#a47d39;font-size:9px;letter-spacing:1.8px}.desktop-service-banner-growth .desktop-service-banner-art{opacity:.9}.desktop-service-banner-growth .desktop-growth-metric{display:flex;align-items:baseline;gap:4px;padding-left:18px}.desktop-service-banner-growth .desktop-growth-metric strong{font-size:35px;color:#143750}.desktop-service-banner-growth .desktop-growth-metric span{color:#81909b;font-size:11px}.desktop-service-banner-growth .desktop-growth-metric b{margin-left:auto;color:#aa823d;font-size:22px}.desktop-service-banner-growth .desktop-growth-progress{width:100%;height:5px;margin:0 16px;background:#edf1f0;border-radius:99px}.desktop-service-banner-growth .desktop-growth-progress i{display:block;height:100%;background:#b89455;border-radius:inherit}.desktop-service-banner-growth>p{margin:0 18px;color:#7d8b94;font-size:10px}.desktop-service-banner-growth .service-link{margin-left:auto;padding:10px 0;border:0;background:none;color:#173d57;font-size:12px;font-weight:700}.desktop-service-banner-growth .service-link span{margin-left:8px;color:#ae823d;font-size:18px}.desktop-service-banner-status{display:flex;align-items:center;gap:16px;padding:0 18px 0 8px}.desktop-service-banner-status .service-primary{min-height:42px;padding:0 14px;border:0;border-radius:8px;background:#fff;color:#183951;font-size:12px;font-weight:800}.desktop-service-banner-status .service-primary b{margin-left:8px;color:#aa823d;font-size:16px}.desktop-service-banner-tasks .desktop-service-kicker{color:#d7b265;font-size:9px;letter-spacing:1.7px}.desktop-service-banner-tasks .service-live{white-space:nowrap;color:#dcecf0;font-size:10px}.desktop-service-banner-tasks .service-live i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#7ed3a1}.home-service-mobile{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important;margin-top:16px}.mobile-service-banner{display:grid;grid-template-columns:82px minmax(0,1fr) 32px;min-height:82px;overflow:hidden;align-items:center;border:1px solid #dbe5e9;border-radius:11px;background:#fff;cursor:pointer}.mobile-service-banner-tasks{color:#fff;background:#12354f;border-color:#12354f}.mobile-service-banner-art{height:100%;min-height:82px;background:#1b4962}.mobile-service-banner-art.has-image{background-image:var(--service-art);background-position:center;background-size:cover}.mobile-service-banner-art span{display:none}.mobile-service-banner-copy{padding:10px}.mobile-service-banner-copy small{color:#a77e3e;font-size:8px;letter-spacing:.7px}.mobile-service-banner-tasks .mobile-service-banner-copy small{color:#d6b267}.mobile-service-banner-copy h3{margin:3px 0;color:inherit;font-size:14px;line-height:1.25}.mobile-service-banner-copy p{margin:0;color:#78909b;font-size:9px;line-height:1.4}.mobile-service-banner-tasks .mobile-service-banner-copy p{color:#bfd2d9}.mobile-service-banner-arrow{display:grid;width:28px;height:28px;margin-right:6px;border-radius:8px;background:#edf3f3;color:#317180;place-items:center;font-size:20px}.mobile-service-banner-tasks .mobile-service-banner-arrow{background:#234e67;color:#fff}
@media(max-width:1023px){.home-service-desktop{display:none!important}}
@media(min-width:1024px){.home-service-mobile{display:none!important}}

/* Final ownership for the new stacked service-banner composition. */
@media(min-width:1024px){.home-service-desktop{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(2,minmax(0,auto))!important;gap:12px!important}.home-service-desktop .desktop-service-banner{grid-column:1!important;grid-row:auto!important;height:112px!important;min-height:112px!important;border-radius:12px!important}.home-service-desktop .desktop-service-card{height:auto!important}}
@media(max-width:1023px){.home-service-mobile{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.home-service-mobile .mobile-service-banner{grid-column:1!important;grid-row:auto!important}}

.about-home-banner-art picture,.about-home-banner-art img{display:block;width:100%;height:100%}.about-home-banner-art img{object-fit:cover;object-position:center}
.desktop-service-banner-art.has-image,.mobile-service-banner-art.has-image{background-position:center;background-repeat:no-repeat;background-size:cover}