/* Use-case landing pages; builds on site.css tokens. */
.sample-caption{font:12px var(--mono);color:var(--muted);margin:30px 0 10px;font-weight:400}
.sample-table{margin-top:0;max-height:460px}
.sample-table table{border-collapse:collapse;width:100%;font:12px/1.5 var(--mono)}
.sample-table th,.sample-table td{padding:9px 12px;white-space:nowrap}
.sample-table th{position:sticky;top:0;background:var(--soft);color:var(--ink);font-weight:600}
.sample-table td{color:var(--ink);max-width:420px;overflow:hidden;text-overflow:ellipsis}
.sample-code{margin:0;padding:16px;overflow:auto;max-height:420px;font:12px/1.55 var(--mono);color:var(--ink);background:var(--surface);white-space:pre}
.sample-files{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.sample-files li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.sample-files a{font:13px var(--mono);color:var(--green);overflow-wrap:anywhere}
.sample-files span{font-size:13px;color:var(--muted)}
.download-panel .actions{flex-wrap:wrap}
.related-links{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.related-links a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;line-height:1.4}
.related-links a:hover{border-color:var(--green)}
.related-links a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.light-hero .hero-note{color:var(--muted);opacity:1}
.light-hero .demo-card dd{color:#f6f4e9}
.light-hero .weave-caption{color:var(--muted)}
.gets-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.workflow.three{grid-template-columns:repeat(3,1fr)}
.hero .lede code,.section .lede code{font:0.9em var(--mono)}
@media(max-width:900px){.workflow.three{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.workflow.three{grid-template-columns:1fr}.sample-table th,.sample-table td{padding:8px 10px}.related-links{grid-template-columns:1fr}}