/* Reportcards visual refresh (2026-11-04). Loaded after the page styles.
   Removes template chrome: mono caps labels, numbered tags, arrow glyphs, glow buttons,
   tilted widgets and blur-in reveals. Keeps the navy, paper and gold brand colours. */
body{font-size:17px;line-height:1.65}
h1,h2,h3,h4{letter-spacing:-.01em!important;line-height:1.18}
h2{font-weight:700!important}
.home-hero-copy h1{letter-spacing:-.015em!important;line-height:1.12}
.page-hero h1,.hero-copy h1{font-weight:700}

/* labels */
.eyebrow,.eyebrow.light{display:none!important}
.quick-paths .mono,.home-link-card>.mono,.coach-preview>.mono{display:none!important}
.home-boards{display:none}
.arrow{display:none!important}

/* section heads: left aligned, plain */
.head,.sg-head{text-align:left;margin-left:0;margin-right:0;max-width:720px}
.head h2{margin-top:0}

/* buttons: flat */
.btn{border-radius:6px;font-weight:600;letter-spacing:0;box-shadow:none!important;transform:none!important}
.btn::before{display:none!important}
.btn-gold:hover{background:var(--gold-hover)}
.btn-ghost-light,.btn-ghost{border-width:1.5px}

/* cards: quiet */
.c-card,.m-card,.home-link-card,.r-card,.stat,.mentor,.form-card,.cta-band{border-radius:8px!important;box-shadow:none!important}
.c-card:hover,.m-card:hover,.home-link-card:hover,.mentor:hover,.r-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--ink)}
.home-link-card>span:last-child{text-decoration:underline;text-underline-offset:3px}

/* no decorative widgets or glows */
.mini-report,.rc-stamp{display:none!important}
.page-hero::after,.cta-band::after,.cta-band::before{display:none!important}
.coach-preview{transform:none!important;rotate:none!important;border-radius:8px}

/* no blur-in on scroll; content is simply there */
.reveal,.reveal.in,.reveal.visible{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}

/* card labels in plain text, not mono caps */
.c-tag{font-family:inherit!important;text-transform:none;letter-spacing:0!important;font-size:13px;color:var(--muted)!important;font-weight:500}
.c-card:hover .thumb-img,.c-card:hover .c-thumb svg{transform:none!important}

/* phone */
@media(max-width:600px){
  body{font-size:16px}
  .cards-courses{gap:12px}
  .cards-courses .c-card{flex-direction:row;align-items:stretch}
  .cards-courses .c-thumb{width:104px;height:auto;min-height:100%;flex:none}
  .cards-courses .c-thumb img,.cards-courses .c-thumb picture{width:100%;height:100%;object-fit:cover}
  .cards-courses .c-body{padding:12px 14px}
  .cards-courses .c-body p{font-size:14px;line-height:1.5;margin-bottom:6px}
  .home-practice-grid{grid-template-columns:1fr 1fr!important;gap:10px}
  .home-link-card{padding:16px!important}
  .home-link-card h3{font-size:16px}
  .home-link-card p{font-size:13.5px;line-height:1.45}
  .home-link-card>span:last-child{font-size:13px}
  .head{margin-bottom:24px}
  .head h2{font-size:26px!important}
  .home-hero-copy h1{font-size:34px}
  section{padding-top:52px;padding-bottom:52px}
}

/* footer: tighter rhythm, English tuition as a proper sub-list */
.site-footer .f-col ul{display:grid;gap:2px!important}
.site-footer .f-col a{min-height:34px!important;padding:2px 0}
.site-footer .f-col a:hover{padding-left:0!important;text-decoration:underline;text-underline-offset:3px}
.site-footer .f-english-courses{margin:8px 0 6px}
.site-footer .f-english-courses .f-label{display:block;font-size:13px;color:#fff;opacity:.85;margin-bottom:2px}
.site-footer .f-course-links{display:grid!important;gap:0!important;padding-left:12px;border-left:1px solid #ffffff26}
.site-footer .f-course-links a{min-height:30px!important}
.site-footer .f-grid{row-gap:36px}
@media(max-width:600px){
  .site-footer .f-grid{grid-template-columns:1fr 1fr!important;column-gap:20px;row-gap:28px}
  .site-footer .f-brand{grid-column:1/-1}
  .site-footer .f-col a{min-height:32px!important;font-size:14px}
}

/* homepage hero: crossfading photo carousel with the quick-links box on top */
.home-hero{position:relative;overflow:hidden;background:var(--ink);padding:88px 0 80px}
.home-hero>.wrap{position:relative;z-index:2}
.home-hero-bg{position:absolute;inset:0;z-index:0}
.home-hero-bg .hs{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.home-hero-bg .hs.on{opacity:1}
.home-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.home-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,26,51,.94) 0%,rgba(10,26,51,.82) 42%,rgba(10,26,51,.45) 100%)}
.home-hero-dots{position:absolute;z-index:3;left:50%;bottom:22px;translate:-50% 0;display:flex;gap:8px}
.home-hero-dots button{width:28px;height:4px;border:0;border-radius:2px;background:#ffffff55;cursor:pointer;padding:0}
.home-hero-dots button.on{background:var(--gold)}
.home-hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.home-paths .quick-paths{border-top:1px solid #ffffff2e!important;border-radius:12px!important;background:rgba(10,26,51,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home-paths{align-self:end}
@media(prefers-reduced-motion:reduce){.home-hero-bg .hs{transition:none}}
@media(max-width:600px){.home-hero{padding:48px 0 64px}.home-hero-bg::after{background:rgba(10,26,51,.84)}}

/* swap the monospace face for Inter everywhere (breadcrumbs, stats, labels, quiz chips) */
@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/inter-variable.woff2") format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/inter-variable.woff2") format("woff2")}
.breadcrumb,.mono,.c-tag,.mr-term{letter-spacing:0!important}
.breadcrumb{font-size:13px}

/* decorative numbers and grade chips that carry no meaning */
.m-num,.split-copy>.mono:first-child{display:none!important}
.grade-chip,.rc-grade{display:none!important}

/* layout fixes from the visual audit */
.split>.related-reading{grid-column:1/-1;margin-top:-24px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll table{min-width:560px}
.m-thumb-type{display:none!important}
/* no all-caps labels anywhere; decorative section tags and the tilted promise card go */
*{text-transform:none!important}
.split-copy .tag{display:none!important}
.report-card{display:none!important}
.split:has(.report-card) {grid-template-columns:1fr}
.split:has(.report-card) .split-copy{max-width:760px}