.guideListing{padding-top:10px}.guideListingCard{display:flex;flex-direction:column}.guideListingCard .pad{display:flex;flex-direction:column;align-items:flex-start;flex:1}.guideListingCard h2{font-family:Georgia,serif;font-size:28px;line-height:1.15;margin:9px 0}.guideListingCard h2 a:hover{color:var(--gold2)}.guideListingCard p{flex:1}.guideListingCard .btn{margin-top:10px}.guideListingCard img{height:235px}
.guideHeader{padding-top:52px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin-bottom:30px}.breadcrumb a{color:var(--gold2);text-decoration:underline;text-underline-offset:4px}.guideHeader h1{font-size:clamp(46px,6vw,78px);line-height:1.02;max-width:950px;margin-top:18px}.guideHeader .lede{max-width:820px}.guideFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.guideFacts div{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.guideFacts span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.guideFacts strong{font-size:15px}.guideCover{width:100%;height:350px;object-fit:cover;border-radius:25px;border:1px solid var(--line)}
.guideLayout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding-top:45px;padding-bottom:75px;align-items:start}.guideToc{position:sticky;top:110px;display:grid;gap:12px;font-size:13px;line-height:1.55}.guideToc strong{color:var(--gold2);margin-bottom:5px}.guideToc a{color:#c1d0df;padding:3px 0}.guideToc a:hover{text-decoration:underline}.guideBody{max-width:790px;min-width:0}.guideBody p,.guideBody li{font-size:17px;line-height:1.85;color:#bccbd9}.guideBody .guideIntro{font-size:19px;color:#e0e8ef}.guideBody section{scroll-margin-top:115px;margin-top:45px}.guideBody h2{font-family:Georgia,serif;font-size:34px;line-height:1.15;letter-spacing:-.02em}.guideBody li{padding-left:5px;margin-bottom:13px}.guideBody ol{padding-left:24px}.guideBody a:not(.btn){color:var(--gold2);text-decoration:underline;text-underline-offset:4px}.guideNext{padding:28px;border:1px solid rgba(215,165,74,.3);border-radius:24px;background:rgba(215,165,74,.035)}.guideActions{display:flex;flex-wrap:wrap;gap:12px}.guideNext .affiliateNote{font-size:12px;margin-bottom:0}.relatedGuides{display:flex;flex-wrap:wrap;gap:15px 25px;border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:14px}
@media(max-width:900px){.guideLayout{grid-template-columns:1fr;gap:25px}.guideToc{position:static;display:flex;flex-wrap:wrap;gap:8px}.guideToc strong{width:100%;margin-bottom:5px}.guideToc a{padding:8px 11px;border:1px solid var(--line);border-radius:12px;min-height:40px}.guideBody{max-width:100%}.guideCover{height:300px}}
@media(max-width:620px){.guideHeader{padding-top:28px}.guideHeader h1{font-size:45px}.breadcrumb{margin-bottom:22px}.guideFacts{grid-template-columns:1fr;gap:8px;margin:22px 0}.guideFacts div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px}.guideFacts span{margin:0}.guideFacts strong{font-size:13px;text-align:right}.guideCover{height:230px;border-radius:20px}.guideLayout{padding-top:24px;padding-bottom:45px}.guideBody p,.guideBody li{font-size:16px;line-height:1.8}.guideBody .guideIntro{font-size:17px}.guideBody h2{font-size:30px}.guideBody section{margin-top:34px}.guideNext{padding:22px 18px}.guideActions .btn{width:100%;min-height:48px}.guideListingCard h2{font-size:28px}}

/* Choose a guide by the decisions it helps with, then keep planning nearby. */
.guideFitTags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:4px 0 19px}
.guideFitTags li{padding:6px 9px;border:1px solid rgba(245,217,141,.22);border-radius:999px;background:rgba(245,217,141,.045);font-size:10px;line-height:1.4;color:#e4d5b4}
.guideListingActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;margin-top:auto;padding-top:3px}
.guideListingCard .guideListingActions .btn{margin-top:0;min-height:48px;padding:11px 13px;font-size:12px}
.guidePlan{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--gold2);line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.guideListingCard .pad>p{font-size:14px;line-height:1.7;margin-bottom:16px}
.guideQuickActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:23px 0 20px}
.guideQuickActions .btn{min-height:48px;padding:12px 20px;font-size:14px}
.guideQuickStay{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--gold2);text-decoration:underline;text-underline-offset:5px}
.guideHeader .guideFacts{margin-top:20px}
.guideToc{gap:5px;padding:17px 0 4px;border-top:1px solid var(--line)}
.guideToc strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.guideToc a{display:flex;align-items:center;min-height:44px;padding:9px 11px;border:1px solid transparent;border-radius:10px;font-size:13px;line-height:1.5;transition:background .2s,border-color .2s,color .2s}
.guideToc a:hover,.guideToc a[aria-current="location"]{color:var(--gold2);background:rgba(215,165,74,.09);border-color:rgba(215,165,74,.28);text-decoration:none}
.guideToc a:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.guideBody section+section:not(.guideNext){padding-top:28px;border-top:1px solid var(--line)}
.guideBody #itinerary ol{display:grid;gap:12px;list-style-position:inside;padding:0;margin-top:22px}
.guideBody #itinerary li{margin:0;padding:16px 19px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);font-size:16px;line-height:1.75}
.guideBody #itinerary li::marker{color:var(--gold2);font-weight:600}
.breadcrumb a,.relatedGuides a{display:inline-flex;align-items:center;min-height:44px}
.breadcrumb{align-items:center;margin-bottom:21px}
.relatedGuides{gap:5px 25px;padding-top:18px}
@media(max-width:900px){
 .guideToc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:18px}
 .guideToc strong{grid-column:1/-1;margin-bottom:3px}
 .guideToc a{border-color:var(--line);font-size:13px}
}
@media(max-width:620px){
 .guideQuickActions{gap:9px 18px;margin:20px 0 18px}
 .guideQuickActions .btn{font-size:13px;padding:12px 17px}
 .guideQuickStay{font-size:13px}
 .guideHeader .guideFacts{margin-top:18px}
 .guideToc a{font-size:12px;padding:9px 10px}
 .guideBody section+section:not(.guideNext){padding-top:22px}
 .guideBody #itinerary li{padding:15px 16px;font-size:15px;line-height:1.75}
 .breadcrumb{margin-bottom:16px;gap:9px}
 .relatedGuides{gap:4px 19px}
}
