.yl-example{max-width:760px;margin:0 auto;padding:32px 20px 64px}.yl-example-head{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:20px}.yl-example-foot-back{margin:20px 0 0}.yl-example-foot-back a{color:var(--color-muted);font-size:14px}.yl-example-foot-back a:hover{color:var(--color-accent)}.yl-example-subject{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.yl-example-title{color:var(--color-fg);margin:8px 0 12px;font-size:32px;line-height:1.15}.yl-example-meta{color:var(--color-muted);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.yl-example-foot{border-top:1px solid var(--color-border);text-align:center;margin-top:32px;padding-top:24px}.yl-example-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.yl-example-score{color:var(--color-fg);margin:20px 0 0;font-size:18px;font-weight:600}.yl-example-cta-note{color:var(--color-muted);max-width:460px;margin:20px auto}.yl-examples-intro{color:var(--color-muted);max-width:560px;margin:0}.yl-examples-page{max-width:1080px;margin:0 auto;padding:32px 20px 64px}.yl-examples-filter{flex-wrap:wrap;gap:8px;margin:24px 0 28px;display:flex}.yl-example-chip{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-fg);cursor:pointer;font:inherit;border-radius:999px;padding:7px 14px;font-size:14px;transition:border-color .15s}.yl-example-chip:hover{border-color:var(--color-accent)}.yl-example-chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.yl-examples-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.yl-example-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-panel);color:var(--color-fg);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.yl-example-card:hover{border-color:var(--color-accent)}.yl-example-card-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--color-border);object-fit:cover;width:100%;height:auto;display:block}.yl-example-card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.yl-example-card-title{margin:6px 0 8px;font-size:18px;font-weight:600;line-height:1.25}.yl-example-card-lead{color:var(--color-muted);margin:0 0 14px;font-size:14.5px;line-height:1.5}.yl-example-card .yl-example-meta{margin-top:auto}@media (max-width:640px){.yl-example-title{font-size:26px}.yl-examples-filter{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.yl-examples-filter::-webkit-scrollbar{display:none}.yl-example-chip{scroll-snap-align:start;flex:none}}