/* Shared style for AI Visibility Audit content pages */
:root{
  --paper:#F3F5F7; --card:#FFFFFF; --ink:#111C26; --slate:#5A6672;
  --cobalt:#1848E2; --cobalt-wash:#E7EDFF; --rust:#B0483C; --amber:#B07C1E; --rule:#DCE1E7;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:"Instrument Serif",Georgia,serif;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 17.5px/1.62 var(--body);padding:0 22px}
.wrap{max-width:720px;margin:0 auto}
::selection{background:var(--cobalt);color:#fff}
a{color:var(--cobalt);text-decoration:none}
a.back{display:inline-block;font:500 13px var(--mono);letter-spacing:.04em;color:var(--slate);margin:26px 0 0}
a.back:hover{color:var(--cobalt)}
.kicker{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin:40px 0 20px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(33px,5.2vw,50px);line-height:1.07;letter-spacing:-.01em;max-width:20ch}
.answer{margin:24px 0 8px;background:var(--card);border-left:3px solid var(--cobalt);border-radius:0 12px 12px 0;
  padding:20px 24px;font-size:18.5px;line-height:1.55;max-width:68ch}
.answer b{color:var(--cobalt);font-weight:650}
hr{border:0;border-top:1px solid var(--rule);margin:34px 0}
h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,3.3vw,31px);line-height:1.14;margin:42px 0 12px}
h3{font-size:18px;font-weight:700;margin:26px 0 8px}
p{margin:0 0 1.12em;max-width:66ch}
ul,ol{margin:0 0 1.2em;padding-left:0;list-style:none;max-width:66ch}
li{margin:.5em 0;padding-left:22px;position:relative}
ul li::before{content:"—";position:absolute;left:0;color:var(--cobalt)}
ol{counter-reset:c}
ol li::before{counter-increment:c;content:counter(c);position:absolute;left:0;font:600 13px var(--mono);color:var(--cobalt);top:3px}
strong{font-weight:650}
.tablewrap{overflow-x:auto;margin:22px 0}
table{border-collapse:collapse;width:100%;font-size:15px;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;min-width:460px}
th,td{padding:11px 15px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
th{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--slate);background:var(--paper)}
tr:last-child td{border-bottom:0}
tbody tr.hi{background:var(--cobalt-wash)}
tbody tr.hi td{font-weight:650}
.win{color:var(--cobalt);font-weight:600}
.callout{background:var(--card);border-left:3px solid var(--amber);border-radius:0 12px 12px 0;padding:16px 22px;margin:24px 0;font-size:15.5px;color:var(--slate);max-width:68ch}
.callout b{color:var(--ink)}
.endcta{margin:50px 0 40px;background:var(--ink);color:#fff;border-radius:14px;padding:38px 32px}
.endcta h2{color:#fff;margin:0 0 10px}
.endcta p{color:rgba(255,255,255,.72);max-width:52ch}
.btn{display:inline-block;background:var(--cobalt);color:#fff;font:600 15px var(--body);padding:13px 22px;border-radius:6px;margin-top:10px;transition:transform .12s}
.btn:hover{transform:translateY(-1px)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.faq h3{font-size:17px;font-weight:650;margin:24px 0 6px}
.faq h3::before{content:"Q.\00a0";color:var(--cobalt);font-family:var(--mono);font-weight:600;font-size:15px}
.related{font-size:14.5px;color:var(--slate);margin-top:6px}
footer{color:var(--slate);font:400 13px var(--body);padding:22px 0 60px;border-top:1px solid var(--rule);margin-top:12px}
@media (prefers-color-scheme:dark){
  :root{--paper:#14140f;--card:#1c1b16;--ink:#eae7df;--slate:#9c988d;--rule:#2e2c25;--cobalt:#6ea8fe;--cobalt-wash:#1a2233;--rust:#e07a7a;--amber:#d0a24e}
  .endcta{background:#0c0c08}
}