.sample-kit-card{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-1)}.sample-kit-card>strong{color:var(--text);font-size:1.125rem}.sample-actions{display:flex;flex-wrap:wrap;gap:.75rem}.sample-actions .site-button{white-space:normal}.sample-page{max-width:64rem;padding-block:2.5rem;color:var(--text-muted)}.sample-page h1{color:var(--text);font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.sample-page header>p{max-width:48rem;margin-block:1rem}.sample-studio-proof{margin:1.5rem 0}.sample-studio-proof img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:.75rem}.sample-studio-proof figcaption{margin-top:.5rem;font-size:.875rem;line-height:1.5}.sample-file-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;padding:0;margin-block:2rem}.sample-file-grid li{display:flex;flex-direction:column;gap:.375rem;min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:.75rem}.sample-file-grid .checker{height:9rem;display:grid;place-items:center}.sample-file-grid img{max-width:100%;max-height:8rem;width:auto;height:auto;object-fit:contain}.sample-file-grid strong{color:var(--text);overflow-wrap:anywhere}.sample-file-grid a{color:var(--text);text-decoration:underline;margin-top:auto;min-height:2rem}
