/* CDO Travel Guias — Editorial Single
 * STEP 7C.2: consume the shared LAB design language without flattening the
 * editorial reading experience. Article body remains intentionally editorial;
 * UI descriptions, headings, metadata, borders and states converge with Suite.
 */
.cdo-guia-single{
  --cdo-guia-ink:var(--cdo-ds-color-heading,var(--cdo-navy,#1f3556));
  --cdo-guia-body:var(--cdo-ds-color-body,var(--cdo-muted,#6b6b6b));
  --cdo-guia-muted:var(--cdo-ds-color-muted,var(--cdo-muted,#6b6b6b));
  --cdo-guia-surface:var(--cdo-ds-color-surface,#fff);
  --cdo-guia-soft:var(--cdo-ds-color-surface-soft,#eef9fb);
  --cdo-guia-primary:var(--cdo-ds-color-primary,var(--cdo-primary,#683bcd));
  --cdo-guia-secondary:var(--cdo-ds-color-secondary,var(--cdo-secondary,#00d0d7));
  --cdo-guia-line:#eae6fa;
  --cdo-guia-description:var(--cdo-ds-text-description,15px);
  --cdo-guia-caption:var(--cdo-ds-text-caption,13px);
  --cdo-guia-weight-strong:var(--cdo-ds-weight-strong,700);
  --cdo-guia-weight-heading:var(--cdo-ds-weight-heading,800);
  background:var(--cdo-guia-surface);
  color:var(--cdo-guia-ink);
  font-family:var(--cdo-ds-font-body,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
}
.cdo-guia-single :where(h1,h2,h3,h4){font-family:var(--cdo-ds-font-heading,var(--cdo-ds-font-body,inherit))}
.cdo-guia-container{min-width:0}
.cdo-guia-hero{padding-top:44px;padding-bottom:30px}
.cdo-guia-title{max-width:1000px;margin:0;font-size:clamp(36px,4.8vw,54px);line-height:1.04;letter-spacing:-.04em;font-weight:var(--cdo-guia-weight-heading);color:var(--cdo-guia-ink)}
.cdo-guia-deck{max-width:900px;margin-top:20px;font-size:clamp(19px,2vw,24px);line-height:1.5;font-weight:400;color:var(--cdo-guia-body)}
.cdo-guia-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:var(--cdo-guia-caption);line-height:1.4;color:var(--cdo-guia-muted)}
.cdo-guia-featured{margin-top:0;margin-bottom:40px}
.cdo-guia-featured img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover;border-radius:var(--cdo-ds-radius-inner,18px);box-shadow:none}
.cdo-guia-editorial{padding-bottom:70px}
.cdo-guia-editorial>.cdo-guia-shell{width:100%}
.cdo-guia-editorial .cdo-guia-content{font-size:18px;line-height:1.75;color:var(--cdo-guia-ink)}
.cdo-guia-editorial .cdo-guia-content>p:first-of-type{font-size:18px;line-height:1.75}
.cdo-guia-editorial .cdo-guia-content h2{margin-top:46px;margin-bottom:14px;font-size:30px;line-height:1.2;font-weight:var(--cdo-guia-weight-heading);letter-spacing:-.025em;color:var(--cdo-guia-ink)}
.cdo-guia-editorial .cdo-guia-content h3{margin-top:34px;margin-bottom:12px;font-size:22px;line-height:1.25;font-weight:var(--cdo-guia-weight-heading);letter-spacing:-.015em;color:var(--cdo-guia-ink)}

/* Editorial Safety Layer: protects reader-facing HTML from theme overflow/regressions. */
.cdo-guia-editorial .cdo-guia-content{overflow-wrap:anywhere;word-break:normal}
.cdo-guia-editorial .cdo-guia-content img{max-width:100%;height:auto;border-radius:var(--cdo-ds-radius-inner,18px)}
.cdo-guia-editorial .cdo-guia-content figure{max-width:100%;margin-left:0;margin-right:0}
.cdo-guia-editorial .cdo-guia-content iframe,
.cdo-guia-editorial .cdo-guia-content video,
.cdo-guia-editorial .cdo-guia-content embed,
.cdo-guia-editorial .cdo-guia-content object{max-width:100%}
.cdo-guia-editorial .cdo-guia-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cdo-guia-editorial .cdo-guia-content pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cdo-guia-editorial .cdo-guia-content blockquote{max-width:100%;margin-left:0;margin-right:0}

/* Neste guia: lightweight full box, aligned to Suite states. */
.cdo-guia-single .cdo-guia-toc{
  border:1px solid var(--cdo-guia-line)!important;
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:var(--cdo-ds-radius-inner,18px)!important;
  box-shadow:none!important;
  background:var(--cdo-guia-surface)!important;
  overflow:hidden!important;
}
.cdo-guia-single .cdo-guia-toc__toggle,
.cdo-guia-single .cdo-guia-toc__toggle:hover,
.cdo-guia-single .cdo-guia-toc__toggle:focus,
.cdo-guia-single .cdo-guia-toc__toggle:active{
  width:100%;min-height:60px;margin:0;padding:13px 16px!important;box-sizing:border-box;
  border:0!important;border-radius:0!important;background:var(--cdo-guia-surface)!important;background-image:none!important;
  box-shadow:none!important;color:var(--cdo-guia-ink)!important;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font:inherit;font-size:var(--cdo-ds-text-body,16px)!important;font-weight:var(--cdo-guia-weight-strong)!important;line-height:1.25;text-align:left;
  text-transform:none;letter-spacing:0;cursor:pointer;
}
.cdo-guia-single .cdo-guia-toc__toggle i{
  flex:0 0 34px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--cdo-guia-line);border-radius:var(--cdo-ds-radius-pill,999px);background:var(--cdo-guia-surface);color:var(--cdo-guia-muted);font-size:12px;line-height:1;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}
.cdo-guia-single .cdo-guia-toc__toggle:hover i,
.cdo-guia-single .cdo-guia-toc__toggle:focus-visible i{border-color:color-mix(in srgb,var(--cdo-guia-primary) 28%,var(--cdo-guia-line));color:var(--cdo-guia-primary);background:color-mix(in srgb,var(--cdo-guia-primary) 4%,#fff)}
.cdo-guia-single .cdo-guia-toc__toggle:focus-visible{outline:2px solid var(--cdo-guia-secondary)!important;outline-offset:-2px}
.cdo-guia-single .cdo-guia-toc__panel{padding:4px 16px 18px!important;background:var(--cdo-guia-surface)}
.cdo-guia-single .cdo-guia-toc__panel[hidden]{display:none}
.cdo-guia-single .cdo-guia-toc ol{list-style:none;margin:0;padding:0}
.cdo-guia-single .cdo-guia-toc li{margin:0}
.cdo-guia-single .cdo-guia-toc li+li{margin-top:12px}
.cdo-guia-single .cdo-guia-toc a{display:block;color:var(--cdo-guia-muted)!important;text-decoration:none!important;font-size:var(--cdo-guia-description);line-height:1.45;font-weight:400;transform:none!important;transition:color .18s ease}
.cdo-guia-single .cdo-guia-toc a:hover{color:var(--cdo-guia-ink)!important}
.cdo-guia-single .cdo-guia-toc a:focus-visible{outline:2px solid var(--cdo-guia-secondary);outline-offset:3px;border-radius:4px}
.cdo-guia-single .cdo-guia-toc a.is-active{color:var(--cdo-guia-ink)!important;font-weight:var(--cdo-guia-weight-strong);transform:none!important;background:transparent!important}
.cdo-guia-single .cdo-guia-toc--desktop{margin-top:2px;display:block}
.cdo-guia-single .cdo-guia-toc--mobile{margin:24px 0}

@media(max-width:1100px){
  .cdo-guia-editorial>.cdo-guia-shell{max-width:860px;margin-left:auto;margin-right:auto}
  .cdo-guia-hero{padding-top:36px}
  .cdo-guia-featured{margin-bottom:34px}
}
@media(max-width:680px){
  .cdo-guia-hero{padding-top:28px;padding-bottom:22px}
  .cdo-guia-title{font-size:clamp(34px,9vw,40px)}
  .cdo-guia-deck{font-size:18px;line-height:1.55}
  .cdo-guia-meta{margin-top:16px}
  .cdo-guia-featured{margin-bottom:28px}
  .cdo-guia-editorial{padding-bottom:48px}
  .cdo-guia-editorial .cdo-guia-content{font-size:17px}
  .cdo-guia-editorial .cdo-guia-content>p:first-of-type{font-size:17px}
  .cdo-guia-editorial .cdo-guia-content h2{font-size:23px;margin-top:38px}
  .cdo-guia-editorial .cdo-guia-content h3{font-size:20px}
  .cdo-guia-single .cdo-guia-toc__toggle,
  .cdo-guia-single .cdo-guia-toc__toggle:hover,
  .cdo-guia-single .cdo-guia-toc__toggle:focus,
  .cdo-guia-single .cdo-guia-toc__toggle:active{padding:12px 14px!important;font-size:var(--cdo-ds-text-description,15px)!important;min-height:58px}
  .cdo-guia-single .cdo-guia-toc__toggle i{width:34px;height:34px;flex-basis:34px}
  .cdo-guia-single .cdo-guia-toc__panel{padding:2px 14px 16px!important}
}

/* Destination Explorer preserves destination semantics while using the same visual scale. */
.cdo-guia-single--destination .cdo-guia-hero{padding-bottom:22px}
.cdo-guia-single--destination .cdo-guia-title{max-width:1080px}
.cdo-guia-single--destination .cdo-guia-editorial{padding-bottom:90px}
.cdo-guia-single--destination .cdo-guia-editorial .cdo-guia-content{font-size:inherit;line-height:inherit}
.cdo-guia-single--destination .cdo-guia-editorial .cdo-guia-content>p:first-of-type{font-size:inherit;line-height:inherit}

