/* Styles ONLY for the crawlable Q&A pages/sections and the extra lines inside chat answers.
   All class names start with "sq-" so they cannot clash with the existing site CSS. */
.sq-body { background:#f4f8ff; min-height:100vh; }
.sq-top { background:linear-gradient(#1f74d4,#4aa6ea); position:relative; min-height:76px; }
.sq-page, .sq-home { max-width:900px; margin:0 auto; padding:32px 20px 48px; color:#1b2a5e; line-height:1.55; }
.sq-home { background:#f4f8ff; max-width:none; padding:48px 20px; }
.sq-home > * { max-width:900px; margin-left:auto; margin-right:auto; }
.sq-page h1, .sq-home h2 { color:#0b1f6e; line-height:1.2; margin:0 auto 12px; text-shadow:none; }
.sq-page h2 { color:#0b1f6e; font-size:1.25rem; margin:24px 0 10px; text-shadow:none; }
.sq-item { background:#fff; border:1px solid #e9edf6; border-radius:14px; padding:16px 20px; margin:14px auto; max-width:900px; }
.sq-item h3 { font-size:1.08rem; margin:0 0 8px; color:#0b1f6e; text-shadow:none; }
.sq-page p, .sq-page li, .sq-home p, .sq-home li { color:#1b2a5e; text-shadow:none; }
.sq-item p { margin:0 0 8px; }
.sq-page a, .sq-home a { color:#e8007f; }
.sq-label, .sq-badge { display:inline-block; font-size:.8rem; color:#e8007f !important; margin:4px 0 0; }
.sq-crumbs { font-size:.85rem; margin-bottom:14px; }
.sq-short { background:#fff; border-left:5px solid #e8007f; border-radius:10px; padding:4px 20px 8px; margin:14px 0; }
.sq-short h2 { margin-top:12px; font-size:1rem; text-transform:uppercase; letter-spacing:.04em; }
.sq-short p { font-size:1.12rem; margin:0; }
.sq-answers { padding-left:20px; }
.sq-answers li { background:#fff; border:1px solid #e9edf6; border-radius:10px; padding:10px 14px; margin:8px 0; list-style:none; margin-left:-20px; }
.sq-count { font-size:.82rem; color:#7b86a6 !important; }
.sq-meta { font-size:.9rem; color:#4b587f !important; }
.sq-cta { margin:22px 0 8px; font-weight:700; }
.sq-related { padding-left:20px; }
.sq-pager { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; margin-top:28px; }
.sq-pager a, .sq-pager span { padding:6px 12px; border-radius:8px; background:#fff; border:1px solid #e9edf6; text-decoration:none; color:#1b2a5e; }
.sq-pager a { color:#e8007f; }
.sq-pager .cur { background:#0b1f6e; color:#fff; }
/* extra lines inside SOL chat answers */
.bubble .sq-meta { font-size:12px; margin:6px 0 0; }
.bubble .sq-all { margin-top:8px; }
.bubble .sq-all summary { cursor:pointer; font-weight:600; font-size:13px; }
.bubble .sq-all ul { margin:6px 0 0; padding-left:18px; font-size:13px; }
.bubble .sq-all li { margin:4px 0; }
.bubble a { color:#e8007f; }
.sq-facts { padding-left:20px; }
.sq-facts li { margin:4px 0; }
p.sq-short { background:#fff; border-left:5px solid #e8007f; border-radius:10px; padding:14px 20px; margin:14px 0; font-size:1.15rem; }

/* self-contained header + typography for the crawlable pages (they load no other site CSS) */
.sq-body { margin:0; font-family:"myriad-pro", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
.sq-header { background:linear-gradient(#1f74d4,#4aa6ea); padding:14px 40px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 36px; }
.sq-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.sq-brand img { width:36px; height:36px; border-radius:9px; }
.sq-brand b { display:block; font-size:17px; color:#fff; line-height:1.2; }
.sq-brand small { display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#e8f3ff; }
.sq-menu { display:flex; flex-wrap:wrap; gap:6px 28px; list-style:none; margin:0; padding:0; }
.sq-menu a { color:#fff; font-weight:600; text-decoration:none; }
.sq-menu a:hover { text-decoration:underline; }
@media (max-width:600px) { .sq-header { padding:12px 16px; } }