.blog-shell{padding:96px 0 120px;min-height:100vh}.blog-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;font:500 13px/1 var(--pia-font-body);color:var(--pia-voice-tertiary);letter-spacing:.2px;transition:color .15s var(--pia-ease-standard)}.blog-back:hover{color:var(--pia-voice-emphasis)}.blog-index-head{max-width:720px;margin-bottom:64px}.blog-index-head h1{font:700 56px/1.04 var(--pia-font-display);letter-spacing:-1.5px;color:var(--pia-voice-emphasis);margin:16px 0 0}.blog-index-head p{font:400 19px/30px var(--pia-font-body);color:var(--pia-voice-secondary);margin:16px 0 0;max-width:600px}.blog-list{display:grid;grid-gap:0;gap:0;border-top:1px solid var(--pia-env-border-subtle)}.blog-list a{display:grid;grid-template-columns:140px 1fr auto;grid-gap:32px;gap:32px;padding:28px 0;border-bottom:1px solid var(--pia-env-border-subtle);align-items:baseline;transition:background .15s var(--pia-ease-standard)}.blog-list a:hover{background:var(--pia-env-surface-secondary)}.blog-list .date{font:500 13px/20px var(--pia-font-mono,monospace);color:var(--pia-voice-tertiary);letter-spacing:.4px}.blog-list .meta h3{font:700 22px/28px var(--pia-font-display);letter-spacing:-.3px;color:var(--pia-voice-emphasis);margin:0 0 6px}.blog-list .meta p{font:400 14px/22px var(--pia-font-body);color:var(--pia-voice-secondary);margin:0;max-width:600px}.blog-list .arrow{font:600 13px/1 var(--pia-font-body);color:var(--pia-voice-tertiary);letter-spacing:.2px}@media (max-width:720px){.blog-list a{grid-template-columns:1fr;gap:8px;padding:24px 0}.blog-list .arrow{display:none}.blog-index-head h1{font-size:40px;letter-spacing:-1px}}.blog-article{max-width:720px;margin:0 auto;padding:0 32px}.blog-article .article-head{margin-bottom:56px;padding-bottom:32px;border-bottom:1px solid var(--pia-env-border-subtle)}.blog-article .article-head .date{font:600 11px/16px var(--pia-font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--pia-brass-800);margin:0}.blog-article .article-head h1{font:700 48px/1.08 var(--pia-font-display);letter-spacing:-1.4px;color:var(--pia-voice-emphasis);margin:16px 0 0}.blog-article .article-head .lede{font:400 19px/30px var(--pia-font-body);color:var(--pia-voice-secondary);margin:16px 0 0}.blog-article .body h2{font:700 28px/1.2 var(--pia-font-display);letter-spacing:-.6px;color:var(--pia-voice-emphasis);margin:56px 0 16px}.blog-article .body h3{font:600 21px/1.3 var(--pia-font-display);letter-spacing:-.3px;color:var(--pia-voice-emphasis);margin:40px 0 12px}.blog-article .body ol,.blog-article .body p,.blog-article .body ul{font:400 17px/28px var(--pia-font-body);color:var(--pia-voice-primary);margin:0 0 20px}.blog-article .body ol,.blog-article .body ul{padding-left:24px}.blog-article .body li{margin-bottom:8px}.blog-article .body blockquote{border-left:3px solid var(--pia-accent-default);padding-left:20px;margin:24px 0;font-style:italic;color:var(--pia-voice-secondary)}.blog-article .body code{font:500 14px/1 var(--pia-font-fallback-mono);background:var(--pia-env-sunken);padding:2px 6px;border-radius:4px}.blog-article .body strong{color:var(--pia-voice-emphasis);font-weight:700}@media (max-width:720px){.blog-article .article-head h1{font-size:32px;letter-spacing:-.8px}}.post-illustration{margin:32px 0 48px;padding:0}.post-illustration-canvas{background:var(--pia-accent-tint-subtle);border-radius:20px;padding:32px 24px 28px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.post-illustration-canvas svg{width:100%;height:auto;max-width:720px;display:block}.post-illustration-caption{margin-top:14px;font:400 13px/20px var(--pia-font-body);color:var(--pia-voice-tertiary);font-style:italic;text-align:center;letter-spacing:.1px}@media (min-width:920px){.post-illustration{margin-left:-40px;margin-right:-40px}.post-illustration--inline{margin-left:0;margin-right:0}}.post-illustration--inline{margin:24px auto 32px;max-width:560px}.post-illustration--inline .post-illustration-canvas{padding:20px 18px 16px;border-radius:16px}.post-illustration--inline .post-illustration-canvas svg{max-width:520px}.post-illustration--inline .post-illustration-caption{margin-top:10px;font-size:12px;line-height:18px}.blog-list a{position:relative}.blog-list .post-thumb{position:absolute;top:50%;right:0;transform:translateY(-50%);width:96px;height:64px;border-radius:10px;background:var(--pia-accent-tint-subtle);overflow:hidden;display:none;align-items:center;justify-content:center;flex-shrink:0}.blog-list .post-thumb svg{width:100%;height:100%}@media (min-width:800px){.blog-list a{grid-template-columns:140px 1fr 96px auto;gap:32px;align-items:center}.blog-list .post-thumb{position:static;transform:none;display:flex}}