/* Window-page navigation only. Existing site typography and brand retained. */
html body #main[data-details-refine] .gb-related[data-related-cards]{display:block;margin-top:48px;padding-top:32px;border-top:1px solid #dedbd7;scroll-margin-top:100px}
#main [data-related-cards] *{box-sizing:border-box}
#main [data-related-cards] .wrc-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5;color:#a01970}
#main [data-related-cards] h2{font-size:clamp(26px,2.4vw,34px);line-height:1.18;letter-spacing:-.035em;margin:8px 0 10px;color:#252b2b}
#main [data-related-cards] p{font-size:15px;line-height:1.6;color:#646b6a;margin:0}
#main [data-related-cards] .wrc-heading{margin-bottom:24px}
#main [data-related-cards] .wrc-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#main [data-related-cards] a.wrc-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#252b2b;background:#f7f6f3;border:1px solid #e3dfda;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}
#main [data-related-cards] .wrc-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;margin:0;border-radius:0}
#main [data-related-cards] .wrc-body{display:flex;flex:1;flex-direction:column;padding:20px 18px 16px}
#main [data-related-cards] h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:0 0 12px;color:#252b2b}
#main [data-related-cards] .wrc-body p{margin-bottom:20px;font-size:14px}
#main [data-related-cards] .wrc-action{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:auto;border-top:1px solid #dedbd7;padding-top:10px;font-size:13px;font-weight:600;color:#a01970}
#main [data-related-cards] .wrc-action>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#a01970;color:#fff;font-size:18px;line-height:1}
#main [data-related-cards] .wrc-guide-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:32px 0 18px}
#main [data-related-cards] .wrc-guide-heading h2{font-size:26px;margin:0}
#main [data-related-cards] .wrc-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#main [data-related-cards] a.wrc-guide{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;padding:24px;background:#f7f6f3;border:1px solid #e3dfda;border-left:3px solid #a01970;text-decoration:none;color:#a01970;transition:border-color .18s,box-shadow .18s,transform .18s}
#main [data-related-cards] .wrc-guide svg{width:40px;height:48px;margin-top:4px}
#main [data-related-cards] .wrc-guide h3{margin:8px 0;font-size:22px}
#main [data-related-cards] .wrc-guide .wrc-action{margin-top:16px}
#main [data-related-cards] a:hover{border-color:#a01970;box-shadow:0 6px 20px #32202a0d;transform:translateY(-2px)}
#main [data-related-cards] a:focus-visible{outline:3px solid #a01970;outline-offset:4px}
@media(max-width:1100px){#main [data-related-cards] .wrc-collections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body #main[data-details-refine] .gb-related[data-related-cards]{margin-top:32px;padding-top:24px}#main [data-related-cards] .wrc-collections,#main [data-related-cards] .wrc-guides{grid-template-columns:minmax(0,1fr);gap:16px}#main [data-related-cards] .wrc-guide-heading{display:block;margin-top:28px}#main [data-related-cards] .wrc-guide-heading p{margin-top:8px}#main [data-related-cards] a.wrc-guide{padding:20px 16px;grid-template-columns:32px minmax(0,1fr);gap:12px}#main [data-related-cards] .wrc-guide svg{width:30px;height:38px}#main [data-related-cards] .wrc-guide h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){#main [data-related-cards] a{transition:none}#main [data-related-cards] a:hover{transform:none}}