/* "Good to know" option A (see faq-a.js) */
.sec-calm section.faq.fa { background: #fff !important; overflow: visible !important; }
.fa .mascot, .fa .obj { display: none !important; }
.fa .wrap { width: var(--colw) !important; max-width: none !important; padding-inline: 0 !important; display: grid !important; grid-template-columns: 1fr 1.5fr; gap: 96px; align-items: start; }
.fa .head { position: sticky; top: 120px; text-align: left !important; justify-items: start !important; align-items: flex-start !important; margin: 0 !important; display: grid; gap: 18px; }
.fa .head h2 { text-align: left !important; margin: 0 !important; }
.fa-sub { font: 400 21px/1.45 p22-mackinac-pro, "Fraunces", Georgia, serif; color: var(--teal); margin: 0; }
.fa .list { max-width: none !important; margin: 0 !important; border-top: 1px solid rgba(31,42,43,.12); }
.fa details { border: 0 !important; border-bottom: 1px solid rgba(31,42,43,.12) !important; background: none !important; border-radius: 0 !important; margin: 0 !important; }
.fa summary { display: grid !important; grid-template-columns: 1fr 22px; gap: 20px; align-items: center; padding: 22px 0 !important; font: 400 21px/1.3 p22-mackinac-pro, "Fraunces", Georgia, serif !important; color: var(--teal) !important; }
.fa summary::after { content: none !important; display: none !important; }
.fa summary i { position: relative; width: 16px; height: 16px; justify-self: end; }
.fa summary i::before, .fa summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: var(--rust); transition: transform .3s; }
.fa summary i::after { transform: rotate(90deg); }
.fa details[open] summary i::after { transform: rotate(0); }
.fa details > div { padding: 0 40px 24px 0 !important; color: #4A5656; font-size: 16.5px; line-height: 1.65; }
.fa details > div svg { width: 22px; height: 22px; vertical-align: middle; }
.fa-help { margin-top: 44px; display: grid; gap: 8px; }
.fa-help b { font: 400 24px/1.3 p22-mackinac-pro, "Fraunces", Georgia, serif; color: var(--teal); font-weight: 400; }
.fa-help span { font-size: 16.5px; color: #4A5656; }
.fa-help a { color: var(--rust); font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; }
@media (max-width: 900px) { .fa .wrap { grid-template-columns: 1fr; gap: 32px; } .fa .head { position: static; } }