/* Approved 2x2 illustration gallery; shared theme tokens stay authoritative. */
.public-home-page .public-tutorial .tutorial-showcase{padding:0;border:0}
.public-home-page .channel-examples{position:relative;isolation:isolate;overflow:clip}
.public-home-page .channel-examples>.page{position:relative;z-index:1;max-width:1040px}
.public-home-page .channel-examples-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--sia-sidebar-accent);background:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--sia-sidebar-accent) 7%,transparent),transparent 65%)}
/* Fade the ambient layer into the page before its clipped section edge. */
.public-home-page .channel-examples-ambient{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
.public-home-page .channel-examples-ambient svg{width:100%;height:100%}
.public-home-page .channel-examples .section-head{max-width:960px;margin-bottom:24px}
.public-home-page .channel-examples .section-head .pill{margin-bottom:16px;border-radius:999px}
.public-home-page .channel-examples .section-head h2{margin-top:0}
.public-home-page .channel-examples-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 44px;padding:0;list-style:none}
.public-home-page .channel-examples-topics li{padding:8px 16px;border:1px solid color-mix(in srgb,var(--sia-sidebar-accent) 24%,var(--sia-line));border-radius:999px;background:var(--sia-surface-soft);color:var(--sia-text);font-size:12px;line-height:1.5;font-weight:650}
.public-home-page .channel-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px;padding:8px 14px 20px}
.public-home-page .channel-example{--channel-angle:-2deg;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--sia-sidebar-accent) 35%,var(--sia-line));border-radius:22px;background:var(--sia-sidebar-bg);box-shadow:var(--sia-shadow),0 0 0 3px color-mix(in srgb,var(--sia-sidebar-accent) 5%,transparent);transform:rotate(var(--channel-angle));transition:border-color .18s ease,transform .18s ease}
.public-home-page .channel-example:nth-child(even){--channel-angle:1.5deg;position:relative;top:8px}
.public-home-page .channel-example:is(:hover,:focus-within){border-color:var(--sia-sidebar-accent);transform:rotate(0)}
.public-home-page .channel-example-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--sia-line);background:var(--sia-surface-soft)}
.public-home-page .channel-example-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.public-home-page .channel-example-cover-fallback{height:100%;display:grid;place-items:center;color:var(--sia-muted)}
.public-home-page .channel-example-cover-fallback svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.7}
.public-home-page .channel-example-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;padding:20px 24px}
.public-home-page .channel-example-heading{display:flex;align-items:center;gap:14px;min-width:0}
.public-home-page .channel-example-heading>div{min-width:0;flex:1}
.public-home-page .channel-example-avatar{position:relative;flex:0 0 52px;width:52px;height:52px;overflow:hidden;border:1px solid color-mix(in srgb,var(--sia-sidebar-accent) 50%,var(--sia-line));border-radius:50%;display:grid;place-items:center;background:var(--sia-surface-soft);color:var(--sia-sidebar-accent);font-size:18px;font-weight:800}
.public-home-page .channel-example-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.public-home-page .channel-example h3{margin:0;font-size:20px;font-weight:800;line-height:1.3;color:var(--sia-heading);overflow-wrap:anywhere}
.public-home-page .channel-example-topic{display:inline-block;margin:0 0 5px;padding:3px 10px;border-radius:999px;background:var(--sia-teal-soft);color:var(--sia-sidebar-accent);font-size:12px;line-height:1.5;font-weight:650}
.public-home-page .channel-example-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.public-home-page .channel-example-metrics{margin:0;min-width:0}
.public-home-page .channel-example-metrics>div{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px}
.public-home-page .channel-example-metrics svg{grid-row:1/3;align-self:center;width:24px;height:24px;fill:none;stroke:var(--sia-sidebar-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.public-home-page .channel-example-metrics dt{grid-column:2;grid-row:2;color:var(--sia-muted);font-size:12px;line-height:1.5}
.public-home-page .channel-example-metrics dd{grid-column:2;grid-row:1;margin:0;color:var(--sia-heading);font-size:28px;line-height:1.25;font-weight:800;font-variant-numeric:tabular-nums}
.public-home-page .channel-example-stats-date{margin:0;color:var(--sia-muted);font-size:12px;line-height:1.5}
.public-home-page .channel-example-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-height:48px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--sia-sidebar-accent) 65%,var(--sia-line));border-radius:12px;color:var(--sia-sidebar-accent);background:color-mix(in srgb,var(--sia-sidebar-accent) 7%,var(--sia-surface-soft));font-size:14px;font-weight:750}
.public-home-page .channel-example-link:is(:hover,:focus-visible){border-color:var(--sia-sidebar-accent);background:var(--sia-teal-soft)}
.public-home-page .channel-example-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
.public-home-page .channel-examples-bottom{margin:24px auto 0;max-width:880px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.public-home-page .channel-examples-note{order:2;margin:0;color:var(--sia-muted);font-size:12px;line-height:1.6}
.public-home-page .channel-examples-bottom .btn{min-height:48px;white-space:normal;text-align:center}
.public-home-page .channel-examples-doodles{position:absolute;inset:0;pointer-events:none;color:var(--sia-sidebar-accent)}
.public-home-page .channel-examples-doodles svg{position:absolute;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.public-home-page .channel-example-rays{left:3%;top:28%}.public-home-page .channel-example-play{right:2%;top:42%;transform:rotate(9deg)}.public-home-page .channel-example-bars{right:3%;bottom:13%}
@media(max-width:1100px){.public-home-page .channel-examples-grid{gap:32px 28px}.public-home-page .channel-examples-doodles{display:none}.public-home-page .channel-example-body{padding:20px}}
@media(max-width:760px){.public-home-page .channel-examples-grid{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto;gap:24px;padding:0}.public-home-page .channel-example:nth-child(n){transform:none;top:0}.public-home-page .channel-examples-topics{margin-bottom:28px;gap:8px}.public-home-page .channel-examples-topics li{padding:7px 12px}.public-home-page .channel-example-body{padding:20px}.public-home-page .channel-example-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.public-home-page .channel-example{transition:none}.public-home-page .channel-example:is(:hover,:focus-within){transform:rotate(var(--channel-angle))}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.public-home-page .channel-example:is(:hover,:focus-within){transform:none}}