.hb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;max-width:1170px;margin:30px auto 40px;padding:0;font-family:'Open Sans',Arial,sans-serif;text-align:center;box-sizing:border-box}
.hb-grid *{box-sizing:border-box}
.hb-grid .hb-card{display:flex;flex-direction:column;background:#ffffff;border:1px solid #dcdcdc;border-radius:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.hb-grid a.hb-logo{display:block;margin:0;padding:0}
.hb-grid a.hb-logo img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:370/200;margin:0;border:0}
.hb-grid .hb-body{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:18px 20px 8px}
.hb-grid p.hb-what{min-height:2.8em;margin:0;padding:0;font-size:15px;line-height:1.4;color:#2d2d2d;text-align:center}
.hb-grid p.hb-live{margin:0;padding:0;font-size:15px;line-height:1.35;color:#4a4a4a;text-align:center}
.hb-grid p.hb-live strong{font-weight:800;color:#1c1c1c}
.hb-grid p.hb-live strong.hb-count{color:#1a7f37}
.hb-grid a.hb-btn,.hb-grid a.hb-btn:link,.hb-grid a.hb-btn:visited{display:flex;align-items:center;justify-content:center;min-height:44px;margin:auto 0 0;padding:0 12px;border-radius:6px;background:#007da8;color:#ffffff;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;text-align:center;transition:background .15s ease,transform .12s ease,box-shadow .15s ease}
.hb-grid a.hb-btn:focus{background:#00627f;color:#ffffff;text-decoration:none}
.hb-grid a.hb-btn:focus-visible{outline:3px solid #1c1c1c;outline-offset:2px}
.hb-grid a.hb-btn:active{background:#004d63;color:#ffffff;transform:scale(.96);box-shadow:none}
.hb-grid details.hb-more{margin:0;padding:0;text-align:center}
.hb-grid details.hb-more summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;font-size:14px;font-weight:600;line-height:1.2;color:#00708f;cursor:pointer;list-style:none}
.hb-grid details.hb-more summary::-webkit-details-marker{display:none}
.hb-grid details.hb-more summary::after{content:"";width:7px;height:7px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.hb-grid details.hb-more[open] summary::after{margin-top:4px;transform:rotate(-135deg)}
.hb-grid details.hb-more summary:focus-visible{outline:3px solid #1c1c1c;outline-offset:2px;border-radius:6px}
.hb-grid details.hb-more h4.hb-tag{margin:4px 0 6px;padding:0;font-family:inherit;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-align:left;text-transform:none}
.hb-grid details.hb-more h4.hb-tag a,.hb-grid details.hb-more h4.hb-tag a:link,.hb-grid details.hb-more h4.hb-tag a:visited{display:inline;margin:0;padding:0;font-family:inherit;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.04em;color:#1c1c1c;text-decoration:none}
.hb-grid p.hb-blurb{margin:0 0 12px;padding:0;font-size:13px;line-height:1.5;color:#4a4a4a;text-align:left}
@media (hover:hover){
.hb-grid .hb-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.hb-grid a.hb-btn:hover{background:#00627f;color:#ffffff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,98,127,.35)}
.hb-grid a.hb-btn:hover:active{background:#004d63;transform:scale(.96);box-shadow:none}
.hb-grid details.hb-more summary:hover{color:#005a73;text-decoration:underline}
.hb-grid details.hb-more h4.hb-tag a:hover{color:#00708f;text-decoration:underline}
}
@media (max-width:767px){
.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px auto 30px}
.hb-grid .hb-body{gap:8px;padding:12px 12px 4px}
.hb-grid details.hb-more summary{font-size:13px}
.hb-grid p.hb-what,.hb-grid p.hb-live{font-size:13px}
.hb-grid p.hb-what{min-height:4.05em;line-height:1.35}
.hb-grid p.hb-live{min-height:2.7em}
.hb-grid a.hb-btn,.hb-grid a.hb-btn:link,.hb-grid a.hb-btn:visited{min-height:52px}
}
@media (prefers-reduced-motion:reduce){
.hb-grid .hb-card,.hb-grid .hb-card:hover,.hb-grid a.hb-btn,.hb-grid a.hb-btn:hover,.hb-grid a.hb-btn:focus,.hb-grid a.hb-btn:active,.hb-grid details.hb-more summary::after{transition:none}
.hb-grid .hb-card,.hb-grid .hb-card:hover,.hb-grid a.hb-btn,.hb-grid a.hb-btn:hover,.hb-grid a.hb-btn:focus,.hb-grid a.hb-btn:active{transform:none}
}