.ap-hub{margin:26px 0 34px;padding:26px;background:#f6f5ef;border:1px solid #d8d8d0}
.ap-hub-heading{max-width:790px;margin-bottom:20px}
.ap-hub-heading h2{margin:8px 0 0;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.04em}
.ap-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ap-hub-step,.ap-hub-tool{display:flex;flex-direction:column;color:#171716;text-decoration:none;border:1px solid #d8d8d0;background:#fff;padding:18px;min-width:0}
.ap-hub-step:hover,.ap-hub-tool:hover{border-color:#ae8d22;background:#fff9e5}
.ap-hub-step span,.ap-hub-tool span{font-size:11px;font-weight:700;letter-spacing:.07em;color:#866d18}
.ap-hub-step strong,.ap-hub-tool strong{display:block;font-size:20px;line-height:1.2;margin:24px 0 8px}
.ap-hub-step small,.ap-hub-tool small{font-size:13px;line-height:1.5;color:#5b5d58}
.ap-hub-step b,.ap-hub-tool b{font-size:12px;border-top:1px solid #d8d8d0;padding-top:12px;margin-top:auto}
.ap-hub-step{min-height:205px}
.ap-hub-tool{margin-top:12px;background:#f4dc78;min-height:132px}
.ap-hub-tool strong{margin:10px 0 5px}
.ap-hub-tool b{margin-top:13px;border-color:#b8a456}
.ap-hub-list-title{font-size:24px;margin:20px 0 16px}
@media(max-width:820px){.ap-hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ap-hub{padding:18px;margin:18px 0 28px}.ap-hub-grid{grid-template-columns:1fr}.ap-hub-step{min-height:155px}.ap-hub-step strong{margin-top:17px}}