/* Layout discovery only. Keep the site's established cards, palette and preview. */
.layout-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.layout-filters button { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.65rem; padding: .5rem .8rem; border: 1px solid rgba(33,31,26,.1); border-radius: 999px; background: transparent; color: var(--muted); font: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; }
.layout-filters button span { font-size: .7rem; opacity: .72; }
.layout-filters button[aria-pressed="true"] { color: var(--purple); border-color: var(--purple); background: #eeeaff; }
.layout-filters button:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }
.layout-copy > .layout-results { margin-top: .9rem; font-size: .78rem; }
.layout-results + .layout-tabs { margin-top: .7rem; }
.layout-tabs .layout-tab[hidden] { display: none; }
.layout-new { display: inline-block; margin-left: .4rem; color: #9a4a22; font-size: .65rem; padding: .1rem .3rem; border-radius: .3rem; background: #f8e1cc; vertical-align: .1em; }
@media (max-width: 56.25rem) {
  .layout-filters { justify-content: center; gap: .4rem; }
  .layout-filters button { min-height: 2.75rem; padding: .45rem .65rem; }
  .layout-results + .layout-tabs { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: .7rem 0 0; padding: .25rem 0; overflow: visible; gap: .6rem; }
  .layout-tabs .layout-tab { width: 100%; min-width: 0; grid-template-columns: 1.9rem minmax(0,1fr); gap: .5rem; padding: .6rem; }
  .layout-tabs .layout-tab img { width: 1.9rem; height: 1.9rem; }
  .layout-tab strong { font-size: .84rem; }
  .layout-tab-tag { font-size: .63rem; }
}