/* Drive with Tracy V2 · responsive corrections · 3 November 2026
   Public homepage only: no changes to Dashboard or pupil applications.
   Separate newly named stylesheet deliberately avoids rewriting existing CSS. */
/* Drive with Tracy V2 · Pupil Voices (distinct Facebook editorial treatment) */
#facebook-recommendations.tr-pupil-voices{background:#141516;border:1px solid #323335;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 24px 60px rgba(19,24,25,.1);min-width:0}
#facebook-recommendations .tr-story-kicker{padding:20px 26px;display:flex;gap:11px;align-items:center;color:#ff9a37;font-weight:850;letter-spacing:.115em;font-size:.66rem;border-bottom:1px solid #333}
#facebook-recommendations .tr-fb-mark{background:#ff951c;color:#131313;font:900 19px Arial,sans-serif;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;letter-spacing:0}
#facebook-recommendations .tr-story-index{margin-left:auto;color:#b9b5b1;white-space:nowrap;letter-spacing:.08em}
#facebook-recommendations .tr-feature-story{min-height:300px;padding:clamp(23px,3vw,42px);display:flex;flex-direction:column;position:relative;justify-content:center}
#facebook-recommendations .tr-story-quote-symbol{color:#ff951c;font-size:5.5rem;line-height:.45;height:37px;font-family:Georgia,serif;opacity:.85}
#facebook-recommendations .tr-feature-quote{font-size:clamp(1.26rem,1.65vw,1.78rem);font-weight:760;line-height:1.45;letter-spacing:-.025em;margin:17px 0 28px;color:#fff;max-width:36ch;overflow-wrap:break-word}
#facebook-recommendations .tr-story-signature{display:flex;align-items:center;gap:13px;margin-top:auto}
#facebook-recommendations .tr-story-accent{height:38px;width:4px;border-radius:3px;background:#ff951c}
#facebook-recommendations .tr-story-signature div{display:grid;gap:4px}
#facebook-recommendations .tr-story-signature strong{color:#fff;font-size:.94rem}
#facebook-recommendations .tr-story-signature span{color:#b5b7b7;font-size:.73rem}
#facebook-recommendations .tr-stories-bottom{background:#202123;border-top:1px solid #343537;padding:17px 20px 20px}
#facebook-recommendations .tr-story-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
#facebook-recommendations .tr-story-tab{appearance:none;border:1px solid #48494b;border-radius:8px;background:#2b2c2e;color:#dadada;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;padding:12px 5px;min-height:69px;min-width:0;text-align:center;font:inherit;transition:background .16s,border-color .16s}
#facebook-recommendations .tr-story-tab:hover,#facebook-recommendations .tr-story-tab:focus-visible{border-color:#ff9a37;outline-offset:3px}
#facebook-recommendations .tr-story-tab.is-active{background:#ff951c;color:#141414;border-color:#ff951c}
#facebook-recommendations .tr-story-num{font-size:.69rem;letter-spacing:.12em;font-weight:850}
#facebook-recommendations .tr-story-name{font-size:.66rem;line-height:1.2;font-weight:710;overflow-wrap:break-word}
#facebook-recommendations .tr-read-facebook{display:inline-flex;gap:6px;align-items:center;color:#ffac64;font-size:.8rem;font-weight:800;text-decoration:none;margin-top:19px;min-height:26px}
#facebook-recommendations .tr-read-facebook:hover{text-decoration:underline}
#facebook-recommendations .tr-stories-noscript{padding:10px 25px;color:#ddd;font-size:.8rem}
@media(max-width:760px){#facebook-recommendations .tr-feature-story{min-height:275px}#facebook-recommendations .tr-story-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:480px){#facebook-recommendations .tr-story-kicker{padding:16px;font-size:.57rem;letter-spacing:.065em}#facebook-recommendations .tr-feature-story{padding:24px 20px;min-height:305px}#facebook-recommendations .tr-feature-quote{font-size:1.22rem}#facebook-recommendations .tr-stories-bottom{padding:13px}#facebook-recommendations .tr-story-tab{padding:10px 2px;min-height:58px}#facebook-recommendations .tr-story-name{font-size:.54rem}#facebook-recommendations .tr-story-num{font-size:.6rem}#facebook-recommendations .tr-read-facebook{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){#facebook-recommendations .tr-story-tab{transition:none}}


/* 1 · Hero — robust mobile centring of the artwork and copy. */
@media (max-width:800px) {
  .t-hero-redesign .t-hero-redesign-grid {
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
    width:100%; max-width:100%; gap:20px!important;
    padding:40px 20px 46px!important; margin-inline:auto!important;
    justify-items:center!important; text-align:center!important;
  }
  .t-hero-redesign .t-hero-art,
  .t-hero-redesign .t-hero-art picture {
    width:100%!important; max-width:310px!important;
    margin-inline:auto!important; justify-content:center!important;
  }
  .t-hero-redesign .t-hero-art img {
    width:min(74vw,300px)!important; max-width:100%!important;
    height:auto!important; margin-inline:auto!important;
  }
  .t-hero-redesign .t-hero-message {width:100%; max-width:640px; margin:0 auto!important; text-align:center!important;}
  .t-hero-redesign .t-hero-message .center,
  .t-hero-redesign .t-hero-message .v2-proof {justify-content:center!important;text-align:center!important;}
  .t-hero-redesign .t-hero-message .lead {margin-inline:auto!important;max-width:52ch;}
}

/* 2 · Meet Tracy — separate the title and promise with clear hierarchy. */
@media (max-width:760px) {
  #about .t-meet-heading{font-size:clamp(2.1rem,8.5vw,3.1rem)!important;line-height:1.13!important;margin:0 0 22px!important;letter-spacing:-.055em;}
  #about .t-meet-heading .t-meet-accent{display:block!important;color:#899195!important;font-size:.76em!important;line-height:1.18!important;letter-spacing:-.04em;margin-top:9px;}
  #about .t-meet-standfirst{margin-top:0!important;}
}

/* 3 · Journey — line separation and correctly contrasted colour. */
.t-journey .t-journey-heading .t-line{display:block!important;}
.t-journey .t-journey-heading .t-line:first-child{color:#fff!important;}
.t-journey .t-journey-heading .t-line:nth-child(2){color:#ff951c!important;}
@media (max-width:760px){
  .t-journey .t-journey-heading{font-size:clamp(2rem,8vw,3.1rem)!important;line-height:1.15!important;letter-spacing:-.052em;}
  .t-journey .t-journey-heading .t-line{white-space:normal!important;margin:0 0 4px;}
  .t-journey .t-section-top{gap:15px!important;margin-bottom:32px!important;}
  .t-journey .t-section-top>div>p:first-child{margin-top:0;}
}

/* 4 · Journey-to-car transition — mobile only. */
@media (max-width:760px){
  #experience.t-journey{padding-bottom:38px!important;}
  #experience .t-demo-note{margin-top:16px!important;margin-bottom:0!important;line-height:1.45;}
  #experience + section.section{padding-top:38px!important;}
  #experience + section.section .t-car-intro{gap:17px!important;margin-bottom:25px;}
  #experience + section.section .t-car-intro h2{margin-bottom:10px!important;}
}

/* 5 · Facebook review panel — simple numbered selector on phone. */
@media (max-width:760px){
  #facebook-recommendations.tr-pupil-voices{display:block!important;background:#141516!important;color:#fff!important;border-radius:18px!important;border:1px solid #353637!important;overflow:hidden!important;margin:0!important;}
  #facebook-recommendations .tr-story-kicker{font-size:.61rem;letter-spacing:.08em;padding:16px 17px;gap:8px;}
  #facebook-recommendations .tr-fb-mark{flex:0 0 26px;}
  #facebook-recommendations .tr-story-index{margin-left:auto;font-size:.7rem;}
  #facebook-recommendations .tr-feature-story{min-height:0!important;padding:30px 24px!important;}
  #facebook-recommendations .tr-feature-quote{font-size:clamp(1.2rem,4.6vw,1.55rem)!important;line-height:1.47!important;margin:16px 0 25px!important;color:#fff!important;}
  #facebook-recommendations .tr-story-quote-symbol{font-size:4.8rem;}
  #facebook-recommendations .tr-story-signature{margin-top:0!important;}
  #facebook-recommendations .tr-story-signature div{display:grid!important;}
  #facebook-recommendations .tr-stories-bottom{padding:18px 18px 22px!important;}
  #facebook-recommendations .tr-story-tabs{display:flex!important;gap:10px!important;justify-content:center;}
  #facebook-recommendations .tr-story-tab{display:flex!important;flex:0 0 42px;min-height:42px!important;width:42px!important;padding:0!important;align-items:center;justify-content:center;}
  #facebook-recommendations .tr-story-tab .tr-story-num{font-size:.82rem;letter-spacing:0;}
  #facebook-recommendations .tr-story-tab .tr-story-name{display:none!important;}
  #facebook-recommendations .tr-read-facebook{margin-top:20px!important;line-height:1.45;}
  #reviews .t-review-heading{gap:26px!important;}
  #reviews .t-leave-review{margin-top:28px!important;}
}

/* 6 · Google invitation — retain strong design but remove bulky mobile CTA. */
@media (max-width:760px){
  #reviews .t-leave-review{padding:26px 22px 28px!important;gap:18px!important;}
  #reviews .t-google-request-brand{gap:12px!important;}
  #reviews .t-google-g{width:53px!important;height:53px!important;flex:0 0 53px!important;}
  #reviews .t-google-g span{font-size:39px!important;}
  #reviews .t-google-cta{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:58px!important;padding:14px 12px!important;font-size:clamp(.85rem,3.5vw,1.02rem)!important;text-align:center!important;}
  #reviews .t-google-cta span{display:inline-block;}
  #reviews .t-google-cta .t-google-button-g{flex-shrink:0;}
}

/* 7 · Footer — centred Drive with Tracy identity only on mobile.
   Approved ABO credit styles are intentionally untouched. */
@media (max-width:760px){
  .site-footer .t-footer-main{padding-top:30px!important;text-align:center!important;}
  .site-footer .t-footer-main>div{max-width:560px;margin-inline:auto!important;}
  .site-footer .t-footer-main>div>a:first-child{display:flex;justify-content:center;align-items:center;}
  .site-footer .t-footer-logo{display:block;margin-inline:auto!important;}
  .site-footer .t-footer-main>div>p{margin:17px auto 0!important;max-width:48ch;}
  .site-footer .t-footer-main nav{text-align:left;margin-top:28px!important;}
}