/* Approved backstage scene, scoped to FAQ so Home and other routes stay unchanged. */
@font-face{font-family:'Backstage Sans';src:url('assets/Barlow-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Backstage Condensed';src:url('assets/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
body[data-page="faq"]{background:#faecd0;color:#173449}
body[data-page="faq"]>footer{display:none}
body[data-page="faq"] header{position:absolute;z-index:5;top:calc(32px + 2.2vw);left:11.18%;width:84%;padding:0;margin:0;gap:20px;color:#fff3d3}
body[data-page="faq"] header .brand{position:relative;width:auto;padding-left:5.274vw;margin-left:-5.274vw}
body[data-page="faq"] header .clean-brand{display:none}
body[data-page="faq"] header .brand .world-option03{display:block!important;position:absolute;width:4.424vw;height:auto;left:0;top:50%;transform:translateY(-50%);pointer-events:none}
body[data-page="faq"] header .world-brand{display:block;width:23vw;height:auto}
body[data-page="faq"] header .world-brand image{filter:url(#backstage-cream-key)}
body[data-page="faq"] header nav{gap:24px;margin:0;color:inherit}
body[data-page="faq"] header nav a{font-size:clamp(10px,1.05vw,16px);font-weight:400;text-transform:uppercase;letter-spacing:1px;min-height:32px;white-space:nowrap}
body[data-page="faq"] header nav a:first-child{display:none}
body[data-page="faq"] header nav a+a:before{content:'';display:inline-block;margin-right:24px;width:1px;height:12px;background:currentColor;vertical-align:middle;opacity:.7}
body[data-page="faq"] header nav a:nth-child(2):before{display:none}
body[data-page="faq"] :focus-visible{outline:3px solid #173449;outline-offset:5px;box-shadow:0 0 0 7px #fff3d3}
body[data-page="faq"] header :focus-visible{outline-color:#fff3d3;box-shadow:0 0 0 7px #173449}
#faq.backstage{position:relative;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;container-type:inline-size;font-family:'Backstage Sans',Arial,sans-serif;color:#173449;overflow:hidden}
.backstage-defs{position:absolute;pointer-events:none}
.backstage-scene{position:relative;width:100%;aspect-ratio:948/750}
.backstage-scene-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#faq .backstage-scene h1{position:absolute;top:17.6%;left:10.13%;width:35.76%;margin:0;line-height:0;letter-spacing:normal;font-size:inherit}
.backstage-scene h1>svg{display:block;width:100%;height:auto}
#faq .backstage-scene h1:focus{outline:none;box-shadow:none}
.backstage-subtitle{position:absolute;left:13.5%;top:43.3%;margin:0;color:#fff3d3;font-size:4.4cqw;line-height:1.15;letter-spacing:-.08cqw}
.backstage-quick{position:absolute;left:13.7%;top:50.5%;width:28%;font-size:2.1cqw;line-height:1.2;color:#fff3d3}
.backstage-quick p{margin:0}
.backstage-panel{position:relative;width:100%;margin-top:-.64cqw;min-height:70cqw}
.backstage-art{position:absolute;left:0;width:100%;pointer-events:none;z-index:0}
.backstage-panel-art{top:0;height:100%}
.backstage-panel-content{position:relative;padding:3.38cqw 9.18cqw 8cqw;z-index:1}
.backstage-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25cqw;margin:0 0 3.8cqw}
.backstage-tabs button{position:relative;border:0;border-radius:1.2cqw 1.2cqw .7cqw .7cqw;min-height:5.8cqw;padding:.9cqw .45cqw;cursor:pointer;font-family:'Amatic SC',sans-serif;font-size:clamp(19px,2.25cqw,36px);line-height:1.15;font-weight:700;color:#fff3d3;white-space:nowrap}
.backstage-tabs button[data-faq-tab="expect"]{background:#90bede;color:#173449}
.backstage-tabs button[data-faq-tab="requirements"]{background:#4c7f68}
.backstage-tabs button[data-faq-tab="responsibilities"]{background:#717aa4}
.backstage-tabs button[data-faq-tab="checklist"]{background:#df6452}
.backstage-tabs button[data-faq-tab="questions"]{background:#f3be4f;color:#173449}
.backstage-tabs button[aria-selected="true"]:after{content:'';position:absolute;top:calc(100% - 1px);left:calc(50% - 1.1cqw);border:1.1cqw solid transparent;border-bottom:0;border-top-width:1.5cqw;border-top-color:inherit}
.backstage-tabs button[data-faq-tab="expect"]:after{border-top-color:#90bede}
.backstage-tabs button[data-faq-tab="requirements"]:after{border-top-color:#4c7f68}
.backstage-tabs button[data-faq-tab="responsibilities"]:after{border-top-color:#717aa4}
.backstage-tabs button[data-faq-tab="checklist"]:after{border-top-color:#df6452}
.backstage-tabs button[data-faq-tab="questions"]:after{border-top-color:#f3be4f}
.backstage-tabs button:hover{filter:brightness(1.06)}
.backstage-tabpanel{padding:0;scroll-margin-top:30px}
#faq .backstage-tabpanel h2{font-family:'Amatic SC',sans-serif;font-size:6.3cqw;font-weight:700;letter-spacing:-.14cqw;line-height:1.15;margin:0 0 2cqw;text-transform:uppercase}
#faq .backstage-tabpanel h3{font-family:'Backstage Condensed',Arial,sans-serif;font-size:3.1cqw;line-height:1.2;letter-spacing:0;margin:2.2cqw 0 1cqw}
#faq .backstage-tabpanel p,#faq .backstage-tabpanel li{font-family:'Backstage Sans',Arial,sans-serif;font-size:2.12cqw;line-height:1.4;max-width:none}
#faq .backstage-tabpanel p{margin:0 0 1.5cqw;padding:0}
#faq .backstage-tabpanel ul{padding-left:2.5cqw;margin:0 0 2cqw}
#faq .backstage-tabpanel li{margin:0 0 .8cqw}
#faq .backstage-tabpanel a{text-underline-offset:3px;overflow-wrap:anywhere}
#faq h2.backstage-questions-title{line-height:0;margin:0 0 2.1cqw;width:78.87%}
.backstage-questions-title svg{display:block;width:100%;height:auto}
#faq .faq-answers{display:block}
#faq .faq-answers details{border:0;border-top:1px solid #466478;margin:0;padding:0 1.6cqw;scroll-margin-top:30px;border-radius:0;background:none}
#faq .faq-answers details:last-child{border-bottom:1px solid #466478}
#faq .faq-answers summary{position:relative;font-family:'Backstage Condensed',Arial,sans-serif;font-size:2.95cqw;font-weight:600;line-height:1.2;letter-spacing:-.02cqw;list-style:none;min-height:6.7cqw;padding:1.65cqw 5cqw 1.65cqw 0;color:#173449}
#faq .faq-answers summary::-webkit-details-marker{display:none}
#faq .faq-answers summary:after{content:'+';position:absolute;right:.5cqw;top:1.2cqw;font-family:Arial,sans-serif;font-size:3.8cqw;line-height:1;font-weight:700}
#faq .faq-answers details[open]>summary:after{content:'−'}
#faq .faq-answer{padding:0 1.9cqw 2cqw}
#faq .faq-answer p{margin:0!important}
#faq .faq-more>summary{min-height:6.5cqw;font-weight:600}
#faq .faq-more[open]>div{padding-top:1cqw}
.backstage-bottom{position:relative;height:23.94cqw}
.backstage-bottom-art{top:0;height:100%}
.backstage-contact-sign{position:absolute;left:34.8%;top:9%;width:30%;text-align:center;color:#fff3d3}
#faq .backstage-contact-sign h2{font-family:'Amatic SC',sans-serif;font-size:4cqw;font-weight:400;line-height:1.1;letter-spacing:0;white-space:nowrap;margin:0 0 .7cqw;text-transform:uppercase}
.backstage-contact-sign a{font-size:2.4cqw;text-decoration:none;white-space:nowrap}
.backstage-contact-sign a:hover{text-decoration:underline}
.backstage-footer{position:absolute;left:4.9%;right:4.9%;bottom:7%;display:flex;justify-content:space-between;gap:20px;font-size:1.05cqw;text-transform:uppercase;letter-spacing:.1cqw}
.backstage-footer b{font-weight:400;margin:0 1.8cqw}
#faq .backstage-coordination{margin:0;padding:0 5%;border:0;background:#faecd0}
#faq .backstage-coordination>summary{font-family:'Backstage Condensed',Arial,sans-serif;font-size:20px;line-height:1.3;min-height:56px;padding:17px 0;font-weight:600;color:#173449}
#faq .backstage-coordination .faq-contact{background:none;border:0;padding:0 0 28px;margin:0;max-width:1000px}
#faq .backstage-coordination p{max-width:none;font-size:16px;line-height:1.55;padding:0;margin:0 0 16px}
#faq .backstage-coordination a{display:inline-block;margin-right:12px}
@media(max-width:640px){
 body[data-page="faq"] header{top:62px;left:6%;width:88%;display:block;text-align:center;padding:0}
 body[data-page="faq"] header .brand{display:flex;width:fit-content;gap:8px;align-items:center;justify-content:center;margin:0 auto 16px;padding:0}
 body[data-page="faq"] header .brand .world-option03{position:static;width:42.56px;height:auto;transform:none}
 body[data-page="faq"] header .world-brand{width:220px;flex:none}
 body[data-page="faq"] header nav{display:flex;justify-content:center;gap:14px;flex-wrap:nowrap}
 body[data-page="faq"] header nav a{font-size:10px;letter-spacing:.4px;min-height:44px;white-space:nowrap}
 body[data-page="faq"] header nav a+a:before{margin-right:14px}
 .backstage-scene{height:660px;aspect-ratio:auto;overflow:hidden}
 .backstage-scene-art{width:834.24px;height:660px;left:calc(68% - 292px);max-width:none}
 .backstage-scene:after{content:'';position:absolute;left:0;right:0;top:0;height:170px;background:linear-gradient(#173449ad 0,#173449ad 100px,transparent 170px);pointer-events:none}
 #faq .backstage-scene h1{left:8%;top:135px;width:67%;max-width:330px}
 .backstage-subtitle{left:11%;top:300px;font-size:29px;text-shadow:0 1px 1px #884b3c}
 .backstage-quick{left:11%;top:348px;width:65%;font-size:17px;line-height:1.3;text-shadow:0 1px 2px #884b3c}
 .backstage-panel{margin-top:-15px;min-height:0;z-index:1}
 .backstage-panel-content{padding:22px 8.5% 45px}
 .backstage-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:0 0 28px}
 .backstage-tabs button{border-radius:7px;min-height:44px;padding:9px 12px;font-size:20px;white-space:normal;flex:1 1 28%;line-height:1.1}
 .backstage-tabs button[aria-selected="true"]:after{left:calc(50% - 7px);border-width:7px;border-bottom:0;border-top-width:9px}
 #faq .backstage-tabpanel h2{font-size:37px;letter-spacing:-.5px;line-height:1.1;margin:0 0 20px}
 #faq .backstage-tabpanel h3{font-size:25px;margin:24px 0 10px}
 #faq .backstage-tabpanel p,#faq .backstage-tabpanel li{font-size:17px;line-height:1.5}
 #faq .backstage-tabpanel p{margin-bottom:16px}
 #faq .backstage-tabpanel ul{padding-left:20px;margin-bottom:20px}
 #faq .backstage-tabpanel li{margin-bottom:10px}
 #faq h2.backstage-questions-title{width:100%;margin-bottom:22px}
 #faq .faq-answers details{padding:0 4px}
 #faq .faq-answers summary{font-size:23px;line-height:1.15;letter-spacing:0;min-height:68px;padding:18px 28px 18px 0}
 #faq .faq-answers summary:after{right:0;top:17px;font-size:28px}
 #faq .faq-answer{padding:0 5px 22px}
 #faq .faq-more>summary{min-height:68px}
 .backstage-bottom{height:220px;overflow:hidden}
 .backstage-bottom-art{width:918px;height:220px;left:calc(50% - 459px);max-width:none}
 .backstage-contact-sign{left:12%;top:8%;width:76%}
 #faq .backstage-contact-sign h2{font-size:33px;margin-bottom:5px}
 .backstage-contact-sign a{font-size:21px}
 .backstage-footer{left:5%;right:5%;bottom:6%;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;font-size:10px;letter-spacing:.4px;text-align:center}
 .backstage-footer b{margin:0 8px}
 #faq .backstage-coordination{padding:0 8.5%}
}
@media(max-width:350px){body[data-page="faq"] header nav{gap:10px}body[data-page="faq"] header nav a{font-size:9px}body[data-page="faq"] header nav a+a:before{margin-right:10px}.backstage-subtitle{top:280px}.backstage-quick{top:325px}.backstage-tabs button{padding:9px 7px;font-size:19px}}