:root{
  --school-accent:#94bdbf;
  --school-accent-bg:#e7eff1;
  --school-text:#23211e;
  --school-muted:#3c3c3c;
  --school-border:#dddcdc;
  --school-card-bg:#f6f6f6;
  --school-radius:6px;
  --school-gap:20px;
  --school-touch:44px;
  --school-field-bg:#fff;
}
.school-cards{display:grid;grid-template-columns:1fr;gap:var(--school-gap);margin:0 0 var(--school-gap)}
@media (min-width:640px){.school-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.school-cards{grid-template-columns:repeat(3,1fr)}}
.school-card{display:flex;flex-direction:column;min-width:0;background:var(--school-card-bg);border:1px solid var(--school-border);border-radius:var(--school-radius);padding:var(--school-gap);color:var(--school-text);line-height:1.4;overflow:hidden}
.school-card--image{display:block;margin:calc(-1 * var(--school-gap)) calc(-1 * var(--school-gap)) 12px}
.school-card--image img{display:block;width:100%;height:auto}
.school-card--title{margin:0 0 8px;font-size:20px;line-height:1.2}
.school-card--title a{color:var(--school-text);text-decoration:none;display:inline-block;min-height:var(--school-touch);line-height:1.2}
.school-card--meta,.school-card--next{color:var(--school-muted);font-size:14px;margin-bottom:8px}
.school-card--text{margin-bottom:12px;overflow-wrap:anywhere}
.school-card--price{margin-top:auto;font-family:main-bold,Georgia;font-size:18px}
.school-articles{display:grid;grid-template-columns:1fr;gap:var(--school-gap)}
@media (min-width:640px){.school-articles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.school-articles{grid-template-columns:repeat(3,1fr)}}
.school-article{display:block;min-width:0;min-height:var(--school-touch);color:var(--school-text);text-decoration:none;background:var(--school-card-bg);border:1px solid var(--school-border);border-radius:var(--school-radius);overflow:hidden}
.school-article img{display:block;width:100%;height:auto}
.school-article span{display:block;padding:12px var(--school-gap)}
.cnt dl.school-params{margin:0 0 var(--school-gap);display:grid;grid-template-columns:max-content 1fr;gap:8px var(--school-gap);line-height:1.4}
.school-params dt{color:var(--school-muted)}
.school-params dd{margin:0;overflow-wrap:anywhere}
@media (max-width:639px){.school-params{grid-template-columns:1fr;gap:0}.school-params dd{margin-bottom:10px}}
.school-session{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--school-gap);padding:12px var(--school-gap);margin:0 0 10px;background:var(--school-card-bg);border:1px solid var(--school-border);border-left:4px solid var(--school-accent);border-radius:var(--school-radius);color:var(--school-text);line-height:1.4}
.school-session--date{font-family:main-bold,Georgia}
.school-session--course a{color:var(--school-text);display:inline-block;min-height:var(--school-touch);line-height:var(--school-touch)}
.school-session--meta,.school-session--note{color:var(--school-muted);font-size:14px;min-width:0;overflow-wrap:anywhere}
.school-session--note{flex-basis:100%}
.school-session--price{white-space:nowrap}
.school-session--full{border-left-color:var(--school-border)}
.school-session--cancelled{border-left-color:var(--school-border);opacity:.7}
.school-session--cancelled .school-session--date{text-decoration:line-through}
.school-status{margin-left:auto;padding:4px 12px;border-radius:var(--school-radius);font-size:14px;background:var(--school-border);color:var(--school-text)}
.school-status--open{background:var(--school-accent-bg);border:1px solid var(--school-accent)}
.school-status--full,.school-status--cancelled{background:var(--school-card-bg);border:1px solid var(--school-border);color:var(--school-muted)}
.school-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 var(--school-gap)}
.school-filter button{min-height:var(--school-touch);padding:0 20px;cursor:pointer;background-color:var(--school-card-bg);border:1px solid var(--school-border);border-radius:var(--school-radius);color:var(--school-text);font:inherit;background-image:none}
.school-filter button[aria-pressed=true]{background-color:var(--school-accent-bg);border-color:var(--school-accent)}
.school-empty{color:var(--school-muted)}
.school-past{margin-top:var(--school-gap)}
.school-past summary{cursor:pointer;min-height:var(--school-touch);line-height:var(--school-touch);font-family:main-bold,Georgia}
.school-application{max-width:640px;margin:var(--school-gap) auto 0;padding:0 var(--school-gap);box-sizing:border-box;color:var(--school-text)}
.school-form{position:relative}
.school-form label{display:block;line-height:1.4}
.school-form input[type=text],.school-form input[type=tel],.school-form select,.school-form textarea{display:block;box-sizing:border-box;width:100%;min-height:var(--school-touch);padding:10px 12px;margin-top:4px;font:inherit;color:var(--school-text);background:var(--school-field-bg);border:1px solid var(--school-border);border-radius:var(--school-radius);-webkit-user-select:text;user-select:text}
.school-form textarea{min-height:96px}
.school-form input[type=checkbox]{width:24px;height:24px;vertical-align:middle;margin:10px 8px 10px 0}
.school-form button[type=submit]{min-height:var(--school-touch);padding:0 32px;cursor:pointer;font:inherit;color:var(--school-text);background:var(--school-accent);border:0;border-radius:var(--school-radius)}
.school-form button[type=submit]:disabled{opacity:.6;cursor:default}
.school-form__result{margin-top:12px;min-height:1.4em}
.school-form__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.school-more a,.school-application a,.school-session a,.school-card a,.school-past a{color:var(--school-text);text-decoration:underline}
.school-more a:hover,.school-application a:hover,.school-session a:hover,.school-card a:hover,.school-past a:hover{text-decoration:none}
.school-more a{display:inline-block;min-height:var(--school-touch);line-height:var(--school-touch)}
.home-school{background:var(--school-accent-bg);color:var(--school-text);text-align:center}
.home-school--lead{max-width:720px;margin:0 auto var(--school-gap);line-height:1.5}
.home-school .school-cards{text-align:left}
.home-school--actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.home-school--btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--school-touch);padding:0 28px;border:2px solid var(--school-accent);border-radius:var(--school-radius);color:var(--school-text);text-decoration:none;font-family:main-bold,Georgia}
.home-school--btn__primary{background:var(--school-accent)}
.home-school--btn:hover{text-decoration:underline}
@media (max-width:480px){.home-school--btn{flex:1 1 100%}}
@media (min-width:1200px){.home-school .school-cards{grid-template-columns:repeat(4,1fr)}}