.app-example{margin:30px 0 34px;min-width:0}.example-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.example-heading .eyebrow{font-size:.75rem;margin:0}.example-heading>strong{font-size:1rem;color:var(--ink)}.example-open-note{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);margin-left:auto}.example-open-note svg{width:14px;height:14px}.example-frame{width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper,var(--white));box-sizing:border-box}.example-desktop{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.example-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:3%;padding:2.5% 4.5%}.example-screen{display:block;min-width:0;min-height:0;width:100%;height:100%;line-height:0}.example-screen img{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}.example-screen:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.app-example figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;line-height:1.7;color:var(--muted);padding-top:12px}.app-example figcaption a{font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;color:var(--ink);min-height:32px}.app-example figcaption svg{width:14px;height:14px}.guide-example{margin:30px 0}.admin-example-preview{max-width:800px;margin:18px 0}.admin-example-note{font-size:.875rem;line-height:1.7;color:var(--muted)}@media(max-width:600px){.app-example{margin:24px 0}.example-heading{gap:8px}.example-heading .eyebrow{width:100%}.example-open-note{margin-left:0;width:100%}.example-frame{border-radius:8px}.example-triptych{grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;padding:2.5% 4.5%}.app-example figcaption a{min-height:44px}}