/*
 * Tech Learning Academy | Course Details v1
 * Scope: published Tutor LMS single courses only.
 * Brand: Montserrat headings + Inter body; official cobalt/purple/slate palette.
 * Layout follows approved reference; all content and enrollment are native Tutor data.
 */
body.tla-site-view.single-courses{
 --tla-detail-ink:#16233B;
 --tla-detail-muted:#637189;
 --tla-detail-blue:#0455F5;
 --tla-detail-blue-dark:#003FC6;
 --tla-detail-purple:#7346F5;
 --tla-detail-line:#DFE7F2;
 --tla-detail-pale:#F5F8FC;
 --tla-detail-surface:#FFFFFF;
 --tla-detail-shadow:0 8px 19px rgba(16,29,53,.075);
 background:#F8FAFE;
 font-family:"Inter",Arial,sans-serif;
 color:var(--tla-detail-ink);
}
body.tla-site-view.single-courses .tla-page-header{display:none!important}
body.tla-site-view.single-courses .tla-page-content{
 max-width:none!important;
 width:100%!important;
 padding:0!important;
 margin:0!important;
 min-height:0;
 background:#F8FAFE;
}
body.tla-site-view.single-courses #tla-main{padding:0}
body.tla-site-view .tla-detail,
body.tla-site-view .tla-detail *{box-sizing:border-box}
body.tla-site-view .tla-detail{
 font-family:"Inter",Arial,sans-serif;
 font-size:16px;
 line-height:1.65;
 color:var(--tla-detail-ink);
 padding:21px 0 66px;
}
body.tla-site-view .tla-detail :is(h1,h2,h3,h4,h5,h6){
 font-family:"Montserrat",Arial,sans-serif!important;
 letter-spacing:-.035em;
 color:var(--tla-detail-ink);
 font-weight:800;
 line-height:1.24;
}
body.tla-site-view .tla-detail :is(p,ul,ol,dl,figure){margin-top:0}
body.tla-site-view .tla-detail a{color:inherit;text-decoration:none}
body.tla-site-view .tla-detail a:hover{color:var(--tla-detail-blue)}
body.tla-site-view .tla-detail :is(button,a,input):focus-visible{outline:3px solid #FFBD16;outline-offset:3px}
.tla-detail-container{
 width:100%;
 max-width:1580px;
 margin:0 auto;
 padding-inline:clamp(20px,3vw,48px);
}
.tla-detail-breadcrumb{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:10px;
 padding:1px 0 25px;
 color:#5B6E8E;
 font-size:14px;
 line-height:1.55;
}
body.tla-site-view .tla-detail-breadcrumb>a{display:inline-flex;gap:7px;align-items:center;color:#425575}
body.tla-site-view .tla-detail-breadcrumb>a:hover{color:var(--tla-detail-blue)}
.tla-detail-breadcrumb>svg{color:#8290A5;flex:0 0 auto}
.tla-detail-breadcrumb>span{color:#1A2A48;font-weight:700;max-width:420px}
.tla-detail-layout{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(304px,350px);
 gap:26px;
 align-items:start;
}
.tla-detail-main,.tla-detail-sidebar{min-width:0}
.tla-detail-lead{
 display:grid;
 grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr);
 align-items:center;
 gap:25px;
 min-width:0;
 margin-bottom:27px;
}
.tla-detail-thumbnail{
 position:relative;
 overflow:hidden;
 width:100%;
 min-height:235px;
 border:1px solid #DFE7F2;
 background:linear-gradient(130deg,#EAF1FE,#F1EAFF);
 border-radius:16px;
 box-shadow:0 5px 17px rgba(23,49,98,.09);
 aspect-ratio:1.52;
}
.tla-detail-thumbnail>img{
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 inset:0;
 object-fit:cover;
 object-position:center;
}
.tla-detail-thumbnail-empty{
 display:flex;
 width:100%;
 height:100%;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 gap:10px;
 font:800 18px/1.4 "Montserrat",Arial,sans-serif;
 color:#0455F5;
}
.tla-detail-image-tag{
 position:absolute;
 z-index:1;
 left:15px;
 bottom:15px;
 display:inline-flex;
 padding:7px 12px;
 border-radius:9px;
 background:rgba(16,29,53,.83);
 color:white;
 font:700 13px/1.4 "Inter",Arial,sans-serif;
 backdrop-filter:blur(5px);
 max-width:calc(100% - 30px);
}
.tla-detail-intro{min-width:0;padding:3px 0}
.tla-detail-eyebrow{
 display:inline-flex;
 align-items:center;
 gap:8px;
 border-radius:100px;
 background:#EAF1FE;
 padding:7px 12px;
 font:700 13px/1.3 "Inter",Arial,sans-serif;
 color:var(--tla-detail-blue);
 margin-bottom:12px;
}
body.tla-site-view .tla-detail #tla-detail-title{
 font-size:clamp(24px,2.4vw,37px);
 letter-spacing:-.045em;
 line-height:1.2;
 margin:0 0 13px;
 overflow-wrap:break-word;
}
body.tla-site-view .tla-detail .tla-detail-summary{
 font-size:17px;
 line-height:1.6;
 color:#465777;
 margin:0 0 18px;
}
.tla-detail-social-proof{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:9px 19px;
 padding:0 0 12px;
 color:#304766;
 font-size:14px;
}
.tla-detail-social-proof>span{
 display:inline-flex;
 align-items:center;
 gap:7px;
}
.tla-detail-social-proof svg{color:var(--tla-detail-blue)}
.tla-detail-social-proof span:first-child svg{color:#FFBD16;fill:#FFBD16}
.tla-detail-facts{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:12px 17px;
 padding-top:15px;
 border-top:1px solid #DCE5F4;
}
.tla-detail-facts>span{
 display:grid;
 grid-template-columns:auto minmax(0,1fr);
 grid-template-rows:auto auto;
 column-gap:8px;
 align-items:center;
 min-width:90px;
}
.tla-detail-facts svg{grid-row:1 / span 2;color:#0455F5}
.tla-detail-facts>span:nth-child(2) svg{color:#7346F5}
.tla-detail-facts b{font-weight:750;line-height:1.25;font-size:14px;color:#142745}
.tla-detail-facts small{font-size:12px;line-height:1.5;color:#6A7A94}
/* Reference tab row: real anchor links, all sections remain visible. */
.tla-detail-tabs{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 align-items:stretch;
 gap:9px;
 margin:0 0 30px;
}
body.tla-site-view .tla-detail .tla-detail-tabs a{
 display:inline-flex;
 gap:8px;
 align-items:center;
 justify-content:center;
 min-height:49px;
 padding:10px 9px;
 background:white;
 border:1px solid #DEE6F3;
 border-radius:11px;
 color:#172843;
 box-shadow:0 3px 7px rgba(25,52,102,.045);
 font-size:14px;
 font-weight:800;
 line-height:1.32;
 text-align:center;
}
body.tla-site-view .tla-detail .tla-detail-tabs a[aria-current="location"],
body.tla-site-view .tla-detail .tla-detail-tabs a:hover{
 background:#0455F5;
 color:white;
 border-color:#0455F5;
}
.tla-detail-tabs svg{flex:0 0 auto;color:#7346F5}
.tla-detail-tabs a[aria-current="location"] svg,
.tla-detail-tabs a:hover svg{color:white}
/* Course overview and Tutor curriculum side-by-side */
.tla-detail-info-grid{
 display:grid;
 grid-template-columns:minmax(0,0.98fr) minmax(0,1.02fr);
 gap:25px;
 align-items:start;
 margin-bottom:30px;
}
.tla-detail-overview,.tla-detail-curriculum{min-width:0;scroll-margin-top:30px}
body.tla-site-view .tla-detail .tla-detail-overview>h2,
body.tla-site-view .tla-detail .tla-detail-curriculum h2,
body.tla-site-view .tla-detail .tla-detail-related-head h2,
body.tla-site-view .tla-detail .tla-detail-instructor-card>h2{
 font-size:clamp(20px,1.7vw,24px);
 margin:0 0 17px;
 line-height:1.3;
}
body.tla-site-view .tla-detail .tla-detail-real-content{
 font-size:16px;
 line-height:1.72;
 color:#334662;
}
.tla-detail-real-content>:first-child{margin-top:0}
body.tla-site-view .tla-detail .tla-detail-real-content :is(h2,h3,h4){
 margin:18px 0 9px;
 font-size:19px;
 font-weight:800;
 line-height:1.33;
}
body.tla-site-view .tla-detail .tla-detail-real-content p{
 margin:0 0 16px;
 font-size:16px;
 line-height:1.7;
 color:#334662;
}
body.tla-site-view .tla-detail .tla-detail-real-content ul{
 margin:16px 0 20px;
 padding:16px 17px;
 list-style:none;
 border:1px solid #E5EBFA;
 border-radius:14px;
 background:linear-gradient(125deg,#F4F7FF,#F8F7FF);
}
body.tla-site-view .tla-detail .tla-detail-real-content ul li{
 font-size:15px;
 line-height:1.55;
 color:#213456;
 padding:3px 0 3px 25px;
 position:relative;
 margin:0 0 6px;
}
body.tla-site-view .tla-detail .tla-detail-real-content ul li:last-child{margin-bottom:0}
.tla-detail-real-content ul li:before{
 content:"✓";
 position:absolute;
 top:3px;
 left:0;
 font-size:15px;
 color:#19B84D;
 font-weight:900;
}
body.tla-site-view .tla-detail .tla-detail-real-content p:last-child{
 padding:13px 16px;
 border:1px solid #E5EBFA;
 border-radius:11px;
 background:#F6F8FD;
 margin-top:15px;
}
/* Tutor LMS native curriculum remains the authority for lessons + lock states. */
.tla-detail-section-heading{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 gap:9px;
}
.tla-detail-section-heading h2{flex:1}
.tla-detail-section-heading>span{font-size:12px;font-weight:750;color:#526580;white-space:nowrap}
.tla-detail-curriculum-live>.tutor-mt-40{margin-top:0!important}
.tla-detail-curriculum-live .tutor-course-content-title{display:none!important}
.tla-detail-curriculum-live .tutor-accordion{margin-top:0!important}
.tla-detail-curriculum-live .tutor-accordion-item{
 margin:0 0 11px;
 border:1px solid #DCE5F6;
 border-radius:12px;
 background:white;
 overflow:hidden;
 box-shadow:0 3px 10px rgba(13,40,98,.035);
}
body.tla-site-view .tla-detail-curriculum-live .tutor-accordion-item-header{
 display:flex;
 align-items:center;
 padding:16px 17px;
 margin:0!important;
 min-height:53px;
 background:linear-gradient(108deg,#F6F8FF,#ECF0FF);
 border-bottom:0;
 font:800 15px/1.45 "Montserrat",Arial,sans-serif!important;
 color:#1D2D4C;
 cursor:pointer;
}
body.tla-site-view .tla-detail-curriculum-live .tutor-accordion-item-header.is-active{
 background:linear-gradient(108deg,#E8F0FF,#F1EEFF);
 color:#052F9C;
}
.tla-detail-curriculum-live .tutor-accordion-item-body{
 border-top:1px solid #E4E9F7;
 background:white;
 padding:0;
}
.tla-detail-curriculum-live .tutor-accordion-item-body-content{padding:5px 14px 11px}
.tla-detail-curriculum-live ul.tutor-course-content-list{
 margin:0!important;
 padding:0!important;
 list-style:none!important;
 background:none!important;
 border:0!important;
}
.tla-detail-curriculum-live .tutor-course-content-list-item{
 display:flex;
 gap:10px;
 align-items:center;
 justify-content:space-between;
 padding:12px 4px!important;
 border-bottom:1px solid #EDF1F8;
 color:#1D2E4D;
 font-size:15px;
 line-height:1.5;
}
.tla-detail-curriculum-live .tutor-course-content-list-item:last-child{border-bottom:0}
.tla-detail-curriculum-live .tutor-course-content-list-item>div{min-width:0}
.tla-detail-curriculum-live .tutor-course-content-list-item h5{
 font:650 14px/1.5 "Inter",Arial,sans-serif!important;
 margin:0!important;
 letter-spacing:0;
 color:#223354;
 overflow-wrap:break-word;
}
body.tla-site-view .tla-detail .tla-detail-curriculum-live .tutor-course-content-list-item h5 a{color:#0455F5;text-decoration:none}
.tla-detail-curriculum-live .tutor-course-content-list-item-icon{color:#0455F5;font-size:17px}
.tla-detail-curriculum-live .tutor-course-content-list-item-status{color:#8D99AE}
.tla-detail-curriculum-live .tutor-course-content-list-item-duration{font-size:12px;color:#6C7D96}
.tla-detail-curriculum-tip{
 display:flex;
 align-items:flex-start;
 gap:9px;
 margin:13px 0 0!important;
 font-size:13px!important;
 line-height:1.55!important;
 color:#647491!important;
}
.tla-detail-curriculum-tip svg{flex:0 0 auto;color:#7346F5}
/* Enrollment card */
.tla-detail-enroll-card{
 overflow:hidden;
 border:1px solid #DEE6F5;
 border-radius:16px;
 background:white;
 box-shadow:0 9px 23px rgba(14,35,88,.11);
 margin-bottom:21px;
}
.tla-detail-enroll-header{
 padding:23px 24px 21px;
 color:#fff;
 background:linear-gradient(112deg,#0455F5,#2F3ED2 59%,#7346F5);
}
body.tla-site-view .tla-detail .tla-detail-enroll-header h2{
 color:white;
 font-size:clamp(19px,1.4vw,23px);
 line-height:1.25;
 margin:0 0 11px;
}
.tla-detail-price{
 color:white;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 font:800 33px/1.2 "Montserrat",Arial,sans-serif;
 letter-spacing:-.04em;
}
.tla-detail-price span{
 display:inline-flex;
 padding:8px 11px;
 border-radius:9px;
 background:#DCFFE7;
 color:#0A8731;
 font:800 13px/1.3 "Inter",Arial,sans-serif;
 letter-spacing:0;
}
.tla-detail-enroll-body{padding:21px 22px 20px}
body.tla-site-view .tla-detail ul.tla-detail-enroll-benefits{
 list-style:none;
 margin:0 0 21px!important;
 padding:0!important;
 display:grid;
 gap:11px;
}
body.tla-site-view .tla-detail .tla-detail-enroll-benefits li{
 display:flex;
 gap:10px;
 align-items:flex-start;
 font:550 15px/1.48 "Inter",Arial,sans-serif;
 color:#253754;
 margin:0;
}
.tla-detail-enroll-benefits svg{
 flex:0 0 auto;
 margin-top:2px;
 background:#19B84D;
 color:white;
 padding:2px;
 border-radius:50%;
}
body.tla-site-view .tla-detail .tla-detail-primary-cta{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 width:100%;
 min-height:51px;
 padding:13px 18px;
 margin:0;
 border:1px solid #0455F5;
 border-radius:10px;
 background:#0455F5;
 color:white;
 font:800 16px/1.35 "Inter",Arial,sans-serif!important;
 cursor:pointer;
 transition:background .15s ease;
 text-decoration:none;
}
body.tla-site-view .tla-detail .tla-detail-primary-cta:hover{
 background:#003FC6;
 color:white;
}
body.tla-site-view .tla-detail .tla-detail-login-helper{
 font-size:13px;
 text-align:center;
 margin:12px 0 0;
 color:#64738C;
}
body.tla-site-view .tla-detail .tla-detail-login-helper a{
 color:#0455F5;
 font-weight:800;
 text-decoration:underline;
}
.tla-detail-wishlist{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 padding:12px 10px;
 margin-top:9px;
 border:1px solid #B8CDF6;
 border-radius:9px;
 font-size:14px;
 color:#0455F5!important;
 font-weight:750;
}
.tla-detail-share{
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 gap:10px;
 padding-top:20px;
 margin-top:20px;
 border-top:1px solid #E5EAF2;
}
.tla-detail-share>span:first-child{
 flex:0 0 100%;
 text-align:center;
 color:#334C74;
 font-size:14px;
 line-height:1.45;
 font-weight:750;
}
body.tla-site-view .tla-detail :is(.tla-detail-share-link,.tla-detail-share-message){
 display:inline-flex;
 gap:7px;
 justify-content:center;
 align-items:center;
 min-height:42px;
 padding:9px 13px;
 border:1px solid #D8E3F5;
 border-radius:9px;
 color:#0455F5;
 background:white;
 font:700 13px/1.4 "Inter",Arial,sans-serif!important;
 cursor:pointer;
 text-decoration:none;
}
body.tla-site-view .tla-detail :is(.tla-detail-share-link,.tla-detail-share-message):hover{background:#EAF1FE}
.tla-detail-copy-status{display:block;width:100%;text-align:center;color:#14883F;font:600 12px/1.5 "Inter",Arial,sans-serif}
.tla-detail-copy-status:empty{display:none}
.tla-detail-native-enroll .tutor-card{padding:0;border:0;box-shadow:none}
.tla-detail-native-enroll .tutor-card-body{padding:0}
.tla-detail-native-enroll .tutor-course-single-pricing{display:none}
.tla-detail-notice{font:600 14px/1.6 "Inter",Arial,sans-serif;color:#435B7E}
/* Instructor */
.tla-detail-instructor-card{
 scroll-margin-top:28px;
 padding:20px 20px 18px;
 border-radius:15px;
 border:1px solid #DEE6F5;
 background:white;
 box-shadow:var(--tla-detail-shadow);
 margin-bottom:23px;
}
body.tla-site-view .tla-detail .tla-detail-instructor-card>h2{margin-bottom:16px}
.tla-detail-instructor-identity{display:flex;align-items:center;gap:13px}
.tla-detail-instructor-monogram{
 flex:0 0 60px;
 height:60px;
 border-radius:50%;
 display:grid;
 place-items:center;
 color:#0455F5;
 background:linear-gradient(135deg,#E4EBFF,#D9E7FF);
 font:800 30px/1 "Montserrat",Arial,sans-serif;
 border:1px solid #D4E1FC;
}
.tla-detail-instructor-identity>div:last-child{min-width:0}
body.tla-site-view .tla-detail .tla-detail-instructor-name{
 font:800 16px/1.45 "Montserrat",Arial,sans-serif!important;
 color:#102345;
 display:inline-block;
 overflow-wrap:anywhere;
}
body.tla-site-view .tla-detail .tla-detail-instructor-identity p{
 margin:2px 0 0;
 font-size:14px;
 line-height:1.5;
 color:#657592;
}
body.tla-site-view .tla-detail .tla-detail-instructor-bio{
 margin:12px 0 0;
 font-size:14px;
 line-height:1.65;
 color:#435773;
}
/* Related course shortlist */
.tla-detail-related{margin-bottom:21px}
.tla-detail-related-head{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:12px;
 margin-bottom:13px;
}
body.tla-site-view .tla-detail .tla-detail-related-head h2{margin:0}
body.tla-site-view .tla-detail .tla-detail-related-head>a{
 display:inline-flex;align-items:center;gap:6px;
 color:#0455F5;
 white-space:nowrap;
 font:800 13px/1.4 "Inter",Arial,sans-serif;
}
.tla-detail-related-item{
 display:flex;
 align-items:center;
 gap:11px;
 min-width:0;
 border:1px solid #DEE6F5;
 border-radius:13px;
 background:white;
 padding:10px;
 box-shadow:0 3px 12px rgba(18,43,97,.055);
 margin-bottom:10px;
}
.tla-detail-related-image{
 width:93px;
 aspect-ratio:1.22;
 border-radius:9px;
 overflow:hidden;
 display:grid;
 place-items:center;
 background:#EAF1FE;
 color:#0455F5;
 flex:0 0 auto;
}
.tla-detail-related-image img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
}
.tla-detail-related-summary{min-width:0;flex:1}
body.tla-site-view .tla-detail .tla-detail-related-summary h3{
 margin:0 0 5px;
 font-size:13px;
 line-height:1.35;
 letter-spacing:-.01em;
 overflow-wrap:break-word;
}
.tla-detail-related-summary>span{
 font-size:12px;
 color:#5C708E;
}
body.tla-site-view .tla-detail .tla-detail-related-link{
 color:#0455F5;
 width:28px;
 height:30px;
 display:grid;
 place-items:center;
 flex:0 0 auto;
 background:#EEF4FF;
 border-radius:8px;
}
/* FAQ links to existing actual FAQ page, not invented course answers. */
.tla-detail-help{
 scroll-margin-top:24px;
 border:1px solid #DDE4FA;
 border-radius:15px;
 padding:21px;
 background:linear-gradient(125deg,#EAF1FE,#F1EAFF);
 display:grid;
 grid-template-columns:auto minmax(0,1fr);
 align-items:start;
 gap:11px 14px;
}
.tla-detail-help-icon{
 width:49px;
 height:49px;
 display:grid;
 place-items:center;
 background:white;
 border-radius:12px;
 color:#7346F5;
}
body.tla-site-view .tla-detail .tla-detail-help h2{
 font-size:18px;
 margin:0 0 5px;
}
body.tla-site-view .tla-detail .tla-detail-help p{
 font-size:14px;
 color:#415775;
 line-height:1.6;
 margin:0;
}
body.tla-site-view .tla-detail a.tla-detail-help-button{
 grid-column:1 / -1;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 background:#0455F5;
 border-radius:9px;
 padding:11px 14px;
 color:white;
 font:800 14px/1.5 "Inter",Arial,sans-serif;
}
body.tla-site-view .tla-detail a.tla-detail-help-button:hover{background:#003FC6}
.tla-detail-review-section{
 padding:24px;
 margin:5px 0 20px;
 border:1px solid #DEE6F5;
 border-radius:15px;
 background:white;
 scroll-margin-top:26px;
}
/* Final CTA follows site's blue-to-purple established signature. */
.tla-detail-bottom-cta{
 display:flex;
 align-items:center;
 gap:19px;
 margin-top:40px;
 padding:23px 29px;
 color:white;
 border-radius:15px;
 background:linear-gradient(112deg,#0455F5,#273ED0 68%,#7346F5);
}
.tla-detail-bottom-cta>div{
 width:58px;
 height:58px;
 border-radius:12px;
 background:rgba(255,255,255,.14);
 display:grid;
 place-items:center;
 flex:0 0 auto;
}
body.tla-site-view .tla-detail .tla-detail-bottom-cta p{
 display:flex;
 flex-direction:column;
 margin:0;
 line-height:1.5;
 min-width:0;
 flex:1;
 color:white;
}
.tla-detail-bottom-cta p strong{
 font:800 20px/1.25 "Montserrat",Arial,sans-serif;
 color:white;
}
.tla-detail-bottom-cta p span{font:500 14px/1.55 "Inter",Arial,sans-serif;color:#EEF3FF;margin-top:6px}
body.tla-site-view .tla-detail .tla-detail-bottom-cta>a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 white-space:nowrap;
 gap:9px;
 background:white;
 border-radius:10px;
 color:#102A60;
 padding:12px 18px;
 font:800 14px/1.4 "Inter",Arial,sans-serif;
}
body.tla-site-view .tla-detail .tla-detail-bottom-cta>a:hover{color:#0455F5}
/* Laptop: give title room rather than squeezing it alongside its image. */
@media(max-width:1280px){
 .tla-detail-layout{grid-template-columns:minmax(0,1fr) minmax(290px,315px);gap:19px}
 .tla-detail-lead{gap:20px;grid-template-columns:minmax(0,0.93fr) minmax(0,1.07fr)}
 .tla-detail-info-grid{gap:19px}
 .tla-detail-thumbnail{min-height:205px}
 .tla-detail-facts{gap:10px 12px}
 .tla-detail-facts>span{min-width:75px}
}
@media(max-width:1100px){
 .tla-detail-layout{display:flex;flex-direction:column;gap:0}
 .tla-detail-main,.tla-detail-sidebar{display:contents}
 .tla-detail-lead{order:0;margin-bottom:22px}
 .tla-detail-enroll-card{order:1;width:100%;margin-bottom:22px}
 .tla-detail-tabs{order:2;width:100%}
 .tla-detail-info-grid{order:3;width:100%;margin-bottom:26px}
 .tla-detail-review-section{order:4}
 .tla-detail-instructor-card{order:5;width:100%}
 .tla-detail-related{order:6;width:100%}
 .tla-detail-help{order:7;width:100%}
 .tla-detail-enroll-body{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:center}
 body.tla-site-view .tla-detail ul.tla-detail-enroll-benefits{grid-row:1 / span 2;grid-column:1;margin-bottom:0!important}
 .tla-detail-enroll-form,.tla-detail-primary-cta,.tla-detail-login-helper,.tla-detail-notice,.tla-detail-native-enroll{grid-column:2}
 .tla-detail-share{grid-column:1 / -1;margin-top:18px}
 .tla-detail-wishlist{grid-column:2}
 .tla-detail-instructor-card{max-width:none}
 .tla-detail-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .tla-detail-related-head{grid-column:1/-1;margin-bottom:0}
 .tla-detail-related-item{margin:0}
 .tla-detail-help{grid-template-columns:auto 1fr auto;align-items:center}
 body.tla-site-view .tla-detail a.tla-detail-help-button{grid-column:3;white-space:nowrap}
}
@media(max-width:800px){
 .tla-detail-lead{grid-template-columns:1fr 1fr}
 .tla-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .tla-detail-info-grid{grid-template-columns:1fr}
 .tla-detail-curriculum{margin-top:8px}
 .tla-detail-thumbnail{aspect-ratio:1.45;min-height:200px}
}
@media(max-width:660px){
 body.tla-site-view .tla-detail{padding:15px 0 43px}
 .tla-detail-container{padding-inline:18px}
 .tla-detail-breadcrumb{font-size:13px;gap:7px;padding-bottom:18px}
 .tla-detail-breadcrumb>span{max-width:210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .tla-detail-lead{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .tla-detail-thumbnail{aspect-ratio:1.68;min-height:190px}
 body.tla-site-view .tla-detail #tla-detail-title{font-size:clamp(26px,7vw,35px)}
 body.tla-site-view .tla-detail .tla-detail-summary{font-size:16px;margin-bottom:17px}
 .tla-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .tla-detail-enroll-header{padding:19px}
 .tla-detail-enroll-body{display:block;padding:18px}
 body.tla-site-view .tla-detail ul.tla-detail-enroll-benefits{margin-bottom:18px!important}
 .tla-detail-tabs{display:flex;overflow-x:auto;gap:8px;padding:0 2px 10px;scrollbar-width:thin;overscroll-behavior-x:contain;margin-bottom:26px}
 body.tla-site-view .tla-detail .tla-detail-tabs a{min-width:max-content;padding:11px 15px;min-height:47px;font-size:14px}
 .tla-detail-related{display:block}
 .tla-detail-related-head{margin-bottom:12px}
 .tla-detail-related-item{margin-bottom:10px}
 .tla-detail-help{grid-template-columns:auto minmax(0,1fr)}
 body.tla-site-view .tla-detail a.tla-detail-help-button{grid-column:1/-1}
 .tla-detail-info-grid{gap:22px}
 .tla-detail-bottom-cta{flex-wrap:wrap;gap:13px;padding:22px 19px;margin-top:31px}
 .tla-detail-bottom-cta>div{width:48px;height:48px}
 .tla-detail-bottom-cta p{flex-basis:calc(100% - 63px)}
 body.tla-site-view .tla-detail .tla-detail-bottom-cta>a{margin:1px 0 0}
}
@media(max-width:390px){
 .tla-detail-container{padding-inline:15px}
 .tla-detail-thumbnail{min-height:177px}
 .tla-detail-image-tag{font-size:12px}
 .tla-detail-section-heading{display:block}
 .tla-detail-section-heading>span{display:block;margin:-7px 0 12px}
 .tla-detail-related-image{width:78px}
}
@media(prefers-reduced-motion:reduce){
 .tla-detail *{transition:none!important;scroll-behavior:auto!important}
}

/* Reference tabs: five honest sections (reviews display actual Tutor state). */
body.tla-site-view .tla-detail .tla-detail-tabs{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
body.tla-site-view .tla-detail .tla-detail-review-section>h2{
  font-size:21px;
  line-height:1.3;
  margin:0 0 8px;
}
body.tla-site-view .tla-detail .tla-detail-review-section>p{
  font-size:16px;
  line-height:1.65;
  color:#637189;
  margin:0;
}
@media(max-width:850px){
  body.tla-site-view .tla-detail .tla-detail-tabs{
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:0 2px 10px;
    scrollbar-width:thin;
  }
  body.tla-site-view .tla-detail .tla-detail-tabs>a{
    min-width:max-content;
    padding:11px 15px;
  }
}