.example-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}.example-filter{font-family:var(--font-data);font-size:0.78rem;padding:0.4em 0.9em;border-radius:999px;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink-soft);cursor:pointer}.example-filter.is-active{background:var(--color-panel);color:var(--color-paper-ink);border-color:var(--color-panel)}.example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;min-height:600px}.example-card{border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-paper);overflow:hidden}.example-card__head{padding:1.1rem 1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:0.75rem}.example-card__head h3{margin:0 0 0.3rem;font-size:1rem}.example-card__tags{display:flex;gap:0.4rem;flex-wrap:wrap}.example-card__tags span{font-family:var(--font-data);font-size:0.68rem;letter-spacing:0.04em;color:var(--color-amber-dim);background:rgba(227,154,52,0.1);padding:0.15em 0.55em;border-radius:3px}.example-card__chev{color:var(--color-ink-soft);transition:transform 0.15s var(--ease-flight);flex-shrink:0}.example-card.is-open .example-card__chev{transform:rotate(180deg)}.example-card__body{display:none;border-top:1px solid var(--color-line)}.example-card.is-open .example-card__body{display:block}.example-card__tips{padding:1rem 1.25rem;background:var(--color-paper-alt);border-bottom:1px solid var(--color-line)}.example-card__tips h4{margin:0 0 0.5rem;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-ink-soft)}.example-card__tips ul{margin:0;padding-left:1.1rem;font-size:0.85rem}.example-card__tips li{margin-bottom:0.3rem}.example-card__text{padding:1.25rem;font-family:var(--font-body);font-size:0.85rem;line-height:1.6;white-space:pre-wrap;color:var(--color-ink);max-height:420px;overflow-y:auto}.example-card__actions{padding:0.9rem 1.25rem;border-top:1px solid var(--color-line);display:flex;gap:0.6rem}