/* abai-school: a lighter skeleton over base (loaded after base's site.css). No colours of its own:
   only base tokens, so every palette works. Light hero band, news as a list, sections as a column. */
:root{--radius-sm:.5rem;--radius:1rem;--radius-lg:1.5rem}
/* fallback base colours = this template's default palette "steppe" (settings.toml), for a core that
   sends no theme.vars; theme.vars comes after this file and overrides them */
:root{--c-primary:#146446;--c-accent:#e3ad3c;--c-surface:#f7f5ec}

/* light hero */
.hero-l{position:relative;isolation:isolate;overflow:hidden;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}
.hero-l::before{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;background:var(--color-primary);opacity:.08;pointer-events:none;-webkit-mask:var(--ornament) 0 0/56px 56px;mask:var(--ornament) 0 0/56px 56px}
.no-ornament .hero-l::before{display:none}
.hero-l__inner{display:grid;gap:var(--space-5);align-items:center;padding-block:var(--space-6)}
.hero-l__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero-l__eyebrow::before{content:"";flex:none;width:2rem;height:3px;border-radius:2px;background:var(--color-accent)}
.hero-l__title{max-width:20ch;margin:var(--space-3) 0;font-size:var(--text-hero);font-weight:800;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.hero-l__title--long{max-width:28ch;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);line-height:1.12}
.hero-l__kind{margin:0;color:var(--color-text-muted);font-size:var(--text-lg)}
.hero-l__tagline{max-width:44ch;margin:var(--space-4) 0 0;font-size:var(--text-lg);line-height:1.5}
.hero-l__actions{margin:var(--space-5) 0 0}
.hero-l__media{position:relative}
.hero-l__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:min(30rem,60vh);object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.hero-l__mark{display:none}
.hero-l .emblem--hero{box-shadow:0 0 0 .5rem var(--color-surface-2),0 0 0 .75rem var(--color-accent),var(--shadow-lg)}
/* portal figures (authority home) on the light hero */
.hero-l .stats{border-top-color:var(--color-border)}
.hero-l .stats__n{color:var(--color-link)}
.hero-l .stats__label{color:var(--color-text-muted)}
.hero-l .stats__item--minor .stats__n{color:var(--color-heading)}

/* home board: sections column and news list */
.board{display:grid;gap:var(--space-6);padding-block:var(--space-6)}
.board__title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--text-xl)}
.board__title::before{content:"";flex:none;width:.35rem;height:1.1em;border-radius:2px;background:var(--color-accent)}
.board .band__head{margin-bottom:var(--space-4)}
.board .band__head .board__title{margin:0}
.board__main{display:grid;gap:var(--space-6);min-width:0}
/* one column: news first, the sections list after it (a school can have 25 sections) */
.board--two .board__links{order:2}
.board__anns .ann-list{grid-template-columns:1fr}
.links-box{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm)}
.links li+li,.links-more,.links-more[open]>.links{border-top:1px solid var(--color-border)}
.links-more__toggle{display:flex;align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-2) var(--space-4);color:var(--color-link);font-size:var(--text-sm);font-weight:650;cursor:pointer;list-style:none}
.links-more__toggle::-webkit-details-marker{display:none}
.links-more__toggle:hover{background:var(--color-primary-soft)}
.links-more__toggle:focus-visible{outline-offset:-3px}
.links-more__toggle .count{margin-inline-end:auto}
.links-more__chevron{width:1.1em;height:1.1em;color:var(--color-text-muted);transition:transform .15s}
.links-more[open] .links-more__chevron{transform:rotate(180deg)}
.link-row{display:flex;align-items:center;gap:var(--space-3);min-height:3.25rem;padding:var(--space-2) var(--space-4);color:var(--color-heading);font-weight:650;line-height:var(--leading-tight);text-decoration:none}
.link-row__icon{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary)}
.link-row--periodic .link-row__icon{background:var(--color-accent-soft);color:var(--color-heading)}
.link-row__name{flex:1;min-width:0}
.link-row__arrow{color:var(--color-text-muted);transition:transform .15s}
.link-row:hover{background:var(--color-primary-soft);color:var(--color-link-hover)}
.link-row:hover .link-row__arrow{color:var(--color-primary);transform:translateX(3px)}
.link-row:focus-visible{outline-offset:-3px;border-radius:0}

.news-list{display:grid;gap:var(--space-3)}
.news-item{position:relative;display:grid;grid-template-columns:5.5rem 1fr;gap:var(--space-4);align-items:start;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}
.news-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}
.news-item:focus-within{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}
.news-item__media{overflow:hidden;border-radius:var(--radius-sm);background:var(--color-primary-soft)}
.news-item__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.news-item__date{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;color:var(--color-heading);font-size:var(--text-xs);font-weight:700;line-height:1.2;text-align:center}
.news-item__day{color:var(--color-primary);font-size:var(--text-2xl);font-weight:800;line-height:1}
.news-item__body{min-width:0}
.news-item .meta{margin-bottom:var(--space-1)}
.news-item__title{margin:0;font-size:var(--text-base);overflow-wrap:anywhere}
.news-item__title a{color:var(--color-heading);text-decoration:none}
.news-item__title a:hover{text-decoration:underline}
.news-item__title a:focus-visible{outline:none}
.news-item__title a::after{content:"";position:absolute;inset:0}
.news-item__summary{display:none;margin:var(--space-2) 0 0;overflow:hidden;color:var(--color-text-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-item--lead{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden}
.news-item--lead .news-item__media{border-radius:0}
.news-item--lead .news-item__media img,.news-item--lead .news-item__date{aspect-ratio:16/9;max-height:20rem}
.news-item--lead .news-item__body{padding:var(--space-4)}
.news-item--lead .news-item__title{font-size:var(--text-lg)}
.news-item--lead .news-item__summary{display:-webkit-box;-webkit-line-clamp:3}

@media (min-width:30rem){
  .news-item:not(.news-item--lead){grid-template-columns:7rem 1fr}
  .news-item__summary{display:-webkit-box}
}
@media (min-width:40rem) and (max-width:63.99rem){
  /* no side column yet: the sections list goes in two columns */
  .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .links li+li{border-top:0}
  .links li:nth-child(n+3){border-top:1px solid var(--color-border)}
  .links li:nth-child(odd){border-inline-end:1px solid var(--color-border)}
}
@media (min-width:40rem){
  .hero-l__inner{grid-template-columns:1fr auto}
  .hero-l__mark{display:block;justify-self:end;padding:var(--space-4)}
  .news-item--lead{grid-template-columns:minmax(0,1.15fr) 1fr}
  .news-item--lead .news-item__media img,.news-item--lead .news-item__date{height:100%;min-height:15rem;max-height:24rem;aspect-ratio:auto}
  .news-item--lead .news-item__body{align-self:center;padding:var(--space-5)}
  .news-item--lead .news-item__title{font-size:var(--text-xl)}
}
@media (min-width:48rem){
  .hero-l--photo .hero-l__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6)}
  .hero-l--photo .hero-l__media{margin:0 var(--space-4) var(--space-4) 0}
  .hero-l--photo .hero-l__media::before{content:"";position:absolute;inset:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);z-index:-1;border-radius:var(--radius-lg);background:var(--color-accent)}
}
@media (min-width:64rem){
  .board--two{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;column-gap:var(--space-6)}
  .board--two .board__links{grid-column:2;grid-row:1;position:sticky;top:var(--space-4)}
  .board--two .board__main{grid-column:1;grid-row:1}
}
@media (prefers-reduced-motion:reduce){
  .link-row:hover .link-row__arrow{transform:none}
}
@media print{
  .board__links,.hero-l::before,.hero-l__media::before{display:none}
  .hero-l{background:none;border:0}
  .news-item{border-color:#999;box-shadow:none;break-inside:avoid}
}