:root{--color-white: #ffffff;--color-black: #000000;--color-text: #333333;--color-primary: #2f2f2f;--color-secondary: #764ba2;--card-bg: var(--color-white);--card-text: var(--color-text)}.btn-new{padding:12px 24px;border:2px solid rgb(21.5,21.5,21.5);background-color:#2f2f2f;color:#f7ede2;font-size:1rem;font-weight:bold;cursor:pointer;border-radius:30px;outline:none;position:relative;overflow:hidden;transition:all .4s ease}@media(min-width: 576px){.btn-new{padding:13px 26px;font-size:1.1rem}}@media(min-width: 768px){.btn-new{padding:15px 30px;font-size:1.2rem}}@media(min-width: 992px){.btn-new{padding:16px 32px;font-size:1.25rem}}@media(min-width: 1200px){.btn-new{padding:18px 36px;font-size:1.3rem}}.btn-new::after{content:"";position:absolute;inset:0;background:radial-gradient(circle, rgba(247, 237, 226, 0.25) 0%, rgba(247, 237, 226, 0) 70%);transform:scale(0);transition:transform .5s ease}.btn-new:hover{border-color:hsl(0,0%,-1.568627451%);background:rgb(59.75,59.75,59.75)}.btn-new:hover::after{transform:scale(4)}@media(hover: none)and (pointer: coarse){.btn-new{padding:14px 28px;font-size:1.1rem;min-height:48px}}.btn-new{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}@media(max-width: 480px){.btn-new{width:100%;max-width:100%}}.btn-new:hover{text-decoration:none}.guide-picks{margin:clamp(2.5rem,2rem + 1vw,4.5rem) 0}.guide-picks__head{display:grid;gap:.45rem;margin-bottom:clamp(1.5rem,1.2rem + 1vw,2.5rem);padding-bottom:clamp(1.25rem,1rem + .8vw,2rem);border-bottom:1px solid rgba(var(--cover-rgb), 0.16)}.guide-picks__eyebrow{margin:0;font-family:"DM Sans",sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cover-color, #1a7a6e)}.guide-picks__title{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.1rem,1.3rem + 2.8vw,3.6rem);font-weight:800;line-height:.96;letter-spacing:-0.04em;color:var(--headline-color, #111);text-wrap:balance}.guide-picks__count{width:fit-content;margin-top:.2rem;padding:.3rem .75rem;border-radius:999px;background:rgba(var(--cover-rgb), 0.07);color:var(--cover-color, #1a7a6e);font-family:"DM Sans",sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.guide-picks__list{list-style:none;counter-reset:pick;display:grid;grid-template-columns:1fr;gap:1.1rem;margin:0;padding:0}@media(min-width: 992px){.guide-picks__list{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:clamp(1.25rem,2vw,2rem);row-gap:1.25rem}}.guide-picks__item{counter-increment:pick;min-width:0}.guide-pick{--pick-color: var(--cover-color, #1a7a6e);--pick-rgb: var(--cover-rgb, 26, 122, 110);position:relative;overflow:hidden;background:#fff;border:1px solid rgba(var(--pick-rgb), 0.13);border-top:2px solid var(--pick-color);border-radius:14px;padding:1.4rem 1.4rem 1.25rem}.guide-pick::before{content:counter(pick);position:absolute;right:-0.05em;top:-0.18em;font-family:"Playfair Display",Georgia,serif;font-size:9rem;font-weight:800;line-height:1;letter-spacing:-0.06em;color:var(--pick-color);opacity:.045;pointer-events:none;user-select:none;z-index:0}.guide-pick__inner{position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0, 1fr);gap:0 1rem;align-items:start}.guide-pick__rank{font-family:"Playfair Display",Georgia,serif;font-size:1.9rem;font-weight:700;line-height:1;letter-spacing:-0.05em;color:var(--pick-color);opacity:.55;margin-top:.1rem}.guide-pick__rank::before{content:counter(pick)}.guide-pick__main{min-width:0}.guide-pick__heading{margin:0 0 .85rem}.guide-pick__name{margin:0 0 .25rem;font-family:"IBM Plex Mono","DM Mono",monospace;font-size:clamp(1.05rem,2.5vw,1.3rem);font-weight:700;line-height:1.18;letter-spacing:-0.025em;color:#111;text-wrap:balance}.guide-pick__category{margin:0;font-family:"DM Sans",sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pick-color)}.guide-pick__lede{margin:0 0 1rem;max-width:62ch;font-family:"DM Sans",sans-serif;font-size:.97rem;line-height:1.82;color:#2f3844;text-wrap:pretty}.guide-pick__lede p{margin:0}.guide-pick__lede a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.12em}.guide-pick__facts{display:grid;gap:.6rem;margin:0;padding-top:.9rem;border-top:1px solid rgba(var(--pick-rgb), 0.12)}.guide-pick__fact{display:grid;grid-template-columns:80px minmax(0, 1fr);gap:.65rem;align-items:baseline}.guide-pick__fact dt{margin:0;padding-top:.12rem;font-family:"DM Sans",sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(17,17,17,.42)}.guide-pick__fact dd{margin:0;font-family:"DM Sans",sans-serif;font-size:.92rem;line-height:1.65;color:#495463}.guide-pick__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.95rem;padding:0;border:0;background:rgba(0,0,0,0);color:var(--pick-color);text-decoration:none;font-family:"DM Sans",sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.01em}.guide-pick__cta span{position:relative}.guide-pick__cta span::after{content:"";position:absolute;left:0;right:0;bottom:-0.1rem;height:1px;background:currentColor;transform:scaleX(0.6);transform-origin:left center;opacity:.5;transition:transform .2s ease,opacity .2s ease}.guide-pick__cta svg{width:13px;height:13px;flex-shrink:0;transition:transform .18s ease}.guide-pick__cta:hover span::after{transform:scaleX(1);opacity:1}.guide-pick__cta:hover svg{transform:translateX(3px)}.guide-pick__cta:focus-visible{outline:2px solid var(--tool-color, var(--pick-color));outline-offset:3px;border-radius:2px}@media(min-width: 768px){.guide-pick{padding:1.65rem 1.6rem 1.45rem}.guide-pick__inner{grid-template-columns:52px minmax(0, 1fr);gap:0 1.15rem}.guide-pick__rank{font-size:2.2rem}.guide-pick__name{font-size:clamp(1.15rem,1.8vw,1.4rem)}.guide-pick__lede{font-size:1.02rem;line-height:1.88}.guide-pick__facts{gap:.7rem;padding-top:1rem}.guide-pick__fact{grid-template-columns:90px minmax(0, 1fr);gap:.75rem}.guide-pick__fact dd{font-size:.95rem;line-height:1.7}.guide-pick__cta{font-size:.84rem}}@media(max-width: 639px){.guide-pick{padding:1.1rem 1.1rem 1rem}.guide-pick::before{font-size:7rem}.guide-pick__inner{grid-template-columns:36px minmax(0, 1fr);gap:0 .75rem}.guide-pick__rank{font-size:1.6rem}.guide-pick__fact{grid-template-columns:72px minmax(0, 1fr);gap:.55rem}}@media(prefers-reduced-motion: reduce){.guide-pick__cta svg,.guide-pick__cta span::after{transition:none}}
