.examples{color:var(--text,#fff)}.examples .ex-hero{padding:72px 0 32px}.examples .ex-hero .crumb{color:var(--rbc-fg-muted,#ffffffa6);margin-bottom:18px;font-size:.85em}.examples .ex-hero .crumb a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.examples .ex-hero .crumb a:hover,.examples .ex-hero .crumb a:focus-visible{border-bottom-color:currentColor}.examples .ex-hero .crumb .sep{opacity:.5;margin:0 8px}.examples .ex-hero .crumb .current{color:var(--rbc-fg,#fff)}.examples .ex-hero .label{letter-spacing:.12em;text-transform:uppercase;color:var(--rbc-fg-muted,#ffffffa6);align-items:center;gap:10px;margin-bottom:14px;font-size:.78em;display:inline-flex}.examples .ex-hero .label .bar{background:var(--red,#e3132e);width:28px;height:2px;display:inline-block}.examples .ex-hero h1{margin:0 0 18px;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.08}.examples .ex-hero .deck{color:var(--rbc-fg-muted,#fffc);font-size:1.1em;line-height:1.55}.examples .ex-grid-wrap{padding:32px 0 64px}.examples .ex-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}@media (max-width:900px){.examples .ex-grid{grid-template-columns:1fr}}.examples .ex-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:18px;padding:24px;display:flex}.examples .ex-card[data-grade=good]{border-top:3px solid #2e9d4b}.examples .ex-card[data-grade=work]{border-top:3px solid #d9881f}.examples .ex-card-head .ex-card-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:.85em;display:flex}.examples .ex-card-head .ex-domain{font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--rbc-fg-muted,#ffffffb3)}.examples .ex-card-head a.ex-domain{border-bottom:1px solid #ffffff4d;text-decoration:none;transition:color .15s,border-color .15s}.examples .ex-card-head a.ex-domain:hover,.examples .ex-card-head a.ex-domain:focus-visible{color:var(--red,#e3132e);border-bottom-color:currentColor}.examples .ex-card-head .ex-grade{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.82em;font-weight:600;display:inline-block}.examples .ex-card-head .ex-grade--good{color:#6fd183;background:#2e9d4b29}.examples .ex-card-head .ex-grade--work{color:#f0b660;background:#d9881f29}.examples .ex-card-head h2{margin:0 0 8px;font-size:1.4em;line-height:1.2}.examples .ex-card-head .ex-summary{color:var(--rbc-fg-muted,#ffffffc7);margin:0;line-height:1.5}.examples .ex-video{aspect-ratio:16/9;background:#000;border-radius:6px;width:100%;position:relative;overflow:hidden}.examples .ex-video video{object-fit:contain;width:100%;height:100%;display:block}.examples .ex-points h3{letter-spacing:.1em;text-transform:uppercase;color:var(--rbc-fg-muted,#fff9);margin:0 0 10px;font-size:.78em}.examples .ex-points ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.examples .ex-points li{color:var(--rbc-fg,#fff);padding-left:18px;font-size:.96em;line-height:1.45;position:relative}.examples .ex-points li:before{content:"";background:var(--red,#e3132e);width:8px;height:1px;position:absolute;top:.6em;left:0}.examples .ex-ctas{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px;display:flex}.examples .ex-ctas .btn{text-align:center;flex:auto}.examples .ex-foot{padding:8px 0 96px}.examples .ex-foot p{color:var(--rbc-fg-muted,#ffffffb3);margin:0;line-height:1.55}.examples .ex-foot a{color:inherit;border-bottom:1px solid #ffffff4d;text-decoration:none;transition:color .15s,border-color .15s}.examples .ex-foot a:hover,.examples .ex-foot a:focus-visible{color:var(--red,#e3132e);border-bottom-color:currentColor}