app-blog-post{font-family:var(--font--body);color:var(--mg-text);display:block}app-blog-post .bp-page{background:var(--mg-bg);min-height:100vh;color:var(--mg-text);padding:7rem 1.5rem 4rem}app-blog-post .bp-container{background:var(--mg-surface);border:1px solid var(--mg-stroke);width:100%;max-width:880px;box-shadow:var(--mg-shadow);border-radius:18px;margin:0 auto;padding:2.5rem 2.25rem}app-blog-post .bp-breadcrumb{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1.75rem;font-size:.875rem;display:flex}app-blog-post .bp-breadcrumb a{color:var(--mg-muted);text-decoration:none;transition:color .2s}app-blog-post .bp-breadcrumb a:hover{color:var(--mg-text);text-decoration:underline}app-blog-post .bp-breadcrumb-sep{color:var(--mg-muted)}app-blog-post .bp-breadcrumb-current{color:var(--mg-brand-ink);text-overflow:ellipsis;white-space:nowrap;max-width:24rem;font-weight:500;overflow:hidden}app-blog-post .bp-article{max-width:40rem}app-blog-post .bp-meta{color:var(--mg-muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 .9rem;font-size:.8125rem;display:flex}app-blog-post .bp-tag{color:var(--mg-brand-ink);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}app-blog-post .bp-dot{color:var(--mg-stroke)}app-blog-post .bp-title{letter-spacing:-.02em;color:var(--mg-text);margin:0 0 .9rem;font-size:clamp(1.85rem,3.6vw,2.5rem);font-weight:600;line-height:1.15}app-blog-post .bp-dek{color:var(--mg-muted);margin:0 0 1.5rem;font-size:1.0625rem;line-height:1.65}app-blog-post .bp-byline{border-bottom:1px solid var(--mg-stroke);color:var(--mg-muted);align-items:center;gap:.55rem;margin:0;padding-bottom:1.75rem;font-size:.9375rem;display:flex}app-blog-post .bp-avatar{object-fit:cover;border:1px solid var(--mg-stroke);border-radius:50%;width:28px;height:28px}app-blog-post .bp-body{margin-top:2rem}app-blog-post .bp-h2{letter-spacing:-.015em;color:var(--mg-text);margin:2.5rem 0 .85rem;font-size:1.3125rem;font-weight:600;line-height:1.3}app-blog-post .bp-body>.bp-h2:first-child{margin-top:0}app-blog-post .bp-p{color:var(--mg-text);margin:0 0 1.15rem;font-size:1.0625rem;line-height:1.75}app-blog-post .bp-ul{flex-direction:column;gap:.6rem;margin:0 0 1.35rem;padding-left:1.15rem;display:flex}app-blog-post .bp-ul li{color:var(--mg-text);font-size:1.0625rem;line-height:1.7}app-blog-post .bp-ul li::marker{color:var(--mg-brand-ink)}app-blog-post .bp-note{border-left:3px solid var(--mg-brand-ink);color:var(--mg-muted);margin:0 0 1.35rem;padding:.1rem 0 .1rem 1.1rem;font-size:1rem;line-height:1.7}app-blog-post .bp-more{border-top:1px solid var(--mg-stroke);margin-top:3.25rem;padding-top:2rem}app-blog-post .bp-more-title{text-transform:uppercase;letter-spacing:.18em;color:var(--mg-muted);margin:0 0 1.1rem;font-size:.75rem;font-weight:600}app-blog-post .bp-more-list{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}app-blog-post .bp-more-link{border-radius:6px;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}app-blog-post .bp-more-link:focus-visible{outline:2px solid var(--mg-brand-ink);outline-offset:4px}app-blog-post .bp-more-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--mg-brand-ink);font-size:.75rem;font-weight:600}app-blog-post .bp-more-name{color:var(--mg-text);font-size:1.0625rem;font-weight:600;line-height:1.4}app-blog-post .bp-more-link:hover .bp-more-name{text-underline-offset:3px;text-decoration:underline}app-blog-post .bp-missing{max-width:34rem}app-blog-post .bp-back{color:var(--mg-brand-ink);font-weight:600;text-decoration:none}app-blog-post .bp-back:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=640px){app-blog-post .bp-page{padding:6rem 1rem 3rem}app-blog-post .bp-container{padding:1.75rem 1.25rem}app-blog-post .bp-breadcrumb-current{max-width:12rem}app-blog-post .bp-p,app-blog-post .bp-ul li{font-size:1rem}}
