/* Page CSS for layouts/insights.njk — lifted out of the layout so it is
   cached instead of re-sent inside every HTML response. */
/* #25a — card meta row: category pill left, date right */
    .card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
    .card__date{font-size:.8rem;color:var(--mute,#646c78);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
    .card__date svg{flex:0 0 auto}

    /* #25b — insights search box (pill field + category chips) */
    .insights-search{max-width:560px;margin:0 auto 24px}
    .insights-search__field{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line,#e3e0d8);border-radius:999px;box-shadow:var(--shadow-soft,0 8px 30px rgba(19,36,54,.06));padding:0 8px 0 16px;transition:border-color .15s,box-shadow .15s}
    .insights-search__field:focus-within{border-color:var(--accent,#dfc187);box-shadow:0 0 0 3px rgba(223,193,135,.28)}
    .insights-search__icon{flex:0 0 auto;display:inline-flex;color:var(--accent-strong,#c9a868)}
    .insights-search__input{flex:1;min-width:0;border:none;background:transparent;outline:none;padding:13px 12px;font:inherit;font-size:.95rem;color:inherit;-webkit-tap-highlight-color:transparent}
    .insights-search__input:focus,.insights-search__input:focus-visible{outline:none;box-shadow:none}
    .insights-search__input::-webkit-search-cancel-button{display:none}
    .insights-search__clear{flex:0 0 auto;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:#f1efe8;color:var(--ink-mute,#646c78);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
    .insights-search__clear:hover{background:var(--line,#e3e0d8)}
    .insights-search__count{min-height:1.1em;margin:10px auto 0;font-size:.8rem;color:var(--ink-mute,#646c78)}
    .insights-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 0}
    .insights-chip{padding:6px 14px;border-radius:999px;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--line,#e3e0d8);background:#fff;color:var(--ink-soft,#4a525d);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
    .insights-chip:hover{border-color:var(--line-strong,#c8c3b6)}
    .insights-chip[aria-pressed="true"]{background:var(--bg-deep,#132436);color:#fff;border-color:var(--bg-deep,#132436)}

    /* #25c — Load more button */
    .insights-loadmore-wrap{text-align:center;margin-top:24px}
    .card[hidden],.btn[hidden]{display:none}

    /* #25d — mobile: gold border on every listing card, no hover effect */
    @media(max-width:560px){
      .grid[data-nosnap] .card{border-color:var(--accent)}
      .grid[data-nosnap] .card:hover{transform:none;box-shadow:none;border-color:var(--accent)}
      .grid[data-nosnap] .card:hover .card__link:after{transform:none}
    }