@layer theme,base;@layer components{.blog-pills{gap:calc(var(--spacing) * 2);--swipe-slide:auto;--swipe-slide-md:auto;--swipe-gap:calc(var(--spacing) * 2);display:flex}.blog-pills>li{scroll-snap-stop:normal}@media (min-width:64rem){.blog-pills{flex-wrap:wrap}}.blog-pills a{min-height:calc(var(--spacing) * 11);padding-inline:calc(var(--spacing) * 4.5);background:var(--color-cloud);font-size:var(--text-ui);color:var(--color-text-2);white-space:nowrap;border-radius:999px;align-items:center;font-weight:500;display:inline-grid}.blog-pills a>span{text-align:center;grid-area:1/1}.blog-pills a>[data-bold]{visibility:hidden;font-weight:600}.blog-pills [aria-current]>[data-regular]{visibility:hidden}.blog-pills [aria-current]>[data-bold]{visibility:visible}.blog-pills [aria-current]{background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-soft)}@media (hover:hover) and (pointer:fine){.blog-pills a:not([aria-current]):hover{background:var(--color-fog);color:var(--color-ink)}}.blog-tiles{--swipe-slide:84%;--swipe-slide-md:46%;--swipe-gap:calc(var(--spacing) * 4)}@media (min-width:64rem){.blog-tiles{gap:calc(var(--spacing) * 8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}.blog-grid{gap:calc(var(--spacing) * 4);display:grid}.blog-grid>li{scroll-margin-top:calc(var(--spacing) * 4);display:grid}@media (min-width:48rem){.blog-grid{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-grid [data-teaser]{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-cover{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--cover-surface);color:var(--cover-ink);flex-direction:column;justify-content:space-between;padding:7%;display:flex;container-type:inline-size}.blog-cover:before{content:"";aspect-ratio:1;background:var(--color-violet);border-radius:50%;width:max(6px,1.6cqi)}.blog-cover-word{letter-spacing:-.04em;text-wrap:balance;font-size:10cqi;font-weight:500;line-height:1.02}.blog-cover[data-format=band]{aspect-ratio:16/9;padding:6%}.blog-cover[data-format=band] .blog-cover-word{font-size:clamp(1.75rem,5.5cqi,3.25rem)}@media (min-width:48rem){.blog-cover[data-format=band]{aspect-ratio:3;padding:4%}}@media (min-width:64rem){.blog-cover[data-format=band]{border-radius:var(--radius-xl)}}.blog-cover[data-tone=cloud]{--cover-surface:var(--color-cloud);--cover-ink:var(--color-ink)}.blog-cover[data-tone=dusk]{--cover-surface:var(--color-dusk);--cover-ink:var(--color-violet-ink)}.blog-cover[data-tone=wash]{--cover-surface:var(--color-violet-wash);--cover-ink:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-violet-line)}.blog-cover[data-tone=soft]{--cover-surface:var(--color-violet-soft);--cover-ink:var(--color-violet-ink)}.blog-cover[data-tone=canvas]{--cover-surface:var(--color-canvas);--cover-ink:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line)}.blog-crumbs li+li:before{content:"·";margin-inline:calc(var(--spacing) * 2);color:var(--color-text-3)}}@layer utilities;