.blog-post-page{max-width:720px;margin:0 auto;padding:32px clamp(16px,4vw,32px) 80px;box-sizing:border-box;color:var(--color-on-background)}.blog-post-page__header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.blog-post-page__back{font-size:13px;font-weight:600;color:var(--color-primary);text-decoration:none;width:-moz-fit-content;width:fit-content}.blog-post-page__back:hover{text-decoration:underline}.blog-post-page__title{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--color-on-background);text-wrap:balance}.blog-post-page__lede{margin:0;font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--color-on-surface-variant)}.blog-post-page__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:500;color:var(--color-on-surface-variant)}.blog-post-page__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.blog-post-page__tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--color-surface-container-highest);color:var(--color-on-surface-variant)}.blog-post-page__cover{display:block;width:100%;height:auto;border-radius:var(--shape-corner-large);margin-bottom:32px}.blog-post-page__body{font-size:17px;line-height:1.7;color:var(--color-on-surface)}.blog-post-page__body>*+*{margin-top:1.1em}.blog-post-page__body h1,.blog-post-page__body h2,.blog-post-page__body h3,.blog-post-page__body h4{margin-top:1.8em;margin-bottom:.4em;color:var(--color-on-background);line-height:1.25;letter-spacing:-.01em}.blog-post-page__body h1{font-size:1.9em;font-weight:800}.blog-post-page__body h2{font-size:1.5em;font-weight:700}.blog-post-page__body h3{font-size:1.2em;font-weight:700}.blog-post-page__body h4{font-size:1.05em;font-weight:700}.blog-post-page__body p{margin:0}.blog-post-page__body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.blog-post-page__body strong{color:var(--color-on-background);font-weight:700}.blog-post-page__body ol,.blog-post-page__body ul{margin:0;padding-left:1.5em;display:flex;flex-direction:column;gap:6px}.blog-post-page__body li::marker{color:var(--color-primary)}.blog-post-page__body blockquote{margin:0;padding:12px 20px;border-left:3px solid var(--color-primary);background:var(--color-surface-container);border-radius:0 var(--shape-corner-medium) var(--shape-corner-medium) 0;color:var(--color-on-surface-variant);font-style:italic}.blog-post-page__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:2px 6px;border-radius:4px}.blog-post-page__body code,.blog-post-page__body pre{font-size:.9em;background:var(--color-surface-container-highest)}.blog-post-page__body pre{margin:0;padding:16px 20px;border-radius:var(--shape-corner-medium);overflow-x:auto;line-height:1.5}.blog-post-page__body pre code{background:transparent;padding:0;font-size:1em}.blog-post-page__body img{max-width:100%;height:auto;border-radius:var(--shape-corner-medium);display:block}.blog-post-page__body hr{border:0;border-top:1px solid var(--color-outline-variant);margin:2em 0}.blog-post-page__footer{padding-top:16px;font-size:13px;color:var(--color-on-surface-variant)}.blog-post-page__footer,.blog-post-page__nav{margin-top:48px;border-top:1px solid var(--color-outline-variant)}.blog-post-page__nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:32px}.blog-post-page__nav-link{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:var(--color-surface-container);border-radius:var(--shape-corner-medium);text-decoration:none;color:inherit;transition:background .18s ease,transform .18s ease;min-width:0}.blog-post-page__nav-link:hover{background:var(--color-surface-container-high);transform:translateY(-2px)}.blog-post-page__nav-link--next{text-align:right;grid-column:2}.blog-post-page__nav-link--prev{grid-column:1}.blog-post-page__nav-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.blog-post-page__nav-title{font-size:15px;font-weight:600;color:var(--color-on-surface);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (max-width:560px){.blog-post-page__nav{grid-template-columns:1fr}.blog-post-page__nav-link--next,.blog-post-page__nav-link--prev{grid-column:1;text-align:left}}