.sp24-discovery{font-family:"Be Vietnam Pro",system-ui,sans-serif;color:#0b2940;background:#fff}.sp24-discovery-wrap{width:min(1240px,calc(100% - 40px));margin:auto}.sp24-discovery-hero{background:linear-gradient(135deg,#f3fbf7,#fff);padding:58px 0 48px;border-bottom:1px solid #e5f1eb}.sp24-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#078558}.sp24-discovery-hero h1{font-size:40px;line-height:1.15;margin:10px 0 12px;letter-spacing:-.03em}.sp24-discovery-hero p{max-width:760px;color:#587083;line-height:1.7}.sp24-searchbar{display:flex;max-width:760px;margin-top:24px;background:#fff;padding:6px;border:1px solid #dfe9e5;border-radius:14px;box-shadow:0 10px 30px rgba(13,54,39,.07)}.sp24-searchbar input{flex:1;border:0!important;box-shadow:none!important;margin:0!important}.sp24-searchbar button,.sp24-filter-submit{border:0;border-radius:10px;background:#ef4d4d;color:#fff;font-weight:800;padding:0 24px}.sp24-discovery-layout{display:grid;grid-template-columns:270px 1fr;gap:34px;padding-top:44px;padding-bottom:70px}.sp24-filter-panel{border:1px solid #e4ece8;border-radius:18px;padding:20px;height:max-content;position:sticky;top:24px}.sp24-filter-head{display:flex;justify-content:space-between;margin-bottom:18px}.sp24-filter-head strong{font-size:20px}.sp24-filter-head a{color:#078558;font-size:13px}.sp24-filter-panel label{display:block;font-size:13px;font-weight:700;margin:0 0 15px}.sp24-filter-panel select,.sp24-filter-panel input{width:100%;margin-top:7px!important;border:1px solid #dfe7e4!important;border-radius:10px!important;background:#fff!important;min-height:42px}.sp24-price-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp24-filter-submit{width:100%;min-height:46px;margin-top:5px}.sp24-results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.sp24-results-head h2{font-size:28px;margin:0}.sp24-results-head p{margin:4px 0 0;color:#6b7d89}.sp24-sort select{border:1px solid #dfe7e4;border-radius:10px;padding:9px 30px 9px 12px}.sp24-tutor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sp24-discovery-card{border:1px solid #e3ebe7;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(18,54,42,.06)}.sp24-card-photo{height:220px;position:relative;background:#edf7f2}.sp24-card-photo img{width:100%;height:100%;object-fit:cover}.sp24-avatar-fallback{height:100%;display:grid;place-items:center;font-size:70px;font-weight:800;color:#16865c}.sp24-verified{position:absolute;left:12px;bottom:12px;background:#e9fff4;color:#087c52;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.sp24-card-body{padding:16px}.sp24-card-body h3{font-size:18px;margin:0 0 6px}.sp24-school{font-size:13px;color:#536d7c;min-height:20px}.sp24-card-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:#607683}.sp24-rating{color:#f5a300;font-weight:800}.sp24-rating small{color:#70818b;font-weight:500}.sp24-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ef;padding-top:13px;margin-top:13px}.sp24-card-foot strong{font-size:14px}.sp24-card-foot a{background:#ef4d4d;color:#fff;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800}.sp24-empty{text-align:center;border:1px dashed #cfded7;border-radius:18px;padding:60px 20px;background:#fbfdfc}.sp24-empty>div{font-size:42px;color:#14875c}.sp24-empty a{color:#078558;font-weight:800}.sp24-pagination{display:flex;gap:8px;justify-content:center;margin-top:34px}.sp24-pagination a,.sp24-pagination span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dfe8e4;border-radius:9px}.sp24-pagination .current{background:#10865c;color:#fff;border-color:#10865c}.sp24-filter-toggle{display:none}@media(max-width:980px){.sp24-discovery-layout{grid-template-columns:1fr}.sp24-filter-toggle{display:block;border:1px solid #dbe8e2;background:#fff;border-radius:10px;padding:11px 15px;font-weight:800;width:max-content}.sp24-filter-panel{display:none;position:static}.sp24-filter-panel.is-open{display:block}.sp24-tutor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sp24-discovery-wrap{width:calc(100% - 24px)}.sp24-discovery-hero{padding:34px 0}.sp24-discovery-hero h1{font-size:29px}.sp24-searchbar{display:grid;gap:7px}.sp24-searchbar button{min-height:45px}.sp24-discovery-layout{padding-top:24px;gap:20px}.sp24-results-head{align-items:flex-start;gap:12px}.sp24-results-head h2{font-size:23px}.sp24-tutor-grid{grid-template-columns:1fr}.sp24-card-photo{height:290px}.sp24-price-row{grid-template-columns:1fr 1fr}}
/* v1.4.0-alpha.2.2 — SuPham24h shell isolation & listing visual QA */
body.sp24-tutor-listing-route{margin:0;background:#fff}
body.sp24-tutor-listing-route #header,
body.sp24-tutor-listing-route #footer,
body.sp24-tutor-listing-route .header-wrapper,
body.sp24-tutor-listing-route .absolute-footer,
body.sp24-tutor-listing-route .back-to-top,
body.sp24-tutor-listing-route .ux-menu,
body.sp24-tutor-listing-route .footer-wrapper{display:none!important}
body.sp24-tutor-listing-route .sp24-header,
body.sp24-tutor-listing-route .sp24-footer{display:block!important}
body.sp24-tutor-listing-route .sp24-discovery{min-height:calc(100vh - 240px)}
body.sp24-tutor-listing-route .sp24-results{min-width:0}
body.sp24-tutor-listing-route .sp24-tutor-grid{align-items:start}
body.sp24-tutor-listing-route .sp24-discovery-card{height:100%}
body.sp24-tutor-listing-route .sp24-card-body{display:flex;flex-direction:column}
body.sp24-tutor-listing-route .sp24-card-foot{margin-top:auto}
@media(min-width:981px){body.sp24-tutor-listing-route .sp24-results{padding-right:2px}}

/* v1.4.0-alpha.2.4 — stable SuPham24h brand lockup fallback */
body.sp24-tutor-listing-route .sp24-brand-lockup{
display:inline-flex;align-items:baseline;gap:0;font-family:"Be Vietnam Pro",system-ui,sans-serif;
font-size:22px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#0b2940;white-space:nowrap
}
body.sp24-tutor-listing-route .sp24-brand-lockup b{color:#ef4d4d;font-weight:900}
body.sp24-tutor-listing-route .sp24-footer .sp24-brand-lockup{color:#fff}

body.sp24-tutor-listing-route .sp24-card-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
body.sp24-tutor-listing-route .sp24-card-foot strong{white-space:nowrap;margin-right:12px!important}
body.sp24-tutor-listing-route .sp24-card-foot a{margin-left:auto!important;white-space:nowrap}

/* v1.4.0-alpha.2.7.1 — search CTA alignment only */
body.sp24-tutor-listing-route .sp24-searchbar{
display:flex!important;align-items:center!important;
}
body.sp24-tutor-listing-route .sp24-searchbar input{
min-width:0!important;flex:1 1 auto!important;
}
body.sp24-tutor-listing-route .sp24-searchbar button{
flex:0 0 auto!important;
min-width:140px!important;
height:48px!important;
margin:0 8px 0 16px!important;
padding:0 24px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:0!important;
border-radius:10px!important;
font-weight:800!important;
line-height:1!important;
white-space:nowrap!important;
}
@media(max-width:640px){
 body.sp24-tutor-listing-route .sp24-searchbar button{
  min-width:112px!important;margin-left:8px!important;padding:0 14px!important;
 }
}

/* v1.4.0-alpha.2.7.2 — /tim-gia-su/ footer fidelity to approved homepage sample */
body.sp24-tutor-listing-route .sp24-final-cta{
padding-top:28px!important;
padding-bottom:28px!important;
}
body.sp24-tutor-listing-route .sp24-final-cta .sp24-container{
max-width:1240px!important;
}
body.sp24-tutor-listing-route .sp24-final-cta h2{
font-size:28px!important;
line-height:1.25!important;
margin-bottom:6px!important;
}
body.sp24-tutor-listing-route .sp24-final-cta p{
font-size:13px!important;
line-height:1.55!important;
margin-bottom:0!important;
}
body.sp24-tutor-listing-route .sp24-footer{
padding-top:34px!important;
padding-bottom:0!important;
}
body.sp24-tutor-listing-route .sp24-footer .sp24-container{
max-width:1240px!important;
}
body.sp24-tutor-listing-route .sp24-footer-grid{
gap:42px!important;
align-items:start!important;
}
body.sp24-tutor-listing-route .sp24-footer h3{
font-size:14px!important;
line-height:1.4!important;
margin-bottom:12px!important;
}
body.sp24-tutor-listing-route .sp24-footer p,
body.sp24-tutor-listing-route .sp24-footer a{
font-size:12px!important;
line-height:1.55!important;
}
body.sp24-tutor-listing-route .sp24-footer-logo img{
max-width:170px!important;
height:auto!important;
}
body.sp24-tutor-listing-route .sp24-footer-bottom{
margin-top:26px!important;
padding-top:15px!important;
padding-bottom:15px!important;
font-size:11px!important;
}
@media(max-width:768px){
 body.sp24-tutor-listing-route .sp24-final-cta{padding:24px 18px!important}
 body.sp24-tutor-listing-route .sp24-final-cta h2{font-size:24px!important}
 body.sp24-tutor-listing-route .sp24-footer{padding-top:28px!important}
}

/* v1.4.0-alpha.2.7.3 — Theme Footer Isolation & Canonical Shell Final Lock */
body.sp24-tutor-listing-route > #wrapper > #footer,
body.sp24-tutor-listing-route > #wrapper > footer#footer,
body.sp24-tutor-listing-route #footer.footer-wrapper,
body.sp24-tutor-listing-route .footer-wrapper:not(.sp24-footer),
body.sp24-tutor-listing-route .absolute-footer:not(.sp24-footer-bottom),
body.sp24-tutor-listing-route .footer-1,
body.sp24-tutor-listing-route .footer-2,
body.sp24-tutor-listing-route .back-to-top,
body.sp24-tutor-listing-route .ux-mobile-menu,
body.sp24-tutor-listing-route #main-menu,
body.sp24-tutor-listing-route .header-wrapper:not(.sp24-header),
body.sp24-tutor-listing-route #header:not(.sp24-header){
display:none!important;
}

/* v1.4.0-alpha.2.7.3.2 — FINAL CTA/FOOTER VISUAL FIDELITY ONLY */
body.sp24-tutor-listing-route .sp24-final-cta{
background:#009b6b!important;
padding:30px 0!important;
color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-final-cta .sp24-container{
max-width:1240px!important;
margin:0 auto!important;
padding-left:24px!important;
padding-right:24px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:32px!important;
}
body.sp24-tutor-listing-route .sp24-final-cta h2{
margin:0 0 6px!important;
font-size:28px!important;
line-height:1.22!important;
font-weight:800!important;
letter-spacing:-.025em!important;
color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-final-cta p{
margin:0!important;
font-size:13px!important;
line-height:1.55!important;
font-weight:500!important;
color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-final-cta .sp24-actions{
display:flex!important;
align-items:center!important;
gap:14px!important;
flex:0 0 auto!important;
}
body.sp24-tutor-listing-route .sp24-final-cta .sp24-actions a{
min-height:48px!important;
padding:0 22px!important;
border-radius:8px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:14px!important;
font-weight:800!important;
text-decoration:none!important;
white-space:nowrap!important;
}
body.sp24-tutor-listing-route .sp24-final-cta .sp24-actions a:first-child{
background:#f84f51!important;color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-final-cta .sp24-actions a:last-child{
background:#fff!important;color:#008b61!important;
}

body.sp24-tutor-listing-route .sp24-footer{
background:#0b354d!important;
padding:34px 0 0!important;
color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-footer .sp24-container{
max-width:1240px!important;
margin:0 auto!important;
padding-left:24px!important;
padding-right:24px!important;
}
body.sp24-tutor-listing-route .sp24-footer-grid{
display:grid!important;
grid-template-columns:1.55fr 1fr 1fr 1fr 1.25fr!important;
gap:42px!important;
align-items:start!important;
}
body.sp24-tutor-listing-route .sp24-footer-logo{
display:block!important;
margin:0 0 10px!important;
}
body.sp24-tutor-listing-route .sp24-footer-logo img{
display:block!important;
width:auto!important;
max-width:180px!important;
height:auto!important;
object-fit:contain!important;
}
body.sp24-tutor-listing-route .sp24-footer h3{
margin:0 0 12px!important;
font-size:14px!important;
line-height:1.4!important;
font-weight:800!important;
color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-footer p{
margin:0 0 14px!important;
font-size:12px!important;
line-height:1.55!important;
font-weight:500!important;
color:#d5e2e9!important;
}
body.sp24-tutor-listing-route .sp24-footer a{
font-size:12px!important;
line-height:1.55!important;
font-weight:500!important;
color:#fff!important;
text-decoration:none!important;
}
body.sp24-tutor-listing-route .sp24-footer .sp24-social{
display:flex!important;gap:8px!important;margin-top:14px!important;
}
body.sp24-tutor-listing-route .sp24-footer .sp24-social a{
width:30px!important;height:30px!important;border-radius:50%!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
background:#244f66!important;
}
body.sp24-tutor-listing-route .sp24-footer input[type="email"]{
height:44px!important;background:#fff!important;color:#233f50!important;
font-size:12px!important;
}
body.sp24-tutor-listing-route .sp24-footer button{
height:44px!important;min-width:44px!important;background:#00a875!important;color:#fff!important;
}
body.sp24-tutor-listing-route .sp24-footer-bottom{
margin-top:26px!important;
padding:15px 0!important;
border-top:1px solid rgba(255,255,255,.16)!important;
font-size:11px!important;
line-height:1.5!important;
color:#d5e2e9!important;
}
@media(max-width:900px){
 body.sp24-tutor-listing-route .sp24-final-cta .sp24-container{display:block!important}
 body.sp24-tutor-listing-route .sp24-final-cta .sp24-actions{margin-top:18px!important;flex-wrap:wrap!important}
 body.sp24-tutor-listing-route .sp24-footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}
}
@media(max-width:560px){
 body.sp24-tutor-listing-route .sp24-final-cta h2{font-size:24px!important}
 body.sp24-tutor-listing-route .sp24-final-cta .sp24-actions{display:grid!important}
 body.sp24-tutor-listing-route .sp24-footer-grid{grid-template-columns:1fr!important}
}