
/* Comino Magazine V6 · Global Discovery & Commerce Engine */
:root{--v6-ink:#071b24;--v6-sea:#0f6f79;--v6-teal:#21a8a5;--v6-sun:#f4b942;--v6-sand:#f6f0e7;--v6-card:#ffffff;--v6-line:rgba(7,27,36,.12);--v6-radius:24px;--v6-shadow:0 20px 60px rgba(7,27,36,.12)}
html{scroll-behavior:smooth}.skip-link{position:fixed;left:16px;top:-80px;z-index:99999;background:#fff;color:#071b24;padding:12px 16px;border-radius:10px;font-weight:800}.skip-link:focus{top:16px}
.v6-ribbon{background:linear-gradient(90deg,#072733,#0b4c58);color:white;border-bottom:1px solid rgba(255,255,255,.12)}.v6-ribbon .container{display:flex;gap:14px;align-items:center;justify-content:center;padding:9px 20px;font-size:.84rem}.v6-ribbon strong{color:#ffe29a}.v6-ribbon a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.v6-command{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:9990;background:rgba(5,24,31,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 45px rgba(0,0,0,.28);padding:8px;border-radius:999px;display:flex;gap:6px;align-items:center}.v6-command a,.v6-command button{border:0;background:transparent;color:white;padding:9px 12px;border-radius:999px;font:inherit;font-size:.8rem;cursor:pointer}.v6-command a:hover,.v6-command button:hover,.v6-command a:focus-visible,.v6-command button:focus-visible{background:rgba(255,255,255,.12);outline:none}.v6-command .accent{background:var(--v6-sun);color:#14252a;font-weight:800}.v6-command .accent:hover{background:#ffd36d}
.v6-trust{padding:78px 0;background:var(--v6-sand);color:var(--v6-ink)}.v6-trust-head{max-width:780px;margin-bottom:28px}.v6-trust-head h2{font-size:clamp(2rem,4vw,4rem);line-height:.98;margin:.25em 0}.v6-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v6-trust-card{background:white;border:1px solid var(--v6-line);border-radius:var(--v6-radius);padding:24px;box-shadow:0 12px 30px rgba(7,27,36,.06)}.v6-trust-card b{display:block;font-size:1.1rem;margin-bottom:7px}.v6-trust-card span{color:#4c6168;line-height:1.5}.v6-trust-card em{display:inline-flex;margin-top:14px;font-style:normal;font-weight:800;font-size:.75rem;background:#e5f7f4;color:#0f6f67;padding:6px 9px;border-radius:999px}
.v6-engine{padding:84px 0;background:#071b24;color:white;overflow:hidden}.v6-engine-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}.v6-engine h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.94;margin:.2em 0 .35em}.v6-engine p{color:#c6d6da;line-height:1.6}.v6-engine-flow{display:grid;gap:12px}.v6-flow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);padding:16px 18px;border-radius:18px}.v6-flow i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--v6-sun);color:#071b24;font-weight:900}.v6-flow strong{display:block}.v6-flow small{color:#9fb7bd}.v6-flow span{color:#67d6cc}
.v6-destinations{padding:80px 0;background:white;color:var(--v6-ink)}.v6-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.v6-section-head h2{font-size:clamp(2rem,4vw,3.6rem);margin:0}.v6-section-head p{max-width:620px;color:#53676e}.v6-destination-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.v6-destination{position:relative;min-height:320px;border-radius:26px;overflow:hidden;background:#0a3440;color:white}.v6-destination img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.95)}.v6-destination:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(1,20,27,.88))}.v6-destination div{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.v6-destination b{font-size:1.45rem}.v6-destination span{display:block;color:#d6e7e9;margin-top:5px}.v6-destination .v6-badge{display:inline-flex;width:auto;margin-bottom:8px;background:#fff;color:#16333b;padding:5px 8px;border-radius:999px;font-weight:800;font-size:.72rem}
.v6-featured{padding:80px 0;background:#f8f7f4;color:var(--v6-ink)}.v6-featured-card{display:grid;grid-template-columns:1.05fr .95fr;background:white;border-radius:30px;overflow:hidden;box-shadow:var(--v6-shadow);border:1px solid var(--v6-line)}.v6-featured-card img{width:100%;height:100%;min-height:520px;object-fit:cover}.v6-featured-copy{padding:clamp(28px,5vw,62px);display:flex;flex-direction:column;justify-content:center}.v6-featured-copy h2{font-size:clamp(2.4rem,5vw,4.9rem);line-height:.95;margin:.25em 0}.v6-featured-copy p{color:#4b6067;line-height:1.65}.v6-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.v6-meta span{background:#edf8f7;color:#0e6969;padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:800}.v6-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.v6-actions a,.v6-actions button{border-radius:999px;padding:12px 16px;border:1px solid #173941;background:#173941;color:white;text-decoration:none;font-weight:800;cursor:pointer}.v6-actions .ghost{background:white;color:#173941}.v6-actions .save.saved{background:#e7f8f1;color:#17684f;border-color:#8ad4ba}
.v6-revenue{padding:80px 0;background:linear-gradient(135deg,#eaf9f7,#fff5d8);color:var(--v6-ink)}.v6-revenue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v6-revenue-card{background:rgba(255,255,255,.88);border:1px solid rgba(7,27,36,.1);padding:24px;border-radius:24px}.v6-revenue-card h3{font-size:1.25rem;margin:.2em 0}.v6-revenue-card p{color:#53676e;line-height:1.55}.v6-revenue-card a{font-weight:900;color:#0d656d}
.v6-proofbar{border-top:1px solid rgba(7,27,36,.08);border-bottom:1px solid rgba(7,27,36,.08);background:white}.v6-proofbar .container{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.v6-proofbar div{padding:18px;text-align:center}.v6-proofbar b{display:block;font-size:1.05rem}.v6-proofbar span{color:#66777d;font-size:.82rem}
.v6-page-hero{padding:90px 0 60px;background:linear-gradient(135deg,#07313d,#0b5963);color:white}.v6-page-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.9;margin:.2em 0}.v6-page-hero p{max-width:760px;color:#cce4e5;font-size:1.12rem;line-height:1.6}.v6-content{padding:70px 0}.v6-copy{max-width:860px;margin:auto}.v6-copy h2{font-size:clamp(2rem,4vw,3.4rem);margin-top:1.3em}.v6-copy p,.v6-copy li{line-height:1.72;color:#40565e}.v6-copy .callout{background:#eef9f7;border-left:4px solid #1aa19c;padding:20px 22px;border-radius:14px;margin:26px 0}.v6-article-hero{display:grid;grid-template-columns:1.05fr .95fr;background:#061c24;color:white;min-height:72vh}.v6-article-hero .copy{padding:clamp(36px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.v6-article-hero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.88;margin:.2em 0}.v6-article-hero p{font-size:1.08rem;color:#c5d9dc;line-height:1.65}.v6-article-hero img{width:100%;height:100%;object-fit:cover}.v6-article-body{padding:72px 0;background:#fff}.v6-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,320px);gap:52px;align-items:start}.v6-article-copy p{font-size:1.05rem;line-height:1.8;color:#344a52}.v6-article-copy h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin-top:1.5em}.v6-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}.v6-gallery figure{margin:0}.v6-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}.v6-gallery figcaption{font-size:.76rem;color:#67777c;margin-top:7px}.v6-aside{position:sticky;top:110px;background:#f3f8f7;border:1px solid #dcebea;padding:22px;border-radius:20px}.v6-aside dt{font-weight:900}.v6-aside dd{margin:3px 0 14px;color:#4f6268}.v6-aside a{color:#0e6870;font-weight:800}.v6-disclosure{background:#071b24;color:white;padding:24px;border-radius:20px;margin:28px 0}.v6-disclosure p{color:#cadcdf;margin:0}.v6-no-fake{display:flex;gap:10px;align-items:flex-start;background:#fff6d6;border:1px solid #edd47b;padding:16px;border-radius:15px;color:#483d20}.v6-no-fake b{white-space:nowrap}
@media(max-width:980px){.v6-trust-grid{grid-template-columns:1fr 1fr}.v6-engine-grid,.v6-featured-card,.v6-article-hero,.v6-article-layout{grid-template-columns:1fr}.v6-destination-grid{grid-template-columns:1fr 1fr}.v6-destination:first-child{grid-column:1/-1}.v6-revenue-grid{grid-template-columns:1fr}.v6-aside{position:static}.v6-article-hero img{max-height:620px}.v6-proofbar .container{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.v6-command{left:10px;right:10px;transform:none;bottom:10px;justify-content:space-between}.v6-command a,.v6-command button{font-size:.72rem;padding:9px 8px}.v6-trust-grid,.v6-destination-grid,.v6-gallery{grid-template-columns:1fr}.v6-destination:first-child{grid-column:auto}.v6-proofbar .container{grid-template-columns:1fr}.v6-section-head{display:block}.v6-article-hero{min-height:0}.v6-article-hero img{max-height:460px}.v6-ribbon .container{justify-content:flex-start;overflow:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* V6.3 READABILITY & ACCESSIBILITY PASS
   Loaded after the legacy visual stack. These rules deliberately protect text/background
   contrast on dark editorial panels, interactive pills and legacy article components. */

/* Alive Bistro: legacy global paragraph colour was overriding the dark notes card. */
body.comino-article-alive .statcard{color:#fff!important}
body.comino-article-alive .statcard h3{color:#fff!important}
body.comino-article-alive .statcard p{color:#f1f7f7!important;opacity:1!important}
body.comino-article-alive .statcard .small{color:#cfe4e5!important;opacity:1!important}
body.comino-article-alive .statcard a{color:#fff!important;text-decoration-color:rgba(255,255,255,.72)!important}

/* V6 sidebars: action links must not inherit the teal sidebar-link colour onto dark buttons. */
.v6-aside .v6-actions>a,
.v6-aside .v6-actions>button:not(.ghost){color:#fff!important;background:#173941!important;border-color:#173941!important}
.v6-aside .v6-actions>.ghost{color:#173941!important;background:#fff!important;border-color:#173941!important}
.v6-aside .v6-actions>.save.saved{color:#17684f!important;background:#e7f8f1!important;border-color:#8ad4ba!important}

/* Legacy V4 dark surfaces are used by Search / Ask. Generic global p rules must not darken them. */
.v4-search-hero p,
.v4-place-panel p,
.v4-place-panel li,
.v4-facts p,
.v4-facts li{color:#eef6f6!important}
.v4-search-hero h1,.v4-search-hero h2,.v4-search-hero h3,
.v4-place-panel h1,.v4-place-panel h2,.v4-place-panel h3{color:#fff!important}
.v4-facts{color:#fff!important}

/* Dark platform/editorial surfaces: explicit readable copy, immune to the old global p colour. */
.dark-section p,.dark-section li,.dark-section small,.dark-section .section-description{color:#eaf6f5!important;opacity:1!important}
.page-panel p,.platform-panel p,.profile-copy p,.place-profile-copy p{color:#e8f4f4!important;opacity:1!important}
.v6-page-hero p,.v6-engine p,.v6-disclosure p,.v6-article-hero p{color:#dceced!important;opacity:1!important}
.pm-newsletter p{color:#fff!important;opacity:1!important}
.v5-news p{color:#fff!important;opacity:1!important}
.pm-commercial p,.pm-commercial small,.v5-commercial p,.v5-commercial small{color:#e5f4f3!important;opacity:1!important}
.pm-discover p,.pm-discover small,.v5-discover-panel p,.v5-discover-panel small{color:#d9efed!important;opacity:1!important}

/* Light cards/panels: keep secondary copy comfortably above WCAG AA contrast. */
.v6-aside,.smart-panel,.intel-chip,.place-card,.passport-card,.itinerary-stop,
.launch-note,.content-card,.system-card,.media-kit-card,.creator-card,.feature-card,
.v6-trust-card,.v6-featured-card,.v6-revenue-card,.v4-chat-response,.v4-account-card{color:#173943!important}
.v6-aside p,.v6-aside dd,.smart-panel p,.intel-chip span,.place-card p,.passport-card p,
.itinerary-stop p,.launch-note p,.content-card p,.system-card p,.media-kit-card p,
.creator-card p,.feature-card p,.v6-trust-card span,.v6-featured-card p,.v6-revenue-card p,
.v4-chat-response p,.v4-account-card p{color:#40565d!important;opacity:1!important}

/* Interactive controls: guarantee label/background contrast across the mixed legacy CSS stack. */
.btn-dark,.btn-primary,.ask-launch,.v4-ask,.v4-account-card button{color:#fff!important}
.btn-light,.btn-soft{color:#07364b!important}
.collection-chip.active{color:#fff!important}
.place-card-status,.experience-tag,.stop-num,.save-place.saved{color:#fff!important}
.v6-command>a:not(.accent),.v6-command>button{color:#fff!important}
.v6-command .accent{color:#14252a!important}

/* Header/footer and floating controls are always dark surfaces. */
.wc-header,.wc-header a:not(.wc-work),.wc-header button{color:#fff!important}
.wc-footer,.wc-footer p,.wc-footer a:not(.wc-footer-work),.wc-footer button{color:#eef8f7!important}
.comino-float-btn,.comino-float-btn .comino-float-text,.comino-float-btn .comino-float-icon{color:#fff!important}

/* User preference: public Comino typography stays upright; emphasis uses weight/colour instead. */
body:not(.admin-body) em,body:not(.admin-body) blockquote{font-style:normal!important}

/* Strong, visible keyboard focus on both light and dark surfaces. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #f7bd19!important;outline-offset:3px!important
}
