/* masterclass.css (P4, screen 11): fixes on the mc3 pages that do not change how the approved drafts look. */
/* every card the same size: all grid rows as tall as the tallest card (one row today, so nothing moves) */
.cg{grid-auto-rows:1fr}
.cg > .card{height:100%}
/* 320 px: the testimonials' arrows and 10 dots were 11 px wider than the screen (class page). Under 360 px only the dots
   sit closer; at 390 and 1440 nothing changes. */
@media (max-width:359px){
  .tsl-ctrl .dots{gap:2px}
  .tsl-ctrl{gap:8px}
}
/* invisible a11y (C5): 44 px hit areas where the controls look 40/42 px (transparent border + inset line, negative margin, so
   nothing moves), the same rules as the shared chrome (transforms/chrome.mjs CHROME_CSS) */
.sr.skip-link:not(:focus){width:44px;height:44px}
.hdr .icon-btn{width:44px;height:44px;margin:-2px;border:2px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1.5px var(--line)}
.ft .icons a{width:44px;height:44px;margin:-1px;border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.tsl-ctrl .icon-btn{width:44px;height:44px;margin:-2px;border:2px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1.5px var(--line)}
.tsl-ctrl .dots button{height:44px;margin-block:-10px}

/* every masterclass is premium (Kate's iron rule 09/10/2026): one gold word, the small-gold-text token for contrast */
.price.premium{color:var(--g-text);font-weight:800;letter-spacing:.02em}

/* night: the pink button keeps its day fill #D10A75 (brand rule: "night fill of the button stays #D10A75"); the night
   text pink #FF4FA6 under white words is 3.0:1, the day fill is 5.9:1 (axe color-contrast on the WhatsApp buttons) */
:root[data-theme="dark"] .btn.pink{background:#D10A75;border-color:#D10A75}

/* STAR MASTER: the about pull line is empty since Kate dropped the 85% sentence (05/11); an empty pull takes no room */
.s-about .pull:empty{display:none}