.td-blog-surface{background:var(--studio-background);min-height:65svh;color:var(--studio-foreground);--foreground:var(--studio-foreground);--muted-foreground:var(--studio-text-secondary);--border:var(--studio-border);--card:var(--studio-card);--card-foreground:var(--studio-foreground);--primary:var(--studio-accent-text)}.td-blog-intro{max-width:680px;margin-bottom:48px}.td-blog-intro h1{letter-spacing:-.035em;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.1}.td-blog-intro p{max-width:560px;color:var(--studio-text-secondary);margin-top:20px;font-size:16px;line-height:1.7}.td-blog-grid>a{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:24px}.td-blog-grid>a:hover{border-color:var(--studio-accent-text)}.td-blog-grid>a:focus-visible{outline:2px solid var(--studio-accent-text);outline-offset:4px}.td-blog-grid>a>img{aspect-ratio:16/9;object-fit:cover;flex-shrink:0;height:auto}.td-blog-grid h3{font-size:19px;font-weight:600;line-height:1.4}.td-blog-article h1{letter-spacing:-.025em;font-family:inherit;font-weight:600}.td-blog-article :where(img,video){max-width:100%}@media (width<=640px){.td-blog-intro{margin-bottom:32px}}