.role-library[data-astro-cid-afcpux57]{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.role-group[data-astro-cid-afcpux57]{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);padding:18px}.role-group[data-astro-cid-afcpux57] h3[data-astro-cid-afcpux57]{margin-bottom:12px;font-size:18px}.role-chips[data-astro-cid-afcpux57]{flex-wrap:wrap;gap:6px;display:flex}.role-chip[data-astro-cid-afcpux57]{color:var(--ink);background:var(--surface-soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:500}@media (width<=1200px){.role-library[data-astro-cid-afcpux57]{grid-template-columns:1fr 1fr}}@media (width<=660px){.role-library[data-astro-cid-afcpux57]{grid-template-columns:1fr}}.gallery-head[data-astro-cid-ukxesqus]{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.gallery-head[data-astro-cid-ukxesqus] h2[data-astro-cid-ukxesqus]{max-width:760px;margin-top:12px}.gallery-head[data-astro-cid-ukxesqus] p[data-astro-cid-ukxesqus]{max-width:650px;margin-top:12px;font-size:16px}@media (width<=980px){.gallery-head[data-astro-cid-ukxesqus]{flex-direction:column;align-items:start}}.examples-intro[data-astro-cid-ytniwh25]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.example-principle[data-astro-cid-ytniwh25]{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:16px}.example-principle[data-astro-cid-ytniwh25] strong[data-astro-cid-ytniwh25]{color:var(--ink);font-size:14px;display:block}.example-principle[data-astro-cid-ytniwh25] span[data-astro-cid-ytniwh25]{color:var(--ink-soft);margin-top:6px;font-size:13px;line-height:1.45;display:block}.featured-block[data-astro-cid-ytniwh25]{border-radius:var(--radius-xl);background:var(--surface-soft);border:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:center;gap:30px;margin-top:24px;padding:30px;display:grid}.featured-list[data-astro-cid-ytniwh25]{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.featured-list[data-astro-cid-ytniwh25] li[data-astro-cid-ytniwh25]{color:var(--ink);grid-template-columns:18px 1fr;gap:10px;line-height:1.5;display:grid}.featured-list[data-astro-cid-ytniwh25] li[data-astro-cid-ytniwh25]:before{content:">";color:var(--link);font-weight:700}@media (width<=980px){.examples-intro[data-astro-cid-ytniwh25]{grid-template-columns:1fr}.featured-block[data-astro-cid-ytniwh25]{grid-template-columns:1fr;padding:22px}}.ex-card[data-astro-cid-yfxzzp44]{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:860px;flex-direction:column;min-width:0;padding:20px;display:flex}.ex-card[data-astro-cid-yfxzzp44].is-hidden{display:none}.ex-meta[data-astro-cid-yfxzzp44]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ex-meta[data-astro-cid-yfxzzp44] .ex-role[data-astro-cid-yfxzzp44]{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;text-align:right;font-size:10.5px;font-weight:600}.section-map[data-astro-cid-yfxzzp44]{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.section-pill[data-astro-cid-yfxzzp44]{background:var(--surface-soft);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600}.ex-brief[data-astro-cid-yfxzzp44]{gap:12px;margin-top:16px;display:grid}.ex-name[data-astro-cid-yfxzzp44]{color:var(--ink);font-size:15px;font-weight:700}.ex-target[data-astro-cid-yfxzzp44]{color:var(--ink-soft);margin-top:3px;font-size:12.5px;line-height:1.45}.ex-note[data-astro-cid-yfxzzp44]{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--line);padding:12px}.ex-note[data-astro-cid-yfxzzp44] strong[data-astro-cid-yfxzzp44]{color:var(--link);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.ex-note[data-astro-cid-yfxzzp44] p[data-astro-cid-yfxzzp44]{color:var(--ink);margin:0;font-size:12.5px;line-height:1.45}.ex-copy[data-astro-cid-yfxzzp44]{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ex-copy[data-astro-cid-yfxzzp44] li[data-astro-cid-yfxzzp44]{color:var(--ink);grid-template-columns:14px 1fr;gap:7px;font-size:12.3px;line-height:1.4;display:grid}.ex-copy[data-astro-cid-yfxzzp44] li[data-astro-cid-yfxzzp44]:before{content:"";background:var(--brand);border-radius:999px;width:7px;height:7px;margin-top:5px}.gallery-head[data-astro-cid-zfujv2qc]{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.gallery-head[data-astro-cid-zfujv2qc] h2[data-astro-cid-zfujv2qc]{max-width:760px;margin-top:12px}.gallery-head[data-astro-cid-zfujv2qc] p[data-astro-cid-zfujv2qc]{max-width:650px;margin-top:12px;font-size:16px}.result-count[data-astro-cid-zfujv2qc]{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;flex:none;padding-bottom:8px;font-size:12px;font-weight:600}.gallery[data-astro-cid-zfujv2qc]{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.empty-state[data-astro-cid-zfujv2qc]{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);margin-top:22px;padding:22px}@media (width<=1200px){.gallery[data-astro-cid-zfujv2qc]{grid-template-columns:1fr 1fr}}@media (width<=980px){.gallery-head[data-astro-cid-zfujv2qc]{flex-direction:column;align-items:start}.result-count[data-astro-cid-zfujv2qc]{padding-bottom:0}}@media (width<=660px){.gallery[data-astro-cid-zfujv2qc]{grid-template-columns:1fr}}.example-toolbar[data-astro-cid-cnrfrdiz]{gap:14px;margin-top:24px;display:grid}.example-search[data-astro-cid-cnrfrdiz]{width:min(620px,100%);position:relative}.example-search[data-astro-cid-cnrfrdiz] input[data-astro-cid-cnrfrdiz]{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:50px;color:var(--ink);outline:none;padding:0 16px;font-size:15px}.example-search[data-astro-cid-cnrfrdiz] input[data-astro-cid-cnrfrdiz]::placeholder{color:var(--ink-mute)}.example-search[data-astro-cid-cnrfrdiz] input[data-astro-cid-cnrfrdiz]:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--surface-soft)}.filter-row[data-astro-cid-cnrfrdiz]{flex-wrap:wrap;gap:8px;max-width:980px;display:flex}.fp[data-astro-cid-cnrfrdiz]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);min-height:40px;color:var(--ink);cursor:pointer;background:0 0;padding:8px 12px;font-size:13px;transition:background .15s,color .15s,border-color .15s}.fp[data-astro-cid-cnrfrdiz]:hover{background:var(--surface-soft)}.fp[data-astro-cid-cnrfrdiz].on{background:var(--brand);color:#fff;border-color:var(--brand)}.example-stats[data-astro-cid-cnrfrdiz]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(620px,100%);display:grid}.example-stat[data-astro-cid-cnrfrdiz]{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:12px 14px}.example-stat[data-astro-cid-cnrfrdiz] strong[data-astro-cid-cnrfrdiz]{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:22px;font-weight:800;display:block}.example-stat[data-astro-cid-cnrfrdiz] span[data-astro-cid-cnrfrdiz]{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600;display:block}@media (width<=660px){.fp[data-astro-cid-cnrfrdiz]{padding:8px 10px;font-size:12.5px}.example-stats[data-astro-cid-cnrfrdiz]{grid-template-columns:1fr}}