/* 2026-10-02 auto5: high-visibility partner CTAs. Loaded from <main> as /assets/cta.css?v=<sha8> (build.py CTA_CSS_V), so a change
   never waits on the 24h edge cache of style.css. Rollback: delete this file + the <link> in build.py _write_page. */
a.button[rel~="sponsored"],a.partner-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;background:#123e38;color:#fff;border:2px solid #123e38;border-radius:6px;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.1px;text-decoration:none!important;box-shadow:0 2px 0 rgba(18,62,56,.28);filter:none;cursor:pointer;transition:background .15s,color .15s}
a.button[rel~="sponsored"]:hover,a.partner-cta:hover{background:#d9ef86;color:#123e38;border-color:#123e38;filter:none}
a.button[rel~="sponsored"]:focus-visible,a.partner-cta:focus-visible{outline:3px solid #123e38;outline-offset:3px;background:#d9ef86;color:#123e38;border-color:#123e38}
a.button[rel~="sponsored"]:active,a.partner-cta:active{transform:translateY(1px);box-shadow:none}
.stay-upgrade a.button[rel~="sponsored"],.manifesto a.button[rel~="sponsored"]{background:#d9ef86;color:#123e38;border-color:#d9ef86}
.stay-upgrade a.button[rel~="sponsored"]:hover,.stay-upgrade a.button[rel~="sponsored"]:focus-visible{background:#fff;border-color:#fff;color:#123e38}
.stay-upgrade a.button[rel~="sponsored"]:focus-visible{outline-color:#fff}
.stay-upgrade .cta-name{color:#f7f7ef}
.sticky a.button[rel~="sponsored"]{display:flex;width:100%;margin:6px 0 4px}
.sticky .cta-name{margin:18px 0 4px;font-size:14px}
.agoda-cta{min-height:48px;font-size:14px}
.tour-card a.button[rel~="sponsored"]{width:100%}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.cta-name{font-weight:700;color:#123e38!important}
p.cta-name{margin:0}
.dest-top{margin:18px 0 6px}.dest-top-cta{margin:0}.dest-top-links{margin:10px 0 0}
.dest-top-links a,.jump-link a:not(.button),.dest-top-cta a:not(.button){display:inline-block;padding:10px 14px 10px 0}
.spot-lesson-disc{margin-top:6px}
a.cta-jump-btn,a.cta-hero{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:6px;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none!important;gap:10px}
a.cta-jump-btn{background:#d9ef86;color:#123e38;border:2px solid #123e38}
a.cta-jump-btn:hover,a.cta-jump-btn:focus-visible{background:#123e38;color:#fff}
a.cta-jump-btn:focus-visible{outline:3px solid #123e38;outline-offset:3px}
.top-ctas{padding-top:0;margin-top:-20px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
a.cta-hero{background:#fff;color:#123e38;border:2px solid #fff}
a.cta-hero:hover,a.cta-hero:focus-visible{background:#d9ef86;border-color:#d9ef86;color:#123e38}
.hero a.cta-hero:focus-visible{outline:3px solid #fff;outline-offset:3px}
.foot-disclosure{font-size:12px;color:#546b64;margin:0 0 16px}
.foot-disclosure a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){
 .hero-ctas a.cta-hero{flex:1 1 100%}
 .cta-row a.button[rel~="sponsored"],.cta-row a.cta-jump-btn{flex:1 1 100%}
 .top-ctas{margin-top:-30px}
}
/* auto6: single top-of-page commission line (build.py TOP_DISCLOSURE); visible at every width */
.top-disclosure{display:block;margin:14px 0 0;font-size:13px;line-height:1.5;color:#546b64}
.top-disclosure a{text-decoration:underline;text-underline-offset:3px;color:#123e38;font-weight:600}
.top-disclosure-wrap{margin-top:-28px;margin-bottom:28px}
.top-disclosure-wrap .top-disclosure{margin:0}
@media(max-width:640px){.top-disclosure{font-size:13px}.top-disclosure-wrap{margin-top:-18px;margin-bottom:22px}}
.hero + .top-disclosure-wrap{margin-top:14px;margin-bottom:14px}
.top-disclosure-wrap + .top-ctas{margin-top:0}
/* auto7: commission line at the start of anchored partner sections + under the home hero CTAs */
.section-disclosure{display:block;margin:6px 0 16px;font-size:13px;line-height:1.5;color:#546b64}
.section-disclosure a{text-decoration:underline;text-underline-offset:3px;color:#123e38;font-weight:600}
.stay-upgrade .section-disclosure{color:#d2dfd6}
.stay-upgrade .section-disclosure a{color:#fff}
.hero .hero-disclosure{display:inline-block;margin:8px 0 0;padding:4px 8px;border-radius:4px;background:rgba(5,31,31,.78);color:#e8efe9;font-size:13px;line-height:1.4;max-width:640px}
.hero .hero-disclosure a{color:#fff}
.agoda-provider{display:block;margin:8px 0 0;font-size:12px;color:#546b64}
/* auto7: Agoda card label stays on one line at 360px */
.agoda-cta{white-space:nowrap}
@media(max-width:400px){.agoda-cta{padding-left:10px;padding-right:10px;letter-spacing:-.1px}}
/* auto9 N2: mobile-only compact repeat of the destination lesson button above the Direct answer, led by its commission line */
.dest-top-m{display:none}
@media(max-width:640px){.dest-top-m{display:block;margin-top:-34px;margin-bottom:22px}.dest-top-m .top-disclosure{margin:0 0 8px}.dest-top-m .dest-top-cta{gap:4px 12px}}
/* auto11 (QA auto9 N1/N2): on mobile the compact repeat above the DA (.dest-top-m) already carries the commission line + lesson button,
   so hide the second identical line and the duplicate button of the desktop block; its jump links stay. */
@media(max-width:640px){.top-disclosure:has(+ .dest-top[data-section="dest-top"]){display:none}.dest-top[data-section="dest-top"] .dest-top-cta{display:none}.dest-top[data-section="dest-top"]{margin-top:10px}.dest-top[data-section="dest-top"] .dest-top-links{margin-top:0}}
/* auto11 (QA auto9 N3): destination pages on desktop: tighten the intro bottom padding and the CTA gap so the lesson button clears the fold */
@media(min-width:641px){.page-intro:has(+ .dest-top-m){padding-bottom:26px}.dest-top[data-section="dest-top"]{margin-top:12px}}
/* auto11 (QA auto9 N5): Amazon text links in the /plan/ gear card reach a 44px tap target */
.guides a[rel~="sponsored"][href*="amazon."]{display:inline-flex;align-items:center;min-height:44px}
/* auto14b: consent banner (network pattern from guanacaste-tours gt.css), 44px tap targets */
.consent{position:fixed;left:12px;right:12px;bottom:12px;max-width:620px;margin:auto;background:#fff;color:#1d2a26;border:1px solid #c9d2cb;border-radius:10px;padding:14px 16px;box-shadow:0 8px 30px #0003;z-index:50;font-size:14px;line-height:1.45}
.consent[hidden]{display:none}.consent p{margin:0 0 10px}.consent a{color:inherit;text-decoration:underline}
.consent>div{display:flex;gap:10px;flex-wrap:wrap}.consent .button{min-height:44px;min-width:96px;margin:0}
.consent .button.ghost{background:#fff;color:#1d2a26;border:1px solid #9aa79f}
.linkbtn{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;min-height:44px;padding:0 6px}

.consent{padding:10px 12px;font-size:13px;line-height:1.4}.consent p{margin:0 0 8px}
@media(min-width:700px){.consent{display:flex;align-items:center;gap:14px}.consent p{margin:0;flex:1}.consent>div{flex:none}}

/* auto16 (2026-10-29): deepening-page partner badges + Check lines */
.partner-badge{display:inline-block;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.02em;padding:3px 8px;margin-right:6px;border-radius:999px;background:#eef3f0;color:#1d2a26;border:1px solid #c9d4cd;vertical-align:middle}
.cta-check{margin:-4px 0 14px;font-size:14px;line-height:1.45;color:#3f4b46}