.bloglist{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.blogcard{border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:22px;flex-direction:column;gap:10px;padding:26px 26px 22px;text-decoration:none;transition:border-color .2s,transform .15s,background .2s;display:flex}.blogcard:hover{border-color:var(--line2);background:var(--raise);transform:translateY(-2px)}.blogcard h2,.blogcard h3{font-variation-settings:"wdth" 108;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:20px;line-height:1.25}.blogcard p{color:var(--ink2);margin:0;font-size:14px;line-height:1.55}.bc-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bc-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--amber);border:1px solid #ff950059;border-radius:6px;padding:2px 8px;font:600 10px JetBrains Mono,monospace}.bc-date{color:var(--ink3);letter-spacing:.02em;font:500 11.5px JetBrains Mono,monospace}.bc-more{color:var(--amber);margin-top:4px;font:700 13px Archivo,sans-serif}.crumbs{letter-spacing:.04em;color:var(--ink3);margin-bottom:22px;font:600 12px JetBrains Mono,monospace}.crumbs a{color:var(--ink2);text-decoration:none}.crumbs a:hover{color:var(--amber)}.crumbs span[aria-hidden]{color:var(--ink3);margin:0 6px}.post-head{margin-bottom:30px}.post-head h1{text-wrap:balance;margin:0 0 12px;font-size:clamp(28px,4.4vw,42px);line-height:1.1}.post-byline{color:var(--ink3);letter-spacing:.02em;margin:0;font:500 13px JetBrains Mono,monospace}.post-body{max-width:none;font-size:16.5px;line-height:1.7}.post-body p{margin:0 0 18px}.post-body h2{color:var(--ink);font-variation-settings:"wdth" 110;letter-spacing:-.01em;text-wrap:balance;margin:38px 0 12px;font-size:23px}.post-body ul{margin:0 0 18px;padding-left:4px;list-style:none}.post-body li{margin:0 0 9px;padding-left:26px;position:relative}.post-body li:before{content:"→";color:var(--amber);font-weight:600;position:absolute;left:0}.post-body strong{color:var(--ink);font-weight:600}.post-body a{color:var(--amber);text-underline-offset:2px}.post-cta{margin:44px 0 34px}.post-related h2{margin:0 0 16px;font-size:20px}@media (max-width:560px){.post-body{font-size:16px}.post-body h2{font-size:21px}}