/* what-ai-says.css: What AI Says pages (what-ai-says-about-aiwebpageseo.html, what-chatgpt-says-about-aiwebpageseo.html).
   Loaded after combined-audit.css and combined-audit-extras.css (nav, footer, ca-wrap, ca-panel, ca-btn, light/dark theme).
   Colours are theme tokens, so light and dark follow data-theme. */

/* Signed-in nav: same as spam-audit.css (name - balance credits, Dashboard, Sign out) */
body.seo-signed-in .bk-nav-links .bk-signin,body.seo-signed-in .bk-nav-links .bk-cta{display:none}
#seo-user-nav{font-size:16px;color:var(--text);white-space:nowrap}
.seo-nav-user{color:var(--text)}
.seo-nav-bal{color:var(--text);font-weight:700}
#seo-user-nav:empty{display:none}
#seo-user-nav .seo-nav-link{margin-left:12px;font-size:16px;color:var(--text);text-decoration:none}
@media(max-width:880px){
.bk-nav-links #seo-user-nav a{display:inline}
body.seo-signed-in .bk-nav{height:auto;min-height:64px;flex-wrap:wrap;row-gap:6px;padding-top:10px;padding-bottom:10px}
body.seo-signed-in .bk-nav-links{display:contents}
body.seo-signed-in #seo-user-nav{order:3;flex-basis:100%;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:4px;white-space:normal}
body.seo-signed-in .seo-nav-user{white-space:nowrap}
body.seo-signed-in #seo-user-nav .seo-nav-link{margin-left:0;white-space:nowrap}
body.seo-signed-in{padding-top:100px}
}

/* Page */
.was-crumbs{font-size:13px;color:var(--text2);margin:0 0 14px}
.was-crumbs a{color:var(--text2);text-decoration:underline;text-underline-offset:2px}
.was-crumbs a:hover{color:var(--blue2)}
.was-crumbs .was-sep{margin:0 6px;color:var(--text3)}
.was-wrap .ca-lede{margin-bottom:8px}
.was-meta{font-size:13px;color:var(--text2);margin:0 0 24px}
.was-meta a{color:var(--text2);text-decoration:underline}
.was-panel{margin:0 0 20px}
.was-h{font-size:18px;color:var(--blue);margin:0 0 10px}
.was-panel p{font-size:15px;line-height:1.6;color:var(--text2);margin:0 0 10px}
.was-panel p:last-child{margin-bottom:0}
.was-note a,.was-intro a:not(.ca-btn),.was-next a:not(.ca-btn){color:var(--blue2);text-decoration:underline}
.was-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.was-btns .ca-btn{display:inline-block;text-decoration:none}

/* Contents */
.was-toc ol{margin:0;padding-left:22px;columns:2;column-gap:28px;font-size:14px;line-height:1.9;color:var(--text2)}
.was-toc a{color:var(--text2);text-decoration:none}
.was-toc a:hover{color:var(--blue2);text-decoration:underline}

/* ChatGPT's text */
.was-body{color:var(--text);font-size:16px;line-height:1.7}
.was-source{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue2);
  background:var(--bg3);border:1px solid var(--border);padding:3px 10px;border-radius:999px;margin-bottom:4px}
.was-body h2{font-size:24px;color:var(--blue);margin:34px 0 10px;scroll-margin-top:84px}
.was-body h3{font-size:19px;color:var(--blue);margin:26px 0 8px;scroll-margin-top:84px}
.was-body h4{font-size:16px;font-weight:700;color:var(--text);margin:20px 0 6px;scroll-margin-top:84px}
.was-body p{font-size:16px;color:var(--text);margin:0 0 12px}
.was-body .was-list{margin:0 0 14px;padding-left:22px}
.was-body .was-list li{margin:3px 0}
.was-body code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.9em;background:var(--bg3);border:1px solid var(--border);
  padding:1px 5px;border-radius:4px}
.was-quote{margin:14px 0;padding:12px 16px;border-left:4px solid var(--blue3);background:var(--bg3);border-radius:0 8px 8px 0}
.was-body .was-quote p{margin:0}
.was-body .was-arrow{margin:0 0 8px 18px;color:var(--text3)}

/* Hub cards */
a.was-item{display:block;color:inherit;text-decoration:none;transition:border-color .15s}
a.was-item:hover{border-color:var(--blue3)}
a.was-item h2{font-size:20px;color:var(--blue);margin:6px 0 8px}
a.was-item p.was-meta{font-size:13px;margin:8px 0 0}
.was-item-tool{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue2)}
.was-item-tool span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2)}

/* Dark theme: headings match combined-audit.css dark headings */
[data-theme='dark'] .was-h,[data-theme='dark'] .was-body h2,[data-theme='dark'] .was-body h3,[data-theme='dark'] a.was-item h2{color:#bcd4ff}
.was-wrap .ca-lede+.was-panel{margin-top:24px}

/* Our reply panel (below an AI answer) */
.was-reply .was-list{margin:0 0 12px;padding-left:22px}
.was-reply .was-list li{font-size:15px;line-height:1.6;color:var(--text2);margin:6px 0}
.was-reply .was-list strong{color:var(--text)}
.was-reply a{color:var(--blue2);text-decoration:underline}

/* Conversation pages: the question asked and the answer label */
.was-q{margin:18px 0 14px;padding:12px 16px;background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--blue2);border-radius:0 10px 10px 0}
.was-q-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue2);margin:0 0 4px}
.was-body .was-q p{margin:0;font-style:italic}
.was-a-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin:6px 0 8px}

/* Tables inside an AI answer, and the "continued from" note */
.was-table-wrap{overflow-x:auto;margin:6px 0 16px}
.was-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.was-table th{text-align:left;font-weight:700;color:var(--text);background:var(--bg3);border-bottom:2px solid var(--border);padding:8px 10px}
.was-table td{color:var(--text);border-bottom:1px solid var(--border);padding:8px 10px;vertical-align:top}
.was-table td:first-child{font-weight:600;white-space:nowrap}
.was-body .was-cont{font-size:14px;color:var(--text2);font-style:italic;margin:4px 0 6px}

@media(max-width:640px){.was-table td:first-child{white-space:normal}.was-toc ol{columns:1}.was-body,.was-body p{font-size:15px}.was-body h2{font-size:21px}}