/* Ask AI about your situation: page questions that open the reader's own AI. */
.askai{max-width:880px;margin:36px 0 40px;padding:22px 0 0;border-top:1px solid #E4E4E4}
.askai .eb{margin:0;font:500 13px/1.4 "Oswald","Oswald Fallback",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#C71409}
.askai .sub{margin:6px 0 18px;font-size:16px;line-height:1.6;color:#484848}
.askai .pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;margin:0 0 14px;padding:0;border:0}
.askai .pick legend{margin:0 0 8px;padding:0;font-size:14px;line-height:1.4;color:#484848}
.askai .pick input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.askai .pick label{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;border:1px solid #CFCFCF;background:#FFFFFF;color:#1C1C1C;font:600 13px/1.2 "Poppins","Poppins Fallback",sans-serif;white-space:nowrap;cursor:pointer}
.askai .pick label:hover{border-color:#1C1C1C}
.askai .pick input:checked+label{background:#1C1C1C;border-color:#1C1C1C;color:#FFFFFF}
.askai .pick input:focus-visible+label{outline:2px solid #EA180B;outline-offset:2px}
.askai .qs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.askai .qs li{margin:0}
.askai .qs a{display:none;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 16px 12px 18px;border:1px solid #E4E4E4;border-left:4px solid #EA180B;background:#FFFFFF;color:#1C1C1C;text-decoration:none;font:600 16px/1.45 "Poppins","Poppins Fallback",sans-serif}
.askai .qs a:hover{border-color:#1C1C1C #1C1C1C #1C1C1C #EA180B}
.askai .qs a:focus-visible{outline:2px solid #EA180B;outline-offset:2px}
.askai .qs .ar{flex:none;color:#C71409}
/* ChatGPT is picked first; browsers without :has() keep it. */
.askai .qs .ai-chatgpt{display:flex}
.askai:has(input[value="claude"]:checked) .qs .ai-chatgpt,
.askai:has(input[value="perplexity"]:checked) .qs .ai-chatgpt,
.askai:has(input[value="google"]:checked) .qs .ai-chatgpt{display:none}
.askai:has(input[value="claude"]:checked) .qs .ai-claude,
.askai:has(input[value="perplexity"]:checked) .qs .ai-perplexity,
.askai:has(input[value="google"]:checked) .qs .ai-google{display:flex}
.askai .what{margin:16px 0 0;font-size:14px;line-height:1.6;color:#484848}
.askai .what summary{display:inline-flex;gap:6px;align-items:center;min-height:44px;color:#1C1C1C;text-decoration:underline;text-underline-offset:3px}
.askai .what summary::after{content:"+";font-weight:600;color:#EA180B;text-decoration:none}
.askai .what[open] summary::after{content:"−"}
.askai .what p{margin:6px 0 0;overflow-wrap:anywhere;word-break:break-word}
.askai .what p:first-of-type{padding:12px 14px;background:#F6F6F6;border-left:3px solid #CFCFCF;color:#1C1C1C}
@media (min-width:700px){
.askai .pick{grid-template-columns:repeat(4,max-content)}
.askai .pick label{padding:0 18px;font-size:14px}
}
/* The line under "Your first class is free". */
.cta .cta-proof{margin:12px 0 0;font-size:16px;line-height:1.6;color:#FFFFFF}
.cta .cta-proof a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
@media (max-width:699px){.cta .cta-proof span[aria-hidden]{display:none}.cta .cta-proof .ld{display:block}}
/* Google's "preferred source" link in the footer. */
.fpref{margin:0}
.ft .fpref a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid #FFFFFF;color:#FFFFFF;text-decoration:none;font:600 14px/1.35 "Poppins","Poppins Fallback",sans-serif}
.ft .fpref a:hover{background:#FFFFFF;color:#1C1C1C}
.ft .fpref a:focus-visible{outline:2px solid #EA180B;outline-offset:2px}
.fpref svg{flex:none}
.askai-sec .askai{margin:0}