/* Answers pages — extends site.css and case-studies.css (loaded after both). Same tokens. */

/* question page hero */
.ans-crumbs a{color:#c2c8d0;font-size:14px;font-weight:500}
.ans-crumbs a::before{content:"\2190\00a0"}
.ans-crumbs a:hover{color:#fff;text-decoration:none}
.page-hero h1.ans-q{max-width:28ch;font-size:40px}

/* article body */
.ans-wrap{padding:64px 0 16px}
.ans-body{max-width:760px}
.ans-short{background:var(--surface);border-left:3px solid var(--blue);border-radius:0 12px 12px 0;padding:20px 24px;margin-bottom:12px}
.ans-short h2{margin:0 0 8px;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--blue-deep)}
.ans-short p{margin:0;color:var(--g900);font-size:17.5px;font-weight:500}
.ans-body > h2{margin:40px 0 10px;font-size:26px;line-height:1.2;color:var(--g900);letter-spacing:-.3px}
.ans-body > p{margin:0 0 14px;color:var(--g700);font-size:17px}
.ans-body > ul{margin:0 0 16px;padding-left:22px;color:var(--g700);font-size:17px}
.ans-body > ul li{margin:0 0 8px}

/* related questions */
.ans-faq{padding:48px 0 8px}
.ans-faq .faq{margin-top:24px}
.ans-more{margin:32px 0 0;color:var(--g500);font-size:15px}

/* answers index */
.ans-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ans-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--g100);border-radius:18px;padding:28px;min-width:0;color:inherit}
.ans-card:hover{border-color:var(--blue);text-decoration:none;box-shadow:0 18px 48px rgba(27,95,208,.10)}
.ans-card h2{margin:0 0 10px;font-size:21px;line-height:1.25;color:var(--g900);letter-spacing:-.2px}
.ans-card p{margin:0 0 16px;color:var(--g500);font-size:15.5px}
.ans-go{margin-top:auto;color:var(--blue-deep);font-weight:600;font-size:15px}

@media (max-width:880px){
  .page-hero h1.ans-q{font-size:30px}
  .ans-wrap{padding:44px 0 8px}
  .ans-body > h2{font-size:22px}
  .ans-list{grid-template-columns:1fr}
  .ans-card{padding:22px 20px;border-radius:14px}
}