.blog-page{padding:calc(var(--header-height) + 48px) clamp(16px, 5vw, 64px) 96px;box-sizing:border-box;background:var(--background);background-attachment:fixed;min-height:100vh}.blog-container-shadow{filter:var(--drop-shadow-s);max-width:768px;margin:0 auto}.blog-container{box-sizing:border-box;background-color:var(--resume-background);border:1px solid var(--resume-background);-webkit-backdrop-filter:var(--resume-backdrop-filter);backdrop-filter:var(--resume-backdrop-filter);corner-shape:superellipse(2.2);color:var(--text-color);border-radius:8px;padding:clamp(16px,4vw,32px)}.blog-back{color:var(--accent-color);margin-bottom:24px;font-size:clamp(12px,3vw,14px);font-weight:500;text-decoration:none;display:inline-block}.blog-back:hover{text-decoration:underline}.blog-title{color:var(--large-heading-color);letter-spacing:-.0125rem;margin:0 0 8px;font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1.1}.blog-post-subtitle{color:var(--sub-text-color);margin:0 0 12px;font-size:clamp(16px,3vw,20px);font-weight:300}.blog-post-date{color:var(--sub-text-color);font-size:clamp(12px,3vw,14px);font-weight:300}.blog-divider{border:0;border-top:1px solid var(--divider-color);margin:24px 0}.blog-prose p{color:var(--text-color);margin:0 0 1.2em;font-size:clamp(15px,2.4vw,18px);font-weight:300;line-height:1.7}.blog-prose h2{color:var(--large-heading-color);letter-spacing:-.0125rem;margin:1.8em 0 .6em;font-size:clamp(22px,3.5vw,30px);font-weight:600;line-height:1.2}.blog-prose h3{color:var(--large-heading-color);margin:1.6em 0 .5em;font-size:clamp(18px,3vw,24px);font-weight:600}.blog-prose h4{color:var(--large-heading-color);margin:1.4em 0 .4em;font-size:clamp(16px,2.5vw,20px);font-weight:600}.blog-prose a{color:var(--accent-color);text-underline-offset:2px;text-decoration:underline}.blog-prose ul,.blog-prose ol{color:var(--text-color);margin:0 0 1.2em;padding-left:1.4em;font-size:clamp(15px,2.4vw,18px);font-weight:300;line-height:1.7}.blog-prose li{margin-bottom:.4em}.blog-prose blockquote{border-left:3px solid var(--accent-color);color:var(--sub-text-color);margin:1.4em 0;padding-left:1em;font-style:italic}.blog-prose :not(pre)>code{background:var(--divider-color);border-radius:4px;padding:.15em .4em;font-family:OfficeCodePro,ui-monospace,monospace;font-size:.9em}.blog-prose pre{corner-shape:superellipse(2.2);border-radius:8px;margin:1.4em 0;padding:clamp(12px,3vw,20px);font-size:clamp(12px,2vw,14px);line-height:1.6;overflow-x:auto}.blog-prose pre code{font-size:inherit;background:0 0;padding:0}.blog-prose pre,.blog-prose pre span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}body.dark-mode .blog-prose pre,body.dark-mode .blog-prose pre span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}.blog-prose hr{border:0;border-top:1px solid var(--divider-color);margin:2em 0}.blog-prose img,.blog-prose .blog-prose-img{corner-shape:superellipse(2.2);border-radius:8px;display:block}.blog-prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:clamp(13px,2vw,15px)}.blog-prose th,.blog-prose td{border:1px solid var(--divider-color);text-align:left;padding:8px 12px}