/* Task 29341: only CMS states absent from the approved static prototype. */
.trainer-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.trainer-profile+.trainer-profile{margin-top:24px}.form-error{color:#a12c25!important}.form-error[hidden]{display:none}.pdf-frame[hidden]{display:none}

/* Task 29569: local Gilroy, bounded portraits, static documents and editable school photo. */
@font-face{font-family:Gilroy;src:url("fonts/Gilroy-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url("fonts/Gilroy-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url("fonts/Gilroy-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Gilroy;src:url("fonts/Gilroy-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
body{--D:Gilroy,Arial,sans-serif;--B:Gilroy,Arial,sans-serif}
.hero h1{font-size:clamp(42px,7.3vw,100px);line-height:1.05;overflow-wrap:anywhere}
.head h2,.assessment h2{font-size:clamp(28px,4.4vw,54px);overflow-wrap:anywhere}
.course h3,.doc h3{font-size:21px;line-height:1.22;overflow-wrap:anywhere}
.nav{flex-wrap:wrap}.nav a{font-size:12px}
#course-modal .trainer-photo{position:relative;overflow:hidden;isolation:isolate;width:82px;height:82px;min-width:82px;min-height:82px;border-radius:50%}
#course-modal .trainer-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:cover;object-position:center top;border-radius:0}
#documents .doc,#documents .doc:hover{cursor:default;transform:none;border-color:var(--line);box-shadow:none}
.about-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;margin-bottom:36px}
.about-overview .about-intro{max-width:none;margin:0}
.about-image{margin:0;min-width:0}.about-image img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.about-overview:has(.about-image:empty){grid-template-columns:1fr}
@media(max-width:850px){.about-overview{grid-template-columns:1fr}.hero h1{font-size:clamp(36px,8vw,64px)}.head h2,.assessment h2{font-size:clamp(26px,6vw,42px)}}