
.tut-root{--tut-primary:#0c5894;--tut-accent:#3db7ec;font-family:"Poppins",ui-sans-serif,system-ui,sans-serif;color:#0d0e11;background:#fff;min-height:100vh;}
.tut-root *,.tut-root *::before,.tut-root *::after{box-sizing:border-box;}
.tut-root img{max-width:100%;height:auto;display:block;}
.tut-root a{color:inherit;text-decoration:none;}
.tut-root button{font:inherit;cursor:pointer;}
.tut-root ul{list-style:none;margin:0;padding:0;}
.tut-root main{min-height:100vh;background:#fff;}

/* Hero */
.tut-root .tut-hero{position:relative;width:100%;min-height:100px;aspect-ratio:1524/226;}
@media (min-width:1024px){.tut-root .tut-hero{aspect-ratio:auto;min-height:0;}}
.tut-root .tut-hero img{display:block;width:100%;height:100%;object-fit:cover;}
@media (min-width:1024px){.tut-root .tut-hero img{min-height:0;}}
.tut-root .tut-hero__overlay{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 1rem;}
.tut-root .tut-hero__tagline{text-align:center;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45);font-size:14px;}
@media (min-width:640px){.tut-root .tut-hero__tagline{font-size:18px;}}
.tut-root .tut-hero__tagline--mobile{display:block;}
.tut-root .tut-hero__tagline--desktop{display:none;line-height:1.25;}
@media (min-width:1024px){
  .tut-root .tut-hero__tagline--mobile{display:none;}
  .tut-root .tut-hero__tagline--desktop{display:block;font-size:26px;margin-bottom:1.25rem;}
  .tut-root .tut-hero__tagline--desktop .tut-hero__brand{display:block;font-size:28px;margin-bottom:1rem;line-height:1.1;}
}

/* Profile layout */
.tut-root .tut-profile-wrap{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 1rem;}
@media (min-width:1024px){.tut-root .tut-profile-wrap{padding:0 1.5rem;}}
.tut-root .tut-profile-grid{display:none;gap:1.5rem;align-items:start;margin-top:-20px;}
@media (min-width:1024px){.tut-root .tut-profile-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;}}
@media (min-width:1280px){.tut-root .tut-profile-grid{margin-top:-35px;}}
.tut-root .tut-left-col{align-self:start;width:100%;max-width:280px;flex-shrink:0;}

/* Left card â€” fixed height; never grows when center skills expand */
.tut-root .tut-left-card{position:relative;display:none;flex-direction:column;height:auto;min-height:0px;max-height:420px;flex-shrink:0;border-radius:1rem;border:1px solid rgba(229,231,235,.9);background:#fff;padding:5rem 1.5rem 1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-width:280px;width:100%;overflow:visible;}
@media (min-width:1024px){.tut-root .tut-left-card{display:flex;}}
.tut-root .tut-avatar-wrap{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);}
.tut-root .tut-avatar-glow{position:absolute;inset:0;border-radius:9999px;background:rgba(12,88,148,.15);filter:blur(8px);}
.tut-root .tut-avatar{position:relative;z-index:1;width:132px;height:132px;border-radius:9999px;border:5px solid #fff;object-fit:cover;box-shadow:0 4px 6px rgba(0,0,0,.1);ring:2px solid #fff;}
.tut-root .tut-featured{display:flex;justify-content:center;margin-top:.75rem;}
.tut-root .tut-featured span{border-radius:9999px;background:rgba(194,65,12,.1);padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#c2410c;}
.tut-root .tut-meta-list{margin-top:1.25rem;text-align:left;font-size:.875rem;color:#1f2937;}
.tut-root .tut-meta-list li{margin-bottom:.75rem;}
.tut-root .tut-meta-list strong{font-weight:700;color:#111827;}
.tut-root .tut-meta-list .tut-meta-val{margin-left:.5rem;font-weight:500;color:var(--tut-primary);}
.tut-root .tut-left-rating{margin-top:auto;padding-top:.75rem;border-top:1px solid #f3f4f6;display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:.75rem;}
.tut-root .tut-left-rating__score{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;width:100%;}
.tut-root .tut-left-rating__value{font-size:1rem;font-weight:600;color:#1f2937;}
.tut-root .tut-stars{display:inline-flex;gap:2px;font-size:1.125rem;line-height:1;}
.tut-root .tut-stars__filled{color:#fbbf24;}
.tut-root .tut-stars__empty{color:#e5e7eb;}
.tut-root .tut-contact-row{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 0;flex-shrink:0;min-height:56px;contain:layout;}
/* Island fallbacks â€” match React guest-state buttons (ServerHeader loading pattern) */
.tut-root .tut-shrink-0{flex-shrink:0}
.tut-root .tut-flex-1{flex:1;min-width:0}
.tut-root .tut-btn{display:inline-flex;align-items:center;justify-content:center;border:none;font-family:inherit;background:#0c5894;color:#fff;font-weight:600;text-align:center}
.tut-root .tut-btn:disabled{opacity:1;cursor:default}
.tut-root .tut-btn--contact-desktop{height:40px;min-width:176px;border-radius:9999px;padding:0 1.5rem;font-size:.875rem;line-height:1.25;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tut-root .tut-btn--contact-mobile{min-height:40px;width:100%;border-radius:9999px;padding:0 1rem;font-size:.875rem;line-height:1.25;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tut-root .tut-btn--contact-similar{height:48px;min-width:220px;border-radius:9999px;padding:0 2rem;font-size:.875rem;line-height:1.25;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.tut-root .tut-btn--rating{width:100%;min-height:48px;border-radius:9999px;padding:0 1.5rem;font-size:1rem;line-height:1.25;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.tut-root .tut-share-shell{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;flex-shrink:0}
.tut-root .tut-contact-fallback--desktop,.tut-root .tut-contact-fallback--mobile{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}
/* Fixed-size island slots â€” wrappers never resize on hydrate (ServerHeader pattern) */
.tut-root .tut-contact-slot--desktop{width:176px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.tut-root .tut-contact-slot--mobile{min-height:40px;display:flex;align-items:center;justify-content:center}
.tut-root .tut-share-slot{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tut-root .tut-rating-slot{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tut-root .tut-rating-slot [data-tut-static-shell]{pointer-events:none}
.tut-root .tut-similar-contact-slot{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:48px}
.tut-root .tut-contact-slot > button,.tut-root .tut-rating-slot > button,.tut-root .tut-similar-contact-slot > button,.tut-root .tut-reviews-contact-slot > button{width:100%;height:100%}
.tut-root .tut-similar__cta{display:flex;justify-content:center;margin-top:2.5rem;width:100%}
.tut-root .shrink-0{flex-shrink:0}
.tut-root .flex-1{flex:1}
.tut-root .min-w-0{min-width:0}
.tut-root .inline-flex{display:inline-flex}
.tut-root .contents{display:contents}
.tut-root .items-center{align-items:center}
.tut-root .justify-center{justify-content:center}
.tut-root .w-full{width:100%}
.tut-root .h-10{height:2.5rem}
.tut-root .h-12{height:3rem}
.tut-root .min-h-\[38px\]{min-height:38px}
.tut-root .min-h-\[40px\]{min-height:40px}
.tut-root .min-h-\[44px\]{min-height:44px}
.tut-root .min-w-\[176px\]{min-width:176px}
.tut-root .min-w-\[220px\]{min-width:220px}
.tut-root .rounded-full{border-radius:9999px}
.tut-root .border-0{border-width:0}
.tut-root .px-3{padding-left:.75rem;padding-right:.75rem}
.tut-root .px-4{padding-left:1rem;padding-right:1rem}
.tut-root .px-6{padding-left:1.5rem;padding-right:1.5rem}
.tut-root .px-8{padding-left:2rem;padding-right:2rem}
.tut-root .text-sm{font-size:.875rem;line-height:1.25rem}
.tut-root .text-base{font-size:1rem;line-height:1.5rem}
.tut-root .font-semibold{font-weight:600}
.tut-root .text-white{color:#fff}
.tut-root .text-center{text-align:center}
.tut-root .bg-\[\#0c5894\]{background-color:#0c5894}
.tut-root .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.tut-root .tut-share-slot .share-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative;cursor:pointer;flex-shrink:0}
.tut-root .tut-contact-slot .explore.btn-dark,.tut-root .tut-rating-slot .explore.btn-dark,.tut-root .tut-similar-contact-slot .explore.btn-dark,.tut-root .tut-reviews-contact-slot .explore.btn-dark{width:100%;height:100%;min-height:inherit;box-sizing:border-box;background-color:#0c5894;color:#fff;border:none}
.tut-root .tut-rating-slot .cdr__section{width:100%;height:100%;min-height:48px;display:flex;align-items:center}
.tut-root .\!bg-\[\#0c5894\]{background-color:#0c5894!important}

/* Center column */
.tut-root .tut-center{display:none;min-height:260px;min-width:380px;flex-direction:column;gap:.75rem;margin-top:2.5rem;align-self:start;}
@media (min-width:1024px){.tut-root .tut-center{display:flex;}}
.tut-root .tut-center h1{font-size:34px;font-weight:700;line-height:1.1;color:#111827;margin:0;}
.tut-root .tut-center__mode{margin:-.5rem 0 0;font-size:.875rem;font-weight:600;color:#4b5563;}
.tut-root .tut-center__body{display:flex;min-height:0;flex:1;flex-direction:column;padding:1rem 1.25rem .5rem;}
.tut-root .tut-skills-wrap{min-width:0;flex-shrink:0;}
.tut-root .tut-skills-label{margin:0 0 .375rem;font-size:.875rem;font-weight:600;color:#111827;}
.tut-root .tut-skills{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;}
.tut-root .tut-skill-pill{display:inline-flex;border-radius:9999px;border:1px solid #d1d5db;background:#fff;padding:.125rem .625rem;font-size:11px;font-weight:500;line-height:1.25rem;color:#1f2937;}
.tut-root .tut-skill-pill[hidden]{display:none!important;}
.tut-root .tut-skill-pill:hover{border-color:var(--tut-primary);color:var(--tut-primary);}
.tut-root .tut-skills-more{font-size:.75rem;font-weight:600;color:var(--tut-primary);background:none;border:none;padding:0;flex-shrink:0;}
.tut-root .tut-skills-more:hover{text-decoration:underline;}
.tut-root .tut-about-block{display:flex;min-height:0;min-width:0;flex:1;flex-direction:column;margin-top:.625rem;}
.tut-root .tut-about-label{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#111827;}
.tut-root .tut-about-text{font-size:14px;line-height:1.75;color:#374151;min-height:74px;}
.tut-root .tut-about-text--clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tut-root .tut-about-full{display:none;font-size:14px;line-height:1.75;color:#374151;max-height:120px;overflow-y:auto;}
.tut-root .tut-about-block.is-open .tut-about-text--clamp,.tut-root .tut-mobile-tab-panel.is-open .tut-about-text--clamp{display:none;}
.tut-root .tut-about-block.is-open .tut-about-full,.tut-root .tut-mobile-tab-panel.is-open .tut-about-full{display:block;max-height:220px;}
.tut-root .tut-about-toggle{margin-top:.375rem;font-size:.875rem;font-weight:600;color:var(--tut-primary);background:none;border:none;padding:0;}
.tut-root .tut-about-toggle:hover{text-decoration:underline;}

/* About FMG card */
.tut-root .tut-fmg-card{display:none;flex-direction:column;height:auto;min-height:0;border-radius:1rem;border:1px solid rgba(229,231,235,.9);background:#fff;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:300px;width:100%;align-self:start;}
@media (min-width:1024px){.tut-root .tut-fmg-card{display:flex;}}
.tut-root .tut-fmg-card h2{margin:0 0 .75rem;font-size:25px;font-weight:700;line-height:1.25;color:var(--tut-primary);}
.tut-root .tut-fmg-card p{margin:0;font-size:.875rem;line-height:1.625;color:#4b5563;}

/* Mobile card */
.tut-root .tut-mobile-card{display:block;margin-top:-1rem;border-radius:1rem;border:1px solid rgba(229,231,235,.9);background:#fff;padding:4rem 1.25rem 1.25rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);position:relative;text-align:center;}
@media (min-width:1024px){.tut-root .tut-mobile-card{display:none;}}
.tut-root .tut-mobile-card h1{margin:.5rem 0 0;font-size:1.5rem;font-weight:700;color:#111827;}
.tut-root .tut-mobile-about{margin:1.5rem auto 0;max-width:100%;}
.tut-root .tut-mobile-tabs{display:flex;gap:.5rem;margin-bottom:1rem;}
.tut-root .tut-mobile-tab{flex:1;border-radius:9999px;border:1px solid #e5e7eb;background:#f9fafb;padding:.5rem;font-size:.8125rem;font-weight:600;color:#374151;}
.tut-root .tut-mobile-tab.is-active{background:var(--tut-primary);color:#fff;border-color:var(--tut-primary);}
.tut-root .tut-mobile-tab-panel{display:none;}
.tut-root .tut-mobile-tab-panel.is-active{display:block;}

/* Courses â€” layout-stable at first paint (deferred CSS must not change dimensions) */
.tut-root .tut-courses{scroll-margin-top:6rem;padding-top:2rem;padding-bottom:3rem;overflow-anchor:none}
@media (min-width:1024px){.tut-root .tut-courses{padding-top:3rem}}
.tut-root .tut-courses__inner{max-width:80rem;margin:0 auto;padding:0 1rem}
@media (min-width:768px){.tut-root .tut-courses__inner{padding:0 1.5rem 0 2.5rem}}
.tut-root .tut-courses h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--tut-primary)}
@media (min-width:640px){.tut-root .tut-courses h2{font-size:1.5rem}}
.tut-root .tut-tabs{margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}
.tut-root .tut-tabs::-webkit-scrollbar{display:none}
.tut-root .tut-tabs__row{display:flex;gap:.25rem;border-radius:9999px;border:1px solid #e2e8f0;background:linear-gradient(to right,#f1f5f9,#f8fafc);padding:.375rem;width:max-content;min-width:100%;min-height:44px}
.tut-root .tut-tab{flex-shrink:0;border-radius:9999px;border:none;background:transparent;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap}
.tut-root .tut-tab.is-active{background:#fff;color:var(--tut-primary);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tut-root .tut-course-panel{display:none}
.tut-root .tut-course-panel.is-active{display:block}
.tut-root .tut-course-grid{display:flex;flex-direction:column;gap:2rem}
.tut-root .tut-sidebar-wrap{order:1}
.tut-root .tut-course-content-col{order:2}
@media (min-width:1024px){.tut-root .tut-course-grid{display:grid;grid-template-columns:3fr 2fr;align-items:stretch;gap:2rem}.tut-root .tut-sidebar-wrap,.tut-root .tut-course-content-col{order:0}}
.tut-root .tut-course-content-col,.tut-root .tut-sidebar-wrap{width:100%;min-width:0;display:flex;flex-direction:column}
@media (min-width:1024px){.tut-root .tut-course-content-col,.tut-root .tut-sidebar-wrap{min-height:600px;height:100%}}
.tut-root .tut-course-info--mobile-only{margin-bottom:1.5rem}
@media (min-width:1024px){.tut-root .tut-course-info--mobile-only{display:none}}
.tut-root .tut-sidebar-card .tut-course-facts{display:block}
.tut-root .tutor-course-content-section.course-details-content-card{width:100%;display:flex;flex-direction:column;flex:1;border-radius:10px;padding:clamp(16px,2vw,32px);background:#fff;overflow:visible}
@media (min-width:1024px){.tut-root .tutor-course-content-section.course-details-content-card{min-height:600px;max-height:600px;overflow:hidden;height:100%}}
.tut-root .tutor-course-content-scroll-inner{height:auto;overflow-y:visible;flex:1}
@media (min-width:1024px){.tut-root .tutor-course-content-scroll-inner{height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}}
.tut-root .tut-course-content-heading{margin:0 0 .75rem;font-size:34px;font-weight:700;line-height:1.25;color:#0c5894}
.tut-root .tut-sidebar-card{display:flex;flex-direction:column;width:100%;height:fit-content;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
@media (min-width:1024px){.tut-root .tut-sidebar-card{position:sticky;top:6rem;min-height:600px;height:100%;align-self:stretch}}
@media (min-width:1024px){.tut-root .tut-sidebar-card.is-compact{min-height:0;height:auto;align-self:start}}
.tut-root .tut-sidebar-inner{display:flex;flex:1;flex-direction:column;gap:1.5rem;padding:1.25rem}
@media (min-width:640px){.tut-root .tut-sidebar-inner{padding:1.5rem}}
.tut-root .tut-sidebar-card__content{height:100%}
.tut-root .tut-course-facts{width:100%}
.tut-root .tut-course-facts__card{border-radius:1rem;border:1px solid #e4e7ec;background:#fff;padding:.75rem}
@media (min-width:640px){.tut-root .tut-course-facts__card{padding:1rem}}
.tut-root .tut-course-info-row{display:flex;min-height:40px;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.15)}
.tut-root .tut-course-info-row:last-child{border-bottom:none}
@media (min-width:640px){.tut-root .tut-course-info-row{align-items:center;gap:.75rem}}
.tut-root .tut-ratings-block{border-top:1px solid #f3f4f6;padding-top:1rem}
.tut-root .tut-ratings-row{display:flex;flex-direction:column;gap:1rem}
@media (min-width:640px){.tut-root .tut-ratings-row{flex-direction:row;align-items:stretch}}
.tut-root .tut-course-info-row__label-col{display:flex;min-width:140px;width:48%;align-items:center;gap:.5rem}
.tut-root .tut-course-info-row__value-col{display:flex;flex:1;align-items:center}
.tut-root .tut-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:clamp(18px,2.4vw,22px);height:clamp(18px,2.4vw,22px);flex-shrink:0;border-radius:999px;background:rgba(12,88,148,.14)}
.tut-root .tut-icon-wrap svg{width:100%;height:100%}
.tut-root .tut-info-label{font-weight:500;font-size:clamp(13px,1.1vw,14px);line-height:1.2;color:#111827;white-space:nowrap}
.tut-root .tut-info-value{margin:0;font-weight:500;font-size:clamp(13px,1.1vw,14px);line-height:1.2;color:#0c5894;overflow-wrap:anywhere;word-break:break-word}
.tut-root .tut-ratings-title{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#0c5894}
.tut-root .tut-rating-summary{display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid #e5e7eb;background:rgba(249,250,251,.8);padding:.75rem 1rem;text-align:center}
.tut-root .tut-rating-score{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}
.tut-root .tut-rating-stars{margin-top:.5rem;display:flex;justify-content:center}
.tut-root .tut-rating-count{margin:.25rem 0 0;font-size:.75rem;color:#6b7280}
.tut-root .tut-histogram{min-width:0;flex:1}
.tut-root .tut-hist-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-bottom:.5rem}
.tut-root .tut-hist-row:last-child{margin-bottom:0}
.tut-root .tut-hist-label{width:3rem;flex-shrink:0;font-weight:500;color:#9a3412}
.tut-root .tut-hist-bar{height:6px;min-width:0;flex:1;overflow:hidden;border-radius:9999px;background:#d9e2ec}
.tut-root .tut-hist-fill{height:100%;border-radius:9999px;background:#0c5894}
.tut-root .tut-hist-pct{min-width:4rem;text-align:right;color:#4b5563}
.tut-root .tut-give-rating{margin-top:auto;width:100%;padding-top:.25rem;min-height:48px}
/* Map / similar â€” below fold; intrinsic size avoids CLS when content-visibility renders */
.tut-root .tut-map{background:#efeff1;padding:2.5rem 0;content-visibility:auto;contain-intrinsic-size:auto 360px}
.tut-root .tut-map__inner{max-width:80rem;margin:0 auto;padding:0 1rem}
.tut-root .tut-similar{background:#f3f4f6;padding:2.5rem 0;content-visibility:auto;contain-intrinsic-size:auto 320px}
.tut-root .tut-similar__inner{max-width:80rem;margin:0 auto;padding:0 1rem}


/* Below-fold cosmetics â€” course sidebar layout is in critical CSS to avoid FOUC */
.tut-root .tut-sidebar-card{color:#111827;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);}
@media (min-width:1024px){.tut-root .tut-sidebar-card{max-width:none;width:100%;}}
.tut-root .tut-give-rating-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:none;border-radius:9999px;background:#0c5894;padding:0 1.5rem;font-size:1rem;font-weight:600;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);cursor:pointer;transition:transform .15s ease;}
.tut-root .tut-give-rating-btn:hover{transform:scale(1.02);}
.tut-root .tut-give-rating-btn:active{transform:scale(.98);}
.tut-root .tutor-course-content-scroll-inner{overflow-x:hidden;scroll-behavior:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:auto;touch-action:auto;scrollbar-width:thin;scrollbar-color:#0c5894 #d6dde4;}
.tut-root .tutor-course-content-scroll-inner::-webkit-scrollbar{width:10px;}
.tut-root .tutor-course-content-scroll-inner::-webkit-scrollbar-track{background:#d6dde4;border-radius:999px;}
.tut-root .tutor-course-content-scroll-inner::-webkit-scrollbar-thumb{background:#0c5894;border-radius:999px;border:2px solid #d6dde4;}
.tut-root .tutor-course-content-scroll-inner::-webkit-scrollbar-thumb:hover{background:#0a4b7a;}
/* Course body: typography/lists/links/ticks from global HTML_RENDERER_CSS
   (#html-renderer) â€” same cascade as TutorDetailsView â†’ HTMLRenderer. */

/* Map */
.tut-root .tut-map{background:#efeff1;padding:2.5rem 0;}
.tut-root .tut-map__inner{max-width:80rem;margin:0 auto;padding:0 1rem;}
.tut-root .tut-map__grid{display:grid;gap:2rem;align-items:center;}
@media (min-width:768px){.tut-root .tut-map__grid{grid-template-columns:1fr 1fr;}}
.tut-root .tut-map__frame{position:relative;height:34vh;overflow:hidden;background:#f3f4f6;box-shadow:0 4px 6px rgba(0,0,0,.1);}
@media (min-width:768px){.tut-root .tut-map__frame{height:52vh;}}
.tut-root .tut-map__frame iframe{width:100%;height:100%;border:0;}
.tut-root .tut-map__load{position:relative;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#f3f4f6;}
.tut-root .tut-map__preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.tut-root .tut-map__load-ui{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.2);}
.tut-root .tut-map__load-icon{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;border-radius:9999px;background:rgba(255,255,255,.95);color:var(--tut-primary);box-shadow:0 4px 6px rgba(0,0,0,.1);}
.tut-root .tut-map__load-label{margin-top:.75rem;border-radius:9999px;background:rgba(255,255,255,.95);padding:.375rem 1rem;font-size:.875rem;font-weight:600;color:var(--tut-primary);box-shadow:0 1px 3px rgba(0,0,0,.08);}
.tut-root .tut-map h2{font-size:1.25rem;font-weight:700;color:var(--tut-primary);margin:0 0 1rem;}
.tut-root .tut-map__addr{font-size:.875rem;line-height:1.625;color:#4b5563;}
.tut-root .tut-map__cta{display:inline-flex;margin-top:1.5rem;height:2.75rem;align-items:center;justify-content:center;border-radius:9999px;background:var(--tut-primary);padding:0 2rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);text-decoration:none;}

/* Similar tutors */
.tut-root .tut-similar{background:#f3f4f6;padding:2.5rem 0;}
.tut-root .tut-similar__inner{max-width:80rem;margin:0 auto;padding:0 1rem;}
.tut-root .tut-similar__grid{display:grid;gap:2rem;}
@media (min-width:768px){.tut-root .tut-similar__grid{grid-template-columns:1fr 1fr;}}
.tut-root .tut-similar h3{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 1rem;}
.tut-root .tut-similar__card{border-radius:1rem;background:#fff;padding:1.25rem;box-shadow:0 4px 6px rgba(0,0,0,.1);}
.tut-root .tut-similar__card ul li{margin-bottom:.75rem;}
.tut-root .tut-similar__card a{font-size:.875rem;font-weight:500;color:var(--tut-primary);text-decoration:underline;}

/* Contact island placeholders */
.tut-root .tut-island{display:contents;}

.tut-root .tut-reviews{background:#f8fafc;padding:2.5rem 0;}
.tut-root .tut-reviews__inner{max-width:80rem;margin:0 auto;padding:0 1rem;}
.tut-root .tut-reviews h3{margin:0 0 14px;font-size:clamp(28px,2.5vw,40px);font-weight:700;line-height:1.1;color:#0c5894;}
.tut-root .tut-reviews__row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;}
.tut-root .tut-review{box-sizing:border-box;display:flex;min-height:118px;width:240px;flex:0 0 240px;flex-direction:column;justify-content:space-between;scroll-snap-align:start;border:1px solid #0c5894;border-radius:6px;background:#f2f1ef;padding:10px 10px 8px;}
.tut-root .tut-review p{margin:0;font-size:12px;font-weight:500;font-style:italic;line-height:1.25;color:#1c1c1c;}
.tut-root .tut-review__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;}
.tut-root .tut-review__name{font-size:11px;font-weight:600;color:#1c1c1c;}
.tut-root .tut-review__stars{color:#fbbf24;letter-spacing:1px;font-size:11px;}
