/* Selected About/FAQ artwork only; no rules reach neighboring sections. */
.ending.about-faq-refined{grid-template-columns:1.65fr 1fr;gap:30px;align-items:center}
.about-faq-refined .about-gateway{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:15px;min-width:0}
.about-faq-refined .about-gateway-copy{min-width:0}
.about-faq-refined .about-notebook{width:100%;height:auto;max-width:315px;justify-self:end;pointer-events:none}
.about-faq-refined .questions{padding-left:24px;gap:16px;align-items:center;min-width:0}
.about-faq-refined .questions>div{min-width:0}
.about-faq-refined .faq-bubbles{width:94px;height:auto;flex:none;pointer-events:none}
@media(max-width:1100px){
 .ending.about-faq-refined{grid-template-columns:1.5fr 1fr;gap:22px}
 .about-faq-refined .about-gateway{grid-template-columns:minmax(0,1fr) 170px;gap:10px}
 .about-faq-refined .questions{padding-left:20px;gap:12px}
 .about-faq-refined .faq-bubbles{width:70px}
}
@media(max-width:900px){
 .ending.about-faq-refined{grid-template-columns:1fr;gap:24px}
 .about-faq-refined .about-gateway{grid-template-columns:minmax(0,1fr) minmax(170px,.7fr);gap:24px}
 .about-faq-refined .about-notebook{max-width:270px}
 .about-faq-refined .questions{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;gap:20px}
 .about-faq-refined .faq-bubbles{width:86px}
}
@media(max-width:600px){
 .about-faq-refined .about-gateway{grid-template-columns:1fr;gap:16px}
 .about-faq-refined .about-notebook{max-width:230px;justify-self:center}
 .about-faq-refined .questions{gap:14px;align-items:flex-start}
 .about-faq-refined .faq-bubbles{width:64px;margin-top:5px}
}
