.blog-site-header,.blog-site-main,.blog-site-footer{max-width:1200px;margin:auto;padding:24px}.blog-site-header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ddd}.blog-site-header>a{font-size:22px;font-weight:700}.blog-site-header nav{display:flex;gap:18px}.blog-site-main h1{font-size:clamp(28px,5vw,44px);line-height:1.2}.blog-site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px;margin:32px 0}.blog-site-grid article{padding:20px;border:1px solid #ddd;border-radius:14px;background:#fff}.blog-site-grid img{width:100%;height:200px;object-fit:cover;border-radius:8px}.blog-site-article{max-width:850px;margin:32px auto}.blog-site-cover{max-width:100%;height:auto;border-radius:12px}.blog-site-body{line-height:1.85;font-size:18px;overflow-wrap:anywhere}.blog-site-body h2{margin-top:32px}.blog-site-summary{font-size:21px;color:#53606d}.blog-site-article aside{margin:36px 0;padding:24px;background:#fff0e6;border-radius:12px}.blog-site-footer{border-top:1px solid #ddd;font-size:14px}@media(max-width:600px){.blog-site-header{flex-direction:column}.blog-site-header,.blog-site-main,.blog-site-footer{padding:20px}.blog-site-header nav{flex-wrap:wrap}}

.blog-site-body figure{margin:2rem 0}.blog-site-body figure img{max-width:100%;height:auto}.blog-site-body figcaption{font-size:.85rem;color:#66757a}

.blog-align-left{text-align:left}.blog-align-center{text-align:center}.blog-align-right{text-align:right}.blog-site-body blockquote{border-left:4px solid #e98a45;padding:12px 20px;margin:24px 0;background:#fff6ee}