/* SCANMYSEO_AGENT_UI_V4: layout only. Header/footer use the actual shared site styles. */
body.mcp-product { margin: 0; padding: 0; background: #fff; font-family: "Roboto", "Segoe UI", system-ui, sans-serif; }
.mcp-product .site-header { position: sticky; z-index: 1030; }
.mcp-product > .agent-main { width: min(1180px, calc(100% - 48px)); max-width: 1180px; margin: 0 auto; padding: 44px 0 64px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.mcp-product > .agent-secondary { width: min(1180px, calc(100% - 48px)); max-width: 1180px; margin: 0 auto; padding: 16px 0; gap: 8px 28px; }
.mcp-product .agent-main :is(h1,h2,h3,h4,p) { text-align: left; }
.mcp-product .agent-main :is(p,li) { color: var(--agent-muted); }
.mcp-product .agent-main .agent-eyebrow { color: #1269b8; }
.mcp-product .agent-main section, .mcp-product .agent-main article { min-width: 0; }
.mcp-product .agent-main .agent-section { padding: 56px 0 0; margin: 0; scroll-margin-top: 100px; }
.mcp-product .agent-main .agent-section-heading { margin: 0 0 28px; max-width: 790px; }
.mcp-product .agent-main .agent-hero--light { padding: clamp(24px,4vw,48px); border: 1px solid #dce8f3; border-radius: 20px; background: linear-gradient(135deg,#f5faff,#edf5fc); box-shadow: none; gap: 36px; }
.mcp-product .agent-main .agent-hero--light::before { display: none; }
.mcp-product .agent-main .agent-hero--light h1 { color: #17324d; font-size: clamp(2rem,3.8vw,3.15rem); line-height: 1.2; letter-spacing: -.035em; margin-top: 0; }
.mcp-product .agent-main .agent-hero--light h1 span { color: #157bd0; }
.mcp-product .agent-main .agent-hero--light .agent-lead { color: #344f68; font-size: 1.12rem; }
.mcp-product .agent-main .agent-hero--light .agent-hero__description { color: #52677f; }
.mcp-product .agent-main .agent-hero--light .agent-hero__note { color: #52677f; font-size: .83rem; }
.mcp-product .agent-main .agent-hero--light .agent-button--primary { background: #1269b8; border-color: #1269b8; color: #fff; }
.mcp-product .agent-main .agent-hero--light .agent-button--primary:hover { background: #0e5294; }
.agent-flow-preview { min-width: 0; background: #fff; border: 1px solid #d6e4f0; border-radius: 16px; padding: 28px; box-shadow: 0 14px 36px #1e426b0a; }
.agent-flow-row { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: start; gap: 10px; padding: 20px 0; border-bottom: 1px solid #e5edf5; }
.agent-flow-row .agent-icon { color: #1478ce; }
.agent-flow-row strong, .agent-flow-row span { display: block; }
.agent-flow-row strong { font-size: .98rem; color: #17324d; }
.agent-flow-row span { font-size: .88rem; color: #52677f; margin-top: 4px; }
.mcp-product .agent-main .agent-fine { font-size: .84rem; line-height: 1.6; }
.mcp-product .agent-main .agent-card { box-shadow: none; border-radius: 14px; }
.mcp-product .agent-main .agent-inline-note { display: block; padding: 16px 20px; margin-top: 24px; color: #385770; background: #f2f7fc; border-radius: 10px; }
.mcp-product .agent-main .agent-copy-row { margin: 12px 0; }
.mcp-product .agent-main .agent-copy-row input { min-width: 0; width: 100%; max-width: 650px; }
.mcp-product .agent-main .agent-help-link { display: inline-block; margin-top: 4px; }
.mcp-product .agent-main .agent-help-heading { text-align: left; background: none; padding: 0; margin: 0 0 24px; border: 0; }
.mcp-product .agent-main .agent-help-heading h1 { font-size: clamp(1.85rem,3.4vw,2.8rem); line-height: 1.22; }
.agent-help-topics { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 34px; padding: 0 0 22px; border-bottom: 1px solid #dce6ef; }
.agent-help-topics a { display: inline-flex; min-height: 42px; align-items: center; padding: 9px 14px; border: 1px solid transparent; border-radius: 8px; font-size: .91rem; font-weight: 500; }
.agent-help-topics a[aria-current="page"] { background: #eaf4ff; border-color: #c8ddf0; color: #0d5b9f; }
.agent-help-layout { display: grid; grid-template-columns: minmax(0,1fr) 265px; gap: 64px; align-items: start; }
.agent-help-article { max-width: none; min-width: 0; margin: 0; padding: 0; font-size: 1rem; line-height: 1.8; }
.mcp-product .agent-help-article > :first-child { margin-top: 0; }
.mcp-product .agent-help-article h2 { margin-top: 32px; font-size: 1.5rem; line-height: 1.35; }
.mcp-product .agent-help-article h3 { margin-top: 24px; }
.mcp-product .agent-help-article :is(ul,ol) { padding-left: 22px; margin: 16px 0 24px; }
.mcp-product .agent-help-article li { margin: 8px 0; }
.agent-help-article table { display: block; width: 100%; overflow-x: auto; }
.agent-help-aside { border-left: 1px solid #dce6ef; padding-left: 24px; }
.mcp-product .agent-main .agent-help-aside h2 { font-size: 1.12rem; line-height: 1.45; }
.agent-help-aside p, .agent-help-aside a { font-size: .9rem; }
.agent-help-aside a { display: block; padding: 10px 0; }
.agent-help-connect { margin-bottom: 24px; padding: 20px; border: 1px solid #dce6ef; border-radius: 12px; background: #f5f9fd; }
/* Keep public chrome out of product selectors and prevent inherited legacy offsets. */
.mcp-product > .site-footer { position: static; inset: auto; float: none; clear: both; width: 100%; max-width: none; margin: 0; transform: none; }
.mcp-product .site-footer__navigation { position: static; inset: auto; width: auto; max-width: none; margin: 0; padding: 0; transform: none; box-shadow: none; background: none; }
.mcp-product .site-footer__shell { width: min(100% - 48px, 1440px); }
/* Reuse the shared footer typography without product heading/button overrides. */
.mcp-product:not(.agent-nav-ready) .primary-nav { max-width: 100%; }
@media(max-width:960px) {
  .mcp-product > .agent-main { padding-top: 28px; }
  .agent-hero--light { grid-template-columns: 1fr; }
  .agent-help-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .agent-help-aside { padding: 24px 0 0; border-left: 0; border-top: 1px solid #dce6ef; }
  .mcp-product:not(.agent-nav-ready) .primary-nav { grid-column: 1 / -1; width: 100%; padding: 10px 0; box-shadow: none; border: 0; }
}
@media(max-width:600px) {
  .mcp-product > .agent-main, .mcp-product > .agent-secondary { width: calc(100% - 32px); }
  .mcp-product > .agent-main { padding-bottom: 40px; }
  .mcp-product > .agent-secondary { gap: 6px 20px; }
  .mcp-product .agent-main .agent-section { padding-top: 40px; }
  .agent-help-topics { gap: 5px; }
  .agent-help-topics a { padding-inline: 10px; }
  .agent-flow-preview { padding: 20px; }
  .mcp-product .site-footer__shell { width: calc(100% - 32px); }
  .mcp-product .agent-main .agent-actions .agent-button { flex: 1 1 160px; }
}
@media(prefers-reduced-motion:reduce) { .agent-main *, .agent-secondary * { animation: none !important; transition: none !important; } }
.mcp-product .agent-help-article blockquote { margin: 16px 0; padding: 14px 20px; border-left: 3px solid #a8cdec; border-radius: 0 8px 8px 0; background: #f4f8fc; }
.mcp-product .agent-help-article blockquote p { margin: 0; color: #294b6c; }