.top-lists-page-shell{--page-shell-x-padding:24px;--page-topbar-content-max:1180px;min-height:100vh;padding:0 var(--page-shell-x-padding) 32px}.top-lists-page{background:var(--bg-card);border:1px solid var(--line);box-shadow:var(--shadow-panel);border-radius:8px;gap:20px;max-width:1180px;margin:18px auto 0;padding:clamp(14px,1.2vw,18px) clamp(16px,1.8vw,26px) clamp(16px,1.8vw,26px);display:grid}.top-lists-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding:10px 0 20px;display:flex}.top-lists-heading h1{letter-spacing:0;max-width:860px;font-size:clamp(2rem,4vw,3.35rem);line-height:.98}.top-lists-heading p:not(.eyebrow){color:var(--muted-strong);max-width:720px;margin-top:10px;font-size:1rem;line-height:1.55}
.top-list-grid{align-items:start;gap:12px;width:100%;display:grid}.top-list-card{background:var(--surface-warm);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:inherit;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.top-list-card:hover,.top-list-card:focus-within{border-color:var(--line-strong);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.top-list-card:focus-within{outline:3px solid color-mix(in srgb, var(--brand-terracotta) 38%, transparent);outline-offset:3px}.top-list-card__header{gap:10px;display:grid}.top-list-card__title{align-items:flex-start;gap:9px;display:flex}.top-list-card__title h2{font-size:1.32rem;line-height:1.08}.top-list-card__favorite{margin-top:-7px;margin-left:-8px}.top-list-card__header p{color:var(--muted-strong);max-width:680px;font-size:.93rem;line-height:1.48}.top-list-card__actions{flex-wrap:wrap;justify-self:start;align-items:center;gap:8px;display:flex}.top-list-card__actions .primary-button{min-height:40px}.top-list-card__primary-action.intake-hero-cta{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);box-shadow:0 10px 22px color-mix(in srgb, var(--brand-terracotta) 20%, transparent), inset 0 1px 0 color-mix(in srgb, var(--brand-white) 22%, transparent);color:var(--btn-primary-text);border-radius:8px;gap:0;min-height:40px;padding:0 18px 0 22px;font-size:.95rem;font-weight:780}.top-list-card__primary-action.intake-hero-cta .intake-hero-cta-arrow{margin-left:6px}.top-list-card__primary-action.intake-hero-cta:hover:not(:disabled),.top-list-card__primary-action.intake-hero-cta:focus-visible{background:var(--brand-terracotta-strong);border-color:var(--brand-terracotta-strong);box-shadow:0 12px 24px color-mix(in srgb, var(--brand-terracotta) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--brand-white) 20%, transparent);color:var(--btn-primary-text);outline:none}.top-list-card__primary-action.intake-hero-cta:hover:not(:disabled) .intake-hero-cta-arrow:before,.top-list-card__primary-action.intake-hero-cta:focus-visible .intake-hero-cta-arrow:before{transform:translateY(-50%)scaleX(1)}.top-list-card__primary-action.intake-hero-cta:hover:not(:disabled) .intake-hero-cta-arrow,.top-list-card__primary-action.intake-hero-cta:focus-visible .intake-hero-cta-arrow{transform:translate(4px)}.top-list-article-shell{min-height:100vh;padding:0 clamp(18px,1.8vw,40px) 42px}.top-list-article{background:var(--bg-card);border:1px solid var(--line);box-shadow:var(--shadow-panel);border-radius:8px;gap:26px;max-width:1120px;margin:18px auto 0;padding:clamp(16px,1.8vw,26px);display:grid}.top-list-article-hero{background:var(--brand-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:end;gap:18px;padding:clamp(18px,2.5vw,30px);display:grid}.top-list-article-hero h1{letter-spacing:0;max-width:980px;font-size:clamp(2.2rem,5vw,4rem);line-height:.98}.top-list-article-dek{color:var(--muted-strong);max-width:100%;margin-top:12px;font-size:1.08rem;line-height:1.55}.top-list-article-actions{border-top:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:18px;display:flex}.top-list-article-actions__prompt{color:var(--ink-soft);max-width:680px;margin:0;font-size:1rem;font-weight:650;line-height:1.5}.top-list-article-cta.intake-hero-cta,.top-list-place-cta.intake-hero-cta{gap:0;padding:0 18px 0 22px}.top-list-article-cta.intake-hero-cta .intake-hero-cta-arrow,.top-list-place-cta.intake-hero-cta .intake-hero-cta-arrow{margin-left:6px}.top-list-article-cta.intake-hero-cta:focus-visible,.top-list-place-cta.intake-hero-cta:focus-visible{background:var(--brand-terracotta-strong);border-color:var(--brand-terracotta-strong);box-shadow:0 12px 24px color-mix(in srgb, var(--brand-terracotta) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--brand-white) 20%, transparent);outline:none}.top-list-article-cta.intake-hero-cta:focus-visible .intake-hero-cta-arrow:before,.top-list-place-cta.intake-hero-cta:focus-visible .intake-hero-cta-arrow:before{transform:translateY(-50%)scaleX(1)}.top-list-article-cta.intake-hero-cta:focus-visible .intake-hero-cta-arrow,.top-list-place-cta.intake-hero-cta:focus-visible .intake-hero-cta-arrow{transform:translate(4px)}.top-list-article-intro,.top-list-article-conclusion{background:var(--brand-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:14px;max-width:100%;padding:18px;display:grid}.top-list-article-intro .top-list-section-heading,.top-list-article-conclusion .top-list-section-heading{border-bottom:1px solid var(--line);padding-bottom:12px}.top-list-article-intro p:not(.eyebrow),.top-list-article-conclusion p:not(.eyebrow){color:var(--ink-soft);font-size:1.02rem;line-height:1.7}.top-list-method-section ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.top-list-ranking-section,.top-list-method-section{gap:14px;display:grid}.top-list-section-heading{gap:5px;display:grid}.top-list-section-heading h2{font-size:1.45rem}.top-list-ranking-list{gap:20px;display:grid}.top-list-place-card{background:var(--brand-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;padding:16px}.top-list-place-body{gap:16px;min-width:0;display:grid}.top-list-place-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.top-list-place-title-group{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}.top-list-place-title-group>div:last-child{min-width:0}.top-list-place-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-list-place-heading h3{font-size:1.34rem;line-height:1.12}.top-list-place-heading h3 a{color:var(--ink);text-decoration:none}.top-list-place-heading h3 a:hover,.top-list-place-heading h3 a:focus-visible{color:var(--forest-strong);text-underline-offset:3px;text-decoration:underline}.top-list-place-heading p,.top-list-place-body>p{color:var(--muted-strong);line-height:1.52}.top-list-place-cta.intake-hero-cta{justify-self:end}.top-list-place-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.top-list-place-facts div{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.top-list-place-facts dt{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:850}.top-list-place-facts dd{color:var(--ink);margin:4px 0 0;font-size:.95rem;font-weight:820}.top-list-place-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.top-list-place-media-grid--single{grid-template-columns:minmax(0,1fr)}.top-list-place-media{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;min-width:0;margin:0;position:relative;overflow:hidden}.top-list-place-media-frame{position:relative}.top-list-place-media__image{aspect-ratio:16/9;object-fit:cover;width:100%;min-height:230px;display:block}.top-list-method-section{background:var(--brand-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;padding:16px}.top-list-method-section li{color:var(--muted-strong);align-items:start;gap:8px;line-height:1.5;display:flex}.top-list-method-section li svg{color:var(--forest-strong);flex:none;margin-top:2px}.top-list-factor-breakdown{border-top:1px solid var(--line);justify-self:center;gap:12px;width:min(100%,760px);max-width:760px;padding-top:14px;display:grid}.top-list-factor-breakdown h3{color:var(--ink);text-transform:uppercase;font-size:1.08rem;font-weight:900;line-height:1.1}.top-list-factor-breakdown>div{text-align:center}.top-list-factor-breakdown ol{grid-template-columns:max-content minmax(260px,360px) max-content;justify-content:center;align-items:center;gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.top-list-factor-breakdown li{display:contents}.top-list-factor-breakdown li>span{color:var(--ink);text-align:right;font-size:.9rem;font-weight:800}.top-list-factor-breakdown li>div{background:color-mix(in srgb, var(--brand-terracotta) 8%, var(--brand-white));border:1px solid color-mix(in srgb, var(--brand-terracotta) 18%, var(--line));border-radius:999px;height:10px;overflow:hidden}.top-list-factor-breakdown li>div span{background:linear-gradient(90deg, var(--brand-terracotta) 0%, var(--brand-terracotta-strong) 100%);border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-terracotta) 18%, transparent);height:100%;display:block}.top-list-method-section .primary-button{justify-self:start;margin-top:2px}.top-list-article>.top-list-article-actions{background:var(--brand-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;padding:18px}
@media (max-width:700px){.top-lists-heading{flex-direction:column;align-items:flex-start}.top-list-card{grid-template-columns:1fr}.top-list-card__actions,.top-list-card__actions .primary-button{justify-self:stretch;width:100%}.top-list-article-shell{padding:0 14px 28px}.top-list-article-hero,.top-list-place-card,.top-list-place-heading{grid-template-columns:1fr}.top-list-article-actions,.top-list-article-actions .primary-button,.top-list-article-actions .secondary-button,.top-list-place-heading .top-list-place-cta,.top-list-method-section .primary-button,.top-list-place-actions{justify-self:stretch;width:100%}.top-list-place-media-grid,.top-list-factor-breakdown li{grid-template-columns:1fr}.top-list-factor-breakdown ol{grid-template-columns:1fr;justify-content:stretch}.top-list-factor-breakdown li{gap:6px;display:grid}.top-list-factor-breakdown li>span,.top-list-factor-breakdown strong{text-align:left}.top-list-place-media__image{min-height:190px}.top-list-place-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.top-lists-page{box-shadow:none;margin-inline:calc(var(--page-shell-x-padding,18px) * -1);padding-inline:var(--page-shell-x-padding,18px);border-inline:0;border-radius:0}}
.top-lists-state-browser{background:var(--brand-white);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft);border-radius:10px;gap:18px;padding:clamp(18px,2.4vw,28px);scroll-margin-top:92px;display:grid}.top-lists-state-browser__heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;display:grid}.top-lists-state-browser__icon{background:var(--brand-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--forest-strong);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.top-lists-state-browser__heading>div{gap:5px;display:grid}.top-lists-state-browser__heading h2,.top-lists-library__heading h2{letter-spacing:-.02em;font-size:clamp(1.35rem,2.4vw,1.8rem)}.top-lists-state-browser__heading p:not(.eyebrow),.top-lists-library__heading p:not(.eyebrow){color:var(--muted-strong);font-size:.91rem;line-height:1.48}.top-lists-state-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.top-lists-state-grid a{background:var(--surface-warm);border:1px solid var(--line);color:var(--ink);border-radius:7px;justify-content:space-between;align-items:center;gap:7px;min-height:39px;padding:8px 10px;font-size:.79rem;font-weight:780;text-decoration:none;transition:background-color .12s,border-color .12s,transform .12s;display:flex}.top-lists-state-grid a small{color:var(--muted);letter-spacing:.055em;flex:none;font-size:.62rem;font-weight:840}.top-lists-state-grid a>span{white-space:nowrap;min-width:0}.top-lists-state-grid a:hover,.top-lists-state-grid a:focus-visible{background:var(--brand-white);border-color:var(--brand-sage-deep);color:var(--forest-strong);outline:none;transform:translateY(-1px)}.top-lists-library{background:var(--brand-white);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft);border-radius:10px;gap:18px;padding:clamp(18px,2.4vw,28px);display:grid}.top-lists-library__heading{gap:5px;display:grid}@media (max-width:1100px){.top-lists-state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:780px){.top-lists-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.top-lists-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.top-lists-state-browser__heading{grid-template-columns:minmax(0,1fr)}.top-lists-state-browser__icon{width:40px;height:40px}.top-lists-state-grid a{padding-left:8px;padding-right:8px}}@media (max-width:420px){.top-lists-state-grid{grid-template-columns:minmax(0,1fr)}}