/* Superseding 10:11 PM Notes — interaction and responsive corrections. */
body.final-site :is(.quiz-option,.quiz-option.selected,.quiz-option[aria-pressed="true"],.quiz-option[aria-checked="true"]):is(:hover,:active,:focus){box-shadow:none!important}
body.final-site :is(.quiz-option,.quiz-option.selected,.quiz-option[aria-pressed="true"],.quiz-option[aria-checked="true"]) :is(strong,em,small,p,h3,h4,div,span):not(.work-radio){background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;color:inherit!important}
body.final-site :is(#quizShell,.work-quiz,.quiz-shell) .quiz-option{appearance:none;background:#fff!important;color:#701c28!important;border:1px solid #d2b7bd!important;border-radius:16px!important;padding:20px!important;font:inherit;text-align:left;min-width:0}
body.final-site :is(#quizShell,.work-quiz,.quiz-shell) .quiz-option:hover{background:#f8f0f2!important;border-color:#701c28!important}
body.final-site :is(#quizShell,.work-quiz,.quiz-shell) .quiz-option:is(.selected,[aria-pressed="true"],[aria-checked="true"]){background:#701c28!important;color:#fff!important;border-color:#701c28!important}
body.final-site .logo{width:auto!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;padding:8px 12px;border-radius:999px;flex:0 0 auto!important;margin-right:auto!important}
body.final-site .logo:hover,body.final-site .logo:focus-visible{background:#701c2810!important;border-color:#701c2830!important;backdrop-filter:blur(14px);box-shadow:inset 0 1px 2px #fff9!important}
body.approved-home:not(.home-on-white) .logo:hover{background:#ffffff25!important;color:white!important;border-color:#ffffff80!important}
body.final-site .site-nav:before{background:linear-gradient(125deg,#ffffffed,#f5e9eddd)!important;border:1px solid #cfb1b9!important;box-shadow:inset 0 1px 3px white,0 3px 14px #701c2810!important;backdrop-filter:blur(18px)}
body.final-site .site-nav .nav-button{color:#701c28!important;border:1px solid transparent!important;border-radius:999px}
body.final-site .site-nav .nav-button:hover{background:#701c2812!important;border-color:#701c2828!important}
body.final-site #mapButton{background:#ffffff55!important;border:1px solid #bba0a8!important;box-shadow:inset 0 1px 2px white!important}
body.approved-home:not(.home-on-white) .site-nav:before{background:#ffffff23!important;border-color:#ffffffbb!important}
body.approved-home:not(.home-on-white) .site-nav .nav-button{color:white!important}
body.approved-home:not(.home-on-white) #mapButton{background:#ffffff25!important;border-color:#ffffffbb!important;box-shadow:inset 0 1px 2px #fff5!important}
body.approved-home.home-on-white .shell>.site-nav{background:#fffffff2!important;inset:0 0 auto!important}
body.approved-home.home-on-white .site-nav .logo{color:#701c28!important}
body.final-site .guided-home #answer{background:#701c28 url('assets/editorial-real-v1/fig-bite-fuel-her.jpg') 68% 58%/cover no-repeat!important;min-height:85svh!important;padding:80px 7vw!important;display:flex;align-items:center}
body.final-site .guided-home #answer:before{display:block!important;background:linear-gradient(90deg,#200911c7,#20091115)!important}
body.final-site .guided-home #answer .story-inner{width:52%!important;max-width:680px!important;background:none!important;position:relative;z-index:1}
body.final-site .guided-home #answer :is(.story-title,.story-copy){color:white!important}
body.final-site .guided-home #answer .story-action{display:none!important}
body.final-site .pathfinder-panel .pathfinder-wrap{display:block!important;max-width:800px;margin:auto;width:100%}
body.final-site .quiz-orientation{padding-top:0!important}
body.final-site .quiz-topline.intro{display:none}
body.final-site .work-review{background:#fff!important}
.collaboration-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);min-height:calc(100svh - 126px)}
.collaboration-brand{position:sticky;top:0;align-self:start;min-height:calc(100svh - 126px);background:#701c28 url('assets/final-notes/home-desktop-fh-v2.png') 68% center/cover;color:white;padding:55px 40px;isolation:isolate}
.collaboration-brand:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#27071155,transparent 60%);z-index:-1}
body.final-site .collaboration-brand h1{color:white;font-size:clamp(34px,3.7vw,58px);font-weight:200;line-height:1.07;max-width:510px;margin:20px 0}
.collaboration-brand p{font-size:16px;line-height:1.6;max-width:430px}
body.final-site .work-review .work-quiz{padding:48px clamp(24px,4vw,64px);width:100%;max-width:900px;align-self:center;color:#701c28}
.work-progress{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.09em}.work-track{height:3px;background:#efe4e7;margin:16px 0 30px}.work-track>span{display:block;height:100%;background:#701c28}
body.final-site .work-flow h2{font-size:clamp(28px,2.8vw,42px);line-height:1.12;margin:0 0 15px}
.work-hint{font-size:15px;line-height:1.6;margin-bottom:26px}.work-quiz .quiz-options{gap:12px}
body.final-site .work-quiz .quiz-option{display:flex;align-items:flex-start;gap:12px;font-size:14px;padding:17px!important;line-height:1.45}
.work-option-copy small{display:block;font-size:12px;line-height:1.45;opacity:.8;margin-top:5px}
.work-radio{width:15px;height:15px;flex:0 0 15px;border:1px solid currentColor;border-radius:50%;margin-top:3px}
[aria-pressed="true"]>.work-radio{background:currentColor;box-shadow:inset 0 0 0 3px #701c28!important}
.work-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:18px}.work-controls .quiz-back,.work-reset{background:none;border:0;color:#701c28;padding:12px;cursor:pointer}.work-controls .quiz-back:disabled{opacity:.3}
.work-summary>div{padding:12px 0;border-bottom:1px solid #e4d4d9}.work-summary dt{font-size:12px}.work-summary dd{margin:4px 0 0}.work-next{margin:24px 0}.work-next li{margin-bottom:10px}.work-result-actions{display:flex;gap:10px;flex-wrap:wrap}.work-note{font-size:12px;line-height:1.6}.work-context{border-top:1px solid #e4d4d9}.work-context a{background:white!important}
@media(max-width:1040px){body.final-site .site-nav:before{display:none!important}body.final-site .site-nav .logo{max-width:65%}}
@media(max-width:700px){
 .home-content{top:20%!important;left:6%!important;text-align:left}.home-content h1{font-size:clamp(32px,9.3vw,43px)!important;line-height:1.02!important;margin-bottom:18px!important}.home-start{font-size:14px!important;padding:12px 18px!important}.live-cover{min-height:760px!important}.live-cover .home-photo{object-position:50% center}
 body.final-site .guided-home #answer{padding:84px 24px 40px!important;min-height:0!important;background-position:62% 57%!important}
 body.final-site .guided-home #answer:before{background:linear-gradient(90deg,#200911af,#20091170)!important}
 body.final-site .guided-home #answer .story-inner{width:100%!important;max-width:none!important;align-self:center}
 body.final-site .guided-home #answer .story-title{font-size:38px!important;line-height:1.08!important}
 body.final-site .guided-home #answer .story-copy{font-size:16px!important;line-height:1.6!important}
 .collaboration-layout{display:block}.collaboration-brand{position:relative;min-height:380px;padding:32px 24px;background-position:70% 55%}.collaboration-brand>div{max-width:310px}.collaboration-brand h1{font-size:35px!important}.collaboration-brand p{font-size:14px}.collaboration-brand:before{background:linear-gradient(90deg,#27071188,transparent)}
 body.final-site .work-review .work-quiz{padding:32px 22px}.work-quiz .quiz-options{grid-template-columns:1fr!important}.work-context{grid-template-columns:1fr 1fr}
}

body.final-site .collaboration-brand :is(p,.eyebrow){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.final-site #app .quiz-option *:not(.work-radio){background:transparent!important;box-shadow:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
@media(min-width:1041px){body.final-site .site-nav:before{left:220px!important}body.final-site .site-nav .logo{min-width:170px!important}}

/* Route state belongs to the shell. Never paint an empty brown loading panel. */
body.approved-home .stage{background:#fff}
@media(min-width:701px){
 .collaboration-brand{background-image:url('assets/final-notes/home-mobile-fh-v2.png');background-position:50% 60%}
}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.inquiry-form label{display:flex;flex-direction:column;gap:8px;font-size:16px}
.inquiry-form input,.inquiry-form textarea{font:inherit;color:#701c28;border:1px solid #701c2844;border-radius:14px;background:#fff;padding:14px;width:100%;box-sizing:border-box}
.inquiry-form input:focus,.inquiry-form textarea:focus{outline:2px solid #701c28;outline-offset:3px}
.inquiry-wide,.inquiry-form .work-note,.inquiry-form .inquiry-status{grid-column:1/-1}
.inquiry-form label.inquiry-consent{flex-direction:row;align-items:flex-start}
.inquiry-consent input{width:20px;height:20px;flex-shrink:0}
.inquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.inquiry-status:empty{display:none}
@media(max-width:700px){.inquiry-form{grid-template-columns:1fr}}

/* White introduction continues directly into the quiz. */
html body.final-site .guided-home #answer{background:#fff!important;color:#701c28!important;min-height:0!important;height:auto!important;padding:100px 7vw 48px!important;display:block!important}
html body.final-site .guided-home #answer:before,html body.final-site .guided-home #answer:after{display:none!important}
html body.final-site .guided-home #answer .story-inner{width:100%!important;max-width:1100px!important;padding:0!important;margin:0 auto!important;background:transparent!important}
html body.final-site .guided-home #answer .story-title,html body.final-site .guided-home #answer .story-copy,html body.final-site .guided-home #answer p{color:#701c28!important;text-shadow:none!important}
html body.final-site .guided-home #answer .story-copy{max-width:880px!important}
html body.final-site .guided-home #answer img{display:none!important}
@media(max-width:700px){html body.final-site .guided-home #answer{padding:100px 24px 32px!important}html body.final-site .guided-home #answer .story-title{font-size:38px!important}}
/* Readable by default. White labels are only allowed over the actual photo. */
html body.final-site .shell>.site-nav .nav-button,html body.final-site .shell>.site-nav .logo{color:#701c28!important;text-shadow:none!important}
html body.final-site .shell>.site-nav:before{background:#ffffffed!important;border-color:#701c2840!important}
html body.final-site .shell>.site-nav #mapButton{color:#701c28!important;background:#ffffffed!important;border-color:#701c2855!important}
html body.final-site.approved-home:not(.home-over-photo) .shell>.site-nav{background:#fffffff7!important;inset:0 0 auto!important}
html body.final-site.home-over-photo .shell>.site-nav .nav-button,html body.final-site.home-over-photo .shell>.site-nav .logo{color:#fff!important}
html body.final-site.home-over-photo .shell>.site-nav:before{background:#ffffff23!important;border-color:#ffffffbb!important}
html body.final-site.home-over-photo .shell>.site-nav #mapButton{color:#fff!important;background:#ffffff25!important;border-color:#ffffffbb!important}
html body.final-site .site-nav .menu button{color:#701c28!important;background:#fff!important}
.quiz-card>.quiz-progress{display:block;width:100%;margin-bottom:24px;overflow:hidden}
.quiz-card>.quiz-progress>span{display:block;height:100%}
/* Contrast changes immediately when the background changes. */
html body.final-site .shell>.site-nav .nav-button,html body.final-site .shell>.site-nav .logo{transition-property:background-color,border-color,box-shadow!important}
/* Give the collaboration introduction breathing room below the global header. */
body.final-site .collaboration-brand{padding-top:88px}
@media(max-width:700px){body.final-site .collaboration-brand{padding-top:64px;padding-bottom:40px}}
/* Only the actual homepage may overlay the global header. */
body.final-site:not(.home-shell) .shell{display:grid!important;grid-template-rows:40px 86px minmax(0,1fr)!important}
body.final-site:not(.home-shell) .shell>.site-nav{position:relative!important;inset:auto!important;width:100%;min-height:0!important}
@media(max-width:700px){body.final-site:not(.home-shell) .shell{grid-template-rows:44px 64px minmax(0,1fr)!important}}
/* Match the embroidered homepage red throughout the review build. */
html body.final-site{--red:#750012!important;--wine:#750012!important;--burgundy:#750012!important;--deep:#52000c!important;--ink:#750012!important;--line:#e3c8cf!important}