.post-card{--sdk-catalog-image-box:16 / 10}.post-card:has(>.sdk-catalog-image){--card-rows:4}.post-card .sdk-catalog-image{overflow:hidden}.post-card .sdk-catalog-image img{flex:1;min-height:0}.post-card .post-card__title{margin-block-end:.7rem;line-height:1.22}.post-card__excerpt{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-meta{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.02em;color:var(--ink-body);font-weight:600}.post-card .post-meta{font-size:var(--text-sm)}.post-head{padding-block:.75rem 0}.post-body{padding-block:clamp(3rem, 5vw, 3.5rem) var(--section)}@media (width>=52rem){.post-head .split{align-items:center}}.post-head .breadcrumbs{margin-block-end:.75rem}.post-head .breadcrumbs a{align-items:center;min-height:2.75rem;padding-block:0;display:inline-flex}.post-head .breadcrumbs ol{flex-wrap:nowrap}.post-head .breadcrumbs li{flex:none;align-items:center;min-height:2.75rem;display:flex}.post-head .breadcrumbs li[aria-current=page]{min-width:0;color:var(--ink);flex:0 auto;font-weight:600}.post-head .breadcrumbs li[aria-current=page]>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-head h1{font-size:clamp(1.85rem,4.6vw,2.75rem);line-height:1.12}.post-head .post-meta{margin:1.25rem 0 0}.post-head .figure img{aspect-ratio:16/10;object-fit:cover}.post-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}@media (width>=64rem){.post-layout{grid-template-columns:minmax(0,40rem) minmax(0,1fr);gap:clamp(3rem,6vw,5rem)}.post-aside{position:sticky;inset-block-start:1.5rem}}.post-aside{background:var(--paper-tint);border:1px solid var(--line);border-radius:var(--radius);align-self:start;padding:clamp(1.25rem,3vw,1.6rem)}.post-aside .mini-head{margin-block-end:.75rem}.post-aside .btn-row{margin-block-start:1.25rem}.prose{overflow-wrap:break-word;font-size:1.125rem;line-height:1.75}.prose>:first-child{margin-block-start:0}.prose>:last-child{margin-block-end:0}.prose p,.prose ul,.prose ol{margin-block:0 1.3em}.prose h2{margin-block:2.25em .55em;font-size:clamp(1.45rem,3.4vw,1.9rem)}.prose h3{margin-block:1.7em .45em;font-size:clamp(1.2rem,2.6vw,1.4rem)}.prose h4{margin-block:1.5em .4em}.prose h2+h3{margin-block-start:.9em}.prose strong{color:var(--ink)}.prose ul,.prose ol{padding-inline-start:1.4em}.prose li::marker{color:var(--blue-deep)}.prose li+li{margin-block-start:.4em}.prose li>:last-child{margin-block-end:0}.prose figure{margin:2rem 0}.prose img{border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-block:2rem;display:block}.prose figure img{margin:0}.prose figcaption{border-inline-start:3px solid var(--accent);font-size:var(--text-sm);margin-block-start:.85rem;padding-inline-start:.85rem;line-height:1.55}.prose blockquote{background:var(--paper-tint);border-inline-start:4px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink);margin:2rem 0;padding:1.1rem 1.4rem}.prose blockquote>:last-child{margin-block-end:0}.prose hr{border:0;border-block-start:1px solid var(--line);margin-block:2.5rem}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-base);margin:0 0 1.75rem;line-height:1.5}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.7rem .75rem}.prose th{background:var(--paper-band);border-bottom-color:var(--blue-deep);font-family:var(--font-display);color:var(--ink)}.post-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.post-tags li{min-width:0;max-width:100%}.post-tags a{border:1px solid var(--line);max-width:100%;min-height:2.75rem;color:var(--blue-dark);font-size:var(--text-sm);background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem 1.1rem;line-height:1.2;text-decoration-line:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.post-tags a:hover{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff;text-decoration-line:none}.post-tags__count{color:var(--ink-body);font-weight:600}.post-tags a:hover .post-tags__count{color:inherit}@container page (width<=16rem){.prose ul,.prose ol{padding-inline-start:1.1rem}.prose blockquote{padding-inline:.6rem}.post-aside{padding:.6rem}}