.mhpc-button-wrap{display:flex;margin:24px auto}.mhpc-button-wrap.is-left{justify-content:flex-start}.mhpc-button-wrap.is-center{justify-content:center}.mhpc-button-wrap.is-right{justify-content:flex-end}.mhpc-button-wrap.is-wide .mhpc-smart-button{width:100%}.mhpc-smart-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:12px 27px;border:2px solid var(--mhpc-button-color);border-radius:999px;background:var(--mhpc-button-color);color:var(--mhpc-button-text)!important;font-weight:900;text-decoration:none;box-shadow:0 9px 22px color-mix(in srgb,var(--mhpc-button-color) 25%,transparent);transition:.2s}.mhpc-smart-button:hover{transform:translateY(-2px);filter:brightness(.96)}.mhpc-smart-button.is-outline{background:transparent;color:var(--mhpc-button-color)!important;box-shadow:none}.mhpc-smart-button.is-gradient{border-color:transparent;background:linear-gradient(115deg,var(--mhpc-button-color),color-mix(in srgb,var(--mhpc-button-color) 58%,#111827));box-shadow:0 12px 28px color-mix(in srgb,var(--mhpc-button-color) 32%,transparent)}
.mhpc-blogcard{display:grid;grid-template-columns:180px minmax(0,1fr) 28px;align-items:center;gap:20px;max-width:820px;margin:26px auto;padding:14px;border:1px solid var(--mhp-border,#e2e8f0);border-radius:11px;background:var(--mhp-surface,#fff);color:var(--mhp-text,#1e293b)!important;box-shadow:0 10px 28px rgba(15,23,42,.08);text-decoration:none;overflow:hidden;transition:.22s}.mhpc-blogcard:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(15,23,42,.13)}.mhpc-blogcard-image{display:grid;place-items:center;aspect-ratio:16/10;border-radius:7px;background:linear-gradient(145deg,var(--mhp-accent,#2563eb),var(--mhp-accent-2,#0f172a));overflow:hidden;color:#fff;font-size:2rem;font-weight:900}.mhpc-blogcard-image img{width:100%;height:100%;object-fit:cover}.mhpc-blogcard-copy{display:flex;min-width:0;flex-direction:column}.mhpc-blogcard-copy small{color:var(--mhp-accent,#2563eb);font-size:.68rem;font-weight:800}.mhpc-blogcard-copy strong{margin:5px 0;font-size:1rem;line-height:1.5}.mhpc-blogcard-copy>span{display:-webkit-box;color:var(--mhp-muted,#64748b);font-size:.78rem;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mhpc-blogcard>b{color:var(--mhp-accent,#2563eb)}.mhpc-blogcard.is-compact{grid-template-columns:105px minmax(0,1fr) 20px;max-width:650px;padding:10px}.mhpc-blogcard.is-compact .mhpc-blogcard-copy>span{display:none}.mhpc-blogcard.is-cover{position:relative;display:block;min-height:300px;padding:0}.mhpc-blogcard.is-cover .mhpc-blogcard-image{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}.mhpc-blogcard.is-cover .mhpc-blogcard-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,24,.9),rgba(5,10,24,.05))}.mhpc-blogcard.is-cover .mhpc-blogcard-copy{position:absolute;z-index:2;left:28px;right:60px;bottom:25px;color:#fff}.mhpc-blogcard.is-cover .mhpc-blogcard-copy small,.mhpc-blogcard.is-cover .mhpc-blogcard-copy>span{color:#dbe4f0}.mhpc-blogcard.is-cover .mhpc-blogcard-copy strong{font-size:1.25rem}.mhpc-blogcard.is-cover>b{position:absolute;z-index:2;right:28px;bottom:30px;color:#fff}
@media(max-width:600px){.mhpc-blogcard{grid-template-columns:105px minmax(0,1fr) 18px;gap:12px;padding:10px}.mhpc-blogcard-copy>span{display:none}.mhpc-blogcard.is-cover{min-height:235px}.mhpc-blogcard.is-cover .mhpc-blogcard-copy{left:20px;bottom:18px}.mhpc-blogcard.is-cover .mhpc-blogcard-copy strong{font-size:1.05rem}}
