/* 2026-10-13: offer and question pages. Loaded after /style.css. The homepage doesn't load this file. */
.answer-wrap{max-width:880px;margin:0 auto;padding:0 24px 64px}
.crumbs{font-size:17px}
.crumbs ol{margin:0;padding:0;list-style:none;line-height:1.4}
.crumbs li{display:inline}
.crumbs li+li:before{content:'/';margin:0 10px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.answer-page h1{font-size:clamp(40px,6vw,70px);line-height:1.04;margin:14px 0 16px;max-width:20ch}
.byline{font-size:17px;margin-bottom:8px}
.answer{position:relative;margin:34px 0 0;padding:30px 32px 32px;background:var(--paper);color:var(--ink);transform:rotate(-.5deg);box-shadow:1px 2px 2px #0F141A25,7px 16px 24px #0F141A40,18px 32px 48px #0F141A20}
.answer:before{content:'';position:absolute;left:34%;top:-12px;width:30%;height:24px;background:linear-gradient(95deg,#F0A83038,#F5F7F9a8 30%,#F0A83045);border-inline:1px dashed #5B636B50;transform:rotate(-3deg);pointer-events:none}
.answer-label{font:600 17px/1.3 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#0D7D8C;margin-bottom:12px}
.answer p:not(.answer-label){max-width:none;font:500 clamp(20px,2.3vw,26px)/1.45 Sora,Arial,sans-serif;letter-spacing:-.025em}
.answer p:not(.answer-label)+p{margin-top:14px}
.answer-page .price{margin:52px 0 10px}
.terms-line{font-size:17px;max-width:48ch;margin-top:14px}
.answer-page .cta{margin-top:22px}
.answer-section{margin-top:64px}
.answer-section h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:18px;max-width:26ch}
.answer-section>p{font-size:19px}
.answer-section>*+p,.answer-section>p+ul,.answer-section>p+ol,.answer-section>p+.compare-wrap{margin-top:16px}
.checks{list-style:none;margin:0;padding:0}
.checks li{position:relative;padding:0 0 12px 30px;font-size:19px}
.checks li:before{content:'✓';position:absolute;left:0;font-weight:700}
.plain-list{margin:0;padding-left:24px}
.plain-list li{font-size:19px;padding-bottom:10px}
.steps{list-style:none;counter-reset:step;margin:0;padding:0}
.steps li{counter-increment:step;position:relative;padding:22px 0 22px 64px;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li:before{content:counter(step);position:absolute;left:0;top:20px;width:44px;height:44px;display:grid;place-items:center;background:#F0A830;color:#241803;font:700 21px/1 Sora,Arial,sans-serif;border-radius:50%}
.steps h3,.faq-item h3{font-size:clamp(21px,2.3vw,26px);letter-spacing:-.03em;margin-bottom:8px}
.steps p,.faq-item p{font-size:19px}
.faq{border-top:1px solid var(--line)}
.faq-item{padding:22px 0;border-bottom:1px solid var(--line)}
.compare{width:100%;border-collapse:collapse;font-size:17px;line-height:1.4}
.compare th,.compare td{text-align:left;vertical-align:top;padding:14px 14px 14px 0;border-bottom:1px solid var(--line)}
.compare thead th{font-family:Sora,Arial,sans-serif;font-weight:600;letter-spacing:-.02em;border-bottom:2px solid var(--text)}
.compare tr.ours{background:#F0A8301F}
.compare tr.ours td:first-child{padding-left:10px;font-weight:600}
.note{font-size:17px}
.sources ol{margin:0;padding-left:24px}
.sources li{font-size:17px;padding-bottom:10px;overflow-wrap:anywhere}
.related{display:flex;flex-wrap:wrap;gap:0 28px;margin:18px 0 0;padding:0;list-style:none}
.related a{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
.closing{background:var(--surface);border-top:1px solid var(--line);padding:52px 24px 60px}
.closing-inner{max-width:880px;margin:0 auto}
.closing h2{font-size:clamp(30px,3.6vw,46px);margin-bottom:14px}
.closing p{font-size:19px}
.closing .cta{margin-top:22px}
.answer-page .about-band{border-top:1px solid var(--line)}
@media(max-width:640px){
.answer-wrap{padding:0 20px 48px}
.answer{padding:26px 22px 26px}
.answer p:not(.answer-label){font-size:20px}
.answer-section{margin-top:52px}
.steps li{padding-left:58px}
.compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.compare,.compare tbody,.compare tr,.compare td{display:block;width:100%}
.compare tr{padding:14px 0;border-bottom:1px solid var(--line)}
.compare tr.ours{padding-inline:10px}
.compare td{border:0;padding:2px 0}
.compare tr.ours td:first-child{padding-left:0}
.compare td:first-child{font-weight:600}
.compare td[data-label]:before{content:attr(data-label) ': '}
.closing{padding:40px 20px 48px}
}