.bug-htg .bug-HTGuide{padding:2rem;max-width:1200px;margin:0 auto;text-align:center}
.bug-htg .ht-guide-header h2{font-size:24px;font-weight:bold;margin-bottom:1.5rem}
.bug-htg .ht-guide-header .fpo{color:#e6007e;font-weight:normal}
.bug-htg .ht-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;justify-content:center;align-items:flex-start}
@media only screen and (max-width:528px){.bug-htg .ht-guide-grid{grid-template-columns:auto;align-items:center}
}
.bug-htg .ht-guide-card{border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);text-align:center;display:flex;flex-direction:column;height:394.46px;transition:transform .2s ease;gap:10px;max-width:330px}
.bug-htg .ht-guide-card.no-image{height:auto;padding:24px 0}
.bug-htg .ht-guide-card.bg-white{background-color:#fff}
.bug-htg .ht-guide-card.bg-light-gray{background-color:#f7f7f7}
.bug-htg .ht-guide-card.bg-dark-gray{background-color:#535353}
.bug-htg .ht-guide-card.bg-dark-gray .ht-guide-title{color:#fff}
.bug-htg .ht-guide-card.bg-dark-gray .ht-guide-desc{color:#ccc}
.bug-htg .ht-guide-card.bg-dark-gray .ht-guide-link{color:#fff;border-bottom-color:#fff}
.bug-htg .ht-guide-card.bg-black{background-color:#000}
.bug-htg .ht-guide-card.bg-black .ht-guide-title{color:#fff}
.bug-htg .ht-guide-card.bg-black .ht-guide-desc{color:#ccc}
.bug-htg .ht-guide-card.bg-black .ht-guide-link{color:#fff;border-bottom-color:#fff}
.bug-htg .ht-guide-card.bg-transparent{background-color:transparent;box-shadow:none}
.bug-htg .ht-guide-card:hover{transform:translateY(-4px)}
.bug-htg .ht-guide-image{width:100%;height:200px;object-fit:cover;margin-bottom:12px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.bug-htg .ht-guide-title{font-size:16px;font-weight:bold;margin-bottom:8px;color:#000}
.bug-htg .ht-guide-desc{font-size:14px;color:#555;margin-bottom:16px;padding:0 20px}
.bug-htg .ht-guide-link{font-size:14px;font-weight:bold;color:#000;white-space:nowrap;margin:auto;position:relative;text-decoration:none;color:inherit;padding-bottom:1px;border-bottom:2px solid #000;background:linear-gradient(to right,#000,#000);background-position:center bottom;background-size:0 2px;background-repeat:no-repeat}
.bug-htg .ht-guide-link:hover,.bug-htg .ht-guide-link:focus{border-bottom-color:transparent;-webkit-animation:cta-underline-animation .2s both;animation:cta-underline-animation .2s both;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-animation-delay:.1s;animation-delay:.1s}
@keyframes cta-underline-animation{0{background-size:0 2px}
100%{background-size:100% 2px}
}