@layer reset,tokens,base,layout,components,utilities;@layer components{.page-body--article{--gap: var(--sp-6);max-width:46rem}.post{display:grid;gap:var(--sp-5)}.post__head{display:grid;gap:var(--sp-3)}.post__cat a{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-amber);text-decoration:none}.post__title{font-size:clamp(1.75rem,1.3rem + 2.2vw,2.625rem);line-height:1.15;text-wrap:balance}.post__lead{font-size:var(--fs-lg);line-height:1.5;color:var(--c-text)}.post__meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-dim)}.toc-box{border-radius:1rem;background:#ffffff0a;border:1px solid rgb(255 255 255 / .07)}.toc-box__title{padding:var(--sp-3) var(--sp-4);cursor:pointer;font-weight:700;color:var(--c-paper)}.toc-box__list{display:grid;gap:.125rem;margin:0;padding:0 var(--sp-4) var(--sp-4) 2.4rem;font-size:var(--fs-sm)}.toc-box__list a{display:inline-block;padding-block:.25rem;color:var(--c-text);text-decoration:none}.toc-box__list a:hover{color:var(--c-amber);text-decoration:underline}.post__body h2,.post__body h3{scroll-margin-top:var(--sp-5)}.post__body h3{margin-top:var(--sp-5)}.post-figure{display:grid;gap:var(--sp-2);margin:var(--sp-2) 0}.post-figure img{width:100%;height:auto;border-radius:1rem;background:var(--c-surface)}.post-figure figcaption{font-size:var(--fs-sm);color:var(--c-text-dim);text-align:center}.prose .specs{display:grid;grid-template-columns:max-content 1fr;gap:.25rem var(--sp-3);margin:0;padding:var(--sp-3) var(--sp-4);border-radius:.875rem;background:#ffffff0a;border:1px solid rgb(255 255 255 / .07);font-size:var(--fs-sm)}@media(min-width:40em){.prose .specs{grid-template-columns:max-content 1fr max-content 1fr}}.prose .specs dt{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-dim);align-self:center}.prose .specs dd{margin:0;font-weight:600;color:var(--c-paper)}.prose ul.checklist{list-style:none;padding-left:0}.prose ul.checklist li{position:relative;padding-left:2rem}.prose ul.checklist li:before{content:"";position:absolute;left:0;top:.2em;width:1.25rem;height:1.25rem;border-radius:.375rem;background:var(--c-jade) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 70% no-repeat}.prose .note{padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--c-amber);border-radius:0 .75rem .75rem 0;background:#ffb54714;font-size:var(--fs-sm)}.prose .chart{display:grid;gap:var(--sp-3);padding:var(--sp-4);border-radius:1rem;background:#ffffff0a;border:1px solid rgb(255 255 255 / .07)}.prose .chart__title{font-weight:700;color:var(--c-paper)}.prose .chart__rows{display:grid;grid-template-columns:minmax(7rem,38%) 1fr;gap:var(--sp-2) var(--sp-3);align-items:center;margin:0;font-size:var(--fs-sm)}.prose .chart__rows dt{color:var(--c-text)}.prose .chart__rows dd{display:flex;align-items:center;gap:var(--sp-2);margin:0}.prose .chart__rows meter{flex:1;height:.75rem;min-width:0;-webkit-appearance:none;appearance:none;border:0;border-radius:var(--radius-pill);background:#ffffff14}.prose .chart__rows meter::-webkit-meter-bar{border:0;border-radius:var(--radius-pill);background:#ffffff14;height:.75rem}.prose .chart__rows meter::-webkit-meter-optimum-value{border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--c-amber),var(--c-vermilion))}.prose .chart__rows meter::-moz-meter-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--c-amber),var(--c-vermilion))}.prose .chart__rows span{flex:none;min-width:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--c-text-dim);text-align:right}.post__body .table-wrap{overflow-x:auto;border-radius:1rem;border:1px solid rgb(255 255 255 / .07)}.post__body .table-wrap table{min-width:34rem}.post__body table th{background:#ffffff0a}.post-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:1.25rem;background:linear-gradient(135deg,var(--c-surface-2),var(--c-surface));border:1px solid rgb(255 181 71 / .25)}.post-cta__icon{border-radius:23%}.post-cta__body{flex:1 1 14rem}.post-cta__title{font-family:var(--f-display);font-weight:800;font-size:var(--fs-lg);color:var(--c-paper)}.post-cta__text{font-size:var(--fs-sm);color:var(--c-text-dim)}.blog-head{display:grid;gap:var(--sp-2)}.blog-head__lead{color:var(--c-text-dim);max-width:40rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--sp-4)}.post-card{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:1.25rem;background:#ffffff0a;border:1px solid rgb(255 255 255 / .07);transition:transform .2s var(--ease-out)}.post-card:hover{transform:translateY(-3px)}.post-card__img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.post-card__body{display:grid;gap:var(--sp-2);align-content:start;padding:var(--sp-4)}.post-card__title{font-size:var(--fs-lg);line-height:1.25}.post-card__link{color:var(--c-paper);text-decoration:none}.post-card__link:after{content:"";position:absolute;inset:0}.post-card__excerpt{font-size:var(--fs-sm);color:var(--c-text-dim)}.post-card__meta{font-size:var(--fs-xs);color:var(--c-text-dim)}}