/* UX119.33 — contextual reading, independent of cart/filter JavaScript. */

.rc-reading{box-sizing:border-box;margin:20px 0;padding:20px;border:1px solid #d7e1e5;border-radius:14px;background:#f1f7f9;color:#17242b;text-align:left}
.rc-reading *{box-sizing:border-box}
.rc-reading__eyebrow{display:block;margin-bottom:5px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#526873}
.rc-reading .rc-reading__heading h2{margin:0 0 16px;font-size:21px;line-height:1.25;color:#17242b}
.rc-reading__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rc-reading a.rc-reading__card{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:14px;border:1px solid #dce7eb;border-radius:10px;background:#fff;color:#17242b;text-decoration:none;transition:border-color .15s}
.rc-reading a.rc-reading__card:hover{border-color:#0b6685}
.rc-reading a:focus-visible{outline:3px solid #0b6685;outline-offset:3px}
.rc-reading__image{width:88px;height:100px;flex:0 0 88px;object-fit:cover;border-radius:7px}
.rc-reading__copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.rc-reading__copy strong{font-size:15px;line-height:1.4;font-weight:650}
.rc-reading__description{font-size:13px;line-height:1.5;color:#526873}
.rc-reading__link,.rc-reading a.rc-reading__all{font-size:13px;line-height:1.5;color:#0b5a78}
.rc-reading a.rc-reading__all{display:inline-block;margin-top:14px;padding:5px 0;text-decoration:none}
.rc-reading a.rc-reading__all:hover{text-decoration:underline}
.rc-reading--sidebar{padding:18px;margin-top:18px}
.rc-reading--sidebar .rc-reading__list{grid-template-columns:1fr;gap:0}
.rc-reading--sidebar .rc-reading__heading h2{font-size:19px;margin-bottom:8px}
.rc-reading--sidebar a.rc-reading__card{padding:13px 0;background:transparent;border:0;border-bottom:1px solid #d7e1e5;border-radius:0}
.rc-reading--sidebar a.rc-reading__card:hover strong{color:#0b5a78}
.rc-reading--sidebar .rc-reading__copy strong{font-size:14px}
.rc-reading--mobile{display:none}
@media(max-width:767px){
 .rc-reading--sidebar{display:none}
 .rc-reading--mobile{display:block}
 .rc-reading{padding:16px;margin:18px 0}
 .rc-reading__list{grid-template-columns:1fr}
 .rc-reading .rc-reading__heading h2{font-size:20px}
 .rc-reading__image{width:72px;height:88px;flex-basis:72px}
 .rc-reading a.rc-reading__card{padding:12px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.rc-reading a.rc-reading__card{transition:none}}