@layer theme,base;@layer components{.blog,.post{width:100%;max-width:var(--sc-foundation-size-page);padding:clamp(var(--sc-foundation-space-10), 6vw, var(--sc-foundation-space-20)) var(--gutter) var(--section-gap);margin-inline:auto}.blog{gap:var(--sc-foundation-space-10);display:grid}.blog__head{gap:var(--sc-foundation-space-4);display:grid}.blog__head h1,.blog--status h1{font-size:clamp(var(--sc-foundation-font-size-heading), 4vw, var(--sc-foundation-font-size-display))}.blog__categories{gap:0 var(--sc-foundation-space-6);border-bottom:var(--sc-foundation-border-hairline) solid var(--sc-semantic-color-border-subtle);flex-wrap:wrap;display:flex}.blog__categories a{min-width:var(--sc-component-target-min);min-height:var(--sc-component-target-min);border-bottom:var(--sc-foundation-border-hairline) solid transparent;color:var(--sc-semantic-color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.blog__categories a:hover{color:var(--sc-semantic-color-text-primary)}.blog__categories a[aria-current=page]{border-bottom-color:var(--sc-semantic-color-text-primary);color:var(--sc-semantic-color-text-primary)}.blog__posts{gap:var(--sc-foundation-space-12);display:grid}.blog__empty{max-width:var(--sc-foundation-size-measure);color:var(--sc-semantic-color-text-secondary);font-size:var(--sc-foundation-font-size-lead)}.blog-card{align-content:start;gap:var(--sc-foundation-space-4);display:grid;position:relative}.blog-card__cover{aspect-ratio:3/2;background:var(--sc-semantic-color-surface-canvas);display:block;position:relative;overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-card__text{align-content:start;gap:var(--sc-foundation-space-2);display:grid}.blog-card__link{min-height:var(--sc-component-target-min);color:inherit;font-size:var(--sc-foundation-font-size-title);font-weight:var(--sc-foundation-font-weight-medium);line-height:var(--sc-foundation-font-line-height-compact);letter-spacing:var(--sc-foundation-font-letter-spacing-heading);text-wrap:balance;text-underline-offset:var(--sc-foundation-space-1);align-items:center;display:flex}.blog-card__link:after{content:"";position:absolute;inset:0}.blog-card:hover .blog-card__link{text-decoration:underline}.blog-card__meta{color:var(--sc-semantic-color-text-secondary);font-size:var(--sc-foundation-font-size-small)}.blog-card__summary{color:var(--sc-semantic-color-text-secondary);text-wrap:pretty}.blog-card__tag{display:none}.blog-grid{gap:var(--sc-foundation-space-12) var(--sc-foundation-space-8);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.post{grid-template-columns:minmax(0, var(--sc-foundation-size-measure));justify-content:center;gap:var(--sc-foundation-space-12) var(--sc-foundation-space-16);display:grid}.post__article{align-content:start;gap:var(--sc-foundation-space-8);min-width:0;max-width:var(--sc-foundation-size-measure);display:grid}.post__head{gap:var(--sc-foundation-space-4);display:grid}.post__head h1{font-size:clamp(var(--sc-foundation-font-size-heading), 4vw, var(--sc-foundation-font-size-display));text-wrap:balance}.post__where{align-items:center;gap:var(--sc-foundation-space-2);color:var(--sc-semantic-color-text-secondary);font-size:var(--sc-foundation-font-size-small);flex-wrap:wrap;display:flex}.post__where a{min-width:var(--sc-component-target-min);min-height:var(--sc-component-target-min);text-underline-offset:var(--sc-foundation-space-1);justify-content:center;align-items:center;display:inline-flex}.post__where a:hover{color:var(--sc-semantic-color-text-primary);text-decoration:underline}.post__meta{gap:var(--sc-foundation-space-1) var(--sc-foundation-space-4);color:var(--sc-semantic-color-text-secondary);font-size:var(--sc-foundation-font-size-small);flex-wrap:wrap;display:flex}.post__toc,.post__toc-inline{align-content:start;gap:var(--sc-foundation-space-2);font-size:var(--sc-foundation-font-size-small);display:grid}.post__toc-inline{padding:var(--sc-foundation-space-4) var(--sc-foundation-space-5);border-radius:var(--sc-semantic-radius-inset);background:var(--sc-semantic-color-surface-canvas)}.post__toc-title{font-weight:var(--sc-foundation-font-weight-medium)}.post__toc ol,.post__toc-inline ol{margin:0;padding:0;list-style:none;display:grid}.post__toc a,.post__toc-inline a{min-height:var(--sc-component-target-min);color:var(--sc-semantic-color-text-secondary);text-wrap:pretty;align-items:center;display:flex}.post__toc a:hover,.post__toc-inline a:hover{color:var(--sc-semantic-color-text-primary)}.post__share{align-items:center;gap:var(--sc-foundation-space-4);padding-top:var(--sc-foundation-space-6);border-top:var(--sc-foundation-border-hairline) solid var(--sc-semantic-color-border-subtle);flex-wrap:wrap;display:flex}.post__share-status{color:var(--sc-semantic-color-text-secondary);font-size:var(--sc-foundation-font-size-small)}.post__apply{gap:var(--sc-foundation-space-4);max-width:var(--sc-foundation-size-page);padding-top:var(--sc-foundation-space-12);border-top:var(--sc-foundation-border-hairline) solid var(--sc-semantic-color-border-subtle);grid-column:1/-1;display:grid}.post__apply [data-slot=apply-form]{max-width:var(--sc-foundation-size-panel-height)}.blog--status{align-content:start;gap:var(--sc-foundation-space-6)}@media (min-width:60rem){.blog-card--featured{align-items:center;gap:var(--sc-foundation-space-10);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.blog-card--featured .blog-card__link{font-size:var(--sc-foundation-font-size-heading);font-weight:var(--sc-foundation-font-weight-light);line-height:var(--sc-foundation-font-line-height-heading)}}@media (max-width:60rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:75rem){.post:has(>.post__toc){grid-template-columns:minmax(0, var(--sc-foundation-size-measure)) minmax(0, var(--sc-foundation-size-layer))}.post__toc{top:calc(var(--sc-component-header-height) + var(--sc-foundation-space-8));align-self:start;position:sticky}.post__toc-inline{display:none}}@media (max-width:74.99rem){.post__toc{display:none}}@media (max-width:40rem){.blog-grid{gap:var(--sc-foundation-space-6);grid-template-columns:minmax(0,1fr)}.blog-grid .blog-card{grid-template-columns:var(--sc-foundation-space-20) minmax(0, 1fr);align-items:start;gap:var(--sc-foundation-space-4)}.blog-grid .blog-card__cover{aspect-ratio:1}.blog-grid .blog-card__link{font-size:var(--sc-foundation-font-size-body)}.blog-grid .blog-card__summary,.blog-grid .blog-card__cover .sc-sheer-tag{display:none}.blog-grid .blog-card__tag{display:inline}}}@layer utilities;
