.blog-post-page{flex-direction:column;min-height:100svh;display:flex}.blog-post-article,.blog-post-not-found{z-index:1;flex:1;width:min(820px,100% - 48px);margin:0 auto;padding:clamp(40px,6vw,72px) 0 clamp(56px,8vw,96px);position:relative}.blog-post-back-link{color:var(--aeo-ink-nav);font-family:var(--font-sans);font-size:var(--fs-base);background:#eef1f80a;border:1px solid #eef1f82e;border-radius:8px;align-items:center;padding:9px 14px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.blog-post-back-link:hover{background:#eef1f812;border-color:#eef1f866}.aeo-night .blog-post-back-link{color:var(--aeo-ink-nav)}.aeo-night .blog-post-back-link:hover{color:var(--aeo-ink)}.blog-post-header{border-bottom:1px solid var(--aeo-line);margin:30px 0 32px;padding-bottom:28px}.blog-post-meta-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.blog-post-emoji{background:linear-gradient(180deg, var(--aeo-surface-2), var(--aeo-surface));border:1px solid #eef1f81f;border-radius:10px;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:inline-grid}.blog-post-category{color:var(--aeo-teal);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:600}.blog-post-title{color:var(--aeo-ink);font-family:var(--font-sans);letter-spacing:-.03em;text-wrap:balance;margin:0 0 18px;font-size:clamp(36px,4.8vw,60px);font-weight:700;line-height:1.02}.blog-post-byline{color:var(--aeo-ink-faint);font-family:var(--font-mono);font-size:var(--fs-base);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-post-sep{color:var(--aeo-ink-mute)}.blog-post-featured-badge{color:var(--aeo-amber);font-family:var(--font-mono);font-size:var(--fs-xs);background:#ffb45414;border:1px solid #ffb45459;border-radius:999px;margin-top:16px;padding:4px 9px;display:inline-flex}.blog-post-body{color:var(--aeo-ink-soft);font-family:var(--font-sans);text-wrap:pretty;font-size:clamp(16px,1.2vw,17px);line-height:1.75}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{color:var(--aeo-ink);font-family:var(--font-sans);letter-spacing:-.02em;text-wrap:balance;margin:2em 0 .6em;font-weight:700;line-height:1.15}.blog-post-body h1{font-size:clamp(28px,3vw,36px)}.blog-post-body h2{font-size:clamp(24px,2.6vw,32px)}.blog-post-body h3{font-size:clamp(19px,1.8vw,22px)}.blog-post-body h4{font-size:var(--fs-md)}.blog-post-body p{margin:0 0 1.3em}.blog-post-body a{color:var(--aeo-link);text-underline-offset:4px;-webkit-text-decoration:underline #7fd8ff73;text-decoration:underline #7fd8ff73;transition:color .15s,text-decoration-color .15s}.blog-post-body a:hover{color:var(--aeo-ink);-webkit-text-decoration-color:var(--aeo-ink);text-decoration-color:var(--aeo-ink)}.blog-post-body ul,.blog-post-body ol{margin:0 0 1.3em;padding-left:1.4em}.blog-post-body li{margin-bottom:.45em}.blog-post-body li::marker{color:var(--aeo-teal)}.blog-post-body strong{color:var(--aeo-ink);font-weight:600}.blog-post-body blockquote{border-left:2px solid var(--aeo-teal);color:var(--aeo-ink-dim);background:#4fd1ff0f;border-radius:0 10px 10px 0;margin:1.6em 0;padding:14px 18px}.blog-post-body blockquote p:last-child{margin-bottom:0}.blog-post-body code{border:1px solid var(--aeo-line);color:var(--aeo-teal-soft);background:var(--aeo-surface-2);font-family:var(--font-mono);border-radius:6px;padding:2px 6px;font-size:.9em}.blog-post-body pre{background:linear-gradient(180deg, var(--aeo-surface-2), var(--aeo-surface));border:1px solid #eef1f81f;border-radius:12px;margin:1.6em 0;padding:18px;overflow-x:auto}.blog-post-body pre code{color:var(--aeo-ink-soft);font-size:var(--fs-base);background:0 0;border:0;padding:0;line-height:1.7}.blog-post-body hr{background:var(--aeo-line);border:0;height:1px;margin:2.4em 0}.blog-post-body img{border-radius:12px;max-width:100%;height:auto}.blog-post-body table{border-collapse:collapse;width:100%;font-size:var(--fs-base);margin:1.4em 0}.blog-post-body th,.blog-post-body td{border-bottom:1px solid var(--aeo-line);text-align:left;vertical-align:top;padding:12px}.blog-post-body th{color:var(--aeo-ink-faint);font-size:var(--fs-xs);font-weight:500}.blog-post-body td{color:var(--aeo-ink-soft)}.blog-post-footer{border-top:1px solid var(--aeo-line);margin-top:40px;padding-top:24px}.blog-post-not-found{width:min(720px,100% - 48px);padding-top:clamp(64px,10vw,120px)}.blog-post-not-found h1{color:var(--aeo-ink);font-family:var(--font-sans);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(32px,4vw,48px);font-weight:700}.blog-post-not-found p{color:var(--aeo-ink-dim);font-size:var(--fs-md);margin:0 0 24px}@media (width<=640px){.blog-post-article,.blog-post-not-found{width:calc(100% - 36px)}.blog-post-body{font-size:var(--fs-md)}}