@layer components{.blog{width:min(100%,76rem);padding-inline:var(--gutter);margin-inline:auto;container:blog/inline-size}.blog-intro{padding-block:var(--space-3) var(--space-3)}.blog-intro__title{font-size:var(--step-3);letter-spacing:-.02em;font-weight:300;line-height:1.05}.blog-intro__lead{max-width:40ch;color:var(--text-quiet);font-size:var(--step-1);text-wrap:pretty;margin-block-start:var(--space-1);line-height:1.35}.notice{max-width:44rem;margin-block:var(--space-2);padding:var(--space-2);border:1px solid var(--role-idle);color:var(--ink);border-radius:.75rem}.notice--preview{border-color:var(--brand-violet);background:color-mix(in oklab, var(--brand-violet) 8%, var(--paper))}.blog-back{margin-block:var(--space-2)}.post-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.post-card{gap:var(--space-1);align-content:start;display:grid;position:relative}.post-card__cover{margin:0 0 var(--space-1);background:var(--role-idle);border-radius:.75rem;order:-1;overflow:hidden}.post-card__image{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .4s}.post-card__title{font-size:var(--step-1);text-wrap:balance;font-weight:400;line-height:1.2}.post-card__link{text-decoration:none}.post-card__link:after{content:"";z-index:1;border-radius:.75rem;position:absolute;inset:0}.post-card__link:focus-visible{outline:none}.post-card:has(.post-card__link:focus-visible){outline:2px solid var(--brain-blue);outline-offset:6px;border-radius:.75rem}.post-card:hover .post-card__title{color:var(--brain-blue)}.post-card__excerpt{max-width:60ch;color:var(--text-quiet);text-wrap:pretty}.meta{color:var(--text-quiet);flex-wrap:wrap;gap:0 .5em;margin:0;font-size:.875rem;display:flex}.post-card__meta{margin-block-start:.25rem}.meta__item+.meta__item:before{content:"·";margin-inline-end:.5em}@media (prefers-reduced-motion:no-preference){.post-card:hover .post-card__image{transform:scale(1.03)}}@container blog (min-width:40rem){.post-list{column-gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.post-list__item:first-child{grid-column:1/-1}.post-card--lead .post-card__title{font-size:min(var(--step-2), 2.5rem);font-weight:300}}@container blog (min-width:60rem){.post-card--lead{column-gap:var(--space-3);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}.post-card--lead .post-card__cover{grid-area:1/1/span 3;margin:0}.post-card--lead>:not(.post-card__cover){grid-column:2}}}
@layer components{.post{gap:var(--space-3);padding-block-start:var(--space-3);display:grid}.post>*{min-width:0}.post__header,.post__footer{width:min(100%,44rem);margin-inline:auto}.post__header{gap:var(--space-1);display:grid}.post__back{margin:0;font-size:.875rem}.post__back a{color:var(--brain-blue);text-decoration:none}.post__back a:before{content:"← "}.post__title{font-size:var(--step-3);letter-spacing:-.02em;text-wrap:balance;font-weight:300;line-height:1.05}.post__excerpt{color:var(--text-quiet);font-size:var(--step-1);text-wrap:pretty;line-height:1.35}.post__meta{margin-block-start:.25rem}.post__tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.post__tag{border:1px solid var(--role-idle);color:var(--role-active);border-radius:999px;padding:.2rem .7rem;font-size:.8125rem}.post__cover{background:var(--role-idle);border-radius:.75rem;width:min(100%,68rem);margin:0 auto;overflow:hidden}.post__cover-image{width:100%}.post__footer{align-items:center;gap:var(--space-1) var(--space-2);border-block-start:1px solid var(--role-idle);flex-wrap:wrap;padding-block-start:var(--space-2);display:flex}.post__footer .button{background:var(--brain-blue);color:var(--paper);border-color:#0000}}
@layer components{.prose{overflow-wrap:break-word;width:min(100%,44rem);margin-inline:auto;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.7}.prose>*+*{margin-block-start:1.1em}.prose :is(h2,h3,h4){letter-spacing:-.01em;text-wrap:balance;margin-block:2em 0;font-weight:400;line-height:1.2}.prose h2{font-size:var(--step-2);font-weight:300}.prose h3{font-size:var(--step-1)}.prose h4{font-size:var(--step-0);font-weight:600}.prose :is(h2,h3,h4)+*{margin-block-start:.6em}.prose p{text-wrap:pretty}.prose a{color:var(--brain-blue);-webkit-text-decoration-color:color-mix(in oklab, var(--brain-blue) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--brain-blue) 45%, transparent)}.prose a:hover{text-decoration-color:currentColor}.prose :is(ul,ol){padding-inline-start:1.25em}.prose li+li{margin-block-start:.35em}.prose li::marker{color:var(--brain-blue)}.prose blockquote{border-inline-start:3px solid var(--brain-blue);color:color-mix(in oklab, var(--ink) 80%, var(--paper));margin-inline:0;padding-inline-start:var(--space-2)}.prose blockquote>*+*{margin-block-start:.6em}.prose :is(code,pre){font-family:var(--font-mono);font-size:.875em}.prose :not(pre)>code{background:color-mix(in oklab, var(--brain-blue) 7%, var(--paper));border-radius:.3em;padding:.1em .35em}.prose pre{padding:var(--space-2);background:var(--ink);color:var(--paper);border-radius:.75rem;line-height:1.5;overflow-x:auto}.prose hr{border:0;border-block-start:1px solid var(--role-idle);margin-block:2.5em}.prose__table{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.9375em}.prose :is(th,td){border-block-end:1px solid var(--role-idle);text-align:start;vertical-align:top;padding:.5em .75em}.prose th{font-weight:600}}
@layer components{.media,.embed{margin-inline:0}.prose>:is(.media,.embed){margin-block:2em}.media__image,.media__video{border-radius:.75rem;width:100%}.media__video{background:var(--ink)}.media__inline{vertical-align:middle;width:auto;max-height:1.5em;display:inline-block}.media__caption,.embed__caption{color:var(--text-quiet);margin-block-start:.6em;font-size:.875rem;line-height:1.45}.embed__frame,.embed__facade{aspect-ratio:16/9;border:0;border-radius:.75rem;width:100%;display:block}.embed__facade{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-2);background:radial-gradient(circle at 30% 20%, color-mix(in oklab, var(--brain-blue) 55%, transparent), transparent 60%), var(--ink);color:var(--paper);text-align:center;display:grid}.embed__hint{max-width:36ch;font-size:.875rem;line-height:1.45}.embed__load{background:var(--paper);min-height:3rem;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.75rem 1.5rem;font-weight:500}.embed__load:hover{background:var(--brain-cyan)}}