/* National AI SEO chapters. Shared Home/service components keep their own design. */
#main.ai-story-page .ai-evolution, #main.ai-story-page .ai-inclusions { min-width: 0; }
#main.ai-story-page #more-business-from-search { background: var(--ai-teal, #00aca8); color: #0b203d; }
#main.ai-story-page #more-business-from-search .ai-evolution-opening > :is(.eyebrow, .dn-section-intro) { color: #0b203d; }
#main.ai-story-page .ai-evolution-copy, #main.ai-story-page .ai-evolution-interactive { min-width: 0; }
#main.ai-story-page .ai-evolution [hidden] { display: none !important; }
#main.ai-story-page .ai-evolution-context { max-width: 66ch; margin: -12px 0 26px; }
#main.ai-story-page .ai-evolution-context > p { margin: 0 0 16px; color: #0b203d; font-size: 16px; line-height: 1.7; }
#main.ai-story-page .ai-evolution-context > p:last-child { margin-bottom: 0; }
#main.ai-story-page .ai-evolution-tabs, #main.ai-story-page .ai-evolution-fallback-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  padding: 0;
}
#main.ai-story-page .ai-evolution-fallback-links a, #main.ai-story-page .ai-evolution-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 18px;
  border: 1px solid #0b203d60;
  border-radius: 24px;
  background: transparent;
  color: #0b203d;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}
#main.ai-story-page .ai-evolution-tab:hover { background: #ffffff70; border-color: #0b203d; }
#main.ai-story-page .ai-evolution-tab[aria-selected="true"] { background: #0b203d; border-color: #0b203d; color: #f6f3e9; }
#main.ai-story-page .ai-evolution :is(a, button):focus-visible { outline: 3px solid #0b203d; outline-offset: 4px; }
#main.ai-story-page .ai-evolution-showcase {
  overflow: hidden;
  border: 1px solid #0b203d;
  border-radius: 7px 38px 7px 7px;
  background: #0b203d;
  color: #f6f3e9;
  box-shadow: 0 10px 30px #0b203d0d;
}
#main.ai-story-page .ai-evolution-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 26px; border-bottom: 1px solid #b6dcd33b; }
#main.ai-story-page .ai-evolution-toolbar-brand { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 750; line-height: 1.5; }
#main.ai-story-page .ai-evolution-toolbar-brand > img { flex: 0 0 30px; width: 30px; height: 30px; padding: 5px; border-radius: 5px; background: #f6f3e9; }
#main.ai-story-page .ai-evolution-example-badge { flex: 0 0 auto; max-width: 100%; padding: 5px 10px; color: #d9eae3; border: 1px solid #789e9a; border-radius: 20px; font-size: 11px; font-weight: 750; line-height: 1.4; }
#main.ai-story-page .ai-evolution-example { margin: 0; padding: 26px; scroll-margin-top: 32px; }
#main.ai-story-page .ai-evolution-example + .ai-evolution-example { border-top: 1px solid #b6dcd33b; }
#main.ai-story-page .ai-evolution-example-title { color: #f6f3e9; margin: 0 0 22px; font-size: 23px; }
#main.ai-story-page .ai-evolution.is-enhanced .ai-evolution-example-title { display: none; }
#main.ai-story-page .ai-evolution-example[role="tabpanel"]:focus-visible { outline: 3px solid #75dccd; outline-offset: -6px; }
#main.ai-story-page .ai-evolution-compare { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 38px; align-items: start; }
#main.ai-story-page .ai-evolution-compare > div { min-width: 0; }
#main.ai-story-page .ai-evolution-field-label { display: flex; align-items: center; gap: 10px; min-height: 26px; margin: 0 0 16px; color: #f6f3e9; font-size: 14px; font-weight: 750; line-height: 1.4; }
#main.ai-story-page .ai-evolution-field-label > img { flex: 0 0 22px; width: 22px; height: 22px; padding: 2px; background: #fffefa; border-radius: 4px; object-fit: contain; }
#main.ai-story-page .ai-evolution-search-field { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 13px 18px; border: 1px solid #d0dbd3; border-radius: 28px; background: #fffefa; color: #0b203d; }
#main.ai-story-page .ai-evolution-search-field > svg { flex: 0 0 20px; }
#main.ai-story-page .ai-evolution-search-field > p { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
#main.ai-story-page .ai-evolution-result-lines { display: grid; gap: 9px; width: 83%; margin: 25px 0 0 8px; }
#main.ai-story-page .ai-evolution-result-lines > i { display: block; height: 5px; width: 84%; border-radius: 3px; background: #b4cacd75; }
#main.ai-story-page .ai-evolution-result-lines > i:first-child { height: 8px; width: 55%; background: #00aca8; }
#main.ai-story-page .ai-evolution-result-lines > i:last-child { width: 100%; opacity: .65; }
#main.ai-story-page .ai-evolution-ai { padding-left: 30px; border-left: 1px solid #b6dcd33b; }
#main.ai-story-page .ai-evolution-ai-mark { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; flex: 0 0 22px; width: 22px; height: 22px; }
#main.ai-story-page .ai-evolution-ai-mark > i { display: block; width: 22px; height: 3px; border-radius: 2px; background: #61d9ce; }
#main.ai-story-page .ai-evolution-ai-mark > i:nth-child(2) { width: 16px; }
#main.ai-story-page .ai-evolution-ai-mark > i:nth-child(3) { width: 10px; }
#main.ai-story-page .ai-evolution-question { position: relative; padding: 17px 20px; border-radius: 18px 18px 3px 18px; color: #0b203d; background: #e4f1e9; }
#main.ai-story-page .ai-evolution-question > p { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.5; }
#main.ai-story-page .ai-evolution-question-caption { margin: 11px 0 0; color: #c1d4d7; font-size: 12px; line-height: 1.5; }
#main.ai-story-page .ai-evolution-example-footer { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px; border-top: 1px solid #b6dcd33b; margin-top: 26px; padding-top: 22px; }
#main.ai-story-page .ai-evolution-example-footer > p { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; font-size: 15px; line-height: 1.65; color: #d9e5e5; }
#main.ai-story-page .ai-evolution-example-footer > p > strong { color: #7be0d3; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
#main.ai-story-page .ai-evolution-example-footer > .ai-evolution-outcome:last-child:first-child { grid-column: 1 / -1; }
#main.ai-story-page .ai-evolution-note { max-width: 94ch; margin: 20px 0 0; color: #0b203d; font-size: 14px; line-height: 1.65; }

/* Clear work inclusions: editorial columns, not another stack of boxed cards. */
#main.ai-story-page .ai-inclusions-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 36px; list-style: none; margin: 0; padding: 0; }
#main.ai-story-page .ai-inclusions-list > li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; align-content: start; min-width: 0; padding: 22px 0 0; border-top: 2px solid #00aca8; }
#main.ai-story-page .ai-inclusions-number { padding-top: 4px; color: #006e67; font-size: 11px; font-weight: 850; letter-spacing: .04em; line-height: 1.5; }
#main.ai-story-page .ai-inclusions-list h3 { margin: 0 0 12px; color: #0b203d; font-size: 22px; line-height: 1.2; }
#main.ai-story-page .ai-inclusions-list p { margin: 0; color: #45566a; font-size: 15px; line-height: 1.7; }
#main.ai-story-page .ai-inclusions-list .ai-inclusions-service { margin: 0 0 9px; color: var(--ai-deep); font-size: 12px; font-weight: 800; line-height: 1.5; }
#main.ai-story-page .ai-inclusions-note { max-width: 92ch; margin: 28px 0 0; padding-left: 15px; border-left: 3px solid #00aca8; color: #45566a; font-size: 14px; line-height: 1.65; }

@media (min-width: 1100px) {
  #main.ai-story-page .ai-evolution { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: start; }
  #main.ai-story-page .ai-evolution-copy .ai-evolution-opening { margin-bottom: 28px; }
  #main.ai-story-page .ai-evolution-copy .dn-section-intro { max-width: 66ch; }
  #main.ai-story-page .ai-evolution-context { margin: 0; }
  #main.ai-story-page .ai-evolution-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 16px; }
  #main.ai-story-page .ai-evolution-tab { padding: 9px 12px; font-size: 13px; }
  #main.ai-story-page .ai-evolution-toolbar { padding: 13px 20px; gap: 12px; }
  #main.ai-story-page .ai-evolution-toolbar-brand { gap: 9px; font-size: 11px; }
  #main.ai-story-page .ai-evolution-example-badge { padding: 4px 7px; font-size: 10px; }
  #main.ai-story-page .ai-evolution-example { padding: 20px; }
  #main.ai-story-page .ai-evolution-compare { gap: 20px; }
  #main.ai-story-page .ai-evolution-ai { padding-left: 20px; }
  #main.ai-story-page .ai-evolution-field-label { min-height: 24px; margin-bottom: 12px; font-size: 13px; }
  #main.ai-story-page .ai-evolution-search-field { gap: 9px; min-height: 48px; padding: 10px 12px; }
  #main.ai-story-page .ai-evolution-search-field > p { font-size: 14px; }
  #main.ai-story-page .ai-evolution-search-field > svg { flex-basis: 17px; width: 17px; height: 17px; }
  #main.ai-story-page .ai-evolution-result-lines { margin-top: 20px; gap: 7px; }
  #main.ai-story-page .ai-evolution-question { padding: 14px 16px; }
  #main.ai-story-page .ai-evolution-question > p { font-size: 16px; }
  #main.ai-story-page .ai-evolution-question-caption { margin-top: 10px; }
  #main.ai-story-page .ai-evolution-example-footer { gap: 20px; margin-top: 20px; padding-top: 18px; }
  #main.ai-story-page .ai-evolution-example-footer > p { gap: 6px; font-size: 14px; line-height: 1.6; }
  #main.ai-story-page .ai-evolution-note { margin-top: 16px; font-size: 13px; line-height: 1.6; }
}
@media (max-width: 1000px) {
  #main.ai-story-page .ai-evolution-compare { gap: 24px; }
  #main.ai-story-page .ai-evolution-ai { padding-left: 24px; }
  #main.ai-story-page .ai-inclusions-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; }
}
@media (max-width: 700px) {
  #main.ai-story-page .ai-evolution { display: grid; grid-template-columns: minmax(0, 1fr); }
  #main.ai-story-page .ai-evolution-copy { display: contents; }
  #main.ai-story-page .ai-evolution-copy .ai-evolution-opening { order: 1; margin-bottom: 20px; }
  #main.ai-story-page .ai-evolution .ai-evolution-opening > .dn-section-intro { font-size: 16px; line-height: 1.55; }
  #main.ai-story-page .ai-evolution-interactive { order: 2; }
  #main.ai-story-page .ai-evolution-context { order: 3; margin: 22px 0 0; }
  #main.ai-story-page .ai-evolution-context > p { font-size: 15px; line-height: 1.6; margin-bottom: 14px; }
  #main.ai-story-page .ai-evolution-context > p:last-child { margin-bottom: 0; }
  #main.ai-story-page .ai-evolution-toolbar { align-items: center; flex-wrap: nowrap; gap: 10px; padding: 10px 14px; }
  #main.ai-story-page .ai-evolution-toolbar-brand { gap: 8px; font-size: 13px; }
  #main.ai-story-page .ai-evolution-toolbar-brand > img { flex-basis: 24px; width: 24px; height: 24px; padding: 4px; }
  #main.ai-story-page .ai-evolution-example-badge { margin: 0; padding: 0; border: 0; border-radius: 0; font-size: 12px; }
  #main.ai-story-page .ai-evolution-example { padding: 14px 12px; }
  #main.ai-story-page .ai-evolution-compare { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 12px; }
  #main.ai-story-page .ai-evolution-ai { padding: 0 0 0 12px; border-top: 0; border-left: 1px solid #b6dcd33b; }
  #main.ai-story-page .ai-evolution-result-lines { display: none; }
  #main.ai-story-page .ai-evolution-field-label { gap: 7px; min-height: 24px; margin-bottom: 10px; font-size: 14px; line-height: 1.4; }
  #main.ai-story-page .ai-evolution-field-label > img { flex-basis: 18px; width: 18px; height: 18px; padding: 1px; }
  #main.ai-story-page .ai-evolution-ai-mark { flex-basis: 18px; width: 18px; height: 18px; }
  #main.ai-story-page .ai-evolution-ai-mark > i { width: 18px; }
  #main.ai-story-page .ai-evolution-ai-mark > i:nth-child(2) { width: 13px; }
  #main.ai-story-page .ai-evolution-ai-mark > i:nth-child(3) { width: 8px; }
  #main.ai-story-page .ai-evolution-search-field { min-height: 42px; padding: 9px 8px; border-radius: 7px; }
  #main.ai-story-page .ai-evolution-search-field > svg { display: none; }
  #main.ai-story-page .ai-evolution-search-field > p { font-size: 14px; line-height: 1.5; overflow-wrap: normal; }
  #main.ai-story-page .ai-evolution-question { padding: 10px; border-radius: 10px 10px 3px 10px; }
  #main.ai-story-page .ai-evolution-question > p { font-size: 14px; line-height: 1.5; }
  #main.ai-story-page .ai-evolution-question-caption { margin-top: 8px; font-size: 14px; line-height: 1.5; }
  #main.ai-story-page .ai-evolution-example-footer { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 14px; margin-top: 16px; padding-top: 14px; }
  #main.ai-story-page .ai-evolution-example-footer > p { gap: 6px; font-size: 14px; line-height: 1.5; }
  #main.ai-story-page .ai-evolution-tabs { gap: 9px; margin-bottom: 14px; }
  #main.ai-story-page .ai-evolution-tab { font-size: 14px; padding: 8px 10px; }
  #main.ai-story-page .ai-evolution-note { margin-top: 14px; font-size: 14px; line-height: 1.55; }
}
@media (max-width: 560px) {
  #main.ai-story-page .ai-evolution-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main.ai-story-page .ai-evolution-tab { width: 100%; border-radius: 8px; min-height: 44px; padding-inline: 10px; }
  #main.ai-story-page .ai-inclusions-list { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  #main.ai-story-page .ai-inclusions-list > li { grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding-top: 18px; }
  #main.ai-story-page .ai-inclusions-list h3 { margin-bottom: 8px; font-size: 21px; }
  #main.ai-story-page .ai-inclusions-list p { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  #main.ai-story-page .ai-evolution-tab { transition: none; }
}
@media print {
  #main.ai-story-page .ai-evolution-tabs, #main.ai-story-page .ai-evolution-fallback-links { display: none !important; }
  #main.ai-story-page .ai-evolution [data-ai-evolution-panel][hidden] { display: block !important; }
  #main.ai-story-page .ai-evolution .ai-evolution-example-title { display: block; }
  #main.ai-story-page .ai-evolution-showcase { background: #fff; color: #0b203d; box-shadow: none; }
  #main.ai-story-page .ai-evolution-example { break-inside: avoid; }
}
/* The chapter rhythm follows Home: teal, navy, paper and sage, with clear
   contrast and a different useful layout for each part of the story. */
#main.ai-story-page .ai-story-section.ai-story-industry-section { background: #fffefa; }
#main.ai-story-page #tools-behind-the-work { padding-block: 40px; background: var(--ai-navy); color: var(--ai-cream); }
#main.ai-story-page #tools-behind-the-work h2 { font-size: clamp(32px, 3.3vw, 40px); line-height: 1.12; }
#main.ai-story-page #tools-behind-the-work .dn-section-intro,
#main.ai-story-page #tools-behind-the-work .ai-story-tool-note p { color: #d5dfe2; }
#main.ai-story-page #tools-behind-the-work .ai-story-tool-list strong { color: var(--ai-cream); }
#main.ai-story-page #tools-behind-the-work .ai-story-tool-list li span { color: #c4d4dc; }
#main.ai-story-page #tools-behind-the-work .ai-story-tool-list .ai-story-tool-mark { color: var(--ai-navy); background: #e9efea; }
#main.ai-story-page #tools-behind-the-work .ai-story-tools-window { border-color: #536a7b; }
#main.ai-story-page #tools-behind-the-work .ai-story-tools-window:focus-visible { outline-color: #83dfd2; }
@media (max-width:760px) {
  #main.ai-story-page #tools-behind-the-work { padding-block: 32px; }
}
#main.ai-story-page .ai-tool-practices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; margin: 28px 0 0; gap: 24px; }
#main.ai-story-page .ai-tool-practices li { min-width: 0; padding-top: 16px; border-top: 2px solid var(--ai-teal); }
#main.ai-story-page .ai-tool-practices strong { display: block; color: var(--ai-cream); font-size: 17px; line-height: 1.4; }
#main.ai-story-page .ai-tool-practices span { display: block; color: #c4d4dc; margin-top: 7px; font-size: 15px; line-height: 1.6; }
#main.ai-story-page #see-where-real-businesses-have-appeared { background: var(--ai-teal); }
#main.ai-story-page #see-where-real-businesses-have-appeared .dn-section-opening > :is(.eyebrow,.dn-section-intro),
#main.ai-story-page #see-where-real-businesses-have-appeared .ai-evidence-note { color: var(--ai-navy); }
#main.ai-story-page .ai-package-pointers { list-style: none; padding: 0; margin: 0; }
#main.ai-story-page .ai-package-pointers li { position: relative; border-bottom: 1px solid #bdccc2; padding: 17px 0 17px 26px; color: var(--ai-navy); font-size: 17px; line-height: 1.6; }
#main.ai-story-page .ai-package-pointers li::before { content: ''; position: absolute; left: 0; top: 27px; width: 8px; height: 8px; background: var(--ai-deep); border-radius: 50%; }
#main.ai-story-page #questions .ai-story-faq { border-color: #577086; }
#main.ai-story-page #questions .ai-story-faq details { border-color: #3e556e; }
#main.ai-story-page #questions .ai-story-faq summary { color: var(--ai-cream); }
#main.ai-story-page #questions .ai-story-faq details > div { color: #d5dfe2; }
#main.ai-story-page #questions .ai-story-related { border-color: #3e556e; }
#main.ai-story-page .ai-story-section.ai-story-final { background: var(--ai-teal); color: var(--ai-navy); }
#main.ai-story-page .ai-story-final .dn-section-opening > :is(.eyebrow,.dn-section-intro),
#main.ai-story-page .ai-story-final .ai-story-reassurance,
#main.ai-story-page .ai-story-final .text-link { color: var(--ai-navy); }
#main.ai-story-page .ai-story-final .button { background: var(--ai-navy); color: var(--ai-cream); }
#main.ai-story-page .ai-story-final :focus-visible { outline-color: var(--ai-navy); }
@media(max-width:600px) {
  #main.ai-story-page .ai-tool-practices { grid-template-columns: minmax(0,1fr); gap: 18px; }
  #main.ai-story-page .ai-package-pointers li { font-size: 16px; }
}

/* Put the desktop industry link beside its introduction; retain the reading
   order and the familiar below-card link on smaller screens. */
@media (min-width:1100px) {
  #main.ai-story-page #ai-seo-for-your-industry > .container { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 32px; }
  #main.ai-story-page #ai-seo-for-your-industry .ai-story-opening { grid-column: 1; grid-row: 1; }
  #main.ai-story-page #ai-seo-for-your-industry .ai-story-industry-grid { grid-column: 1 / -1; grid-row: 2; }
  #main.ai-story-page #ai-seo-for-your-industry .ai-story-section-links { grid-column: 2; grid-row: 1; align-self: start; margin-top: 32px; }
}

/* Familiar faces and clear promises give the Neighbour chapter a human focus. */
#main.ai-story-page .ai-neighbour-layout { row-gap: 28px; }
#main.ai-story-page .ai-neighbour-layout > .ai-story-actions { grid-column: 1 / -1; margin-top: 0; }
#main.ai-story-page .ai-neighbour-people { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
#main.ai-story-page .ai-neighbour-people > div { display: flex; align-items: center; gap: 16px; min-width: 0; }
#main.ai-story-page .ai-neighbour-people img { flex: 0 0 64px; width: 64px; height: 80px; border-radius: 5px; object-fit: cover; }
#main.ai-story-page .ai-neighbour-people p { margin: 0; min-width: 0; }
#main.ai-story-page .ai-neighbour-people strong { display: block; font-size: 17px; line-height: 1.4; }
#main.ai-story-page .ai-neighbour-people span { display: block; margin-top: 5px; color: var(--ai-copy); font-size: 13px; line-height: 1.5; }
#main.ai-story-page .ai-neighbour-reasons { list-style: none; margin: 0; padding: 0; }
#main.ai-story-page .ai-neighbour-reasons li { margin: 0; border-top: 1px solid #bdccc2; padding: 19px 0; }
#main.ai-story-page .ai-neighbour-reasons h3 { margin: 0 0 9px; color: var(--ai-navy); font-size: 22px; }
#main.ai-story-page .ai-neighbour-reasons p { margin: 0; font-size: 15px; line-height: 1.65; }
#main.ai-story-page #a-plan-for-growth .ai-conversation-answer:has(.is-focused) { min-height: 0; }
@media (min-width:1300px) {
  #main.ai-story-page .ai-neighbour-people { grid-template-columns: repeat(2,minmax(0,1fr)); }
}