/* SparkLab — "Things to do in Irvine" local guide styles
 * Loaded only on things-to-do-with-kids-in-irvine.php (auto-linked by layout.php
 * via the active nav key). Holds the page-unique rules + filter-bar styles that
 * used to live inline / in a <style> block. Shared snippets live in utilities.css. */

/* Readable prose + section intros */
.ttd-prose          { max-width: 72ch; }
.ttd-section-head   { text-align: left; margin: 0 0 1rem; max-width: none; }
.ttd-section-head h2 { text-transform: none; }
.ttd-blurb          { margin: .3rem 0 0; max-width: 64ch; }

/* Activity cards */
.ttd-card           { cursor: default; }
.ttd-card-meta      { margin: .1rem 0 .6rem; }
.ttd-hours          { font-size: .82rem; color: var(--ink-soft, #6b6b6b); margin: .2rem 0 0; }
.ttd-card-cta       { margin-top: .7rem; }

/* About-the-preschool photo */
.ttd-about-photo    { max-width: 320px; margin: 0 auto; }

/* Fine-print disclaimer under the FAQ */
.ttd-disclaimer     { font-size: .78rem; margin-top: 1rem; }

/* Cost filter bar */
.filter-bar { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.4rem 0 .2rem; }
.filter-btn { font-family: inherit; font-weight: 600; font-size: .9rem; cursor: pointer;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink, #333);
  border-radius: 999px; padding: .5rem 1.1rem; transition: all .15s ease; }
.filter-btn:hover { border-color: var(--teal-dark, #2a8a8a); }
.filter-btn.is-active { background: var(--teal-dark, #2a8a8a); color: #fff; border-color: var(--teal-dark, #2a8a8a); }