/* Product recommendations: isolated from Journal's legacy product cards. */
body.rw-modern .rr-area{color:#172e45;margin-top:48px;margin-bottom:48px;clear:both}
.rr-area *{box-sizing:border-box}.rr-area a{text-decoration:none}.rr-area button{font:inherit;cursor:pointer}
.rr-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.rr-area .rr-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:650;color:#697b89;margin:0 0 9px;line-height:1.5}
.rr-area h2{font-size:30px;line-height:1.2;font-weight:650;color:#172e45;margin:0 0 10px;letter-spacing:-.025em}
.rr-heading>div>p:last-child,.rr-custom>div>p:last-child{font-size:14px;line-height:1.6;color:#586c7b;margin:0}
.rr-area .rr-all{color:#172e45;font-size:13px;font-weight:600;white-space:nowrap;padding:12px 0;border-bottom:1px solid #cbd4dc}
.rr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:1px 1px 12px;scrollbar-width:thin;scrollbar-color:#b5c1cc #f1f4f6}
.rr-card{min-width:0;border:1px solid #dfe5eb;border-radius:7px;background:#fff;display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start;transition:border-color .15s,box-shadow .15s}
.rr-card:hover,.rr-card:focus-within{border-color:#b7c4cf;box-shadow:0 4px 16px #152c420b}
.rr-photo{position:relative;background:#fff;padding:16px}.rr-photo>a{display:block}.rr-photo img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal}
.rr-area .rr-compare{position:absolute;top:12px;right:12px;border:1px solid #dce3e9;border-radius:4px;padding:8px 10px;min-height:36px;background:#fffffff5;color:#314b61;font-size:11px;opacity:0;transition:opacity .15s}
.rr-card:hover .rr-compare,.rr-card:focus-within .rr-compare{opacity:1}
.rr-copy{padding:8px 20px 20px;display:flex;flex-direction:column;flex:1;gap:0}
.rr-area .rr-model{font-size:11px;color:#657887;letter-spacing:.035em;margin:0 0 8px;line-height:1.5}
.rr-area h3{font-size:16px;line-height:1.45;margin:0 0 12px;font-weight:600;letter-spacing:0;white-space:normal;overflow:visible;display:block}
.rr-area h3 a{color:#172e45;display:block;white-space:normal;overflow-wrap:anywhere}.rr-area h3 a:hover{color:#d71937}
.rr-area .rr-specs{list-style:none;margin:0 0 18px;padding:0;font-size:12px;line-height:1.65;color:#576c7b;overflow-wrap:anywhere}
.rr-buy{margin-top:auto;padding-top:8px}.rr-area .rr-price{font-size:14px;color:#657887;margin:0 0 14px;line-height:1.4;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}
.rr-price strong{font-size:23px;letter-spacing:-.03em;color:#172e45;font-weight:650}.rr-price del{font-size:13px;color:#687989;margin-left:3px}
.rr-area .rr-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:11px 14px;border:1px solid #ccd6df;border-radius:4px;background:#f7f9fb;color:#172e45;font-size:13px;font-weight:600;text-align:left;line-height:1.5}
.rr-action:hover{border-color:#172e45;background:#eef2f5}.rr-action:disabled{opacity:.6;cursor:wait}
.rr-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;min-height:42px}
.rr-feedback{font-size:13px;color:#385568;margin:0;line-height:1.5}.rr-feedback a{color:#b5132d;text-decoration:underline}
.rr-arrows{display:flex;gap:8px}.rr-arrows[hidden]{display:none}.rr-arrows button{width:42px;height:42px;border:1px solid #cbd6df;border-radius:50%;background:white;color:#172e45;font-size:20px}.rr-arrows button:disabled{opacity:.35;cursor:default}
.rr-custom{margin-top:34px;padding:30px 32px;border:1px solid #e3e7eb;border-left:3px solid #dc1937;border-radius:5px;background:#f6f8fa;display:flex;justify-content:space-between;align-items:center;gap:32px}
.rr-area .rr-custom h2{font-size:25px}.rr-area .rr-quote{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;min-height:46px;border-radius:4px;background:#d71937;color:#fff;padding:13px 20px;font-size:13px;font-weight:600}.rr-quote:hover{background:#b91630;color:white}
.rr-area :focus-visible{outline:3px solid #266bc3;outline-offset:3px}
@media(max-width:1200px){.rr-rail{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:900px){.rr-rail{grid-auto-columns:calc((100% - 20px)/2)}.rr-custom{align-items:flex-start;flex-direction:column;gap:20px}}
@media(hover:none),(pointer:coarse){.rr-area .rr-compare{opacity:1;min-height:44px}}
@media(max-width:600px){body.rw-modern .rr-area{margin-top:32px;margin-bottom:32px}.rr-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:20px}.rr-area h2{font-size:25px}.rr-heading>div>p:last-child{font-size:13px}.rr-area .rr-all{font-size:12px;padding:5px 0}.rr-rail{grid-auto-columns:82%;gap:14px}.rr-copy{padding:6px 16px 18px}.rr-area h3{font-size:15px}.rr-photo{padding:14px}.rr-custom{padding:24px 20px;gap:20px}.rr-area .rr-custom h2{font-size:23px}.rr-area .rr-quote{width:100%;font-size:12px}.rr-area .rr-compare{opacity:1}.rr-navigation{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.rr-card,.rr-compare{transition:none}}
