.hc-reading{background:#f2f6f8;color:#102c45;padding:clamp(52px,6vw,88px) 24px}
.hc-reading *{box-sizing:border-box}.hc-reading__inner{max-width:1200px;margin:0 auto}.hc-reading__header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.hc-reading__eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:#1681a2}.hc-reading h2{font-size:clamp(27px,3.2vw,42px);line-height:1.15;margin:12px 0;color:#102c45}.hc-reading__header p{margin:0;line-height:1.6;color:#526a78}.hc-reading__all{color:#075a78;font-weight:700;white-space:nowrap;text-decoration:none;padding:12px 0}.hc-reading__all:hover{text-decoration:underline}.hc-reading__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hc-reading__card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe7ec;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .2s}.hc-reading__card:hover{border-color:#9ccbd9;box-shadow:0 12px 28px rgba(18,56,75,.1);transform:translateY(-3px)}.hc-reading__card:focus-visible,.hc-reading__all:focus-visible{outline:3px solid #0585ad;outline-offset:3px}.hc-reading__image{aspect-ratio:16/9;overflow:hidden;background:#dae8ed}.hc-reading__image img{width:100%;height:100%;object-fit:cover;display:block}.hc-reading__copy{display:flex;flex:1;flex-direction:column;padding:22px}.hc-reading__category{color:#187b95;font-size:12px;font-weight:700;letter-spacing:.035em}.hc-reading__card h3{color:#102c45;font-size:20px;line-height:1.35;margin:10px 0 24px}.hc-reading__more{color:#075a78;font-size:14px;font-weight:700;margin-top:auto}.hc-reading__more span{margin-left:4px}@media(max-width:760px){.hc-reading{padding:48px 18px}.hc-reading__header{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px}.hc-reading__grid{grid-template-columns:1fr;gap:14px}.hc-reading__card{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:140px}.hc-reading__image{height:100%;aspect-ratio:auto}.hc-reading__copy{padding:17px}.hc-reading__card h3{font-size:17px;margin:7px 0 12px}}@media(max-width:360px){.hc-reading__card{grid-template-columns:96px minmax(0,1fr)}.hc-reading__copy{padding:14px}}@media(prefers-reduced-motion:reduce){.hc-reading__card{transition:none}}
