/* Local catalogue extension. Uses the approved service V6 tokens and components. */
#main .ao-service-v6 .sv6-funding { padding-block: 28px; border-block: 1px solid var(--ao-border); }
#main .ao-service-v6 .sv6-funding h2 { font-size: 32px; line-height: 1.15; }
#main .ao-service-v6 .sv6-funding p { max-width: 72ch; margin-top: 16px; }
#main .ao-service-v6 .sv6-funding .sv6-button { margin-top: 20px; }
#main .ao-service-v6 .sv6-catalog-link { grid-column: 1 / -1; margin-top: 22px; }
#main .ao-service-v6 .sv6-flow { list-style: none; padding: 28px; background: var(--ao-page); border: 1px solid var(--ao-border); border-radius: 20px; }
#main .ao-service-v6 .sv6-flow li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 18px; padding-bottom: 26px; position: relative; }
#main .ao-service-v6 .sv6-flow li + li { padding-top: 4px; }
#main .ao-service-v6 .sv6-flow li:last-child { padding-bottom: 0; }
#main .ao-service-v6 .sv6-flow li:not(:last-child)::after { content: ''; position: absolute; left: 17px; top: 40px; bottom: 6px; border-left: 1px solid var(--ao-blue); }
#main .ao-service-v6 .sv6-flow-number { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--ao-blue); border-radius: 50%; color: var(--ao-blue); font-size: 13px; font-weight: 700; }
#main .ao-service-v6 .sv6-flow strong { font: 700 25px/1.25 var(--ao-display); }
#main .ao-service-v6 .sv6-flow p { font-size: 15px; line-height: 24px; margin-top: 8px; }
#main .ao-service-v6 .sv6-training-list { padding-left: 20px; margin-top: 20px; color: var(--ao-muted); }
#main .ao-service-v6 .sv6-training-list li + li { margin-top: 12px; }
#main .ao-service-v6 .sv6-training-list li::marker { color: var(--ao-blue); }
#main .ao-service-v6 .sv6-measurement-list .sv6-training-list { margin-top: 0; }
#main .ao-service-v6 .sv6-training-status { display: block; margin-top: 12px; font-size: 14px; line-height: 22px; color: var(--ao-navy); }
#main .ao-service-v6 .sv6-hero .sv6-training-status { max-width: 600px; margin: 24px auto 0; }
#main .ao-service-v6 .sv6-training-practical { margin-top: 36px; border-block: 1px solid var(--ao-border); }
#main .ao-service-v6 .sv6-training-practical summary { padding: 22px 0; font: 700 18px/1.5 var(--ao-body); cursor: pointer; }
#main .ao-service-v6 .sv6-training-practical summary::marker { color: var(--ao-blue); }
#main .ao-service-v6 .sv6-training-practical summary:focus-visible { outline: 3px solid var(--ao-navy); outline-offset: 5px; }
#main .ao-service-v6 .sv6-training-practical-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 44px; padding: 4px 0 28px; }
#main .ao-service-v6 .sv6-training-practical-grid dt { font-weight: 700; }
#main .ao-service-v6 .sv6-training-practical-grid dd { color: var(--ao-muted); margin-top: 8px; }
/* Programme pilot: open, readable facts using the existing Sigma type and palette. */
#main .ao-service-v6 .sv6-training-summary { border-block: 1px solid var(--ao-border); padding-block: 36px; }
#main .ao-service-v6 .sv6-training-summary h2 { font-size: 32px; line-height: 1.15; }
#main .ao-service-v6 .sv6-training-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 36px; margin-top: 28px; }
#main .ao-service-v6 .sv6-training-summary-grid dt { font-size: 16px; line-height: 24px; font-weight: 700; }
#main .ao-service-v6 .sv6-training-summary-grid dd { margin: 8px 0 0; font-size: 16px; line-height: 25px; color: var(--ao-muted); }
#main .ao-service-v6 .sv6-training-example .sv6-steps h3 { margin-top: 16px; font-size: 23px; line-height: 1.3; }
#main .ao-service-v6 .sv6-training-example .sv6-steps p { margin-top: 12px; }
/* Publisher demonstrations keep their native proportions and colours in both themes. */
#main .ao-service-v6 .sv6-training-media { min-width: 0; margin: 0; }
#main .ao-service-v6 .sv6-training-media-open { display: block; overflow: hidden; border: 1px solid var(--ao-border); border-radius: 16px; background: var(--ao-page); color: var(--ao-navy); }
#main .ao-service-v6 .sv6-training-media-open img { display: block; width: 100%; height: auto; }
#main .ao-service-v6 .sv6-training-media-zoom { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 10px 16px; font-size: 13px; line-height: 21px; }
#main .ao-service-v6 .sv6-training-media-zoom > span { font-size: 20px; }
#main .ao-service-v6 .sv6-training-media-open:hover { text-decoration: none; border-color: var(--ao-blue); }
#main .ao-service-v6 .sv6-training-media-open:hover .sv6-training-media-zoom { text-decoration: underline; text-underline-offset: 3px; }
#main .ao-service-v6 .sv6-training-media-open:focus-visible { outline: 3px solid var(--ao-navy); outline-offset: 5px; }
#main .ao-service-v6 .sv6-training-media figcaption { margin-top: 16px; font-size: 13px; line-height: 21px; color: var(--ao-muted); }
#main .ao-service-v6 .sv6-training-media figcaption strong { display: block; margin-bottom: 6px; font-weight: 600; color: var(--ao-navy); }
#main .ao-service-v6 .sv6-training-media figcaption a { text-decoration: underline; text-underline-offset: 3px; }
#main .ao-service-v6 .sv6-catalog-nav { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 28px; padding-bottom: 26px; border-bottom: 1px solid var(--ao-border); }
#main .ao-service-v6 .sv6-catalog-nav a { font-size: 16px; font-weight: 700; }
#main .ao-service-v6 .sv6-catalog-nav a:hover { color: var(--ao-blue); }
#main .ao-service-v6 .sv6-catalog-family { display: grid; grid-template-columns: 30% minmax(0, 1fr); gap: 60px; margin-top: 52px; }
#main .ao-service-v6 .sv6-catalog-family > div > p { margin-top: 18px; }
#main .ao-service-v6 .sv6-catalog-list { list-style: none; padding: 0; margin-top: 28px; }
#main .ao-service-v6 .sv6-catalog-family .sv6-catalog-list { margin-top: 0; }
#main .ao-service-v6 .sv6-catalog-list li { border-bottom: 1px solid var(--ao-border); }
#main .ao-service-v6 .sv6-catalog-list li:first-child { border-top: 1px solid var(--ao-border); }
#main .ao-service-v6 .sv6-catalog-list a { display: flex; align-items: center; gap: 24px; padding: 22px 0; }
#main .ao-service-v6 .sv6-catalog-list a > span { flex: 1; min-width: 0; }
#main .ao-service-v6 .sv6-catalog-list a > img { flex-shrink: 0; }
#main .ao-service-v6 .sv6-catalog-list strong { font: 700 25px/1.25 var(--ao-display); }
#main .ao-service-v6 .sv6-catalog-description { display: block; margin-top: 8px; font-size: 16px; line-height: 25px; color: var(--ao-muted); }
#main .ao-service-v6 .sv6-catalog-list a:hover { text-decoration: none; }
#main .ao-service-v6 .sv6-catalog-list a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
#main .ao-service-v6 [id] { scroll-margin-top: 110px; }
/* Approved main catalogue: compact reading and tool identities, no shared chrome. */
#main .ao-service-v6 .sv6-tool-mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; flex: 0 0 40px; }
#main .ao-service-v6 .sv6-tool-mark img { width: 32px; height: 32px; object-fit: contain; }
/* CSS-only contrast variants preserve each transparent source and its paths. */
#main .ao-service-v6 .sv6-tool-mark-dark-invert:where(html[data-theme="dark"] *) img { filter: brightness(0) invert(1); }
#main .ao-service-v6 .sv6-tool-mark-monochrome { color: var(--ao-navy); }
#main .ao-service-v6 .sv6-tool-mark-monochrome svg { display: block; width: 32px; height: 32px; }
#main .ao-service-v6.ao-training-main .sv6-illustrated-title { display: flex; align-items: center; gap: 14px; }
#main .ao-service-v6.ao-training-main .sv6-illustrated-title > span { display: inline-flex; flex: 0 0 32px; }
#main .ao-service-v6.ao-training-main .sv6-illustrated-title img { width: 32px; height: 32px; }
#main .ao-service-v6 .sv6-tool-logo-dark { display: none; }
#main .ao-service-v6 .sv6-tool-mark:where(html[data-theme="dark"] *) .sv6-tool-logo-light { display: none; }
#main .ao-service-v6 .sv6-tool-mark:where(html[data-theme="dark"] *) .sv6-tool-logo-dark { display: block; }
#main .ao-service-v6 .sv6-detail-tool { display: flex; justify-content: center; margin-top: 24px; }
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark { width: 56px; height: 56px; flex-basis: 56px; }
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark img { width: 32px; height: 32px; }
#main .ao-service-v6 .sv6-tool-mark-wide { display: flex; justify-content: flex-start; width: auto; min-width: 100px; height: auto; padding: 20px 0; }
#main .ao-service-v6 .sv6-tool-mark-wide img,
#main .ao-service-v6 .sv6-tool-mark-wide svg { width: 100px; height: auto; }
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark-wide { width: 120px; height: auto; flex-basis: 120px; padding: 20px 0; }
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark-wide img,
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark-wide svg { width: 120px; height: auto; }
/* Transparent local preview; keep the logo's original clear space. */
#main .ao-service-v6 .sv6-tool-mark-plate { padding: 0; margin-block: 8px; }
#main .ao-service-v6 .sv6-tool-mark-plate img { box-sizing: content-box; padding: 26px; background: transparent; }
#main .ao-service-v6 .sv6-tool-mark-plate:where(html[data-theme="dark"] *) img { filter: brightness(0) invert(1); }
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark-plate { width: auto; flex-basis: auto; padding: 0; }
#main .ao-service-v6 .sv6-detail-tool .sv6-tool-mark-plate img { padding: 32px; }
#main .ao-service-v6 .sv6-hero-shortcuts { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 28px; margin-top: 18px; }
#main .ao-service-v6 .sv6-hero-shortcuts a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; text-decoration: underline; text-underline-offset: 4px; }
#main .ao-service-v6 .sv6-tools-overview { border-top: 1px solid var(--ao-border); margin: 30px auto 0; max-width: 760px; padding-top: 24px; }
#main .ao-service-v6 .sv6-tools-overview > p { font-size: 13px; }
#main .ao-service-v6 .sv6-tools-overview ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; gap: 12px 32px; margin-top: 12px; }
#main .ao-service-v6 .sv6-tools-overview a { display: inline-flex; align-items: center; min-height: 48px; gap: 10px; font-size: 15px; font-weight: 600; }
/* The trainer's two most-used tools stay together, including on mobile. */
#main .ao-service-v6 .sv6-tools-overview .sv6-tools-primary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 420px; margin: 18px auto 0; gap: 12px; }
#main .ao-service-v6 .sv6-tools-primary a { display: flex; flex-direction: column; justify-content: center; padding: 16px 12px; border: 1px solid var(--ao-blue); border-radius: 12px; font-size: 18px; }
#main .ao-service-v6 .sv6-tools-primary a:hover { background: var(--ao-page); text-decoration: underline; text-underline-offset: 4px; }
#main .ao-service-v6 .sv6-tools-primary .sv6-tool-mark { height: 40px; padding: 0; }
#main .ao-service-v6 .sv6-tools-overview > .sv6-tools-personal { margin: 14px auto 20px; max-width: 45ch; line-height: 1.6; }
#main .ao-service-v6 .sv6-training-directions > a { display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid var(--ao-border); padding-bottom: 22px; }
#main .ao-service-v6 .sv6-training-directions > a:hover { text-decoration: none; }
#main .ao-service-v6 .sv6-training-directions > a:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
#main .ao-service-v6 .sv6-training-directions .sv6-text-link { margin-top: auto; padding-top: 22px; font-size: 15px; }
/* One real training photograph introduces the existing three orientation paths. */
#main .ao-service-v6.ao-training-main .sv6-training-intro-grid { display: grid; grid-template-columns: minmax(240px, 362px) minmax(0, 1fr); gap: clamp(28px, 6vw, 88px); align-items: center; margin-top: 36px; }
#main .ao-service-v6.ao-training-main .sv6-training-photo { min-width: 0; width: 100%; max-width: 362px; }
#main .ao-service-v6.ao-training-main .sv6-training-photo img { width: 100%; height: auto; aspect-ratio: 362 / 482; border-radius: 16px; }
#main .ao-service-v6.ao-training-main .sv6-training-photo figcaption { margin-top: 12px; font-size: 13px; line-height: 21px; color: var(--ao-muted); }
#main .ao-service-v6.ao-training-main .sv6-training-intro-grid .sv6-training-directions { grid-template-columns: 1fr; gap: 22px; margin-top: 0; }
#main .ao-service-v6.ao-training-main .sv6-training-intro-grid .sv6-training-directions h3 { font-size: 23px; line-height: 29px; }
#main .ao-service-v6.ao-training-main .sv6-training-intro-grid .sv6-training-directions p { margin-top: 10px; max-width: 50ch; font-size: 16px; line-height: 25px; }
#main .ao-service-v6.ao-training-main .sv6-training-intro-grid .sv6-text-link { padding-top: 12px; }
#main .ao-service-v6 .sv6-catalog-courses { min-width: 0; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-catalog-list a { gap: 18px; padding-block: 18px; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-catalog-list a > .sv6-tool-mark { flex: 0 0 40px; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-catalog-list strong { font-size: 23px; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-catalog-description { margin-top: 6px; }
/* Keep product identities together and expose every assistant without a disclosure. */
#main .ao-service-v6 .sv6-catalog-assistants { display: block; }
#main .ao-service-v6 .sv6-catalog-assistants > .sv6-catalog-courses { margin-top: 28px; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; }
#main .ao-service-v6 .sv6-assistant-grid li { min-width: 0; border-top: 1px solid var(--ao-border); border-bottom: 0; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid a { height: 100%; align-items: flex-start; gap: 12px; padding-block: 22px; }
#main .ao-service-v6 .sv6-assistant-grid a > img { margin-top: 12px; }
#main .ao-service-v6 .sv6-assistant-grid .sv6-tool-mark { justify-content: flex-start; height: 40px; margin-bottom: 14px; padding: 0; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid strong { display: block; min-height: 2.5em; font-size: 20px; line-height: 1.25; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid .sv6-catalog-description { font-size: 15px; line-height: 23px; }
#main .ao-service-v6 .sv6-assistant-grid .sv6-training-status { font-size: 12px; line-height: 20px; }
/* Align the visible Make artwork: its native alpha starts at x=35/320. */
#main .ao-service-v6 .sv6-catalog-courses .sv6-tool-mark-plate { margin-left: -14px; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-tool-mark-plate img { width: 128px; padding-inline: 0; }
/* Every agent entry has the same logo / copy / arrow columns, including wordmarks. */
#main .ao-service-v6 .sv6-catalog-courses .sv6-agent-list a { display: grid; grid-template-columns: 80px minmax(0, 1fr) 20px; align-items: center; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-agent-list a > .sv6-tool-mark { width: 80px; min-width: 0; height: 40px; margin: 0; padding: 0; justify-content: center; }
#main .ao-service-v6 .sv6-agent-list .sv6-tool-mark-wide img,
#main .ao-service-v6 .sv6-agent-list .sv6-tool-mark-wide svg { width: 72px; height: auto; max-height: 32px; object-fit: contain; }
#main .ao-service-v6 .sv6-catalog-courses .sv6-agent-list .sv6-tool-mark-plate img { width: 92px; max-width: none; height: auto; max-height: none; padding: 0; }
#main .ao-service-v6 .sv6-agent-list .grok-bot-mark__eye { fill: var(--ao-page); }
#main .ao-service-v6 .sv6-agent-list a > img { width: 20px; height: 20px; }
#main .ao-service-v6 .sv6-pending-courses { margin-top: 18px; border-bottom: 1px solid var(--ao-border); }
#main .ao-service-v6 .sv6-pending-courses summary { cursor: pointer; padding: 14px 0; min-height: 48px; font-size: 15px; font-weight: 600; }
#main .ao-service-v6 .sv6-pending-courses summary::marker { color: var(--ao-blue); }
#main .ao-service-v6 .sv6-pending-courses summary:focus-visible { outline: 3px solid var(--ao-navy); outline-offset: 5px; }
#main .ao-service-v6 .sv6-pending-courses .sv6-training-status { font-size: 13px; margin-top: 8px; }
#main .ao-service-v6 .sv6-practice-steps { list-style: none; padding: 0; margin-top: 28px; }
#main .ao-service-v6 .sv6-practice-steps li + li { margin-top: 24px; }
#main .ao-service-v6 .sv6-practice-steps strong { font-size: 18px; }
#main .ao-service-v6 .sv6-practice-steps li p { font-size: 16px; line-height: 25px; margin-top: 6px; }
#main .ao-service-v6 .sv6-takeaways-title { margin-top: 28px; font-weight: 600; color: var(--ao-navy); }
#main .ao-service-v6 .sv6-training-practice .sv6-training-list { font-size: 16px; line-height: 25px; }
#main .ao-service-v6 .sv6-training-practice .sv6-training-list li + li { margin-top: 8px; }
@media (max-width: 1000px) {
  #main .ao-service-v6 .sv6-training-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #main .ao-service-v6.ao-training-main .sv6-training-intro-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 28px; }
  #main .ao-service-v6.ao-training-main .sv6-training-photo { margin-inline: auto; }
  #main .ao-service-v6 .sv6-flow { padding: 24px 18px; }
  #main .ao-service-v6 .sv6-flow li { gap: 12px; }
  #main .ao-service-v6 .sv6-flow strong { font-size: 22px; }
  #main .ao-service-v6 .sv6-catalog-family { grid-template-columns: 1fr; gap: 24px; margin-top: 36px; }
  #main .ao-service-v6 .sv6-catalog-family > div > p { margin-top: 12px; }
  #main .ao-service-v6 .sv6-catalog-list strong { font-size: 23px; }
  #main .ao-service-v6 .sv6-catalog-list a { gap: 16px; padding-block: 20px; }
  #main .ao-service-v6 .sv6-catalog-description { font-size: 15px; line-height: 24px; }
  #main .ao-service-v6 .sv6-training-practical-grid { grid-template-columns: 1fr; gap: 24px; }
  #main .ao-service-v6 .sv6-training-practical summary { font-size: 16px; }
  #main .ao-service-v6.ao-training-main .sv6-byline { max-width: 290px; margin-inline: auto; line-height: 21px; text-align: left; }
  #main .ao-service-v6.ao-training-main .sv6-byline img { flex-shrink: 0; }
  #main .ao-service-v6 .sv6-tools-overview ul { gap: 8px 24px; }
  #main .ao-service-v6 .sv6-tools-overview a { font-size: 14px; }
  #main .ao-service-v6 .sv6-catalog-courses .sv6-catalog-list a { gap: 12px; padding-block: 16px; }
  #main .ao-service-v6 .sv6-catalog-courses .sv6-catalog-list strong { font-size: 21px; }
  #main .ao-service-v6 .sv6-training-directions .sv6-text-link { padding-top: 18px; }
}
@media (max-width: 440px) {
  #main .ao-service-v6 .sv6-training-summary-grid { grid-template-columns: 1fr; gap: 22px; }
  #main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid { grid-template-columns: 1fr; }
  #main .ao-service-v6 .sv6-catalog-courses .sv6-assistant-grid strong { min-height: 0; }
}