/* Hero Layout 1.0 (with the Hero theme): one grid for the course page, the dashboard and the lessons.
   Same rules everywhere: content sits in the 1200px column under the nav island, every panel is glass
   with 24px corners, 20px gaps between panels, 24px padding inside, display type for titles.
   Loaded after skin.css only when the Hero theme is active (or privately previewed). */

body.hero-theme{
  --hl-gap:20px; --hl-pad:24px; --hl-r:24px; --hl-col:1200px;
  --hl-glass:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.62));
  --hl-edge:1px solid rgba(255,255,255,.92);
  --hl-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,20,20,.05),0 24px 48px -32px rgba(20,20,20,.34);
  --hl-sticky:calc(var(--hs-top,14px) + 84px);
}
body.hero-theme .hl-panel,
body.hero-theme.single-courses .tutor-course-details-header,
body.hero-theme.single-courses .tutor-course-details-tab,
body.hero-theme.single-courses .tutor-sidebar-card,
body.hero-theme .tutor-dashboard-sidebar,
body.hero-theme .tutor-dashboard-header,
body.hero-theme .tutor-learning-header-inner,
body.hero-theme .tutor-learning-sidebar,
body.hero-theme .tutor-learning-area-content{
  background:var(--hl-glass)!important;border:var(--hl-edge)!important;border-radius:var(--hl-r)!important;box-shadow:var(--hl-shadow)!important}

/* plain pages: content on one glass sheet */
body.hero-theme.hs-page .site-main > article.ht-entry > .ht-wrap{max-width:var(--hl-col)}
body.hero-theme.hs-page:not(.ht-builder):not(.single-courses) .site-main > article.ht-entry .ht-wrap > :is(.woocommerce,.tutor-wrap,.heco-rf,.entry-content){min-width:0}

/* ===================== course page ===================== */
body.hero-theme.single-courses .tutor-course-details-page{max-width:var(--hl-col);margin:0 auto;padding:0 20px!important}
body.hero-theme.single-courses .hl-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font:600 12.5px/1 "JetBrains Mono",ui-monospace,monospace;color:#5f656b}
body.hero-theme.single-courses .hl-crumbs a{color:#4A5056!important;text-decoration:none}
body.hero-theme.single-courses .hl-crumbs a:hover{color:#A50E24!important}
body.hero-theme.single-courses .hl-crumbs i{width:5px;height:5px;border-radius:50%;background:#c2c6cb}
body.hero-theme.single-courses .tutor-course-details-header{margin:0 0 var(--hl-gap)!important;padding:30px 34px!important}
body.hero-theme.single-courses .tutor-course-details-title{margin:0!important;font-size:clamp(1.9rem,3.6vw,2.9rem)!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#141414!important}
body.hero-theme.single-courses .tutor-course-details-top{margin-top:16px!important}
body.hero-theme.single-courses .tutor-course-details-top .tutor-row{margin:0!important;align-items:center}
body.hero-theme.single-courses .tutor-course-details-top .tutor-col,body.hero-theme.single-courses .tutor-course-details-top .tutor-col-auto{padding:0!important}
body.hero-theme.single-courses .tutor-course-details-info{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:14px!important;color:#4A5056!important}
body.hero-theme.single-courses .tutor-course-details-info a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:rgba(210,18,46,.08);color:#A50E24!important;font-weight:600;text-decoration:none}
body.hero-theme.single-courses .tutor-course-details-ratings{margin-top:10px}

/* two columns: content | sticky card */
body.hero-theme.single-courses .tutor-course-details-page > .tutor-row{display:grid!important;grid-template-columns:minmax(0,1fr) 360px;gap:var(--hl-gap);margin:0!important;align-items:start}
body.hero-theme.single-courses .tutor-course-details-page > .tutor-row > *{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
body.hero-theme.single-courses .tutor-single-course-sidebar{position:sticky;top:var(--hl-sticky);margin:0!important}
body.hero-theme.single-courses .tutor-sidebar-card{overflow:hidden;padding:0!important}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-course-thumbnail{margin:0!important;padding:10px 10px 0}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-course-thumbnail img{display:block;width:100%;height:auto;border-radius:16px!important;aspect-ratio:auto}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-card-body{padding:var(--hl-pad)!important}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-card-footer{padding:16px var(--hl-pad) 20px!important;border-top:1px solid rgba(20,20,20,.07)!important;background:transparent!important}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-card-footer .tutor-ul{display:grid;gap:10px;margin:0!important}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-card-footer li{display:flex;align-items:center;gap:10px;font-size:14px;color:#2b3035}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-btn{width:100%;justify-content:center;height:50px!important;font-size:15px!important}
body.hero-theme.single-courses .tutor-sidebar-card .tutor-btn + *{margin-top:12px!important}
body.hero-theme.single-courses .tutor-sidebar-card :is(.tutor-course-sidebar-card-pricing,.tutor-course-price,.price){font-family:"Bricolage Grotesque",system-ui,sans-serif!important;font-weight:800!important;font-size:30px!important;letter-spacing:-.02em;color:#141414}
body.hero-theme.single-courses .tutor-course-progress-wrapper h3{font-size:18px!important;margin:0 0 12px!important}
body.hero-theme.single-courses .tutor-single-course-sidebar-more{margin-top:var(--hl-gap)!important}
body.hero-theme.single-courses .tutor-single-course-sidebar-more > *{padding:var(--hl-pad);background:var(--hl-glass);border:var(--hl-edge);border-radius:var(--hl-r);box-shadow:var(--hl-shadow)}
body.hero-theme.single-courses .tutor-single-course-sidebar-more > * + *{margin-top:var(--hl-gap)}

/* main column: video (if any) and the tab panel */
body.hero-theme.single-courses main.tutor-col-xl-8 > .tutor-course-thumbnail{margin:0 0 var(--hl-gap)!important;border-radius:var(--hl-r);overflow:hidden}
body.hero-theme.single-courses main.tutor-col-xl-8 > .tutor-course-thumbnail img{display:block;width:100%;border-radius:var(--hl-r)}
body.hero-theme.single-courses main.tutor-col-xl-8 > :is(.tutor-video-player,.tutor-course-video,.tutor-ratio){margin:0 0 var(--hl-gap)!important;border-radius:var(--hl-r);overflow:hidden}
body.hero-theme.single-courses .tutor-course-details-tab{margin:0!important;padding:8px var(--hl-pad) var(--hl-pad)!important}
body.hero-theme.single-courses .tutor-course-details-tab .tutor-tab{padding-top:8px!important}
body.hero-theme.single-courses .tutor-course-details-tab .tutor-nav{margin:0 0 6px!important;border-bottom:1px solid rgba(20,20,20,.08)!important;gap:6px}
body.hero-theme.single-courses .tutor-course-details-tab .tutor-nav-link{padding:16px 6px!important;font-weight:700!important;font-size:15px!important;color:#4A5056!important;border-bottom:2px solid transparent!important}
body.hero-theme.single-courses .tutor-course-details-tab .tutor-nav-link.is-active{color:#A50E24!important;border-bottom-color:#D2122E!important}
body.hero-theme.single-courses .tutor-tab-item > [class*="tutor-mt-"]:first-child{margin-top:16px!important}
body.hero-theme.single-courses .tutor-tab-item :is(h2,h3,.tutor-course-details-widget-title,.tutor-fs-5){font-size:20px!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:14px!important}
body.hero-theme.single-courses .tutor-tab-item > div > * + :is(div,section,h2,h3){margin-top:28px}
body.hero-theme.single-courses .tutor-course-content-list-item{display:flex!important;align-items:center!important;gap:12px}
body.hero-theme.single-courses .tutor-course-content-list-item > *{margin:0!important}
body.hero-theme.single-courses .tutor-course-content-list-item .tutor-d-flex{align-items:center!important}
body.hero-theme.single-courses .tutor-course-content-list-item-title{margin:0!important}
body.hero-theme.single-courses .tutor-accordion{display:grid;gap:10px}
body.hero-theme.single-courses .tutor-accordion-item{margin:0!important}
body.hero-theme.single-courses .tutor-accordion-item-header{padding:16px 20px!important;font-size:16px!important;font-weight:700!important}
body.hero-theme.single-courses .tutor-accordion-item-body-content{padding:6px 12px 10px!important}
body.hero-theme.single-courses .tutor-course-content-list-item{padding:10px 8px!important;border-radius:12px}
body.hero-theme.single-courses .tutor-course-content-list-item:hover{background:rgba(20,20,20,.03)}

@media (max-width:1024px){
  body.hero-theme.single-courses .tutor-course-details-page > .tutor-row{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:860px){
  body.hero-theme.single-courses .tutor-course-details-page > .tutor-row{grid-template-columns:1fr}
  body.hero-theme.single-courses .tutor-course-details-page > .tutor-row > aside{order:-1}
  body.hero-theme.single-courses .tutor-single-course-sidebar{position:static}
  body.hero-theme.single-courses .tutor-course-details-header{padding:22px 20px!important}
  body.hero-theme.single-courses .tutor-course-details-tab{padding:4px 16px 18px!important}
}

/* ===================== dashboard ===================== */
@media (min-width:992px){
  body.hero-theme.hs-dash .tutor-dashboard-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:var(--hl-gap);max-width:var(--hl-col);margin:0 auto!important;padding:0 20px;align-items:start;background:transparent!important}
  body.hero-theme.hs-dash .tutor-dashboard-sidebar{position:sticky!important;top:var(--hl-sticky)!important;height:auto!important;min-height:0!important;align-self:start;max-height:calc(100dvh - var(--hl-sticky) - 20px)!important;overflow:auto;width:auto!important;padding:12px!important}
  body.hero-theme.hs-dash .tutor-dashboard-sidebar-nav{padding:0!important}
  body.hero-theme.hs-dash .tutor-dashboard-sidebar-nav ul{gap:4px;padding:0!important;margin:0!important}
  body.hero-theme.hs-dash .tutor-dashboard-sidebar-nav a{padding:11px 14px!important}
  body.hero-theme.hs-dash .tutor-dashboard-main{min-width:0;width:auto!important;margin:0!important}
  body.hero-theme.hs-dash .tutor-dashboard-header{position:static!important;margin:0 0 var(--hl-gap)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.hero-theme.hs-dash .tutor-dashboard-header-inner{max-width:none!important;margin:0!important;padding:16px 22px!important}
  body.hero-theme.hs-dash .tutor-dashboard-body{padding:0!important}
  body.hero-theme.hs-dash .tutor-dashboard-body > *{max-width:none!important;margin-inline:0!important;padding-inline:0!important}
}
/* Tutor pins "Explore Courses" to the bottom of a full-height sidebar (absolute, bottom:24px).
   Our sidebar is a short panel, so it landed on top of the menu items: keep it in the flow. */
body.hero-theme.hs-dash .tutor-dashboard-sidebar .tutor-see-all-courses{position:static!important;inset:auto!important;width:auto!important;display:flex!important;align-items:center;gap:8px;margin:8px 0 0!important;padding:13px 14px 5px!important;border-top:1px solid rgba(20,20,20,.08);border-radius:0!important;background:transparent!important;font-family:var(--hs-body);font-size:14px!important;font-weight:600!important;color:#D2122E!important;text-decoration:none!important}
body.hero-theme.hs-dash .tutor-dashboard-sidebar .tutor-see-all-courses:hover{color:#A50E24!important}
body.hero-theme.hs-dash .tutor-dashboard-sidebar .tutor-see-all-courses svg{width:14px;height:14px;transition:transform .3s var(--hs-ease)}
body.hero-theme.hs-dash .tutor-dashboard-sidebar .tutor-see-all-courses:hover svg{transform:translate(2px,-2px)}
body.hero-theme.hs-dash .tutor-dashboard-header :is(.tutor-fs-4,.tutor-fs-5,h3,h4){font-size:22px!important}
body.hero-theme.hs-dash .tutor-dashboard-main :is(.tutor-card,.tutor-stat-card):not(:is(.tutor-card,.tutor-stat-card) *){border-radius:var(--hl-r)!important}
body.hero-theme.hs-dash .tutor-dashboard-main .tutor-row{--tutor-gutter-x:var(--hl-gap);--tutor-gutter-y:var(--hl-gap)}
body.hero-theme.hs-dash .tutor-stat-card{padding:20px!important;min-height:0!important}
body.hero-theme.hs-dash .tutor-stat-card-value{margin-top:18px!important}

/* ===================== lessons ===================== */
body.hero-theme.hs-learn .tutor-learning-page{max-width:1320px;margin:0 auto;padding:0 20px}
body.hero-theme.hs-learn .tutor-learning-header{position:static!important;margin:0 0 var(--hl-gap)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.hero-theme.hs-learn .tutor-learning-header-inner{padding:10px 16px!important;min-height:64px;display:flex;align-items:center}
body.hero-theme.hs-learn .tutor-learning-header-content{width:100%}
body.hero-theme.hs-learn .tutor-learning-header-title{font-size:19px!important}
body.hero-theme.hs-learn .tutor-learning-area-body{display:grid!important;grid-template-columns:300px minmax(0,1fr);gap:var(--hl-gap);align-items:start;padding:0!important}
body.hero-theme.hs-learn .tutor-learning-sidebar{position:sticky!important;top:var(--hl-sticky)!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - var(--hl-sticky) - 20px)!important;overflow:auto!important;padding:16px 12px!important;margin:0!important}
body.hero-theme.hs-learn .tutor-learning-sidebar-curriculum{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
/* one frame only: Tutor's inner white tab card becomes flat inside our panel */
body.hero-theme.hs-learn .tutor-learning-area-content .tutor-lesson-content-tab{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
body.hero-theme.hs-learn .tutor-learning-area-content .tytp-ratio{border-radius:16px!important}
body.hero-theme.hs-learn .tutor-learning-area-content{min-width:0;width:auto!important;padding:var(--hl-pad)!important;margin:0!important}
body.hero-theme.hs-learn .tutor-learning-area-container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.hero-theme.hs-learn .tutor-learning-area-content :is(.tutor-video-player,.tytp,.tutor-ratio,iframe,video){border-radius:16px;overflow:hidden}
body.hero-theme.hs-learn .tutor-learning-area-content [class*="tabs"],body.hero-theme.hs-learn .tutor-learning-area-content .tutor-nav{margin-top:18px!important}
@media (max-width:991px){
  body.hero-theme.hs-learn .tutor-learning-page{padding:0 12px}
  body.hero-theme.hs-learn .tutor-learning-area-body{grid-template-columns:1fr}
  body.hero-theme.hs-learn .tutor-learning-area-content{padding:14px!important}
  /* Lesson list = Tutor's side drawer (the ≡ button in the lesson header toggles .is-open and locks the page
     scroll while it is open). It was static under the lesson but still pushed off-screen by Tutor's
     translateX: an empty gap plus a page that slid sideways. */
  body.hero-theme.hs-learn .tutor-learning-sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;z-index:9996;width:min(360px,88vw)!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:20px 12px calc(20px + env(safe-area-inset-bottom,0px))!important;border-radius:24px 0 0 24px!important;overflow:auto!important;overscroll-behavior:contain;background:#F7F8F9!important;box-shadow:-24px 0 48px -24px rgba(20,20,20,.35)!important;visibility:hidden;transition:transform .45s var(--hs-ease),visibility 0s linear .45s!important}
  body.hero-theme.hs-learn .tutor-learning-sidebar.is-open{visibility:visible;transition:transform .45s var(--hs-ease)!important}
  body.hero-theme.hs-learn:has(.tutor-learning-sidebar.is-open)::after{content:"";position:fixed;inset:0;z-index:9995;background:rgba(20,20,20,.36)}
}

/* ===================== richer course page (2.1) ===================== */
body.hero-theme.single-courses .hl-hide-cats .tutor-course-details-info{display:none!important}
body.hero-theme.single-courses .tutor-course-details-top.hl-hide-cats{margin-top:0!important}
body.hero-theme.single-courses .tutor-course-details-top.hl-hide-cats .tutor-row > .tutor-col:first-child{display:none!important}
body.hero-theme.single-courses .tutor-course-details-top.hl-hide-cats .tutor-course-details-actions:empty{display:none!important}
body.hero-theme.single-courses .tutor-course-details-top.hl-hide-cats:not(:has(.tutor-course-details-actions > *)){display:none!important}
body.hero-theme.single-courses .hl-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body.hero-theme.single-courses .hl-chip{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:rgba(20,20,20,.05);color:#2b3035;font:600 13px/1 "Alexandria","Segoe UI",system-ui,sans-serif;text-decoration:none}
body.hero-theme.single-courses a.hl-chip.is-subject{background:rgba(210,18,46,.09);color:#A50E24!important}
body.hero-theme.single-courses a.hl-chip.is-subject:hover{background:rgba(210,18,46,.15)}
body.hero-theme.single-courses .hl-chip.is-code{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;letter-spacing:.04em}
body.hero-theme.single-courses .hl-teachers{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(20,20,20,.08)}
body.hero-theme.single-courses .hl-teacher{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,20,20,.08),0 10px 22px -18px rgba(20,20,20,.4);color:#141414!important;text-decoration:none!important;transition:box-shadow .4s var(--hs-ease),transform .5s var(--hs-ease)}
body.hero-theme.single-courses a.hl-teacher:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(210,18,46,.3),0 14px 26px -18px rgba(210,18,46,.5)}
body.hero-theme.single-courses .hl-teacher img,body.hero-theme.single-courses .hl-initials{width:44px;height:44px;border-radius:50%;flex-shrink:0;object-fit:cover}
body.hero-theme.single-courses .hl-initials{display:grid;place-items:center;background:rgba(210,18,46,.1);color:#A50E24;font:800 15px/1 "Bricolage Grotesque",system-ui,sans-serif}
body.hero-theme.single-courses .hl-who{display:flex;flex-direction:column;gap:3px;min-width:0}
body.hero-theme.single-courses .hl-who b{font:700 15px/1.2 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.01em}
body.hero-theme.single-courses .hl-who small{font:500 12.5px/1.2 "Alexandria",system-ui,sans-serif;color:#5f656b}
body.hero-theme .hl-summary .ic,body.hero-theme .hl-get .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
body.hero-theme.single-courses .hl-summary{display:flex;align-items:center;gap:9px;margin:-2px 0 16px;color:#4A5056;font:600 14px/1.4 "Alexandria",system-ui,sans-serif}
body.hero-theme.single-courses .hl-summary .ic{color:#A50E24}
body.hero-theme.single-courses .hl-get{padding:2px var(--hl-pad) 20px}
body.hero-theme.single-courses .hl-get h3{margin:0 0 12px!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.01em}
body.hero-theme.single-courses .hl-get ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.hero-theme.single-courses .hl-get li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;margin:0}
body.hero-theme.single-courses .hl-get li .ic{width:20px;height:20px;margin-top:1px;color:#A50E24}
body.hero-theme.single-courses .hl-get li span{font:500 13px/1.45 "Alexandria",system-ui,sans-serif;color:#5f656b}
body.hero-theme.single-courses .hl-get li b{display:block;font:700 14.5px/1.3 "Bricolage Grotesque",system-ui,sans-serif;color:#141414}
@media (max-width:640px){body.hero-theme.single-courses .hl-teacher{padding-right:14px}body.hero-theme.single-courses .hl-get{padding:2px 18px 18px}}
body.hero-theme.single-courses .tutor-course-content-list-item [class*="tutor-icon"]{margin:0!important;line-height:1!important;display:inline-flex;align-items:center}
body.hero-theme.single-courses .tutor-course-content-list-item .tutor-d-flex{gap:10px}
body.hero-theme.single-courses .hl-chip.is-free{background:rgba(11,138,95,.1);color:#0a6e4c}

/* ===================== 2.7 access period ===================== */
body.hero-theme.single-courses .hl-chip.hl-acc{gap:6px}
body.hero-theme.single-courses .hl-chip.hl-acc .ic{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hero-theme.single-courses .hl-chip.is-left{background:rgba(11,138,95,.1);color:#0a6e4c}
body.hero-theme.single-courses .hl-chip.is-left.is-urgent{background:rgba(210,18,46,.1);color:#A50E24}
body.hero-theme .hl-left{display:inline-flex;align-items:center;align-self:flex-start;height:26px;margin-top:8px;padding:0 10px;border-radius:999px;background:rgba(11,138,95,.1);color:#0a6e4c;font:600 12px/1 "Alexandria",system-ui,sans-serif;white-space:nowrap}
body.hero-theme .hl-left.is-urgent{background:rgba(210,18,46,.1);color:#A50E24}

/* ===================== 2.5 dashboard: one floating header, nothing peeking, nothing covered ===================== */
/* Tutor's "Hi, name" header scrolls with the page; only the nav island floats (two stacked sticky bars overlapped the content). */
body.hero-theme.hs-dash .tutor-dashboard-header{position:static!important;top:auto!important}
/* A strip of the same graph paper sits behind the island, so cards fade out under it instead of showing through the gap above it. */
body.hero-theme.hs-dash .hs-top::before{content:"";position:fixed;z-index:9989;left:0;right:0;top:0;height:calc(var(--hs-top) + 78px);pointer-events:none;
  background-color:#F0F1F2;background-image:linear-gradient(#14141412 1px,transparent 1px),linear-gradient(90deg,#14141412 1px,transparent 1px),linear-gradient(#14141408 1px,transparent 1px),linear-gradient(90deg,#14141408 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-attachment:fixed;
  -webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}
@media (max-width:991px){
  /* the header lines up with the cards (it ran edge to edge) */
  body.hero-theme.hs-dash .tutor-dashboard-header{margin:0 16px 4px!important;border-radius:var(--hl-r)!important}
  body.hero-theme.hs-dash .tutor-dashboard-header-inner{padding:2px 4px!important}
  body.hero-theme.hs-dash .hs-top .hs-spacer{height:calc(var(--top) + 74px)}
  /* Tutor's bottom bar becomes the same floating glass bar as the rest of the site, above the content, and the page ends above it */
  body.hero-theme.hs-dash .tutor-dashboard-nav-mobile{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;z-index:9985!important;padding:6px!important;border-radius:24px;
    background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.85);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(20,20,20,.05),0 18px 40px -20px rgba(20,20,20,.45)}
  body.hero-theme.hs-dash{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
}
/* phones: stat cards two per row instead of three squeezed plus one stretched */
@media (max-width:600px){
  body.hero-theme.hs-dash .tutor-flex-wrap:has(> .tutor-flex-1 > .tutor-stat-card) > .tutor-flex-1{flex:1 1 calc(50% - 10px)!important;min-width:0}
  body.hero-theme.hs-dash .tutor-stat-card{padding:16px!important}
  body.hero-theme.hs-dash .tutor-stat-card-value{font-size:24px!important;margin-top:12px!important}
}