/* WSM v1.21: refine O šoli toc to fully match the established pedagogy-page visual system. */
.wsm-page-content .wsm119-toc{
  width:100%;
  max-width:1100px!important;
  margin:24px auto 54px!important;
  padding:25px 29px;
  border:1px solid #efddc6;
  background:#fffbf5;
  border-radius:16px;
  box-sizing:border-box;
}
.wsm-page-content .wsm119-toc-title{
  margin:0 0 12px!important;
  font:700 12px/1.6 system-ui,sans-serif!important;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#b5652f!important;
}
.wsm-page-content .wsm119-toc ul{
  padding:0!important;
  margin:0!important;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
  row-gap:5px;
}
.wsm-page-content .wsm119-toc li{margin:0!important;padding:0!important}
.wsm-page-content .wsm119-toc a{
  display:block;
  padding:8px 1px;
  color:#365047;
  font-weight:600;
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
  border-bottom:1px solid #eadbcb;
}
.wsm-page-content .wsm119-toc a:hover,
.wsm-page-content .wsm119-toc a:focus-visible{color:#c46b24;outline-offset:3px}
/* On page O šoli, plain Gutenberg headings after this toc should visually match the pedagogy page sections. */
.wsm-page-content .wsm119-toc ~ h2.wp-block-heading{
  width:100%;
  max-width:1100px!important;
  margin:0 auto 18px!important;
  font:400 clamp(34px,3.7vw,51px)/1.16 Georgia,serif!important;
  letter-spacing:-.04em;
  color:#273f3a!important;
}
.wsm-page-content .wsm119-toc ~ p{
  width:100%;
  max-width:1100px!important;
  margin:0 auto 15px!important;
  font:15.5px/1.8 system-ui,sans-serif;
  color:#56695e;
}
/* Keep the first text block under a heading visually connected, with spacing closer to the pedagogy page. */
.wsm-page-content .wsm119-toc ~ h2.wp-block-heading + p{
  margin-top:0!important;
}
@media(max-width:782px){
  .wsm-page-content .wsm119-toc ul{grid-template-columns:1fr}
}
@media(max-width:480px){
  .wsm-page-content .wsm119-toc{padding:17px 18px}
}