.blog-shell{width:min(100% - 2rem,1180px);margin-inline:auto}.blog-hero{padding-block:clamp(3.5rem,8vw,6rem) 2.5rem}.blog-kicker{color:var(--kicker-color);font-family:var(--font-display);font-size:.78rem;font-weight:var(--display-weight);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem}.blog-hero h1,.post-header h1{overflow-wrap:anywhere;max-width:20ch;margin:0}.blog-intro{max-width:68ch;color:var(--muted-ink);margin:1rem 0 0;font-size:1.06rem}.blog-listing{padding-bottom:clamp(2rem,6vw,4rem)}.tag-cloud{border:var(--border-standard);border-radius:var(--radius-sm);background:var(--surface-alt);box-shadow:var(--card-shadow);margin-bottom:clamp(2rem,5vw,3rem);padding:1rem clamp(1rem,3vw,1.5rem)}.tag-cloud h2{margin:0;font-size:1rem}.tag-cloud .tag-list{margin-top:0;padding-top:.75rem}.section-heading{margin:0 0 1.5rem;font-size:clamp(1.55rem,3vw,2rem)}.post-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.post-card,.blog-empty{border:var(--border-standard);border-radius:var(--radius-sm);background:var(--card-bg);box-shadow:var(--card-shadow)}.post-card{min-width:0;padding:var(--card-padding);flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex}.post-card:hover,.post-card:focus-within{box-shadow:var(--card-hover-shadow);transform:translate(-2px,-2px)}.post-card h3{margin:0;font-size:clamp(1.25rem,3vw,1.55rem)}.post-card h3 a{text-decoration-thickness:2px}.post-date,.byline{color:var(--muted-ink);font-size:.88rem}.post-date{margin:0 0 .65rem}.post-description{color:var(--muted-ink);margin:1rem 0 0}.tag-list{flex-wrap:wrap;gap:.45rem;margin:auto 0 0;padding:1.25rem 0 0;list-style:none;display:flex}.tag-list li{border:var(--border-standard);border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--ink);font-size:.78rem;font-weight:600;line-height:1.35}.tag-list a{border-radius:inherit;padding:.2rem .55rem;text-decoration:none;display:block}.tag-list a:hover{background:var(--accent);color:var(--button-ink)}.pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:clamp(2rem,6vw,4rem);display:grid}.pagination p{color:var(--muted-ink);text-align:center;margin:0;font-size:.88rem}.pagination-button{min-height:var(--button-height);padding:var(--button-padding);border:var(--border-standard);border-radius:var(--radius-sm);background:var(--button-bg);box-shadow:var(--button-shadow);color:var(--button-ink);font-family:var(--font-display);font-weight:var(--display-weight);justify-content:center;justify-self:start;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.pagination-button:last-child{justify-self:end}.pagination-button:hover{background:var(--button-hover-bg);box-shadow:var(--button-hover-shadow);color:var(--button-ink);transform:translate(-1px,-1px)}.pagination-button:active{box-shadow:var(--button-active-shadow);transform:translate(3px,3px)}.blog-empty{max-width:42rem;padding:clamp(1.4rem,4vw,2rem)}.blog-empty h3,.blog-empty p{margin:0}.blog-empty p{color:var(--muted-ink);margin-top:.75rem}.blog-post{max-width:1180px;padding-block:clamp(3.5rem,8vw,6rem) 4rem}.tag-page-header h1 span{color:var(--kicker-color)}.tag-page-back{margin:2rem 0 0;font-weight:600}.post-header,.blog-prose,.more-posts,.post-footer{width:min(100%,68ch);margin-inline:auto}.byline{margin:1.25rem 0 0}.post-header .tag-list{margin-top:0}.blog-prose{margin-top:clamp(2.5rem,6vw,4rem);font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.75}.blog-prose :is(h2,h3){scroll-margin-top:calc(var(--header-height) + 1rem)}.blog-prose h2{margin:2.5rem 0 1rem;font-size:clamp(1.65rem,4vw,2.2rem)}.blog-prose h3{margin:2rem 0 .75rem;font-size:clamp(1.2rem,3vw,1.45rem)}.blog-prose p{margin:1rem 0}.blog-prose :is(ul,ol){margin:1.25rem 0;padding-left:1.5rem}.blog-prose li+li{margin-top:.55rem}.blog-prose blockquote{border-left:6px solid var(--accent-dark);background:var(--surface-alt);color:var(--ink);margin:1.75rem 0;padding:.8rem 1rem}.blog-prose blockquote>:first-child{margin-top:0}.blog-prose blockquote>:last-child{margin-bottom:0}.blog-prose a{color:var(--accent-deep);font-weight:600;text-decoration-thickness:2px}.blog-prose a:hover{color:var(--kicker-color)}.blog-prose :is(img,video){border:var(--border-standard);border-radius:var(--radius-sm);max-width:100%;height:auto;box-shadow:var(--card-shadow)}.more-posts{border:var(--border-standard);border-radius:var(--radius-sm);background:var(--surface-alt);box-shadow:var(--card-shadow);margin-top:3rem;padding:clamp(1.25rem,4vw,1.75rem)}.more-posts h2{margin:0;font-size:clamp(1.35rem,3vw,1.7rem)}.more-posts ul{margin:1.25rem 0 0;padding:0;list-style:none}.more-posts li{gap:.25rem;display:grid}.more-posts li+li{border-top:var(--border-standard);margin-top:1rem;padding-top:1rem}.more-posts a{font-family:var(--font-heading);font-weight:700;line-height:var(--heading-leading)}.more-posts time{color:var(--muted-ink);font-size:.82rem}.post-footer{border-top:var(--border-standard);margin-top:3rem;padding-top:1.5rem;font-weight:600}@media (width<=480px){.post-card,.blog-empty{padding:1.1rem}.blog-post{padding-top:3rem}.pagination{grid-template-columns:1fr 1fr}.pagination p{grid-area:1/1/auto/-1}.pagination>:not(p){grid-row:2}}
