/* Blog additions on top of the concept A site.css (copied unchanged from elkdigital-zola). */
h1,h2,.schedule h2{text-wrap:balance}
.answer{font-size:var(--t-md);max-width:none}
.post>h2{margin-top:2.5rem}
.vid{margin:0 0 1rem}
.vid video{display:block;width:auto;max-width:100%;height:min(80vh,720px);aspect-ratio:9/16;background:var(--ink);border:1px solid var(--ink)}
.vid figcaption{font-family:var(--mono);font-size:var(--t-xs)}
.snippet{position:relative}
.snippet pre{margin:0;padding:1rem 1.25rem;overflow-x:auto;background:var(--face);border:1px solid var(--line);font-family:var(--mono);font-size:var(--t-sm);line-height:1.6}
.snippet pre code{background:none;padding:0}
.copy{position:absolute;top:.5rem;right:.5rem;font:500 var(--t-xs) var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.35rem .7rem;background:var(--ink);color:var(--film);border:0;cursor:pointer}
.steps li{margin:.4rem 0}
.test{border-left:3px solid var(--red);padding-left:1rem}
.transcript{margin-top:2.5rem}
.related{margin-top:2rem;font-weight:600}
.ainote{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-2)}
.topiclist a{margin:0 .15rem}
.search{margin-top:1.5rem;max-width:36rem}
.search input{display:block;width:100%;margin-top:.4rem;padding:.6rem .8rem;font:inherit;color:var(--ink);background:var(--face);border:1px solid var(--line)}
.search input:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.results{list-style:none;padding:0;margin:.5rem 0 0}
.results li{padding:.35rem 0;border-bottom:1px solid var(--hair)}
/* Post list as cards, 3 to a row; 2 then 1 as the sheet narrows (Jamie, 9 Nov 2026). */
.schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pad);padding:var(--pad)}
.schedule li{display:flex;border:1px solid var(--ink);background:var(--face)}
.schedule a{display:flex;flex-direction:column;width:100%;padding:clamp(1rem,.8rem + .8vw,1.5rem)}
.schedule h2{font-size:var(--t-lg)}
.schedule .ulink{margin-top:auto;padding-top:.5rem}
@container (max-width:900px){.schedule{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:560px){.schedule{grid-template-columns:1fr}}