@font-face{font-family:'Sora';src:url('/assets/fonts/sora-variable.ttf') format('truetype');font-style:normal;font-weight:100 800;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('/assets/fonts/source-sans-3-variable.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
:root,html,html[data-theme]{--school-display:'Sora',sans-serif;--school-body:'Source Sans 3',sans-serif;--font-display:'Sora',sans-serif;--font-body:'Source Sans 3',sans-serif}
html body,body :is(button,input,select,textarea,p,li,td,th,dt,dd,label,a,summary,small){font-family:var(--school-body)!important}
html body{font-size:16px;line-height:1.55}
html :is(h1,h2,h3,h4,.coach-task-title,.csu-top-brand strong,.metric-value,.metric .value,.kpi-value){font-family:var(--school-display)!important;font-weight:600;letter-spacing:-.025em}
html :is(h1,h2,h3,h4){line-height:1.18}
html :is(.pagehead h1,.coach-hero h1){font-size:clamp(30px,3.3vw,42px)}
html :is(.panel h2,.coach-task-title){font-size:22px;line-height:1.25}
html :is(.coach-task-description,.pagehead p,.subtle,.panel-body>p,.alert,.boundary){font-size:16px;line-height:1.55}
html :is(.meta,.about-foot,.coach-eyebrow,.tga-disclosure){font-size:13px;line-height:1.45}
html :is(button,input,select,textarea){font-size:16px!important}
html button:not(.icon-btn),html select{min-height:44px}
html :is(td,th,.grade,.metric,.profile-stats,.kpi){font-variant-numeric:tabular-nums lining-nums}
html :is(.navitem,.sidebar nav a){font-size:14px!important;font-weight:600}
html .csu-top-brand strong{font-size:22px;letter-spacing:-.03em}
html .csu-top-brand small{font-size:10px;letter-spacing:.06em}
html dialog.ts-entry-intro[data-arrival-style="faithful-image"] #ts-entry-title{font-family:var(--school-display)!important;font-weight:600;font-size:clamp(52px,6.2vw,88px);line-height:1.02;letter-spacing:-.045em}
html dialog.ts-entry-intro[data-arrival-style="faithful-image"] .ts-entry-brand{font-family:var(--school-display)!important}
html dialog.ts-entry-intro[data-arrival-style="faithful-image"] #ts-entry-description{font-size:clamp(17px,1.8vw,23px);line-height:1.5}
@media(max-width:640px){html .csu-top-brand strong{font-size:clamp(13px,3.8vw,16px)}html .csu-top-brand small{font-size:8px}html :is(.pagehead h1,.coach-hero h1){font-size:30px}html :is(.coach-task-title,.panel h2){font-size:22px}html dialog.ts-entry-intro[data-arrival-style="faithful-image"] #ts-entry-title{font-size:clamp(38px,10.2vw,64px);line-height:1.03}html input,html select,html textarea{font-size:16px}}
/* Enforce the chosen pairing inside the opening's local school variables too. */
html dialog.ts-entry-intro[data-arrival-style="faithful-image"]{--school-display:'Sora',sans-serif;--school-body:'Source Sans 3',sans-serif}
html :is(label,th,td){font-size:14px!important;line-height:1.5}
html :is(th,td){padding-top:12px;padding-bottom:12px}
html :is(.meta,.about-foot,.coach-eyebrow,.tga-disclosure,.badge){font-size:13px!important;line-height:1.45}
html dialog.ts-entry-intro[data-arrival-style="faithful-image"] .ts-entry-footer :is(.ts-arrival-venue,.ts-arrival-disclosure,.venue-cinema-credit){font-size:13px;line-height:1.4}

.integration-story h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:8px 0 14px}.integration-story .integration-intro,.integration-story .integration-steps p{font-family:'Source Sans 3',sans-serif!important;font-size:18px!important;line-height:1.55;margin:10px 0 0}.integration-story .integration-steps{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin:24px 0}.integration-story .integration-steps article{padding:20px}.integration-story .integration-steps b{display:block;font-family:'Sora',sans-serif;font-size:21px;line-height:1.3;font-weight:600}.integration-story .actions{gap:12px}.integration-story .actions button{font-size:18px!important;line-height:1.4;min-height:48px;padding:11px 18px}.integration-story .integration-disclosure{font-size:14px;line-height:1.5;color:var(--muted);margin:18px 0 0}@media(max-width:640px){.integration-story{padding:20px 16px}.integration-story .integration-steps{grid-template-columns:1fr}.integration-story .actions button{width:100%}}
