/* Supplied AugIQ layout, scoped additions preserve other pages. */

.ctx-row { position: relative; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.ctx-row::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 1px; background-color: var(--color--ink); }
.ctx-step { position: relative; display: flex; flex-direction: column; gap: 6px; padding-top: 30px; }
.ctx-step_dot { position: absolute; top: 0; left: 0; width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid var(--color--ink); background-color: var(--color--white); }
.ctx-step.is-last .ctx-step_dot { border-color: var(--color--signal); background-color: var(--color--signal); }
.ctx-step_name { font-size: 19px; font-weight: 500; letter-spacing: 0; }
.ctx-step_text { font-size: 14px; color: var(--color--graphite); }
.ctx-loop { font-family: var(--font--mono); font-size: 12px; letter-spacing: 0; text-transform: uppercase; color: var(--color--signal-text); }
.rules_row { display: grid; grid-template-columns: minmax(0, 0.3fr) minmax(0, 1fr); gap: 16px 40px; padding-top: 32px; border-top: 1px solid var(--color--line-dark); }
.rules_list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; margin: 0; padding: 0; list-style: none; }
.rules_item { display: flex; gap: 12px; font-size: 16px; color: var(--color--pale); }
.rules_dot { flex: none; width: 7px; height: 7px; margin-top: 8px; border-radius: 50%; background-color: var(--color--signal); }
.evo-track { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; gap: 10px; }
.evo-step { display: flex; flex-direction: column; gap: 8px; }
.evo-step_bar { display: block; width: 100%; margin-bottom: 8px; border-radius: 8px 8px 0 0; background-color: var(--color--line-strong); }
.evo-step.is-last .evo-step_bar { background-color: var(--color--signal); }
.evo-step_name { font-size: 18px; font-weight: 500; letter-spacing: 0; }
.evo-step_text { min-height: 60px; font-size: 13px; color: var(--color--graphite); }
@media (max-width: 991px) {
  .ctx-row, .evo-track { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
  .ctx-row::before { display: none; }
  .rules_row, .rules_list { grid-template-columns: minmax(0, 1fr); }
  .evo-step_bar { display: none; }
  .evo-step_text { min-height: 0; }
}


.augiq-public .eyebrow, .augiq-public .shift-item_top { display: none; }
.augiq-public .footer_logo-mark { width: 48px; height: 48px; }
.augiq-public .footer_logo-wordmark { width: min(70%, 360px); height: auto; }
.augiq-public .page-hero_layout { grid-template-columns: minmax(0, 1fr); }
.augiq-public .page-hero_content { max-width: 960px; }
.augiq-public .page-hero_diagram { max-width: 800px; margin-inline: auto; }
.augiq-public .page-hero_visual { width: 100%; }
.augiq-public .page-hero_layout:has(.context-flow) { grid-template-columns: minmax(0, 1fr); gap: 56px; }
.augiq-public .context-flow { max-width: none; overflow: visible; border-radius: 0; }
.context-flow_heading { margin-bottom: 28px; }
.context-flow_heading h2 { font-family: var(--font--sans); font-size: 24px; font-weight: 500; color: var(--color--white); }
.context-flow_steps { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 0; list-style: none; }
.context-flow_step { position: relative; min-width: 0; padding-top: 22px; border-top: 1px solid var(--color--line-dark); }
.context-flow_step:not(:last-child)::after { content: "→"; position: absolute; top: 25px; right: 0; color: var(--color--fog); font-size: 18px; }
.augiq-public .context-flow_icon { width: 28px; height: 28px; margin-bottom: 20px; color: var(--color--peach); }
.context-flow_step h3 { margin: 0 0 12px; font-size: 18px; line-height: 1.4; font-weight: 500; color: var(--color--white); }
.context-flow_step p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--color--silver); }
.context-flow_return { display: flex; align-items: center; gap: 14px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--color--signal); color: var(--color--peach); }
.augiq-public .context-flow_return svg { flex: none; width: 24px; height: 24px; }
.context-flow_return p { font-size: 18px; line-height: 1.5; margin: 0; }
.context-flow_accountability { margin-top: 16px; color: var(--color--silver); font-size: 14px; line-height: 1.6; }
@media (min-width: 768px) and (max-width: 1100px) {
  .context-flow_steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
}
@media (max-width: 767px) {
  .augiq-public .page-hero_layout:has(.context-flow) { gap: 36px; }
  .context-flow_heading { margin-bottom: 20px; }
  .context-flow_heading h2 { font-size: 22px; }
  .context-flow_steps { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--color--signal) var(--color--line-dark); padding-bottom: 16px; }
  .context-flow_step { flex: 0 0 84%; scroll-snap-align: start; padding: 22px 20px; background: var(--color--surface-dark); border: 1px solid var(--color--line-dark); border-radius: 6px; }
  .context-flow_step:not(:last-child)::after { right: 20px; }
  .context-flow_step h3 { font-size: 22px; }
  .context-flow_step p { font-size: 16px; }
  .context-flow_return { margin-top: 20px; align-items: flex-start; }
  .context-flow_return p { font-size: 16px; }
}
.augiq-public .page-hero_content h1::before { content: "AugIQ"; display: block; font-family: var(--font--sans); font-style: normal; font-size: 24px; margin-bottom: 24px; color: var(--color--peach); }
@media (max-width: 767px) {
  .augiq-public .ctx-row, .augiq-public .evo-track { display: flex; align-items: stretch; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 16px; }
  .augiq-public .ctx-step, .augiq-public .evo-step { flex: 0 0 84%; scroll-snap-align: start; }
  .augiq-public .evo-step_bar { display: block; }
  .augiq-public .ctx-step_text, .augiq-public .evo-step_text { font-size: 16px; }
}