/* The sixth home screen follows the supplied FAQ layout. */
.faq-screen-grid{grid-template-columns:minmax(0,56fr) minmax(0,44fr);align-items:stretch;gap:18px}
.faq-screen .screen-lead{max-width:760px;margin-bottom:20px}
.home-faq{gap:7px}
.home-faq details{border-radius:19px;overflow:hidden}
.home-faq summary{display:flex;align-items:center;gap:19px;min-height:72px;padding:10px 62px 10px 17px;font-size:17px}
.home-faq summary img{width:47px;height:47px;flex:0 0 47px;padding:10px;border-radius:50%;background:#edf4ff}
.home-faq summary:after{display:grid;place-items:center;right:17px;top:50%;transform:translateY(-50%);width:37px;height:37px;border-radius:50%;background:#f5f8ff;font-size:26px;line-height:1}
.home-faq details[open] summary{min-height:79px}
.home-faq .faq-answer{margin:0 17px 16px;padding:16px 18px;border:1px solid #e7eefb;border-radius:16px;background:#f6f9fe}
.home-faq details .faq-answer p{margin:0;padding:0;background:none;border-radius:0;font-size:15px;line-height:1.6}
.faq-answer-note{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 12px;border-radius:30px;background:#eaf2ff;color:#1765ed;font-size:13px}
.faq-answer-note:before{content:'✓';display:grid;place-items:center;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;font-size:11px;font-weight:700}
.faq-portrait{min-height:780px;align-self:stretch;display:block;margin:0;overflow:visible}
.faq-portrait:before{content:'';position:absolute;inset:5% -2% 0;border:1px solid rgba(255,255,255,.9);border-radius:50% 50% 0 0;pointer-events:none}
.faq-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:45% 45% 0 0;mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%)}
.faq-portrait-actions{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;width:100%;margin:0;z-index:2}
.faq-portrait-actions .button{flex:1 1 0;min-width:0;min-height:64px;padding:10px 12px;font-size:14px;white-space:nowrap}
.faq-portrait-actions .button img{width:25px;height:25px;flex:0 0 25px;object-fit:contain}
@media(max-width:1100px){.faq-screen-grid{grid-template-columns:minmax(0,57fr) minmax(0,43fr)}.faq-portrait>img{object-position:38% center}.faq-portrait-actions{flex-direction:column}.faq-portrait-actions .button{flex:0 0 auto}}
@media(max-width:900px){.faq-screen-grid{grid-template-columns:1fr}.faq-portrait{width:min(100%,580px);min-height:650px;margin:10px auto 0}.faq-portrait-actions{flex-direction:row}}
@media(max-width:620px){.faq-screen .screen-lead br{display:none}.home-faq summary{gap:11px;min-height:66px;padding:9px 48px 9px 11px;font-size:15px}.home-faq summary img{width:39px;height:39px;flex-basis:39px;padding:8px}.home-faq summary:after{right:9px;width:31px;height:31px;font-size:22px}.home-faq details .faq-answer p{font-size:14px}.faq-portrait{min-height:470px}.faq-portrait-actions{gap:7px}.faq-portrait-actions .button{min-height:49px;padding:7px 5px;font-size:11px;white-space:normal;gap:5px}.faq-portrait-actions .button img{width:20px;height:20px;flex-basis:20px}}

/* Keep both actions centered over the portrait without covering the messenger rail. */
.faq-portrait-actions{left:50%;right:auto;width:min(78%,490px);transform:translateX(-50%)}
@media(max-width:1100px){.faq-portrait-actions{left:calc(50% - 18px);width:min(78%,400px)}}
@media(max-width:620px){.faq-portrait-actions{left:50%;width:min(calc(100% - 40px),400px);flex-direction:column}}

/* Blend the cutout into the FAQ section instead of showing a rectangular studio photo. */
.faq-portrait:before{inset:8% -2% 2%;border:0;background:radial-gradient(ellipse at 50% 46%,rgba(222,235,255,.92),rgba(237,245,255,.38) 57%,transparent 76%)}
.faq-portrait>img{border-radius:0;object-position:35% bottom;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
@media(max-width:900px){.faq-portrait>img{object-position:center bottom}}