body.blog-page{margin:0;min-height:100vh} .blog-shell{max-width:1120px;margin:auto;padding:24px clamp(20px,4vw,52px)} .blog-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-bottom:1px solid currentColor;padding-bottom:20px} .blog-bar nav{display:flex;gap:20px;flex-wrap:wrap} .blog-brand{font-weight:650;font-size:1.15rem} .blog-main{max-width:780px;margin:56px auto} .blog-main h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.035em;max-width:100%;margin:0 0 24px;overflow-wrap:anywhere} .blog-main h2{font-size:1.55rem;line-height:1.25;margin:40px 0 16px} .blog-main h3{font-size:1.2rem;margin:28px 0 12px} .blog-main p,.blog-main li{font-size:1.08rem;line-height:1.75} .blog-main p{margin:18px 0} .blog-main ul,.blog-main ol{padding-left:25px} .blog-main a,.blog-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} .blog-meta{font-size:.95rem;opacity:.8;margin:20px 0 36px} .blog-item{padding:28px 0;border-bottom:1px solid currentColor} .blog-item h2{margin:0 0 12px} .blog-related{border-top:1px solid currentColor;margin-top:48px;padding-top:20px} .blog-footer{padding:24px 0;border-top:1px solid currentColor;font-size:.95rem} .blog-main table{display:block;max-width:100%;overflow:auto} .blog-main blockquote{margin:20px 0;padding-left:20px;border-left:2px solid currentColor} .blog-home-link{display:block;text-align:center;padding:20px;font:inherit}