/* Homepage editorial selector. Article and magazine-index cards keep their own layout. */
.home-page .guides{padding-block:56px 64px;scroll-margin-top:90px}
.mag-selector{position:relative;color:#242329}
.mag-selector-intro{margin-bottom:23px}
.mag-selector-kicker{display:inline-block;color:#242329;font-size:19px;font-weight:800;line-height:1.5;position:relative;padding-bottom:10px}
.mag-selector-kicker:after{content:'';position:absolute;bottom:2px;inset-inline-start:0;width:45px;height:3px;background:#7138ea;border-radius:100% 40% 60% 30%;transform:rotate(-4deg)}
.mag-selector-intro h2{font-size:clamp(29px,7vw,39px);font-weight:800;line-height:1.25;letter-spacing:-.9px;margin:14px 0 0;text-wrap:balance}
.mag-selector-intro h2 br{display:none}
.mag-selector-list{min-width:0}
.mag-selector-option{border-bottom:1px solid #dcd6e5;min-width:0}
.mag-selector-choice{list-style:none;display:flex;align-items:center;gap:13px;min-height:98px;padding:17px 13px;cursor:pointer;border-bottom:3px solid transparent;border-radius:7px 7px 0 0;scroll-margin-top:90px}
.mag-selector-choice::-webkit-details-marker{display:none}
.mag-selector-choice::marker{content:''}
.mag-selector-choice:hover{background:#faf8fe}
.mag-selector-choice:focus-visible{outline:3px solid #a88cfa;outline-offset:3px}
.mag-selector-option[open]>.mag-selector-choice{background:#f0e7ff;border-bottom-color:#7138ea}
.mag-selector-number{font-size:16px;font-weight:500;color:#7138ea;align-self:flex-start;padding-top:1px;direction:ltr;min-width:22px}
.mag-selector-text{flex:1;min-width:0}
.mag-selector-category{display:block;font-size:11px;color:#756b81;margin-bottom:5px}
.mag-selector-choice h3{font-size:17px;line-height:1.55;font-weight:700;margin:0;letter-spacing:-.2px;text-wrap:pretty}
.mag-selector-arrow{color:#7138ea;display:flex;align-items:center;margin-inline-start:4px}
.mag-selector-arrow svg{width:24px;height:24px}
.mag-selector-preview{padding:16px 0 19px}
.mag-selector-photo{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:10px;background:#f2eef6}
.mag-selector-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mag-selector-caption{padding:13px 3px 0}
.mag-selector-caption p{margin:0;font-size:13px;color:#70647d;line-height:1.85}
.mag-selector-read,.mag-selector-all{display:flex;align-items:center;gap:13px;color:#7138ea;font-size:16px;font-weight:700;width:fit-content;min-height:44px}
.mag-selector-read{margin-top:8px}
.mag-selector-all{margin-top:20px}
.mag-selector-read svg,.mag-selector-all svg{width:22px;height:22px}
.mag-selector-read:hover,.mag-selector-all:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:650px) and (max-width:899px){.mag-selector-photo{aspect-ratio:1.8}.mag-selector-intro h2{font-size:38px}.mag-selector-choice h3{font-size:20px}}
@media(min-width:900px){
 .home-page .guides{padding-block:76px 88px}
 .mag-selector{min-height:625px;padding-bottom:5px}
 .mag-selector-intro,.mag-selector-list,.mag-selector-all{width:calc(50% - 30px)}
 .mag-selector-intro{margin-bottom:24px;padding-top:4px}
 .mag-selector-kicker{font-size:25px;padding-bottom:12px}
 .mag-selector-kicker:after{width:62px;height:4px}
 .mag-selector-intro h2{font-size:clamp(36px,3.2vw,46px);line-height:1.22;letter-spacing:-1px;margin-top:21px}
 .mag-selector-intro h2 br{display:block}
 .mag-selector-choice{gap:17px;padding:17px 16px;min-height:105px}
 .mag-selector-number{font-size:18px;min-width:25px}
 .mag-selector-category{font-size:12px;margin-bottom:4px}
 .mag-selector-choice h3{font-size:clamp(18px,1.6vw,22px);line-height:1.55}
 .mag-selector-preview{position:absolute;inset-inline-end:0;top:0;bottom:0;width:calc(50% - 20px);padding:0;display:flex;flex-direction:column}
 .mag-selector-photo{aspect-ratio:auto;flex:1;min-height:0}
 .mag-selector-caption{text-align:center;padding-top:17px;flex:0 0 auto}
 .mag-selector-caption p{font-size:14px;line-height:1.8;max-width:500px;margin-inline:auto}
 .mag-selector-read{margin:5px auto 0;font-size:18px}
 .mag-selector-all{margin-top:18px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){.mag-selector *{scroll-behavior:auto}}