/* Omelet navigation: one destination per global link; contents belong to their page. */
body.comparison-site.readable-layout {
  --nav-surface:var(--dark);
  --nav-ink:var(--paper);
  --nav-muted:var(--sage);
  --nav-line:var(--sage-ink);
  --journey-tint:color-mix(in srgb,var(--sage) 18%,var(--paper));
}
body.comparison-site.readable-layout.home-light {
  --nav-surface:var(--paper);
  --nav-ink:var(--ink);
  --nav-muted:var(--muted);
  --nav-line:var(--line);
}
body.readable-layout [data-nav-disclosure] { position:relative; }
body.readable-layout .nav-disclosure-toggle {
  position:relative; display:flex; align-items:center; gap:8px; min-height:44px;
  padding:12px 0; border:0; background:none; color:inherit; font:inherit;
}
body.readable-layout .nav-disclosure-toggle svg {
  width:10px; height:7px; fill:none; stroke:currentColor; stroke-width:1.2;
  transition:transform .2s;
}
body.readable-layout .nav-disclosure-toggle[aria-expanded=true] svg { transform:rotate(180deg); }
body.readable-layout .nav-disclosure-toggle[aria-current] { text-decoration:underline; text-underline-offset:10px; }
body.readable-layout .nav-disclosure-toggle::after { display:none; }
body.comparison-site.readable-layout .site-header .journey-menu {
  position:absolute; top:calc(100% + 14px); left:50%; right:auto; transform:translateX(-50%);
  width:340px; padding:12px 24px; background:var(--nav-surface); color:var(--nav-ink);
  border:1px solid var(--nav-line); box-shadow:none; text-align:left; z-index:40;
}
body.comparison-site.readable-layout .site-header .journey-menu--product { width:740px; padding:20px 24px; }
body.readable-layout .journey-menu-grid { display:grid; grid-template-columns:1fr 1.25fr 1fr; gap:24px; }
body.readable-layout .journey-menu-group { min-width:0; }
body.comparison-site.readable-layout .site-header .primary-nav .journey-menu a {
  display:block; padding:12px 0; min-height:44px; border:0; border-bottom:1px solid var(--nav-line);
  color:var(--nav-ink); font:400 var(--type-action)/1.45 var(--font-sans); text-decoration:none;
}
body.readable-layout .journey-menu a::after { display:none; }
body.comparison-site.readable-layout .site-header .primary-nav .journey-menu a:last-child { border-bottom:0; }
body.comparison-site.readable-layout .site-header .primary-nav .journey-menu a:is(:hover,[aria-current]) {
  text-decoration:underline; text-underline-offset:5px;
}
body.readable-layout .journey-menu :is(small,.journey-menu-label,.journey-menu-description) {
  display:block; margin:4px 0 0; font:400 var(--type-caption)/1.5 var(--font-sans); color:var(--nav-muted);
  letter-spacing:0; text-transform:none;
}
body.readable-layout .journey-menu .journey-menu-label { margin:0; font-weight:600; }
body.readable-layout .journey-menu-overview { border-bottom:1px solid var(--nav-line); padding-bottom:12px; margin-bottom:20px; }
body.readable-layout .site-header :is(a,button):focus-visible { outline:2px solid currentColor; outline-offset:4px; }
body.comparison-site.readable-layout .site-header .header-contact { display:flex; min-height:44px; justify-content:center; font-size:var(--type-action); }

/* Contents use a visible label and remain in the document flow. */
body.readable-layout .page-contents-label { font:400 var(--type-caption)/1.5 var(--font-sans); color:var(--type-muted); letter-spacing:0; text-transform:none; }
body.comparison-site.readable-layout :is(.detail-subnav,.career-section-nav) {
  position:static; display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px;
  margin-block:0; padding-block:16px; border:0; border-bottom:1px solid var(--line); background:transparent;
}
body.readable-layout :is(.detail-subnav,.career-section-nav)>.page-contents-label { flex-basis:100%; }
body.comparison-site.readable-layout :is(.detail-subnav,.career-section-nav)>a {
  flex:none; width:auto; min-height:44px; padding:8px 0; border:0; border-radius:0;
  background:none; box-shadow:none; color:inherit; font-size:var(--type-action); text-decoration:underline;
  text-underline-offset:5px; display:inline-flex; gap:8px; align-items:center;
}
body.readable-layout .category-navigation>.page-contents-label { grid-column:1/-1; padding-top:16px; margin-bottom:-12px; }

/* Page layouts reuse the adopted type and spacing system. */
body.readable-layout .journey-hero { padding-block:var(--hero-space-start) var(--hero-space-end); }
body.readable-layout .journey-hero .type-hero-copy>.text-link { margin-top:20px; }
body.readable-layout .journey-hero .type-hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:var(--layout-gap); }
body.readable-layout .journey-product-index { padding-block:32px; border-top:1px solid var(--line); }
body.readable-layout .journey-index-heading { margin-bottom:24px; }
body.readable-layout .journey-index-heading>p { margin-top:12px; max-width:70ch; }
body.readable-layout .journey-product-choice { display:block; border:1px solid var(--line); background:var(--journey-tint); text-decoration:none; min-width:0; }
body.readable-layout .journey-product-choice>div { padding:24px; }
body.readable-layout .journey-product-choice img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:var(--paper); }
body.readable-layout .journey-product-choice h3 { font-size:var(--type-subheading); font-weight:400; line-height:1.25; overflow-wrap:break-word; }
body.readable-layout .journey-product-choice p:not(.journey-choice-category) { margin-top:12px; font-size:var(--type-compact); line-height:var(--leading-body); }
body.readable-layout .journey-choice-action { display:flex; justify-content:space-between; gap:16px; margin-top:24px; font-size:var(--type-action); text-decoration:underline; text-underline-offset:5px; }
body.readable-layout .journey-product-choice:hover { border-color:var(--sage-ink); }
body.readable-layout .journey-product-choice:hover h3 { text-decoration:underline; text-underline-offset:6px; }
body.readable-layout .journey-product-choice--studio { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
body.readable-layout .journey-product-choice--studio img { border-right:1px solid var(--line); }
body.readable-layout .journey-platform { padding-block:24px; }
body.readable-layout .journey-platform .legacy-platform { margin-top:0; }
body.readable-layout .journey-product-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:var(--layout-gap); padding-block:24px var(--section-space); }
body.readable-layout .journey-product-detail :is(.journey-product-evidence,.journey-product-copy) { min-width:0; }
body.readable-layout .journey-product-detail .product-card-media { margin:0; height:auto; }
body.readable-layout .journey-product-detail .product-card-media figcaption { font-size:var(--type-caption); }
body.readable-layout .journey-product-copy>p { margin-top:20px; }
body.readable-layout .journey-product-copy :is(.product-card-link,.product-card-about) { display:flex; width:fit-content; min-height:44px; align-items:center; gap:16px; margin-top:16px; font-size:var(--type-action); }
body.readable-layout .journey-product-detail .product-api-overview { padding:24px; aspect-ratio:auto; overflow:visible; }
body.readable-layout .journey-product-detail .product-api-flow { gap:20px; }
body.readable-layout .journey-product-detail .product-api-flow li { padding-block:16px; }
body.readable-layout .journey-product-detail .product-api-flow strong { font-size:var(--type-subheading); }
body.readable-layout .journey-product-detail .product-api-flow :is(span,small),
body.readable-layout .journey-product-detail .product-api-overview>p { font-size:var(--type-caption); }
body.readable-layout .journey-note { margin-top:16px; color:var(--muted); }
body.readable-layout .journey-contact-next { padding-block:var(--section-space); }
body.readable-layout .journey-contact-next>p { margin-block:16px; }
body.readable-layout .journey-contact-details { padding-block:32px; border-block:1px solid var(--line); }
body.readable-layout .journey-office-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--layout-gap); margin-top:24px; }
body.readable-layout .journey-office-grid h3 { font-size:var(--type-subheading); font-weight:400; }
body.readable-layout .journey-office-grid address { margin-top:12px; font:400 var(--type-compact)/var(--leading-body) var(--font-sans); }
body.readable-layout .journey-contact-links { display:flex; align-items:center; flex-wrap:wrap; gap:20px 32px; margin-top:24px; }
body.readable-layout .journey-guides { padding-bottom:var(--section-space); }
body.readable-layout .journey-guides .insight-series { padding-top:24px; }
body.readable-layout .journey-guides .course h2 a { display:block; }

@media(max-width:1100px) and (min-width:901px) {
  body.comparison-site.readable-layout .site-header .primary-nav { gap:18px; }
  body.comparison-site.readable-layout .site-header .header-contact { display:flex; }
  body.comparison-site.readable-layout .site-header .journey-menu--company { left:auto; right:0; transform:none; }
}
@media(max-width:900px) {
  body.comparison-site.readable-layout .site-header .nav-toggle { margin-left:0; }
  body.readable-layout .nav-disclosure-toggle { width:100%; justify-content:space-between; text-align:left; min-height:55px; border-top:1px solid var(--nav-line); }
  body.comparison-site.readable-layout .site-header .journey-menu { position:static; transform:none; width:100%; padding:16px; margin-bottom:16px; }
  body.readable-layout .journey-menu-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  body.readable-layout .journey-menu-group+.journey-menu-group { padding-top:16px; border-top:1px solid var(--nav-line); }
  body.comparison-site.readable-layout .site-header .primary-nav .journey-menu a { border-top:0; }
}
@media(max-width:760px) {
  body.readable-layout :is(.journey-choice-grid,.journey-product-detail,.journey-product-choice--studio,.journey-office-grid),
  body.readable-layout .journey-hero .type-hero-grid { grid-template-columns:minmax(0,1fr); }
  body.readable-layout .journey-product-choice--studio img { border:0; }
  body.readable-layout .journey-product-index { padding-block:24px; }
  body.readable-layout .journey-product-choice>div { padding:20px; }
  body.readable-layout .journey-product-copy { order:-1; }
}
html:not(.has-js) body.readable-layout .site-header { position:static; height:auto; flex-wrap:wrap; padding-block:20px; }
html:not(.has-js) body.readable-layout .primary-nav { flex-wrap:wrap; align-items:flex-start; }
html:not(.has-js) body.readable-layout .journey-menu[hidden] { display:block!important; position:static; transform:none; width:auto; max-width:100%; }
html:not(.has-js) body.readable-layout .nav-disclosure-toggle { display:none; }
@media(prefers-reduced-motion:reduce) {
  body.readable-layout .nav-disclosure-toggle svg { transition:none; }
}