/* Physical booklet and one synchronised path, only on explicitly marked chapters. */
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] {
  padding-block: 48px;
  background: #e9efea;
  color: #0b1d3a;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread {
  display: grid;
  grid-template-columns: minmax(290px, .9fr) minmax(0, 1.35fr);
  align-items: stretch;
  gap: clamp(24px, 3vw, 40px);
  overflow: visible;
  min-width: 0;
  padding: 5px 10px 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread > .ai-story-book {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  width: calc(100% - 10px);
  max-width: 390px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 24px 24px 20px 34px;
  overflow: visible;
  border: 1px solid #354c61;
  border-left: 10px solid #081a2c;
  border-radius: 4px 11px 11px 4px;
  background: linear-gradient(105deg, #081a2d 0%, #102c43 42%, #0b203a 100%);
  color: #f5f2e9;
  box-shadow: 10px 13px 20px #0b1d3a1b, inset 2px 0 3px #7796a325, inset -2px 0 4px #0003;
  transform: none;
  isolation: isolate;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 13px;
  border-radius: 1px 0 0 1px;
  background: linear-gradient(90deg, #0005, #79909d1a 45%, #0000);
  box-shadow: 1px 0 0 #71869328;
  pointer-events: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 7px;
  bottom: 5px;
  left: 100%;
  width: 7px;
  border: 1px solid #bcb6a8;
  border-left: 0;
  border-radius: 0 5px 5px 0;
  background: repeating-linear-gradient(0deg, #ddd7c9 0 1px, #f7f3e7 1px 3px);
  box-shadow: 2px 2px 3px #0b1d3a18;
  pointer-events: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-logo {
  display: block;
  width: 160px;
  height: 71px;
  max-width: 75%;
  margin: 0 0 10px;
  object-fit: contain;
  object-position: left center;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book > .eyebrow {
  margin: 0 0 8px;
  color: #93dcd1;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .065em;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book h3 {
  margin: 0 0 14px;
  color: #f5f2e9;
  font-size: clamp(30px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.045em;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-scene {
  position: static;
  display: block;
  width: 100%;
  height: 340px;
  max-height: none;
  margin: 0 0 12px;
  border: 1px solid #7a929d50;
  border-radius: 98px 98px 3px 3px;
  object-fit: cover;
  object-position: center 35%;
  box-shadow: 0 5px 12px #0003;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book li {
  margin: 0;
  padding: 0;
  border: 0;
  color: #e0ece8;
  font-size: 11px;
  line-height: 1.5;
  text-wrap: balance;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-sign {
  margin: 12px 0 0;
  color: #92dfd3;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page {
  position: relative;
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
  padding: 32px 34px;
  border: 1px solid #c9d1c5;
  border-radius: 2px 14px 14px 2px;
  background: linear-gradient(90deg, #ece8dc 0, #f8f5eb 20px, #f8f5eb 100%);
  color: #0b1d3a;
  box-shadow: inset 6px 0 8px #0b1d3a06, 5px 7px 13px #0b1d3a0b;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  text-align: left;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > :is(p, h2) { margin: 0; padding: 0; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > .eyebrow {
  color: #00786f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .065em;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > h2 {
  max-width: none;
  color: #0b1d3a;
  font-size: 44px;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-wrap: balance;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > .dn-section-intro {
  max-width: none;
  color: #46566a;
  font-size: 16px;
  line-height: 1.6;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-prose { max-width: none; color: #344b60; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-notes { margin: 0 0 16px; padding: 0; list-style: none; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-notes > li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #cbd7cf;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-notes > li > span {
  color: #00786f;
  padding-top: 3px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.6;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-notes p {
  margin: 0;
  color: #344b60;
  font-size: 15px;
  line-height: 1.65;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-prose > p { margin: 0; font-size: 15px; line-height: 1.65; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .text-link { color: #0b1d3a; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] :is(a, button):focus-visible { outline: 3px solid #007f76; outline-offset: 4px; }

/* The rail and all three nodes are positioned by the same measured clock. */
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-customer-path {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 22px 0 20px;
  padding: 0 0 4px;
  isolation: isolate;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-customer-path::before { display: none; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-stop] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 36px;
  color: #36514c;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-stop] > i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 4px solid #f8f5eb;
  border-radius: 50%;
  background: #00b2a9;
  box-shadow: 0 0 0 1px #00a89f;
  animation: none !important;
  animation-delay: 0s !important;
  transition: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-motion]:not([data-booklet-motion="static"]) [data-booklet-stop]:not(.is-reached) > i {
  background: #a7bfb3;
  box-shadow: 0 0 0 1px #a7bfb3;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-stop].is-reached > i {
  background: #00b2a9;
  box-shadow: 0 0 0 1px #009c93;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-stop].is-active { color: #006f67; }
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-stop].is-active > i {
  box-shadow: 0 0 0 1px #009c93, 0 0 0 4px #00b2a91a;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .booklet-path-rail {
  position: absolute;
  z-index: 0;
  display: block;
  top: var(--booklet-rail-y, 10px);
  left: var(--booklet-rail-start, 10%);
  width: var(--booklet-rail-width, 80%);
  height: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: #b2c9bd;
  transform: translateY(-50%);
  pointer-events: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .booklet-path-fill {
  position: absolute;
  display: block;
  inset: 0 auto 0 0;
  width: var(--booklet-fill-width, 100%);
  height: 2px;
  border-radius: inherit;
  background: #00a99f;
  pointer-events: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .booklet-path-beam {
  position: absolute;
  display: none;
  top: 50%;
  left: var(--booklet-beam-left, 0px);
  width: 13px;
  height: 13px;
  border: 2px solid #fffefa;
  border-radius: 50%;
  background: #00b2a9;
  box-shadow: 0 0 0 4px #00b2a922, 0 0 13px #00b2a96b;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
#main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-ready="true"]:not([data-booklet-motion="static"]) .booklet-path-beam { display: block; }
@media (max-width: 1100px) {
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread { grid-template-columns: minmax(265px, .85fr) minmax(0, 1.3fr); gap: 24px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page { padding: 28px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread > .ai-story-book { padding: 22px 20px 18px 27px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-scene { height: 320px; }
}
@media (max-width: 850px) {
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] { padding-block: 36px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 0 9px 5px 0; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread > .ai-story-book { grid-column: 1; grid-row: 2; width: calc(100% - 10px); max-width: 390px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page { grid-column: 1; grid-row: 1; padding: 28px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-logo { width: 150px; height: 67px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book h3 { font-size: 32px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-scene { height: 345px; }
}
@media (max-width: 600px) {
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] { padding-block: 32px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page { padding: 24px 20px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening { gap: 12px; margin-bottom: 22px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > h2 { font-size: clamp(30px, 8vw, 34px); line-height: 1.13; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > .eyebrow { font-size: 12px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening > .dn-section-intro { font-size: 16px; line-height: 1.6; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-notes > li { grid-template-columns: 22px minmax(0, 1fr); gap: 9px; padding-block: 12px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-notes p { font-size: 14px; line-height: 1.65; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread > .ai-story-book { padding: 22px 20px 18px 27px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-scene { height: 320px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-customer-path { margin-block: 22px 20px; }
}
@media (max-width: 359px) {
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page { padding: 22px 16px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread > .ai-story-book { padding-left: 22px; padding-right: 16px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-logo { width: 135px; height: 60px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book-scene { height: 290px; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .ai-story-book li { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .booklet-path-beam { display: none !important; }
}
@media print {
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] { padding-block: 24px; background: #fff; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 18px; break-inside: avoid; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-spread > .ai-story-book { grid-column: 1; grid-row: 1; box-shadow: none; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page { grid-column: 2; grid-row: 1; box-shadow: none; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .booklet-path-beam { display: none !important; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] [data-booklet-stop] > i { background: #00b2a9 !important; box-shadow: 0 0 0 1px #009c93 !important; }
  #main[data-search-branding="1"] #website-and-seo-first[data-booklet-refinement="1"] .booklet-path-fill { width: 100%; }
}