.selection-page{padding-top:0}.selection-page>.breadcrumbs{padding:12px 0 10px}.selection-page .selection-intro{grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;padding:8px 0 20px}.section-hero-art{display:flex;align-items:center;justify-content:center;min-width:0;align-self:start}.section-hero-art img{display:block;width:100%;height:auto;max-width:360px;max-height:360px;object-fit:contain}.section-hub-article>section>h3{font-size:20px;margin:26px 0 12px}.section-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.section-paths>a{display:flex;align-items:center;gap:12px;padding:17px;background:var(--surface);border:1.5px solid var(--ink);border-radius:12px;box-shadow:2px 3px 0 var(--ink);min-width:0;transition:transform .15s,box-shadow .15s}.section-paths>a:hover{color:var(--blue);transform:translateY(-1px);box-shadow:2px 4px 0 var(--ink)}.section-paths>a:active{transform:translate(2px,2px);box-shadow:none}.section-paths>a>.icon:first-child{width:37px;height:37px;flex:none}.section-paths>a>.icon:last-child{width:17px;height:17px;margin-left:auto;flex:none}.section-paths b{display:block;font-size:14px;line-height:1.45}.section-paths small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}.section-hub-article .selection-table-heading{flex-wrap:wrap}.section-scroll-hint{display:none;width:100%;font-size:10px;color:var(--muted)}.section-hub-article .selection-table .selection-grade{min-width:95px}.section-hub-article .selection-table .selection-grade .stars{white-space:nowrap}.section-hub-article .selection-table tbody td:has(.selection-grade){min-width:125px;width:140px}.section-cta{align-items:center}.section-cta .play-button{width:auto;min-width:120px}.section-cta .text-link{font-size:13px}.section-hub-article .selection-faq details>p{margin:0;padding:0 18px 18px}.section-hub-article .selection-faq summary>.icon{flex:none}.section-hub .selection-intro h1{font-size:clamp(30px,3.4vw,46px)}
.section-takeaways{margin:26px 0 8px}.takeaways-heading{margin-bottom:16px}.takeaways-heading .eyebrow{font-size:9px;letter-spacing:1.2px;color:var(--blue)}.takeaways-heading h3{font-size:21px;line-height:1.35;margin:6px 0 0}.takeaway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0!important;margin:0 3px 18px 0!important;list-style:none!important}.takeaway-grid>li{min-width:0;list-style:none;background:var(--surface);border:1.5px solid var(--ink);border-radius:13px 11px 14px 12px;box-shadow:2px 3px 0 var(--ink);padding:18px}.takeaway-grid>li::before,.takeaway-grid>li::marker{content:none}.takeaway-heading{display:flex;align-items:center;gap:13px}.takeaway-heading>.icon{width:48px;height:48px;flex:none}.takeaway-heading>div{min-width:0}.takeaway-metric{display:block;font-size:28px;font-weight:800;letter-spacing:-.7px;line-height:1.2;color:var(--blue);font-variant-numeric:tabular-nums}.takeaway-heading h4{font-size:13px;line-height:1.45;letter-spacing:0;margin:6px 0 0}.takeaway-grid>li>p{font-size:13px;line-height:1.75;color:var(--muted);margin:13px 0 0}.section-takeaways .takeaway-verdict{display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:10px;background:var(--bluewash);font-size:13px;line-height:1.75;color:var(--ink);margin:0}.takeaway-verdict>.icon{width:35px;height:35px;flex:none}
@media(max-width:1000px){.selection-page .selection-intro{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.section-hero-art img{max-width:280px;max-height:280px}}
@media(max-width:650px){.takeaway-grid{grid-template-columns:1fr;gap:12px}.takeaway-grid>li{padding:15px}.takeaway-heading>.icon{width:43px;height:43px}.takeaway-metric{font-size:27px}.takeaways-heading h3{font-size:20px}.section-takeaways .takeaway-verdict{align-items:flex-start;padding:14px;gap:10px}.takeaway-verdict>.icon{width:29px;height:29px}.selection-page>.breadcrumbs{padding:10px 0 8px}.selection-page .selection-intro{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:6px 0 18px}.selection-page .selection-intro>div:not(.section-hero-art){display:contents}.selection-page .selection-intro .eyebrow{order:0}.selection-page .selection-intro h1{order:1;font-size:31px;margin:12px 0}.section-hero-art{order:2;width:220px;height:220px;align-self:center;margin:0 auto 12px}.section-hero-art img{width:220px;height:220px;max-height:220px}.selection-page .selection-intro p{order:3;margin:0;line-height:1.8}.selection-page .selection-intro-facts{order:4}.section-paths{grid-template-columns:1fr;gap:10px}.section-paths>a{padding:14px}.section-paths>a>.icon:first-child{width:32px;height:32px}.section-scroll-hint{display:block}.section-hub-article .selection-faq details>p{padding:0 14px 16px}.section-hub-article .selection-faq summary{font-size:14px}.section-cta .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.section-paths>a{transition:none}}
