.oc-ex-grid{gap:1rem;display:grid}@media (width>=860px){.oc-ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-ex-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.oc-ex-card{border:1px solid var(--border);background:var(--card,#fff);border-radius:1rem;margin:0;padding:1rem}.oc-ex-row{grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width>=640px){.oc-ex-row{grid-template-columns:9rem minmax(0,1fr)}}.oc-ex-portrait{aspect-ratio:3/4;background:var(--muted,#f5f5f4);object-fit:cover;object-position:top;border-radius:.75rem;width:100%;height:auto;display:block}.oc-ex-wide{margin-bottom:.75rem}.oc-ex-title{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.oc-ex-chip{border:1px solid color-mix(in oklab, var(--brand) 55%, transparent);background:color-mix(in oklab, var(--brand) 10%, var(--card,#fff));border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:600}.oc-ex-about{color:var(--muted-foreground);margin-top:.3rem;font-size:.875rem;line-height:1.45}.oc-ex-text{margin-top:.4rem;font-size:.9rem;line-height:1.5}.oc-ex-list{gap:.4rem;margin:.6rem 0 0;padding-left:1.1rem;font-size:.9rem;line-height:1.5;list-style:outside;display:grid}.oc-ex-names{gap:.35rem;margin:.6rem 0 0;padding:0;font-size:.9rem;line-height:1.4;list-style:none;display:grid}.oc-ex-names span{color:var(--muted-foreground)}.oc-ex-sheets{gap:1rem;display:grid}.oc-ex-sheet{border:1px solid var(--border);background:var(--card,#fff);border-radius:1rem;grid-template-columns:minmax(0,.28fr) auto minmax(0,1fr);align-items:center;gap:.75rem;margin:0;padding:1rem;display:grid}.oc-ex-sketch,.oc-ex-sheet-img,.oc-ex-mini img{background:var(--muted,#f5f5f4);border-radius:.75rem;width:100%;height:auto;display:block}.oc-ex-sketch{aspect-ratio:3/4;object-fit:cover}.oc-ex-sheet-img,.oc-ex-mini img{aspect-ratio:16/9;object-fit:cover}.oc-ex-arrow{color:var(--accent-ink,var(--brand));font-size:1.5rem;font-weight:600}.oc-ex-mini{padding:.6rem}.oc-ex-mini figcaption{margin-top:.5rem;font-size:.85rem}.oc-ex-cta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}