/* Answer surface: guides, comparisons, glossary and FAQ. Extends styles.css. */
.ans-hero { padding-bottom:64px; }
.ans-h1 { font-size:40px; max-width:900px; }
.ans-lead { font-size:19px; max-width:860px; }
section.alt-bg .ans-lead { color:rgba(240,237,228,0.82); }
.ans-main { padding-top:72px; padding-bottom:96px; }
.ans { max-width:880px; }
.ans h2 { font-size:28px; font-weight:300; color:var(--dk-text); line-height:1.25; margin:56px 0 16px; letter-spacing:0.01em; }
.ans h2:first-child { margin-top:0; }
.ans h3 { font-size:18px; font-weight:500; color:var(--dk-text); line-height:1.4; margin:30px 0 8px; }
.ans p { font-size:17px; line-height:1.8; color:var(--dk-grey); margin:0 0 18px; }
.ans ul { margin:0 0 22px 22px; color:var(--dk-grey); font-size:17px; line-height:1.8; }
.ans li { margin-bottom:6px; }
.ans a { color:var(--mid-blue); border-bottom:1px solid rgba(24,95,165,0.35); }
.ans a:hover { border-bottom-color:var(--mid-blue); }
.ans strong { font-weight:500; color:var(--dk-text); }
.ans-tablewrap { overflow-x:auto; margin:26px 0 30px; }
.ans-table { width:100%; border-collapse:collapse; min-width:560px; }
.ans-table th { text-align:left; font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--mid-blue); font-weight:600; padding:0 18px 12px 0; border-bottom:1px solid var(--rule-grey); }
.ans-table td { padding:16px 18px 16px 0; border-bottom:1px solid var(--rule-grey); font-size:15px; line-height:1.7; color:var(--dk-grey); vertical-align:top; }
.ans-table td:first-child { color:var(--dk-text); font-weight:500; width:210px; }
.ans pre { background:var(--dark-bg); color:var(--off-white); padding:22px 26px; margin:22px 0 28px; overflow-x:auto; border-left:3px solid var(--lt-blue); }
.ans pre code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:14px; line-height:1.75; }
.ans .callout { border-top:2px solid var(--mid-blue); border-bottom:2px solid var(--mid-blue); background:var(--ice-blue); padding:30px 36px; margin:40px 0; }
.ans .callout-lbl { font-size:11px; letter-spacing:0.26em; text-transform:uppercase; color:var(--mid-blue); font-weight:600; margin-bottom:12px; }
.ans .callout-body { font-size:20px; font-weight:300; line-height:1.6; color:var(--dk-text); }
.ans-cta { margin-top:56px; }
.ans-btn-light { color:var(--dk-text); border-color:var(--rule-grey); }
.ans-btn-light:hover { background:var(--ice-blue); border-color:var(--lt-blue); }
.ans dl { margin:0 0 24px; }
.ans dt { font-size:19px; font-weight:500; color:var(--dk-text); margin-top:34px; }
.ans dd { margin:8px 0 0; font-size:17px; line-height:1.8; color:var(--dk-grey); max-width:820px; }
@media (max-width:768px) {
  .ans-h1 { font-size:30px; }
  .ans h2 { font-size:24px; }
  .ans-main { padding-top:48px; }
  .ans-table td:first-child { width:auto; }
}