/* Styles for the public static pages. */
.static-page .home-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.static-page main { padding-bottom:40px; }
.static-page .guide-band { margin:36px 0; }
.static-page .guide-item { min-width:0; overflow:hidden; }
.static-page .guide-item > img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.static-page .guide-item .tag-body { padding:16px; overflow-wrap:anywhere; }
.static-page nav { margin:24px 0; }
.static-page .top-inner { justify-content:space-between; }
.static-page h1 { font-size:clamp(32px,8vw,64px); overflow-wrap:anywhere; }
.static-page h3 { overflow-wrap:anywhere; }

.static-page .static-videos { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; margin:20px 0 36px; }
.static-page .static-video { overflow:hidden; min-width:0; }
.static-page .static-video img { display:block; width:100%; height:auto; }
.static-page .static-video .tag-body { padding:16px; }
.static-page .channel-list { columns:3 220px; overflow-wrap:anywhere; }
.static-page .tool-example { padding:20px; margin:16px 0; }