/* Service and sale explainers: type, comparisons and sequences carry the facts. */
.shopping-guide{--guide-pink:#ff3895;--guide-lime:#e4ff48;--guide-ink:#171717;--guide-line:#d4d4d4;line-height:1.85;overflow-wrap:anywhere}
.shopping-guide .guide-intro{font-size:1.125rem;line-height:1.9;max-width:44rem}
.shopping-guide .guide-cover{position:relative;margin:2rem 0 1rem;padding:clamp(1.25rem,5vw,3rem);background:var(--guide-pink);border:2px solid var(--guide-ink);box-shadow:8px 8px 0 var(--guide-ink);color:var(--guide-ink)}
.shopping-guide .guide-cover .eyebrow{font-size:.8rem;letter-spacing:.1em;font-weight:800;margin:0 0 1.5rem}
.shopping-guide .guide-catch{font-size:clamp(1.7rem,5vw,3rem);line-height:1.4;letter-spacing:-.025em;font-weight:900;margin:.5rem 0 1.5rem}
.shopping-guide .guide-number{display:grid;gap:.4rem;border-top:2px solid var(--guide-ink);padding-top:1.25rem}
.shopping-guide .guide-number>strong{font-size:clamp(2.65rem,8vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.shopping-guide .guide-number strong span{font-size:1.25rem;margin:0 .25em;letter-spacing:0}
.shopping-guide .guide-number>span{font-size:1rem;font-weight:700}
.shopping-guide .guide-cover>p:last-child{margin-bottom:0;max-width:36rem}
.shopping-guide.prime-guide .guide-cover{background:var(--guide-lime)}
.shopping-guide .guide-jumps{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.5rem 0}
.shopping-guide .guide-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .85rem;border:1px solid var(--guide-ink);color:var(--guide-ink);font-size:.875rem;font-weight:700;text-decoration:none;background:#fff}
.shopping-guide .guide-jumps a:hover{background:var(--guide-lime)}
.shopping-guide a:focus-visible{outline:3px solid #1749ad;outline-offset:4px}
.shopping-guide .guide-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.75rem 0}
.shopping-guide .guide-options>section{border-top:5px solid var(--guide-pink);padding-top:1rem;min-width:0}
.shopping-guide .guide-index{font-size:.875rem;font-weight:800}
.shopping-guide h3{font-size:1.25rem;line-height:1.5;margin:.6rem 0}
.shopping-guide .guide-small{font-size:.875rem;line-height:1.7}
.shopping-guide .guide-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin:2rem 0}
.shopping-guide .guide-choice>section{padding:1.4rem;background:#f5f5f5;border-left:4px solid var(--guide-pink);min-width:0}
.shopping-guide .guide-choice>section:last-child{border-color:#383838}
.shopping-guide .guide-choice .eyebrow{font-size:.875rem;margin:0}
.shopping-guide .guide-facts{margin:1.5rem 0}
.shopping-guide .guide-facts>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.5rem;padding:1.4rem 0;border-top:1px solid var(--guide-line)}
.shopping-guide dt{font-weight:800}.shopping-guide dd{margin:0}
.shopping-guide .guide-route{list-style:none;padding:0;margin:1.5rem 0;counter-reset:route}
.shopping-guide .guide-route li{position:relative;counter-increment:route;padding:0 0 2rem 4rem;margin:0}
.shopping-guide .guide-route li:before{content:counter(route,decimal-leading-zero);position:absolute;left:0;top:0;width:2.7rem;height:2.7rem;display:grid;place-items:center;background:var(--guide-lime);border:1px solid var(--guide-ink);font-size:1.1rem;font-weight:800;z-index:1}
.shopping-guide .guide-route li:not(:last-child):after{content:"";position:absolute;left:1.35rem;top:2.7rem;bottom:0;width:1px;background:var(--guide-ink)}
.shopping-guide .guide-route strong,.shopping-guide .guide-route span{display:block}
.shopping-guide .guide-route span{margin-top:.5rem}
.shopping-guide .guide-dates{list-style:none;padding:0;margin:1.5rem 0;border:2px solid var(--guide-ink)}
.shopping-guide .guide-dates li{display:grid;gap:.5rem;padding:1.4rem;margin:0}
.shopping-guide .guide-dates li+li{border-top:2px solid var(--guide-ink);background:var(--guide-lime)}
.shopping-guide .guide-dates strong{font-size:1.3rem;line-height:1.5}
.shopping-guide .guide-dates span{font-size:.9rem}
.shopping-guide .guide-equation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid var(--guide-ink);font-size:1rem;margin:1.5rem 0}
.shopping-guide .guide-equation strong{background:var(--guide-lime);padding:.3rem .6rem}
.shopping-guide .guide-bottom{background:#171717;color:white;padding:clamp(1.2rem,4vw,2rem);margin:3rem 0 2rem}
.shopping-guide .guide-bottom h2{color:white;border:0;padding:0;margin:1rem 0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.5}
.shopping-guide .guide-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1rem;background:var(--guide-lime);color:var(--guide-ink);font-weight:800;text-decoration:none;line-height:1.5}
.shopping-guide .guide-button:hover{background:white}
.shopping-guide section[id]{scroll-margin-top:6rem}
@media(max-width:640px){.shopping-guide .guide-options,.shopping-guide .guide-choice{grid-template-columns:1fr}.shopping-guide .guide-options{gap:.8rem}.shopping-guide .guide-options p{margin:.65rem 0}.shopping-guide .guide-cover{box-shadow:5px 5px 0 var(--guide-ink);margin-right:5px}.shopping-guide .guide-facts>div{grid-template-columns:1fr;gap:.4rem}.shopping-guide .guide-route li{padding-left:3.7rem}.shopping-guide .guide-dates strong{font-size:1.15rem}}