/* TypeReady brand identity v1 — shared across student pages */
:root{--tr-navy:#19385F;--tr-blue:#3868ED;--tr-sky:#78A5FF;--tr-cloud:#F1F4F9;--tr-text:#152943}
.brand{display:flex!important;align-items:center;gap:12px;text-decoration:none!important}.brandmark{display:inline-flex!important;width:43px!important;height:43px!important;min-width:43px;align-items:center;justify-content:center;border-radius:12px;background:#19385F!important;color:#78A5FF!important;font-size:0!important}.brandmark img{display:block;width:27px;height:27px}.tr-wordmark{font-weight:850;letter-spacing:-.8px;white-space:nowrap}.brand .brand-accent{color:var(--tr-sky)!important}.brand small{display:block;letter-spacing:.7px;font-size:8px!important;line-height:1.5;font-weight:750!important;white-space:normal}.sidebar,.tr-side{background:#19385F!important}.sidebar-foot,.tr-side .sidebar-foot{border-color:#456083!important}.btn:not(.outline):not(.white),.top-login{background-color:#3868ED}.navitem.active{border-left-color:#78A5FF!important}.tr-brand-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center;padding:38px 0 48px}.tr-hero-copy h1{font-size:clamp(36px,4.4vw,60px);line-height:1.09;letter-spacing:-2px;margin:14px 0 20px;color:#19385F}.tr-hero-copy h1 span{color:#3868ED}.tr-hero-copy>p:not(.eyebrow){color:#5a6f89;line-height:1.7;max-width:570px}.tr-hero-copy .tr-hero-promise{font-size:21px!important;color:#19385F!important;font-weight:800;margin-bottom:0}.tr-hero-copy .actionrow{margin:25px 0 12px}.tr-platform{border-radius:20px;padding:31px;background:linear-gradient(145deg,#19385F,#28598B);color:white;box-shadow:0 17px 35px #19385F22}.tr-platform-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#c9daec;font-weight:800}.tr-platform-top span{border:1px solid #7187a8;padding:7px;border-radius:7px}.tr-platform h2{font-size:44px;color:white;margin:35px 0 0}.tr-platform>p{color:#c9daec;margin:0 0 20px}.tr-platform-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff35;padding:15px 0;font-size:13px}.tr-platform-line strong{text-align:right;max-width:60%;color:white}.tr-platform-foot{background:#ffffff15;border-radius:9px;padding:13px;margin-top:15px;font-size:12px}.tr-why{text-align:center;margin:15px 0 50px}.tr-why h2{color:#19385F;font-size:clamp(24px,3vw,34px)}.tr-usp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;text-align:left;margin-top:25px}.tr-usp{background:white;padding:25px;border:1px solid #dce5f2;border-radius:15px}.tr-usp h3{color:#19385F}.tr-usp p{color:#647896;font-size:14px;line-height:1.7}.tr-usp-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf3ff;color:#3868ED;font-size:22px}.tr-beta{background:#e9effd;border:1px solid #d8e3fb;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 30px}.tr-beta h2{margin:8px 0;color:#19385F}.tr-beta p{color:#5a7091}.tr-beta .btn{white-space:nowrap}@media(max-width:1000px){.tr-brand-hero{grid-template-columns:1fr}.tr-usp-grid{grid-template-columns:1fr}}@media(max-width:600px){.tr-beta{flex-direction:column;align-items:flex-start}.tr-platform{padding:22px}.tr-brand-hero{padding-top:15px}.tr-hero-copy h1{letter-spacing:-1.2px}}

/* Brand refinement v2: the same wordmark rendering rules on every page */
.sidebar .brand,.tr-side .brand{gap:12px!important;margin:3px 4px 43px!important;align-items:center!important;transform:none!important;}
.sidebar .brandmark,.tr-side .brandmark{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;border-radius:10px!important;background:#112C4D!important;transform:none!important;box-shadow:inset 0 0 0 1px #345579!important;}
.sidebar .brandmark img,.tr-side .brandmark img{width:25px!important;height:25px!important;}
.sidebar .tr-wordmark,.tr-side .tr-wordmark{display:block!important;min-width:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.9px!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important;}
.sidebar .brand-accent,.tr-side .brand-accent{color:#78A5FF!important;}
.sidebar .brand small,.tr-side .brand small{font-family:Arial,Helvetica,sans-serif!important;display:block!important;margin-top:7px!important;font-size:8px!important;letter-spacing:1.13px!important;line-height:1.3!important;font-weight:700!important;color:#ABC4E5!important;white-space:normal!important;max-width:137px!important;}
/* A compact, less repetitive A320 feature card */
.tr-platform{padding:29px 31px!important}
.tr-platform h2{margin:24px 0 3px!important;font-size:47px!important;line-height:1.1!important}
.tr-platform .tr-platform-intro{font-size:16px!important;font-weight:700!important;color:#fff!important;margin:0 0 20px!important}
.tr-platform-points{border-top:1px solid #ffffff38;padding-top:13px;display:grid;gap:13px}
.tr-platform-points>div{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;font-weight:600;color:#ecf5ff}
.tr-check{color:#91C3FF;font-size:17px;line-height:1.2;font-weight:900}
/* Secondary top-bar sign in: quiet, clearly clickable, matches site palette */
.topbar .top-login{appearance:none!important;border:1px solid #C6D6ED!important;border-radius:9px!important;background:#F3F7FD!important;color:#19385F!important;font-weight:750!important;padding:9px 17px!important;min-height:37px!important;font-size:12px!important;line-height:1.2!important;box-shadow:none!important;transition:background .15s,border-color .15s,transform .15s}
.topbar .top-login:hover{background:#E6EFFC!important;border-color:#8FAFE2!important;transform:translateY(-1px)}
.topbar .top-login:focus-visible{outline:3px solid #78A5FF!important;outline-offset:2px}
@media(max-width:740px){.topbar .top-login{min-height:35px!important;padding:8px 13px!important}.tr-platform{padding:24px!important}}

/* V3: intentional two-line sidebar brand tagline */
.sidebar .brand .tr-brand-tagline,.tr-side .brand .tr-brand-tagline{display:block!important;white-space:nowrap!important;max-width:none!important;margin-top:6px!important;font-size:8px!important;line-height:1.45!important;letter-spacing:1.0px!important;}
.sidebar .brand .tr-brand-tagline span,.tr-side .brand .tr-brand-tagline span{display:block!important;}

/* V8: crisp, readable two-line logo tagline on all student pages */
.sidebar .brand .tr-brand-tagline, .tr-side .brand .tr-brand-tagline {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase !important;
  color: #C7D9F2 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin-top: 5px !important;
}
.sidebar .brand .tr-brand-tagline span, .tr-side .brand .tr-brand-tagline span { display:block!important; }

/* V9: Even feature-card icon-to-heading rhythm */
.tr-usp{display:flex;flex-direction:column;align-items:flex-start}
.tr-usp-icon{flex:0 0 44px;margin-bottom:20px}
.tr-usp h3{margin:0 0 13px!important;line-height:1.4;min-height:2.8em}
.tr-usp p{margin:0!important}

/* V10: equal rhythm for every feature card */
.tr-usp-grid .tr-usp{display:grid!important;grid-template-rows:44px minmax(40px,auto) 1fr!important;row-gap:16px!important;align-content:start!important;}
.tr-usp-grid .tr-usp-icon{margin:0!important;align-self:start!important;}
.tr-usp-grid .tr-usp h3{margin:0!important;min-height:0!important;line-height:1.4!important;align-self:start;}
.tr-usp-grid .tr-usp p{margin:0!important;align-self:start;}

/* V11: predictable equal spacing: icon -> heading -> description */
.tr-usp-grid .tr-usp{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;}
.tr-usp-grid .tr-usp-icon{flex:none!important;margin:0 0 15px!important;}
.tr-usp-grid .tr-usp h3{min-height:0!important;margin:0 0 12px!important;line-height:1.4!important;}
.tr-usp-grid .tr-usp p{margin:0!important;line-height:1.65!important;}

/* V16: white logo tile for greater contrast on navy navigation */
.sidebar .brandmark,.tr-side .brandmark{background:#EDF3FC!important;box-shadow:inset 0 0 0 1px #C8DAF4!important;}
