@font-face{font-family:"Funnel Display";font-weight:800;font-display:swap;src:url(/assets/funnel-display-latin-800-normal-BXqk50Du.woff2) format("woff2")}
@font-face{font-family:"Funnel Display";font-weight:700;font-display:swap;src:url(/assets/funnel-display-latin-700-normal-CLO_L4Ou.woff2) format("woff2")}
@font-face{font-family:"Funnel Sans";font-weight:400;font-display:swap;src:url(/assets/funnel-sans-latin-400-normal-DoUbjnPF.woff2) format("woff2")}
@font-face{font-family:"Funnel Sans";font-weight:600;font-display:swap;src:url(/assets/funnel-sans-latin-600-normal-C79PO7m9.woff2) format("woff2")}
:root{--ink:#1b1b1b;--ink-2:#242322;--ink-3:#2f2d2b;--line:#3a3835;--cream:#f3efe4;--dim:#a7a196;--orange:#ff4900;--pink:#f7b2b7;--lime:#ecfe54;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--ink:#f5f1e7;--ink-2:#fffdf7;--ink-3:#ebe5d6;--line:#ddd5c4;--cream:#1b1b1b;--dim:#6b6559;--orange:#c23700;--pink:#a8384b;--lime:#5f6e00;color-scheme:light}}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.55 "Funnel Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 18px/1 "Funnel Display",system-ui,sans-serif;letter-spacing:-.02em}
.brand svg{width:46px;height:44px;fill:var(--orange)}
.cta{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--orange);color:#1b1b1b;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
@media (prefers-color-scheme:light){.cta{color:#fff}}
main{max-width:46rem;margin:0 auto;padding:20px max(20px,env(safe-area-inset-right)) 72px max(20px,env(safe-area-inset-left))}
.crumbs{font-size:14px;color:var(--dim);margin:4px 0 0}
.crumbs a{color:var(--dim)}
h1{font:800 clamp(32px,7vw,44px)/1.02 "Funnel Display",system-ui,sans-serif;letter-spacing:-.025em;margin:14px 0 12px;text-wrap:balance}
h2{font:700 21px/1.2 "Funnel Display",system-ui,sans-serif;letter-spacing:-.01em;margin:40px 0 12px}
h3{font-size:16px;font-weight:600;margin:0}
.lede{font-size:17px;max-width:62ch;margin:0}
.meta{color:var(--dim);font-size:14px;margin:10px 0 0}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.card{display:flex;gap:14px;align-items:center;padding:10px;border-radius:20px;background:var(--ink-2);text-decoration:none;outline-offset:2px}
.card:hover{background:var(--ink-3)}
.card img,.card .ph{flex:none;width:84px;height:84px;border-radius:14px;object-fit:cover;background:var(--ink-3)}
.card .ph{display:grid;place-items:center;font:800 28px "Funnel Display",sans-serif;color:var(--orange)}
.card div{min-width:0}
.when{margin:3px 0 0;font-size:14px;font-weight:600;color:var(--lime);font-variant-numeric:tabular-nums}
.deals{margin:2px 0 0;font-size:14px;color:var(--pink)}
.where{margin:2px 0 0;font-size:13px;color:var(--dim)}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.chips a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--ink-2);text-decoration:none;font-size:14px}
.chips small{color:var(--dim)}
.best{list-style:none;padding:0;margin:0;border-radius:20px;background:var(--ink-2);padding:0 16px}
.best li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.best li:last-child{border:0}
.best b{color:var(--pink);font-variant-numeric:tabular-nums;white-space:nowrap}
.faq h3{margin-top:20px}
.faq p{margin:4px 0 0;color:var(--dim);max-width:62ch}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:24px;font-size:14px;color:var(--dim)}
footer .chips a{background:transparent;border:1px solid var(--line);min-height:36px}
a:focus-visible{outline:2px solid var(--orange)}
.bestlink{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:14px 16px;border-radius:20px;background:var(--ink-2);text-decoration:none;font-weight:600}
.bestlink:hover{background:var(--ink-3)}
.bestlink .tag{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--lime);color:var(--ink);font:800 15px "Funnel Display",sans-serif}
.bestlink small{display:block;font-weight:400;color:var(--dim);font-size:13px}
.lede+.lede{margin-top:12px}
.byline{margin:0 0 14px;font-size:14px;color:var(--dim)}
.glance{margin:24px 0 0;padding:16px 18px;border-radius:20px;background:var(--ink-2)}
.glance h2{margin:0 0 8px;font-size:17px}
.glance ol{margin:0;padding-left:22px;columns:2 14rem;column-gap:24px}
.glance li{margin:3px 0;break-inside:avoid;font-size:15px}
.glance li b{color:var(--dim);font-weight:600;font-variant-numeric:tabular-nums;margin-left:4px}
.bestmap{position:relative;height:min(62vh,420px);margin:16px 0 0;border-radius:24px;overflow:hidden;background:var(--ink-2);display:grid;place-items:center;color:var(--dim);font-size:14px}
.bestmap.ready{display:block}
.bestmap.ready>p{display:none}
.pin{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:2px solid var(--ink);border-radius:999px;background:var(--cream);color:var(--ink);font:800 14px/1 "Funnel Display",sans-serif;cursor:pointer;box-shadow:0 4px 14px rgb(0 0 0/.35);transition:scale .2s}
.pin.top{background:var(--lime)}
.pin.on,.pin:hover{scale:1.2;background:var(--orange);color:#1b1b1b}
.bestmap .maplibregl-popup{z-index:200}
.bestmap .maplibregl-popup-content{background:var(--ink-2);color:var(--cream);border-radius:16px;padding:12px 14px;box-shadow:0 10px 30px rgb(0 0 0/.35);font:14px/1.4 "Funnel Sans",system-ui,sans-serif}
.bestmap .maplibregl-popup-tip{display:none}
.bestmap .maplibregl-popup-close-button{color:var(--dim);font-size:18px;width:28px;height:28px}
.bestmap .maplibregl-popup-content h3{margin:2px 0;font:700 16px/1.2 "Funnel Display",sans-serif;padding-right:16px}
.pop-n{margin:0;font-size:12px;font-weight:600;color:var(--lime)}
.pop-when{margin:0;color:var(--dim);font-size:13px}
.pop-links{display:flex;gap:14px;margin:6px 0 0}
.pop-links a{color:var(--orange);font-weight:600}
.entry{margin:44px 0 0;scroll-margin-top:80px}
.entry header{display:flex;align-items:center;gap:12px}
.entry h2{margin:0;flex:1;min-width:0}
.entry h2 a{text-decoration:none}
.entry h2 a:hover{text-decoration:underline}
.entry .num{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--ink-3);font:800 18px/1 "Funnel Display",sans-serif}
.entry .num.top{background:var(--orange);color:#1b1b1b}
.entry .sc{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--ink-3);font:800 21px/1 "Funnel Display",sans-serif;font-variant-numeric:tabular-nums;text-align:center}
.entry .sc.top{background:var(--lime);color:var(--ink)}
.entry .sc small{display:block;font:600 10px/1 "Funnel Sans",sans-serif;margin-top:2px}
.entry .where{margin:6px 0 0 50px}
.entry img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:20px;margin:14px 0 0;background:var(--ink-3)}
.entry>p:not(.where):not(.parts){font-size:17px;max-width:62ch;margin:14px 0 0}
.parts{margin:8px 0 0;font-size:13px;color:var(--dim);font-variant-numeric:tabular-nums}
.more{display:inline-flex;align-items:center;min-height:44px;color:var(--orange);font-weight:600;font-size:15px}
.method{margin:0;padding-left:20px;max-width:62ch}
.method li{margin:4px 0}
.open{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;padding:0 18px;border-radius:999px;background:var(--ink-2);text-decoration:none;font-weight:600;font-size:14px}