.hno-blog{padding:48px 0 80px}.hno-blog h1{font-size:max(2rem, min(4vw, 3rem));color:#1f2937}.hno-blog-item{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #dce3ea}.hno-blog-item h2{font-size:1.5rem}.hno-blog-item h2 a{color:#1f2937;-webkit-text-decoration:none;text-decoration:none}.hno-blog-item div,.hno-blog-item p{color:#1f2937}.hno-side{background:#f1f5f9;border-radius:4px;padding:24px}.hno-side h2{font-size:1rem;color:#1f2937}.hno-side a{color:#1f2937}.hno-recent{list-style:none;padding:0;margin:0}.hno-recent li{display:flex;gap:12px;margin-bottom:12px}.hno-date{background:#334155;color:#fff;min-width:48px;text-align:center;border-radius:4px;padding:4px}.hno-date span{display:block;color:#fff;font-size:.75rem}.hno-article{max-width:780px;margin:48px auto 32px;padding:0 16px}.hno-article h1{font-size:max(2rem, min(4vw, 3rem));color:#1f2937;text-align:center}.hno-article .content,.hno-article p{color:#1f2937}.hno-kicker{display:inline-block;background:#475569;color:#fff;border-radius:4px;padding:4px 8px;font-size:.75rem}.hno-related{background:#f1f5f9;padding:48px 0 80px}.hno-related h2{color:#1f2937}.hno-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px}.hno-rel-card{background:#fff;border-radius:4px;padding:16px}.hno-rel-card a{color:#1f2937}.hno-reply{max-width:780px;margin:0 auto 64px;padding:0 16px}.hno-reply h3,.hno-reply label,.hno-reply p{color:#1f2937}.hno-share{text-align:center;margin:24px 0}.hno-share a:not([class*=btn-]){color:#fff;background:#334155;padding:8px 16px;border-radius:4px;-webkit-text-decoration:none;text-decoration:none}