.sacola-dynamic-template .sacola-lead { font-size: clamp(1.15rem, 2.5vw, 1.35rem); color: var(--sacola-muted, #52615c); }
.sacola-highlight, .sacola-note { margin-block: 1.5rem; padding: 1.1rem 1.25rem; border-left: .3rem solid var(--sacola-primary, #125c45); border-radius: .45rem; background: color-mix(in srgb, var(--sacola-primary, #125c45) 8%, var(--sacola-surface, #fff)); }
.sacola-highlight > :first-child, .sacola-note > :first-child { margin-top: 0; }
.sacola-highlight > :last-child, .sacola-note > :last-child { margin-bottom: 0; }
.sacola-faq { display: grid; gap: .75rem; margin-block: 1.25rem; }
.sacola-faq__item { border: 1px solid var(--sacola-border, #d9e1de); border-radius: .6rem; background: var(--sacola-surface, #fff); }
.sacola-faq__item summary { cursor: pointer; padding: 1rem; font-weight: 700; }
.sacola-faq__item > div { padding: 0 1rem 1rem; }
.sacola-month-nav { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--sacola-border, #d9e1de); }
.sacola-month-nav > :last-child { text-align: right; }
.sacola-month-nav__year { text-align: center; }
.sacola-source { display: flex; flex-wrap: wrap; gap: .35rem; align-items: baseline; margin-block: 1.25rem; color: var(--sacola-muted, #52615c); font-size: .95rem; }
.sacola-source__label { font-weight: 700; color: var(--sacola-text, #17201d); }
@media (max-width: 620px) { .sacola-month-nav { grid-template-columns: 1fr; } .sacola-month-nav > * { text-align: left !important; } }
.folio-filter-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .8rem; align-items: end; margin: 0 0 1.5rem; padding: 1rem; border: 1px solid var(--sacola-border, #d9e1de); border-radius: .75rem; background: var(--sacola-surface, #fff); }
.folio-filter-form__fields { display: contents; }
.folio-filter-form__toggle, .folio-filter-form__toggle-label { display: none; }
.folio-filter-form label { display: grid; gap: .35rem; margin: 0; font-size: .85rem; font-weight: 700; }
.folio-filter-form input, .folio-filter-form select { width: 100%; min-height: 2.7rem; padding: .55rem .7rem; border: 1px solid var(--sacola-border, #cfd8d4); border-radius: .45rem; background: var(--sacola-surface, #fff); color: inherit; }
.folio-filter-form__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.folio-filter-form button, .folio-filter-form__clear { display: inline-flex; min-height: 2.7rem; align-items: center; justify-content: center; padding: .55rem .9rem; border: 1px solid var(--sacola-primary, #125c45); border-radius: .45rem; text-decoration: none; }
.folio-filter-form button { background: var(--sacola-primary, #125c45); color: #fff; cursor: pointer; }
.folio-filter-form__clear { background: transparent; color: var(--sacola-primary, #125c45); }
@media (max-width: 620px) {
  .folio-filter-form { grid-template-columns: minmax(0, 1fr) auto; align-items: end; padding: .75rem; }
  .folio-filter-form__search { min-width: 0; }
  .folio-filter-form__toggle { position: absolute; display: block; width: 1px; min-height: 0; height: 1px; padding: 0; border: 0; opacity: 0; pointer-events: none; }
  .folio-filter-form__toggle-label { display: inline-flex !important; min-height: 2.7rem; align-items: center; gap: .4rem !important; justify-content: center; padding: .55rem .75rem; border: 1px solid var(--sacola-primary, #125c45); border-radius: .45rem; color: var(--sacola-primary, #125c45); cursor: pointer; }
  .folio-filter-form__toggle-label strong { display: inline-grid; min-width: 1.35rem; min-height: 1.35rem; place-items: center; border-radius: 999px; background: var(--sacola-primary, #125c45); color: #fff; font-size: .72rem; }
  .folio-filter-form__fields { display: none; grid-column: 1 / -1; grid-template-columns: 1fr; gap: .7rem; padding-top: .25rem; }
  .folio-filter-form__toggle:checked + .folio-filter-form__toggle-label + .folio-filter-form__fields { display: grid; }
  .folio-filter-form__toggle:checked + .folio-filter-form__toggle-label > span:last-child { transform: rotate(180deg); }
  .folio-filter-form__actions { display: grid; grid-template-columns: 1fr 1fr; }
}
