/* AffixIO answers hub — light citation pages for AEO */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Oxanium:wght@500;600;700&family=Sora:wght@400;500;600;700&display=swap");
:root {
  --ans-ink:#1d2128; --ans-muted:#4c5868; --ans-soft:#6b7583; --ans-chalk:#f5f2ea;
  --ans-paper:#faf8f3; --ans-rule:#cfc7b8; --ans-verdict:#295f4e; --ans-bronze:#8a6742;
  --ans-chip:#ebe4d6; --ans-allow:#e7f0ec;
  --ans-sans:"Sora",system-ui,sans-serif; --ans-display:"Oxanium",var(--ans-sans); --ans-mono:"JetBrains Mono",ui-monospace,monospace;
}
body:has(.answers-page){background:var(--ans-chalk);color:var(--ans-ink);}
main.page.answers-page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;font-family:var(--ans-sans);background:var(--ans-chalk);color:var(--ans-ink);}
.answers-page .home-header{background:color-mix(in srgb,var(--ans-paper) 92%,#fff);border-bottom:1px solid var(--ans-rule);}
.answers-page > .footer{max-width:76rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem);padding-block:2rem 2.5rem;border-top:1px solid var(--ans-rule);background:var(--ans-paper);color:var(--ans-muted);}
.answers-page .footer a,.answers-page .footer summary{color:var(--ans-muted);}
.answers-page .footer a:hover{color:var(--ans-verdict);}
.ans-wrap{max-width:76rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem);}
.ans-hero{padding-block:clamp(2.2rem,5vw,3.75rem);border-bottom:1px solid var(--ans-rule);background:linear-gradient(180deg,var(--ans-paper),var(--ans-chalk));}
.ans-crumb{font-family:var(--ans-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ans-soft);margin-bottom:1rem;}
.ans-crumb a{color:var(--ans-verdict);text-decoration:none;}
.ans-kicker{font-family:var(--ans-mono);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ans-bronze);margin-bottom:.65rem;}
.ans-hero h1{font-family:var(--ans-display);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:650;letter-spacing:-.03em;line-height:1.12;margin:0 0 1rem;max-width:22ch;color:var(--ans-ink);}
.ans-direct{font-size:1.05rem;line-height:1.65;color:var(--ans-ink);max-width:62ch;margin:0 0 1rem;padding:1rem 1.15rem;background:#fff;border-left:3px solid var(--ans-verdict);border:1px solid var(--ans-rule);border-left-width:3px;}
.ans-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.78rem;color:var(--ans-soft);margin:1rem 0 0;}
.ans-meta strong{color:var(--ans-verdict);font-weight:600;}
.ans-band{padding-block:clamp(1.75rem,3.5vw,2.75rem);border-bottom:1px solid var(--ans-rule);}
.ans-band--alt{background:var(--ans-paper);}
.ans-band h2{font-family:var(--ans-display);font-size:clamp(1.2rem,2vw,1.55rem);margin:0 0 .85rem;color:var(--ans-ink);}
.ans-band p,.ans-band li{font-size:.95rem;line-height:1.65;color:var(--ans-muted);}
.ans-band ul{margin:.5rem 0 1rem;padding-left:1.2rem;}
.ans-grid{display:grid;gap:.85rem;}
@media(min-width:800px){.ans-grid{grid-template-columns:1fr 1fr;}}
.ans-card{background:#fff;border:1px solid var(--ans-rule);padding:1.1rem 1.15rem;text-decoration:none;color:inherit;display:block;}
.ans-card:hover{border-color:var(--ans-verdict);background:var(--ans-allow);}
.ans-card h3{font-family:var(--ans-display);font-size:1rem;margin:0 0 .4rem;color:var(--ans-ink);}
.ans-card p{margin:0;font-size:.86rem;line-height:1.5;color:var(--ans-muted);}
.ans-faq details{background:#fff;border:1px solid var(--ans-rule);margin-bottom:.5rem;padding:.85rem 1rem;}
.ans-faq summary{font-weight:600;cursor:pointer;color:var(--ans-ink);}
.ans-faq details[open] summary{color:var(--ans-verdict);margin-bottom:.45rem;}
.ans-faq p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ans-muted);}
.ans-sources{font-size:.8rem;line-height:1.5;color:var(--ans-soft);}
.ans-sources a{color:var(--ans-verdict);}
.ans-cta{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;}
.ans-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;border-radius:2px;border:1px solid transparent;}
.ans-btn--primary{background:var(--ans-verdict);color:#f5f2ea;border-color:var(--ans-verdict);}
.ans-btn--ghost{background:transparent;color:var(--ans-verdict);border-color:var(--ans-rule);}