:root{font-family:Arial,Helvetica,sans-serif;color:#f4f4f1;background:#080f0d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #c62828;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,.brand{font-family:Anton,'Arial Narrow',Arial,sans-serif;text-transform:uppercase}h1{font-size:clamp(3.2rem,7.7vw,7.2rem);line-height:.96;letter-spacing:.015em}h1 em{font-style:normal;color:#a7a7a7}h2{font-size:clamp(2.2rem,4.7vw,4.6rem);line-height:1.02}p{line-height:1.62}.shell{position:relative;min-height:100vh;isolation:isolate;background:#080f0d}.ambient{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(8,15,13,.91) 0%,rgba(8,15,13,.60) 53%,rgba(8,15,13,.19) 100%),linear-gradient(0deg,#080f0d 0%,transparent 46%),var(--quiz-hero,url(hero.png)) center/cover no-repeat}.sitebar{max-width:1460px;margin:auto;padding:23px clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f4f139;gap:15px}.brand{font-size:29px;font-weight:900;letter-spacing:.045em}.brand span{color:#a7a7a7}.serial,.chapter,.kicker{font-size:.75rem;font-weight:800;letter-spacing:.19em}.serial{color:#f4f4f1}.kicker{color:#a7a7a7}.stage{width:min(1360px,100%);margin:auto;padding:clamp(35px,6vw,90px) clamp(20px,5vw,75px)}.footline{width:min(1360px,100%);padding:25px clamp(20px,5vw,75px);margin:auto;display:flex;justify-content:space-between;color:#a7a7a7;font-size:.72rem;letter-spacing:.15em;font-weight:800}.stage-form{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:6vw;min-height:calc(100vh - 160px)}.stage-form>h1,.stage-form>.lede,.stage-form>.kicker{grid-column:1}.stage-form>.kicker{align-self:end}.stage-form>h1{margin-bottom:0}.stage-form>.lede{font-size:clamp(1.05rem,1.7vw,1.5rem);color:#f4f4f1;align-self:start}.formbox{grid-column:2;grid-row:1/4;max-width:530px}.frost{background:linear-gradient(135deg,rgba(8,15,13,.93),rgba(8,15,13,.87));border:1px solid #a7a7a756;box-shadow:0 24px 80px #080f0d99;backdrop-filter:blur(14px);border-radius:20px;padding:clamp(25px,3.5vw,43px)}.formbox h2{font-size:clamp(2.4rem,3.7vw,4rem);margin:18px 0}.formbox p{color:#f4f4f1}.formbox label,.modal label{display:block;font-weight:800;margin:19px 0 7px}.formbox input,.modal input{width:100%;padding:15px;background:#f4f4f1;border:2px solid transparent;border-radius:6px;color:#080f0d}.fieldnote{font-size:.91rem;color:#a7a7a7!important;margin:9px 0 22px}.button{border-radius:5px;border:1px solid transparent;padding:14px 23px;font-weight:900;font-size:.82rem;letter-spacing:.11em;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button.primary{background:#a7a7a7;color:#080f0d}.button.outline{background:#080f0dcc;color:white;border-color:#a7a7a7aa}.button.subtle{background:transparent;color:#a7a7a7;border:0}.button.pill{background:#2e3b2f;color:#f4f4f1;border:1px solid #a7a7a77b;border-radius:30px}.button.pill.active{background:#a7a7a7;color:#080f0d}.testnote{font-size:.8rem;color:#a7a7a7!important;margin:15px 0 0}.scene-top{display:flex;justify-content:space-between;gap:15px;color:#f4f4f1}.progress{height:8px;background:#2e3b2f;border-radius:50px;overflow:hidden;margin:14px 0 44px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#a7a7a7,#c62828)}.question-stage{max-width:1150px}.question-card h1{font-size:clamp(2.6rem,5.5vw,5rem);max-width:950px;margin:20px 0 36px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{display:flex;align-items:center;gap:20px;text-align:left;min-height:95px;padding:17px;color:#f4f4f1;background:#2e3b2fcc;border:1px solid #a7a7a761;border-radius:9px}.answer:hover,.answer.chosen{background:#2e3b2f;border-color:#a7a7a7}.answer:disabled{cursor:default}.answer .letter{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #a7a7a7;border-radius:50%;font-weight:900;color:#f4f4f1}.answer .arrow{margin-left:auto;color:#f4f4f1}.question-bottom{display:flex;align-items:center;justify-content:space-between;color:#a7a7a7;font-size:.87rem;margin-top:30px}.result-hero{padding-top:80px;padding-bottom:80px}.result-grid{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:center}.result-grid h1{margin:12px 0 10px}.story-status{color:#a7a7a7;letter-spacing:.13em;font-size:.85rem;font-weight:900}.result-copy{font-size:1.08rem;max-width:720px;color:#f4f4f1}.result-actions,.share-actions,.shape-pick{display:flex;gap:12px;flex-wrap:wrap}.score-ring{width:320px;height:320px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 80px #a7a7a741}.score-ring>div{width:250px;height:250px;border-radius:50%;background:#080f0d;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring strong{font-family:Anton,'Arial Narrow',Arial,sans-serif;font-size:6.5rem;line-height:1;color:#f4f4f1}.score-ring small{font-size:.7rem;letter-spacing:.15em;text-align:center;color:#f4f4f1}.instincts{background:#f4f4f1;color:#080f0d;max-width:none;padding-left:max(5vw,calc((100vw - 1210px)/2));padding-right:max(5vw,calc((100vw - 1210px)/2))}.instincts>p{font-size:1.1rem}.instinct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:30px}.instinct{background:#f4f4f1;padding:28px;border:1px solid #f4f4f1;box-shadow:0 8px 26px #080f0d12;border-top:5px solid #a7a7a7}.instinct:last-child{grid-column:1/-1}.instinct-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.instinct h3{font-family:Anton,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:1.75rem;letter-spacing:.04em;margin:0}.instinct strong{font-family:Anton,'Arial Narrow',Arial,sans-serif;font-size:2.7rem;color:#c62828}.meter{height:9px;background:#f4f4f1;border-radius:20px;overflow:hidden;margin:10px 0}.meter span{display:block;height:100%;background:#a7a7a7}.tierline{font-weight:800;color:#2e3b2f}.instinct p{margin:15px 0 0}.share-stage{padding-top:80px;padding-bottom:100px}.share-stage>p{max-width:760px;color:#f4f4f1}.shape-pick{margin:22px 0}.share-preview{position:relative;width:min(100%,690px);min-height:300px;background:#2e3b2f;border:1px solid #a7a7a7;border-radius:10px;display:grid;place-items:center;overflow:hidden;margin:0 0 24px}.share-preview img{display:block;max-width:100%;max-height:680px;width:auto;height:auto}.share-preview span{position:absolute;color:white}.statusline{font-size:.86rem;color:#a7a7a7;margin-top:15px}.modal-back{position:fixed;inset:0;background:#080f0ddb;z-index:20;display:grid;place-items:center;padding:20px}.modal-back[hidden]{display:none}.modal{position:relative;width:min(100%,500px)}.modal .close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:white;font-size:2rem}.modal h2{margin:18px 0}.modal p{color:#f4f4f1}.modal .button{margin-top:20px}.print-report{display:none}@media(max-width:900px){.stage-form{display:block}.formbox{margin-top:38px}.result-grid{grid-template-columns:1fr;gap:25px}.score-ring{grid-row:1;width:240px;height:240px}.score-ring>div{width:185px;height:185px}.score-ring strong{font-size:5rem}}@media(max-width:650px){.sitebar{padding:17px 18px}.brand{font-size:23px}.serial{font-size:.55rem}.ambient{background:linear-gradient(0deg,#080f0d 0%,rgba(8,15,13,.72) 70%),var(--quiz-hero,url(hero.png)) 62% center/cover}.answers,.instinct-grid{grid-template-columns:1fr}.instinct:last-child{grid-column:auto}.answer{min-height:78px}.result-hero{padding-top:35px}.score-ring{width:185px;height:185px}.score-ring>div{width:145px;height:145px}.score-ring strong{font-size:3.9rem}.score-ring small{font-size:.56rem}.question-card{padding:22px}.question-card h1{font-size:2.7rem}.footline{font-size:.6rem}}
@media print{body{background:white;color:#080f0d}#app{display:none!important}.print-report{display:block!important;color:#080f0d;padding:25mm;font:12pt Arial,sans-serif}.print-report h1{font:bold 28pt Arial;color:#2e3b2f}.print-report h2{font:bold 16pt Arial;margin-top:24pt}.print-score{font:bold 24pt Arial;color:#a7a7a7;margin:20pt 0}.print-row{display:flex;justify-content:space-between;border-bottom:1px solid #a7a7a7;padding:7pt 0}.print-report small{display:block;margin-top:30pt} @page{size:A4;margin:0}}
/* Continuity with the existing WordPress quiz page: strip, logo, navigation, colours and spacing. */
:root{font-family:Arial,Helvetica,sans-serif}.shell{font-family:Arial,Helvetica,sans-serif}.shell h1,.shell h2,.shell h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em}.shell h1{font-weight:900;line-height:1.02}.shell h2{font-weight:900;line-height:1.08}.shell .score-ring strong,.shell .instinct strong{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.07em}.topline{background:#080f0d;color:#f4f4f1;font-size:12px}.site-wrap{max-width:1260px;margin:auto;padding-left:30px;padding-right:30px}.topline .site-wrap{display:flex;justify-content:space-between;gap:15px;padding-top:7px;padding-bottom:7px}.topline b{color:#a7a7a7}.sitebar{max-width:none;padding:0;background:white;color:#080f0d;border-bottom:1px solid #f4f4f1}.header-row{display:flex;align-items:center;gap:30px;min-height:82px;width:100%}.site-logo{display:block;width:245px;height:65px;overflow:hidden;flex:none}.site-logo img{display:block;width:245px;height:auto;transform:translateY(-11px)}.site-nav{display:flex;gap:20px;align-items:center;margin-left:auto;font-size:13px;font-weight:800;white-space:nowrap}.dispatch{background:#a7a7a7;color:#080f0d;padding:12px 14px;border-radius:8px;font-size:12px;font-weight:900;white-space:nowrap}.journey{background:#080f0d;color:#f4f4f1;font-size:11px;font-weight:800;letter-spacing:.09em}.journey .site-wrap{padding-top:10px;padding-bottom:10px}.journey span{color:#a7a7a7;margin:0 8px}.button.primary{background:#a7a7a7;color:#080f0d;border-radius:8px}.button.primary:hover{background:#a7a7a7}.button.outline{border-radius:8px}.stage-form{min-height:calc(100vh - 220px)}.ambient{top:130px}.question-card h1{letter-spacing:-.045em}.result-grid h1{font-size:clamp(3.4rem,6vw,6.5rem)}@media(max-width:1050px){.site-nav{display:none}}@media(max-width:650px){.site-wrap{padding-left:17px;padding-right:17px}.topline .site-wrap span{display:none}.header-row{min-height:67px}.site-logo{width:190px;height:53px}.site-logo img{width:190px;transform:translateY(-7px)}.dispatch{display:none}.journey{font-size:9px}.ambient{top:120px}}
/* Compact continuation after the WordPress quiz page; no duplicate site header. */
.shell h1,.shell h2,.shell h3{text-transform:none;letter-spacing:-.035em}.shell{min-height:100vh}.ambient{top:0}.stage{padding:clamp(18px,3vh,30px) clamp(18px,4vw,45px)}.question-stage{max-width:1030px}.scene-top{font-size:.8rem}.progress{height:7px;margin:8px 0 18px}.question-card{padding:clamp(22px,3vw,32px);background:linear-gradient(135deg,rgba(8,15,13,.88),rgba(8,15,13,.83))}.question-card h1{font-size:clamp(1.65rem,2.7vw,2.65rem);line-height:1.18;max-width:850px;margin:10px 0 24px;font-weight:800}.question-card .kicker{font-size:.72rem;letter-spacing:.1em}.answers{gap:11px}.answer{min-height:70px;padding:12px 15px;background:rgba(8,15,13,.93);border:1px solid #a7a7a7a6;font-size:.98rem;line-height:1.36}.answer:hover,.answer.chosen{background:#2e3b2f}.answer .letter{width:35px;height:35px;font-size:.88rem}.question-bottom{margin-top:16px}.footline{padding-top:12px;padding-bottom:14px}.stage-form{min-height:calc(100vh - 54px);gap:4vw}.stage-form h1{font-size:clamp(2.3rem,4.25vw,4.2rem);line-height:1.08}.stage-form .lede{font-size:1.05rem}.formbox{padding:clamp(20px,2.8vw,32px)}.formbox h2{font-size:clamp(1.55rem,2.4vw,2.3rem);margin:10px 0}.formbox p{font-size:.94rem}.formbox label{margin:12px 0 5px}.formbox input{padding:10px}.fieldnote{margin:6px 0 15px}.result-hero{padding-top:clamp(30px,5vw,65px);padding-bottom:clamp(30px,5vw,65px)}.result-grid h1{font-size:clamp(2.5rem,4vw,4.2rem)}.instincts h2,.share-stage h2{font-size:clamp(2rem,3vw,3rem)}.kicker,.chapter{letter-spacing:.1em}.footline{font-size:.7rem}@media(max-width:650px){.stage{padding:16px 14px 28px}.question-card{padding:20px 16px}.question-card h1{font-size:clamp(1.55rem,6vw,2.1rem);margin:8px 0 18px}.answers{grid-template-columns:1fr;gap:8px}.answer{min-height:56px;padding:10px 12px}.answer .letter{width:30px;height:30px}.question-bottom{margin-top:12px}.stage-form h1{font-size:2.4rem}.formbox{margin-top:22px}.score-ring{margin:auto}}
/* Brand mark and five-instinct introduction, with more of the hero visible. */
.brand-cap{display:flex;justify-content:center;position:relative;z-index:1;height:63px}.brand-cap img{display:block;width:190px;height:58px;object-fit:contain;background:rgba(8,15,13,.94);padding:6px 14px;border:1px solid rgba(8,15,13,.45);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #080f0d77}.ambient{background:linear-gradient(90deg,rgba(8,15,13,.77),rgba(8,15,13,.34) 56%,rgba(8,15,13,.07)),linear-gradient(0deg,rgba(8,15,13,.67),transparent 55%),var(--quiz-hero,url(hero.png)) center/cover no-repeat}.stage-form{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);min-height:calc(100vh - 120px);padding-top:12px;padding-bottom:10px;align-items:center}.intro{grid-column:1;grid-row:1;max-width:660px}.intro h1{margin:8px 0 8px}.intro .lede{margin:0 0 15px}.formbox{grid-column:2;grid-row:1}.frost{background:linear-gradient(135deg,rgba(8,15,13,.69),rgba(8,15,13,.61));backdrop-filter:blur(7px);box-shadow:0 18px 55px #080f0d66}.question-card{background:linear-gradient(135deg,rgba(8,15,13,.69),rgba(8,15,13,.61))}.answer{background:rgba(8,15,13,.8);border-color:#f4f4f1ba}.answer:hover,.answer.chosen{background:#a7a7a7}.category-brief{list-style:none;padding:0;margin:0;display:grid;gap:6px;max-width:600px}.category-brief li{display:flex;align-items:center;gap:11px;padding:5px 0;color:#f4f4f1;text-shadow:0 2px 8px #080f0d}.brief-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:rgba(8,15,13,.3);border:1px solid #a7a7a7aa;color:#f4f4f1}.brief-icon svg{width:21px;height:21px}.category-brief strong{display:block;font-size:.91rem;line-height:1.18}.category-brief small{display:block;color:#f4f4f1;font-size:.78rem;line-height:1.2}.question-stage{padding-top:10px}.footline{text-shadow:0 2px 8px #080f0d}@media(max-width:900px){.stage-form{display:block;min-height:auto;padding-top:16px}.intro{max-width:700px}.formbox{margin:24px 0 0;max-width:700px}.category-brief{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px}}@media(max-width:650px){.brand-cap{height:57px}.brand-cap img{width:172px;height:53px}.ambient{background:linear-gradient(0deg,rgba(8,15,13,.85),rgba(8,15,13,.38)),var(--quiz-hero,url(hero.png)) 62% center/cover}.category-brief{grid-template-columns:1fr;gap:5px}.category-brief li{padding:3px 0}.intro h1{font-size:2.2rem}.intro .lede{font-size:.93rem}.question-stage{padding-top:8px}.question-card{background:rgba(8,15,13,.7)}}

/* Cinematic sign-up and question refinements */
.brand-cap{height:66px;align-items:center;padding-top:10px}
.brand-cap img{width:235px;height:auto;max-height:48px;object-fit:contain;background:none;padding:0;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 9px rgba(8,15,13,.75))}
.intro{max-width:680px;text-shadow:0 2px 12px rgba(8,15,13,.65)}
.intro .lede{max-width:580px;margin-bottom:19px}
.brief-heading{font-weight:800;font-size:.8rem;letter-spacing:.11em;text-transform:uppercase;color:#f4f4f1;margin-bottom:8px}
.category-brief{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:8px 20px;max-width:660px}
.category-brief li{align-items:flex-start;min-height:48px;padding:5px 6px;background:rgba(8,15,13,.18);border-radius:9px}
.brief-icon{width:36px;height:36px}
.frost{background:linear-gradient(135deg,rgba(8,15,13,.49),rgba(8,15,13,.43));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-color:rgba(8,15,13,.52);text-shadow:0 1px 6px rgba(8,15,13,.75)}
.question-card{background:linear-gradient(135deg,rgba(8,15,13,.50),rgba(8,15,13,.44))}
.question-bottom{justify-content:center;margin-top:18px}
.question-bottom .button.subtle{font-size:.95rem;letter-spacing:.02em;padding:12px 25px;min-width:190px;border-radius:7px;background:rgba(8,15,13,.56);border:1px solid rgba(8,15,13,.65);color:#f4f4f1}
.question-bottom .button.subtle:hover{background:rgba(8,15,13,.75)}
@media(max-width:650px){.brand-cap{height:59px;padding-top:7px}.brand-cap img{width:205px;max-height:43px}.category-brief{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:3px}.category-brief li{min-height:0;padding:3px 0;background:none}.question-card{background:rgba(8,15,13,.51)}.question-bottom .button.subtle{width:min(100%,250px)}}

.brand-cap .logo-crop{display:block;position:relative;width:235px;height:40px;overflow:hidden;filter:drop-shadow(0 3px 9px rgba(8,15,13,.8))}
.brand-cap .logo-crop img{position:absolute;display:block;width:235px;max-height:none;height:auto;top:-9px;left:0;background:none;border:0;padding:0;box-shadow:none;border-radius:0;object-fit:unset;filter:none}
.brand-cap .logo-crop .logo-white{filter:brightness(0) invert(1)}
.brand-cap .logo-crop .logo-eye{clip-path:polygon(25% 0,40% 0,40% 65%,25% 65%)}
.brand-cap .logo-crop .logo-tail{clip-path:polygon(82% 32%,100% 32%,100% 68%,82% 68%)}
.question-stage{padding-top:29px}
.stage-form{padding-top:28px}
@media(max-width:650px){.brand-cap .logo-crop{width:205px;height:36px}.brand-cap .logo-crop img{width:205px;top:-8px}.question-stage{padding-top:24px}.stage-form{padding-top:25px}}

/* Single white silhouette with separate accent shapes avoids compositing artefacts. */
.brand-cap .logo-crop .logo-eye,.brand-cap .logo-crop .logo-tail{display:none}
.brand-cap .logo-eye-mark{position:absolute;left:26.2%;top:1px;width:12.8%;height:35px;border-radius:50%;background:#a7a7a7}
.brand-cap .logo-eye-mark i{position:absolute;left:44%;top:12%;width:17%;height:76%;border-radius:50%;background:#080f0d}
.brand-cap .logo-eye-mark b{position:absolute;right:17%;top:16%;width:15%;height:15%;border-radius:50%;background:white}
.brand-cap .logo-q-tail{position:absolute;left:88%;top:24px;width:13%;height:15px;background:#a7a7a7;clip-path:polygon(0 0,47% 0,100% 100%,62% 90%,22% 34%)}
.intro .kicker{display:block;margin-bottom:17px}
.intro h1{margin-bottom:21px}
.intro .lede{margin-bottom:31px;line-height:1.55}
.brief-heading{margin-bottom:15px}
.category-brief{gap:19px 22px}
.category-brief li{min-height:57px}
.question-stage{padding-top:49px}
.progress{margin-bottom:25px}
.question-card{padding:clamp(27px,3.5vw,39px)}
.question-card h1{margin:15px 0 34px}
.answers{gap:18px}
.answer{min-height:82px;padding:16px 18px}
.question-bottom{margin-top:25px}
@media(max-width:650px){.brand-cap .logo-eye-mark{top:1px;height:31px}.brand-cap .logo-q-tail{top:21px;height:13px}.intro .kicker{margin-bottom:10px}.intro h1{margin-bottom:14px}.intro .lede{margin-bottom:21px}.brief-heading{margin-bottom:9px}.category-brief{gap:7px}.category-brief li{min-height:0}.question-stage{padding-top:28px}.progress{margin-bottom:18px}.question-card{padding:22px 17px}.question-card h1{margin:10px 0 23px}.answers{gap:11px}.answer{min-height:66px;padding:12px 13px}.question-bottom{margin-top:17px}}

/* Results premiere */
.brand-cap .brand-logo-light{display:block;width:235px;height:auto;max-height:47px;object-fit:contain;background:none;border:0;border-radius:0;padding:0;box-shadow:none;filter:drop-shadow(0 3px 9px rgba(8,15,13,.8))}
.results .result-hero{padding-top:clamp(55px,8vw,105px);padding-bottom:clamp(65px,9vw,115px)}
.results .result-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:clamp(35px,6vw,100px)}
.result-chapter{font-size:.76rem;letter-spacing:.21em;color:#f4f4f1;font-weight:800;margin:25px 0 9px}
.result-story h1{font-size:clamp(3rem,5.2vw,5.4rem);line-height:1.02;max-width:700px;margin:0 0 18px}
.result-story .story-status{font-weight:900;letter-spacing:.12em;margin:0 0 18px}
.result-story .result-copy{max-width:730px;line-height:1.72;font-size:1.06rem}
.result-score-panel{background:linear-gradient(145deg,rgba(8,15,13,.6),rgba(8,15,13,.8));border:1px solid #a7a7a777;border-radius:26px;padding:30px;display:grid;justify-items:center;align-content:center;gap:19px;box-shadow:0 25px 80px #080f0d88;backdrop-filter:blur(7px)}
.result-score-panel .score-ring{width:min(100%,310px);height:auto;aspect-ratio:1;box-shadow:0 0 55px #a7a7a730}
.result-score-panel .score-ring>div{width:78%;height:78%;background:#080f0d}
.result-score-panel .score-ring strong{font-size:clamp(4.6rem,7vw,6.5rem)}
.score-panel-label{text-align:center;font-size:.79rem;color:#f4f4f1;letter-spacing:.1em;font-weight:800;text-transform:uppercase}
.tier-scale{margin:27px 0 28px;max-width:700px}
.tier-scale-label{display:flex;justify-content:space-between;color:#f4f4f1;text-transform:uppercase;font-size:.64rem;letter-spacing:.16em;font-weight:800;margin-bottom:9px}
.tier-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:9px}
.tier-step{height:15px;border-radius:4px;background:var(--tier);opacity:.72}
.tier-step.active{height:21px;transform:translateY(-3px);opacity:1;box-shadow:0 0 18px var(--tier);outline:2px solid #f4f4f199;outline-offset:2px}
.tier-scale>strong{font-size:.85rem;letter-spacing:.03em}
.results .instincts{background:linear-gradient(180deg,#080f0d,#080f0d 52%,#080f0d);color:#f4f4f1;padding-top:70px;padding-bottom:85px}
.results .instincts>.kicker,.category-section-heading .kicker{color:#f4f4f1}
.results .instincts>h2{max-width:850px;margin:12px 0}
.profile-intro{max-width:850px;color:#f4f4f1;font-size:1.06rem}
.profile-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;margin:35px 0 68px}
.pie-panel,.insight-panel{border:1px solid #a7a7a755;border-radius:22px;background:linear-gradient(145deg,rgba(8,15,13,.72),rgba(8,15,13,.88));padding:clamp(24px,3vw,36px);box-shadow:0 18px 60px #080f0d44}
.pie-panel h3{font-size:1.55rem;margin:0 0 8px;text-transform:none}
.pie-panel p,.insight-panel p{color:#f4f4f1;font-size:.9rem;line-height:1.55}
.pie-layout{display:flex;align-items:center;gap:clamp(25px,4vw,55px);margin-top:20px}
.profile-chart{width:245px;height:245px;flex:none;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 35px #a7a7a72b}
.profile-chart>div{width:54%;height:54%;border-radius:50%;background:#080f0d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 15px #080f0d88}
.profile-chart span{font-size:.62rem;letter-spacing:.16em;color:#f4f4f1;font-weight:900}
.profile-chart strong{font-size:1rem;letter-spacing:.04em}
.profile-legend{flex:1;min-width:220px}
.legend-row{display:grid;grid-template-columns:15px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #a7a7a72d;padding:10px 0;font-size:.88rem}
.legend-row strong{font-size:1.05rem}
.legend-dot,.tier-dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.insight-panel{display:flex;flex-direction:column;justify-content:center}
.insight-item{padding:15px 0;border-bottom:1px solid #a7a7a738;display:flex;flex-direction:column;gap:4px}
.insight-item small{color:#a7a7a7;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.insight-item strong{font-size:1.35rem}
.insight-item span{color:#f4f4f1;font-size:.87rem}
.category-section-heading{margin-bottom:10px}.category-section-heading h2{margin:8px 0}
.results .instinct-grid{gap:20px}
.results .instinct{background:linear-gradient(150deg,#2e3b2f,#080f0d);color:#f4f4f1;border:1px solid #a7a7a74f;border-top:5px solid var(--tier);border-radius:15px;box-shadow:0 15px 42px #080f0d44;padding:clamp(24px,3vw,33px)}
.results .instinct:last-child{grid-column:1/-1}
.results .instinct h3{font-family:inherit;font-size:1.55rem;text-transform:none;letter-spacing:-.03em}
.instinct-no{font-size:.65rem;letter-spacing:.17em;font-weight:900;color:#a7a7a7;display:block;margin-bottom:7px}
.results .instinct strong{font-family:inherit;font-size:2.4rem;color:var(--tier);letter-spacing:-.04em}
.results .instinct .meter{height:10px;background:#2e3b2f;margin:15px 0}
.results .instinct .meter span{background:var(--tier)}
.results .instinct .tierline{color:#f4f4f1;display:flex;align-items:center;gap:9px}
.results .instinct .tier-dot{background:var(--tier)}
.results .instinct p{color:#f4f4f1;line-height:1.7}
@media(max-width:900px){.results .result-grid,.profile-overview{grid-template-columns:1fr}.result-score-panel{max-width:420px}.pie-layout{flex-wrap:wrap}}
@media(max-width:650px){.brand-cap .brand-logo-light{width:205px;max-height:42px}.results .result-hero{padding-top:42px;padding-bottom:55px}.result-story h1{font-size:clamp(2.6rem,10vw,4rem)}.result-score-panel{width:100%}.profile-chart{width:200px;height:200px}.profile-legend{width:100%}.results .instincts{padding-top:52px;padding-bottom:60px}.results .instinct-grid{grid-template-columns:1fr}.results .instinct:last-child{grid-column:auto}}

/* Direct entry from the editorial quiz page */
.direct-screen .entry-shade{position:fixed;inset:0;background:rgba(8,15,13,.47);z-index:-1;pointer-events:none}
.direct-screen .ambient{background:linear-gradient(0deg,rgba(8,15,13,.36),rgba(8,15,13,.18)),var(--quiz-hero,url(hero.png)) center/cover no-repeat}
.direct-stage{min-height:calc(100vh - 115px);width:100%;display:grid;place-items:center;padding:35px 18px 45px}
.direct-lead{width:min(100%,565px);padding:clamp(27px,3.6vw,43px);border:1px solid rgba(8,15,13,.72);background:linear-gradient(140deg,rgba(8,15,13,.7),rgba(8,15,13,.64));box-shadow:0 30px 90px rgba(8,15,13,.7)}
.direct-lead .chapter{color:#f4f4f1}
.direct-lead h1{font-size:clamp(2.1rem,3vw,3.1rem);line-height:1.1;margin:15px 0 13px;text-transform:none}
.direct-lead>p{color:#f4f4f1;font-size:1rem;line-height:1.55}
.direct-lead label{display:block;margin:17px 0 6px;font-weight:800}
.direct-lead input{width:100%;padding:14px 15px;background:#f4f4f1;border:2px solid transparent;border-radius:7px;color:#080f0d}
.direct-lead .fieldnote{font-size:.88rem;color:#f4f4f1;margin:9px 0 20px}
.direct-lead .button.primary{width:100%;padding:16px 20px;font-size:.9rem}
.direct-lead .testnote{color:#a7a7a7;font-size:.77rem;margin:16px 0 0}
@media(max-width:650px){.direct-stage{min-height:calc(100dvh - 105px);padding:25px 14px 35px}.direct-lead{padding:24px 20px}.direct-lead h1{font-size:2rem}.direct-lead label{margin-top:12px}.direct-lead input{padding:12px}.direct-screen .ambient{background:linear-gradient(0deg,rgba(8,15,13,.54),rgba(8,15,13,.24)),var(--quiz-hero,url(hero.png)) 62% center/cover no-repeat}}

.formbox label:not(.consent-line),.direct-lead label:not(.consent-line){font-weight:650}
.consent-line{display:flex!important;align-items:flex-start;gap:10px;font-size:.81rem;font-weight:450!important;line-height:1.4;margin:11px 0!important;color:#f4f4f1}
.consent-line input{width:17px!important;height:17px;flex:none;accent-color:#a7a7a7;margin:1px 0 0;padding:0}
.consent-line a{color:#f4f4f1;text-decoration:underline;text-underline-offset:2px}
.marketing-line{margin-bottom:20px!important}

.results .result-grid{width:min(100%,1180px);margin-inline:auto;grid-template-columns:minmax(0,620px) minmax(290px,390px);justify-content:center;gap:clamp(35px,5vw,80px)}
.result-email{margin:18px 0 15px;padding:13px 16px;border-left:3px solid #a7a7a7;background:rgba(8,15,13,.75);color:#f4f4f1;font-size:.9rem;line-height:1.45}
.result-email strong{color:white}
.email-link{border:0;background:none;color:#f4f4f1;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:800;padding:0 0 0 5px}
.email-link:hover{color:white}
@media(max-width:900px){.results .result-grid{grid-template-columns:1fr;width:100%;max-width:680px}}

/* Interactive five-instinct chart */
.profile-chart{width:min(100%,280px);height:auto;aspect-ratio:1;overflow:visible;box-shadow:none;display:block;border-radius:0;flex:none}
.pie-slice{cursor:pointer;transform:translate(0,0);transition:transform .18s ease,filter .18s ease;transform-box:fill-box;transform-origin:center;outline:none}
.pie-slice:hover,.pie-slice:focus-visible{transform:translate(var(--dx),var(--dy));filter:drop-shadow(0 4px 8px rgba(8,15,13,.55))}
.pie-slice text{font:800 16px system-ui,sans-serif;fill:#080f0d;paint-order:stroke;stroke:rgba(8,15,13,.7);stroke-width:2px;pointer-events:none}
.profile-legend .legend-row{width:100%;background:none;border:0;border-bottom:1px solid #a7a7a72d;color:#f4f4f1;text-align:left;cursor:pointer;font:inherit}
.profile-legend .legend-row:hover,.profile-legend .legend-row:focus-visible{background:rgba(8,15,13,.11);outline:2px solid #a7a7a7}
.pie-detail{min-height:62px;margin-top:17px;padding:12px 15px;border:1px solid #a7a7a75b;border-radius:10px;background:rgba(8,15,13,.55);color:#f4f4f1;font-size:.88rem}
.pie-detail strong{display:block;color:#f4f4f1;margin-bottom:4px}.pie-detail span{display:block}
.results .instinct-grid{grid-template-columns:1fr;max-width:1050px;margin-inline:auto}
.results .instinct:last-child{grid-column:auto}
.results .instinct{display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);column-gap:30px;align-items:start}
.results .instinct-head{grid-column:1;display:block}
.results .instinct .meter,.results .instinct .tierline{grid-column:1}
.results .instinct p{grid-column:2;grid-row:1/4;margin:0;font-size:1rem}
@media(max-width:650px){.profile-chart{width:min(100%,250px)}.results .instinct{display:block}.results .instinct p{margin-top:18px}}

/* Browser print-to-PDF debrief: generated on the visitor's device. */
@media print{
  @page{size:A4;margin:14mm}
  html,body,#app{display:block!important;background:#f4f4f1!important;color:#080f0d!important;margin:0!important}
  #app .shell{display:block!important;background:#f4f4f1!important;min-height:0!important}
  #app .shell>.ambient,#app .shell>.brand-cap,#app .shell>.results,#app .shell>.footline,#app .shell>.modal-back{display:none!important}
  #app .print-report{display:block!important;position:static!important;visibility:visible!important;width:100%!important;padding:0!important;margin:0!important;color:#080f0d!important;font:9.5pt/1.38 Arial,sans-serif!important}
  .print-report *{box-sizing:border-box}
  .print-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #a7a7a7;padding-bottom:8mm;color:#2e3b2f;font-size:8pt;font-weight:bold;letter-spacing:.1em}
  .print-brand{font-size:17pt;color:#080f0d;letter-spacing:-.04em}.print-brand span{color:#a7a7a7}
  .print-cover{padding:12mm 0 6mm;border-bottom:1px solid #f4f4f1}
  .print-eyebrow{color:#2e3b2f;font-size:8pt;font-weight:bold;letter-spacing:.1em}
  .print-cover h1{font:800 26pt/1.05 Arial,sans-serif!important;color:#080f0d;margin:4mm 0 6mm;text-transform:none}
  .print-score{display:flex;align-items:center;gap:6mm;margin:0 0 5mm!important;color:#080f0d!important}
  .print-score strong{font-size:32pt;line-height:1;color:#a7a7a7}.print-score span{font-size:9pt;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}
  .print-cover p{margin:0;line-height:1.45}
  .print-section-title{margin:7mm 0 3mm}.print-section-title h2{font:800 15pt Arial,sans-serif!important;color:#080f0d;margin:0 0 1mm}.print-section-title p{margin:0;color:#2e3b2f}
  .print-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2mm 6mm}
  .print-summary-item{display:flex;justify-content:space-between;border-bottom:1px solid #a7a7a7;padding:2mm 0}.print-summary-item span{font-weight:bold;color:#2e3b2f}
  .print-details{display:block}.print-detail{break-inside:avoid;page-break-inside:avoid;border-top:2px solid #a7a7a7;padding:3.5mm 0 4mm;margin:3mm 0}
  .print-detail header{display:flex;justify-content:space-between;gap:4mm;align-items:baseline;margin-bottom:1.5mm}
  .print-detail h3{font:800 12pt Arial,sans-serif!important;color:#080f0d;margin:0;text-transform:none}.print-detail strong{font-size:9pt;color:#2e3b2f;white-space:nowrap}
  .print-detail p{margin:0;line-height:1.4}
  .print-footer{border-top:1px solid #a7a7a7;padding-top:3mm;margin-top:6mm;color:#2e3b2f;font-size:7.7pt}
}

/* Results refinements and two truthful chart readings. */
.question-screen .answer:hover:not(:disabled),.question-screen .answer:focus-visible{background:rgba(8,15,13,.93);border-color:#C62828;color:#F4F4F1}
.results .stage{width:min(1280px,100%);padding-left:clamp(26px,5.5vw,78px);padding-right:clamp(26px,5.5vw,78px)}
.results .result-hero{padding-top:clamp(42px,5vw,74px)}
.result-heading{text-align:center;max-width:850px;margin:0 auto clamp(44px,6vw,85px)}
.result-heading h1{font-size:clamp(2.15rem,4.2vw,4.1rem);line-height:1.12;margin:0 0 18px;letter-spacing:-.035em}
.result-heading .result-email{display:inline-block;max-width:100%;margin:0;border-left:0;border-radius:8px;padding:14px 24px;background:rgba(8,15,13,.79);font-size:clamp(.9rem,1.25vw,1.1rem)}
.results .result-grid{width:100%;max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);justify-content:space-between}
.results .instinct-grid{max-width:none}
.results .instinct p{grid-row:1/4}
.pie-visual{display:flex;align-items:center;gap:clamp(22px,3vw,44px);width:100%}
.profile-chart .pie-overall{font:900 35px system-ui,sans-serif;fill:#f4f4f1}
.profile-chart .pie-caption{font:800 10px system-ui,sans-serif;letter-spacing:1px;fill:#a7a7a7}
.chart-switch{display:flex;gap:8px;margin:22px 0 16px}
.chart-switch button{border:1px solid #a7a7a784;background:#080f0d;color:#f4f4f1;border-radius:8px;padding:8px 14px;font-weight:700}
.chart-switch button.active{background:#a7a7a7;color:#080f0d}
.bar-view[hidden],.pie-layout[hidden]{display:none!important}
.bar-view{display:grid;gap:10px;margin-top:18px}
.bar-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,1.4fr) 52px;align-items:center;gap:12px;width:100%;padding:9px 10px;background:#080f0d;border:1px solid #a7a7a74d;border-radius:8px;color:#f4f4f1;text-align:left;font-weight:700}
.bar-row:hover,.bar-row:focus-visible{background:#2e3b2f}
.bar-track{height:15px;border-radius:20px;overflow:hidden;background:#2e3b2f}.bar-track i{display:block;height:100%;border-radius:20px}
@media(max-width:900px){.results .result-grid{grid-template-columns:1fr;max-width:680px;margin:auto}.pie-visual{flex-wrap:wrap}}
@media(max-width:650px){.results .stage{padding-left:20px;padding-right:20px}.result-heading{margin-bottom:34px}.result-heading .result-email{padding:13px 16px}.bar-row{grid-template-columns:1fr 55px}.bar-row .bar-track{grid-column:1/-1;grid-row:2}.pie-visual{justify-content:center}.chart-switch button{font-size:.84rem}}

/* Full-colour two-page debrief. The browser prints this without saving a PDF server-side. */
@media print{
  @page{size:A4;margin:0}
  html,body,#app,#app .shell{background:#080f0d!important;color:#f4f4f1!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #app .print-report{font:10pt/1.43 Arial,sans-serif!important;color:#f4f4f1!important;background:#080f0d!important;padding:15mm 16mm!important;min-height:297mm!important}
  .print-report,.print-report *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .print-head{border-bottom:1px solid #a7a7a763;padding-bottom:5mm;color:#f4f4f1;letter-spacing:.08em}
  .print-brand{color:#f4f4f1;font-size:19pt}.print-brand span{color:#a7a7a7}
  .print-cover{position:relative;overflow:hidden;border:1px solid #a7a7a779;border-radius:5mm;min-height:89mm;margin-top:8mm;padding:0!important;background:#080f0d!important}
  .print-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .print-cover:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080f0d 0%,#080f0dec 49%,#080f0d55 100%)}
  .print-cover-content{position:relative;z-index:2;width:74%;padding:12mm 10mm 9mm}
  .print-eyebrow{font-size:8pt;color:#a7a7a7}
  .print-cover h1{font:900 29pt/1.03 Arial,sans-serif!important;color:#f4f4f1;margin:4mm 0 5mm}
  .print-score{gap:5mm;color:#f4f4f1!important;margin-bottom:5mm!important}.print-score strong{font-size:37pt;color:#a7a7a7}.print-score span{font-size:8pt;color:#f4f4f1}
  .print-cover p{color:#f4f4f1;font-size:9pt;line-height:1.4}
  .print-section-title{margin:8mm 0 3mm}.print-section-title h2{font:900 19pt Arial,sans-serif!important;color:#f4f4f1}.print-section-title p{color:#a7a7a7;font-size:8.5pt}
  .print-summary-grid{display:grid;grid-template-columns:1fr;gap:2.6mm}
  .print-summary-item{display:flex;align-items:center;border:1px solid #a7a7a759;border-radius:2.5mm;background:#2e3b2f!important;padding:3.5mm 5mm;color:#f4f4f1;font-weight:bold}
  .print-summary-item span{font-size:15pt;color:#a7a7a7}
  .print-summary-grid + .print-section-title{break-before:page;page-break-before:always;padding-top:13mm;margin-top:0}
  .print-details{display:grid;gap:3.5mm}
  .print-detail{break-inside:avoid;page-break-inside:avoid;border:1px solid #a7a7a759;border-left:4px solid var(--print-accent);border-radius:2.5mm;background:#2e3b2f!important;margin:0;padding:4.5mm 5.5mm}
  .print-detail header{margin-bottom:2mm}.print-detail h3{font:800 12pt Arial,sans-serif!important;color:#f4f4f1}.print-detail strong{font-size:9pt;color:var(--print-accent)}
  .print-detail p{color:#f4f4f1;font-size:8.6pt;line-height:1.36}
  .print-footer{border-top:1px solid #a7a7a759;color:#a7a7a7;font-size:7.4pt;padding-top:3mm;margin-top:7mm}
}

/* Balanced results reveal. */
.results .result-hero{padding-top:clamp(18px,2.2vw,34px);padding-bottom:clamp(42px,5vw,70px)}
.result-heading{margin-bottom:clamp(27px,3vw,48px)}
.result-heading h1{font-size:clamp(1.9rem,2.8vw,3rem);line-height:1.14;margin-bottom:13px}
.result-chapter{color:#f4f4f1;margin:0 0 9px}
.result-story h1{font-size:clamp(2.6rem,3.8vw,4rem);line-height:1.08;margin-bottom:15px}
@media(max-width:650px){.results .result-hero{padding-top:20px;padding-bottom:42px}.result-heading{margin-bottom:28px}.result-story h1{font-size:clamp(2.5rem,8vw,3.5rem)}}
@media print{
  .print-summary-item{border-left:4px solid var(--print-accent);background:#2e3b2f!important}
  .print-summary-item span{color:var(--print-accent)}
}

/* Category identity stays on the left; the result tier colours the score. */
.barometer{display:grid;gap:11px;margin:24px 0 17px}
.barometer-row{display:grid;grid-template-columns:minmax(135px,1fr) minmax(135px,1.3fr) 64px;align-items:center;gap:15px;width:100%;padding:17px 16px 17px 20px;text-align:left;background:#2e3b2f;border:1px solid #a7a7a759;border-left:6px solid var(--instinct);border-radius:10px;color:#f4f4f1;transition:background .18s,transform .18s}
.barometer-row:hover,.barometer-row:focus-visible{background:#2e3b2f;transform:translateX(3px)}
.barometer-name{font-weight:800;font-size:.94rem}
.barometer-track{height:19px;border-radius:20px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 2px),#080f0d calc(16.666% - 2px),#080f0d 16.666%),#2e3b2f}
.barometer-track i{display:block;height:100%;border-radius:20px;background:var(--instinct)}
.barometer-row strong{text-align:right;font-size:1.4rem;color:var(--score-colour)}
@media(max-width:650px){.barometer-row{grid-template-columns:1fr auto;gap:8px 14px}.barometer-track{grid-column:1/-1;grid-row:2}}
@media print{
 .print-summary-item span{color:var(--print-score)}
 .print-detail strong{color:var(--print-score)}
}

.results .instinct{border-top:1px solid #a7a7a74f;border-left:6px solid var(--instinct)}

.insight-overall{display:flex;align-items:baseline;gap:10px 16px;flex-wrap:wrap;padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid #a7a7a75a}
.insight-overall small{display:block;width:100%;color:#a7a7a7;font-size:.75rem;letter-spacing:.13em;font-weight:850;text-transform:uppercase}
.insight-overall strong{font-size:clamp(2.3rem,3.3vw,3.5rem);line-height:1;font-weight:900}
.insight-overall span{font-weight:800;color:#f4f4f1;font-size:1rem}
.feedback-intro{max-width:910px;color:#f4f4f1;margin:18px 0 32px}
.feedback-intro p{font-size:1rem;line-height:1.7;margin:0 0 13px}
@media(max-width:650px){.feedback-intro p{font-size:.94rem;line-height:1.58}.insight-overall{margin-bottom:18px}}
.result-heading h1{color:#f4f4f1}

.results .instinct .tierline{color:var(--tier);font-weight:850}
.results .kicker{text-transform:uppercase}
.results .instincts{padding-top:clamp(52px,5vw,75px)}
.results .instincts>h2{margin:10px 0 16px}
.results .category-section-heading{margin:0 0 24px}
.results .category-section-heading h2{margin:9px 0 15px}
.results .share-stage{padding-top:clamp(62px,6vw,90px)}
.results .share-stage h2{margin:10px 0 18px}
.share-preview img[hidden],.share-preview span[hidden]{display:none!important}
.share-preview span{position:static;padding:24px;text-align:center;line-height:1.5}
@media print{
  .print-section-title p{max-width:100%;font-size:8.4pt;line-height:1.48;margin:0 0 2.5mm;color:#f4f4f1}
  .print-feedback-intro{padding-top:10mm!important;margin-bottom:5mm}
  .print-feedback-intro p{font-size:8.4pt;line-height:1.5;margin-bottom:3mm}
  .print-detail{min-height:30mm}
}
@media print{
  .print-head{min-height:16mm;padding-bottom:5mm}
  .print-brand-logo{display:block;width:52mm;height:auto;max-height:12mm;object-fit:contain;object-position:left center}
  .print-cover{min-height:98mm;margin-top:8mm}
  .print-cover:before{background:linear-gradient(90deg,#080f0d 0%,#080f0df5 38%,#080f0dab 67%,#080f0d30 100%)}
  .print-cover-content{width:76%;padding:11mm 10mm 8mm}
  .print-eyebrow{font-size:11pt;line-height:1.2;letter-spacing:.045em;color:#f4f4f1}
  .print-cover h1{font-size:27pt!important;margin:6mm 0 5mm}
  .print-score{margin-bottom:5mm!important;gap:6mm}
  .print-cover p{max-width:100%;font-size:9pt;line-height:1.43}
}
/* Section introductions share the full content width and both card edges. */
.results .profile-intro,.results .feedback-intro{width:100%;max-width:none;margin-left:0;margin-right:0}
.social-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 10px}
.social-actions .button{min-width:130px}
.social-note{max-width:860px;color:#f4f4f1;font-size:.88rem;line-height:1.55;margin:0 0 21px}
.caption-panel{width:min(100%,730px);background:rgba(8,15,13,.82);border:1px solid #a7a7a767;border-radius:10px;padding:17px 21px;margin:18px 0 20px}
.caption-panel small{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#a7a7a7;margin-bottom:8px}
.caption-panel p{margin:0;color:#f4f4f1;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
@media(max-width:650px){.social-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-actions .button{min-width:0}}

/* Keep the colour debrief on its intended two A4 sheets. A full-page
   min-height on a fragmented print box created blank overflow sheets. */
@media print{
  #app .print-report{min-height:0!important;padding:11mm 16mm!important}
  .print-head{min-height:0;padding-bottom:4mm}
  .print-cover{min-height:83mm;margin-top:5mm}
  .print-cover-content{padding:8mm 9mm 6mm}
  .print-cover h1{margin:4mm 0 4mm}
  .print-cover p{font-size:8.7pt;line-height:1.34}
  .print-section-title{margin:5mm 0 2.5mm}
  .print-summary-grid{gap:2mm}
  .print-summary-item{padding:2.3mm 4mm}
  .print-summary-grid + .print-section-title{padding-top:7mm}
  .print-feedback-intro{padding-top:7mm!important;margin-bottom:3mm}
  .print-feedback-intro p{font-size:8pt;line-height:1.38;margin-bottom:2mm}
  .print-details{gap:2.6mm}
  .print-detail{min-height:0;padding:3.5mm 4.5mm}
  .print-detail header{margin-bottom:1mm}
  .print-detail p{font-size:8.25pt;line-height:1.31}
  .print-footer{margin-top:3mm;padding-top:2mm}
  /* Give the cover image a definite print height; percentage height against a
     min-height container can collapse in browser PDF layout. */
  .print-cover-image{display:block!important;top:0;left:0;right:0;bottom:0;width:100%!important;height:83mm!important;max-width:none!important;object-fit:cover!important;object-position:center 42%;opacity:1!important}
  .print-cover:before{background:linear-gradient(90deg,rgba(8,15,13,.94) 0%,rgba(8,15,13,.84) 44%,rgba(8,15,13,.40) 73%,rgba(8,15,13,.15) 100%)}
  /* Safari can omit a clipped, absolutely positioned image from the saved PDF.
     Keep the decoded image in document flow and layer the copy over it. */
  .print-cover{height:83mm;min-height:83mm}
  .print-cover-image{position:relative!important;inset:auto!important;height:83mm!important}
  .print-cover-content{position:absolute!important;top:0;left:0;width:76%;z-index:2}
}
.result-score-panel .score-ring strong{font-family:Arial,sans-serif;font-size:clamp(3.3rem,6.2vw,5.8rem);font-weight:900;letter-spacing:.025em;font-kerning:none;font-variant-numeric:tabular-nums}

/* Precomposed print cover avoids Safari PDF transparency compositing. */
@media print{.print-cover:before{display:none!important}.print-cover-image{object-fit:cover!important}}

/* The report ends before the bottom of the last sheet. Paint the physical
   print page independently of the content box, including its unused space. */
@media print{
  @page{size:A4;margin:0;background:#080f0d}
  html,body,#app,#app .shell{background:#080f0d!important}
  body::before{content:"";position:fixed;inset:0;background:#080f0d!important;z-index:-1;display:block!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}

/* Two self-contained A4 sheets make the unfilled bottom of page two dark in
   browsers that ignore @page backgrounds on PDF export. */
@media print{
  #app .print-report{padding:0!important;background:transparent!important}
  .print-page{box-sizing:border-box!important;display:block!important;width:100%!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:11mm 16mm!important;background:#080f0d!important;overflow:hidden!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .print-page-one{break-after:page;page-break-after:always}
  .print-page-two{break-before:page;page-break-before:always}
  .print-summary-grid + .print-section-title{break-before:auto!important;page-break-before:auto!important}
  .print-feedback-intro{padding-top:7mm!important}
}
@media print{.print-page-two{break-before:auto;page-break-before:auto}}

/* Safari reserves a sliver even at zero @page margins. Stay within that
   printable area; one break before sheet two prevents overflow sheets. */
@media print{
  .print-page{height:294mm!important;min-height:294mm!important;max-height:294mm!important}
  .print-page-one{break-after:auto!important;page-break-after:auto!important}
  .print-page-two{break-before:page!important;page-break-before:always!important}
}

.question-card .answer .letter{color:#c62828!important}

.share-controls{display:table;max-width:100%}.share-controls .share-actions{display:flex;width:max-content;max-width:100%}.share-controls .caption-panel{width:100%;max-width:none}.result-loading{min-height:70vh;display:grid;place-items:center;text-align:center}.result-loading-card{width:min(100%,650px)}.result-loading h1{font-size:clamp(2.1rem,5vw,3.5rem);margin:14px 0}.result-loading p{color:#f4f4f1}.loading-reel{width:52px;height:52px;border:4px solid #a7a7a7;border-top-color:#a7a7a7;border-radius:50%;margin:0 auto 25px;animation:reel-turn .8s linear infinite}@keyframes reel-turn{to{transform:rotate(360deg)}}@media(max-width:650px){.share-controls{display:block;width:100%}.share-controls .share-actions{width:100%}}

.headline-match{font-size:1.1rem;color:#f4f4f1;margin:4px 0 14px}.headline-match strong{color:#a7a7a7;font-size:1.22em}

.category-art{width:40px;height:40px;object-fit:contain;vertical-align:middle;margin-right:9px}.category-art-mini{width:27px;height:27px;object-fit:contain;vertical-align:middle;margin-right:7px}

.next-quizzes{padding-top:42px;padding-bottom:58px}.next-quizzes>p{max-width:720px;line-height:1.6}.next-quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}.next-quiz-option{display:flex;overflow:hidden;border:1px solid #2e3b2f;border-radius:16px;background:#080f0d;color:white;text-decoration:none;transition:transform .2s,border-color .2s}.next-quiz-option:hover,.next-quiz-option:focus-visible{transform:translateY(-3px);border-color:#c62828}.next-quiz-image{width:32%;min-height:155px;background-size:cover;background-position:center}.next-quiz-text{flex:1;padding:22px}.next-quiz-text small{color:#f4f4f1}.next-quiz-text h3{font-size:20px;line-height:1.3;margin:10px 0 16px}.next-quiz-text strong{font-size:14px;color:#a7a7a7}@media(max-width:640px){.next-quiz-grid{grid-template-columns:1fr}.next-quiz-text{padding:18px}.next-quiz-text h3{font-size:18px}}

.results .next-quizzes>h2{font-size:clamp(27px,3.2vw,38px);line-height:1.15;margin:12px 0 18px}.share-controls{display:block;width:100%;max-width:100%}.share-controls .caption-panel{width:100%;box-sizing:border-box}.share-controls .share-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px}.share-controls .share-actions .button{min-width:0;text-align:center;padding:14px 12px;font-size:14px}.caption-panel small{text-transform:none;letter-spacing:normal;font-weight:500;font-size:14px;line-height:1.5}.caption-panel small:first-child{font-weight:700}@media(max-width:720px){.share-controls .share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the full feedback alongside the complete score summary. */
.results .instinct{grid-template-columns:minmax(270px,.42fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 32px}.results .instinct .feedback-copy{grid-column:2;grid-row:1 / span 3;align-self:center;min-width:0}.results .instinct .feedback-copy p{margin:0;font-size:1rem;line-height:1.65;color:white}.results .instinct-head h3{display:flex;align-items:center;font-size:clamp(21px,2vw,27px);line-height:1.2;gap:10px}.results .instinct-head .category-art{flex:0 0 36px;width:36px;height:36px;margin:0}.results .instinct-head{grid-row:1}.results .instinct .meter{grid-row:2}.results .instinct .tierline{grid-row:3}@media(max-width:800px){.results .instinct{display:block}.results .instinct .feedback-copy{margin-top:20px}.results .instinct-head h3{font-size:23px}}

/* Action controls stay compact, with the caption matching their actual edge. */
#app .chapter,#app .button{text-transform:uppercase}#app .share-controls{display:inline-grid;grid-template-columns:minmax(0,max-content);width:auto;max-width:100%}#app .share-controls .caption-panel{width:0;min-width:100%;max-width:none;margin-top:18px}#app .share-controls .share-actions{display:flex;flex-wrap:nowrap;width:max-content;max-width:100%;gap:12px}#app .share-controls .share-actions .button{flex:0 0 auto;width:auto;padding:14px 18px;font-size:13px;letter-spacing:.035em}@media(max-width:1100px){#app .share-controls{display:block;width:min(100%,640px)}#app .share-controls .caption-panel{width:100%;min-width:0}#app .share-controls .share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#app .share-controls .share-actions .button{width:100%;white-space:normal}}@media(max-width:450px){#app .share-controls .share-actions{grid-template-columns:1fr}}

/* Readable feedback, proportionate to the category panels. */
.results .instinct .feedback-copy p{font-size:clamp(18px,1.45vw,20px);line-height:1.65}.results .instinct .tierline{font-size:17px;line-height:1.45}@media(max-width:650px){.results .instinct .feedback-copy p{font-size:18px;line-height:1.6}.results .instinct .tierline{font-size:16px}}

/* Feedback can be plain text or rich paragraphs: size the container itself. */
#app .results .instinct .feedback-copy{font-size:22px;line-height:1.65;color:#f4f4f1}#app .results .instinct .feedback-copy p{font-size:inherit;line-height:inherit;margin:0 0 .6em}#app .results .instinct .feedback-copy p:last-child{margin-bottom:0}@media(max-width:650px){#app .results .instinct .feedback-copy{font-size:20px;line-height:1.6}}

/* Keep the dinosaur head inside the frame rather than centre-cropping the top. */
.shell.quiz-build-your-dinosaur-movie .ambient,.shell.quiz-could-you-survive-a-dinosaur-movie .ambient{background-position:center,center,center top}
.shell.direct-screen.quiz-build-your-dinosaur-movie .ambient,.shell.direct-screen.quiz-could-you-survive-a-dinosaur-movie .ambient{background-position:center,center top}
.next-quiz-image{background-position:center top}
@media(max-width:650px){.shell.quiz-build-your-dinosaur-movie .ambient,.shell.quiz-could-you-survive-a-dinosaur-movie .ambient{background-position:center,62% top}.shell.direct-screen.quiz-build-your-dinosaur-movie .ambient,.shell.direct-screen.quiz-could-you-survive-a-dinosaur-movie .ambient{background-position:center,62% top}}

/* PrimitiveWar.com brand book v1.0. Preserve the direct DFHQ form geometry. */
:root{color-scheme:dark;--jungle:#080f0d;--blood:#c62828;--bone:#f4f4f1;--military:#2e3b2f}
html,body,.shell{background:#080f0d;color:#f4f4f1;font-family:Arial,Helvetica,sans-serif}
.shell .ambient,.shell.direct-screen .ambient{background:linear-gradient(90deg,rgba(8,15,13,.64),rgba(8,15,13,.14)),linear-gradient(0deg,rgba(8,15,13,.6),rgba(8,15,13,.1)),var(--quiz-hero,url(hero.webp)) center top/cover no-repeat}
.brand-cap{height:135px;padding:18px 20px 0}
.brand-cap img{width:255px;height:115px;max-height:115px;object-fit:contain;filter:drop-shadow(0 4px 14px #080f0d)}
.direct-stage{min-height:calc(100vh - 180px);padding-top:18px}
.frost,.direct-lead,.question-card{background:linear-gradient(140deg,rgba(8,15,13,.91),rgba(8,15,13,.88));border:1px solid #a7a7a7;box-shadow:0 25px 70px #080f0d99;text-shadow:none}
.direct-lead h1,h1,h2,h3{font-family:Anton,'Arial Narrow',Arial,sans-serif;color:#f4f4f1}
.direct-lead h1{font-size:clamp(1.85rem,3vw,2.65rem);text-transform:uppercase;letter-spacing:.025em;line-height:1.08}
.direct-lead .chapter,.chapter,.kicker,.brief-heading{color:#f4f4f1;font-family:Anton,'Arial Narrow',Arial,sans-serif}
.direct-lead>p,.lede,.fieldnote,.direct-lead .fieldnote,.footline,.consent-line span,.consent-line a{color:#f4f4f1}
.direct-lead input:not([type=checkbox]),.formbox input:not([type=checkbox]){background:#f4f4f1;color:#080f0d;border:2px solid #f4f4f1}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f4f4f1;outline-offset:4px}
input[type=checkbox]{accent-color:#c62828}
.button.primary,.direct-lead .button.primary{background:#c62828;color:#f4f4f1;border:1px solid #c62828;box-shadow:none}
.button.primary:hover{background:#c62828}
.button.outline,.button.subtle,.question-bottom .button.subtle{background:#2e3b2f;color:#f4f4f1;border-color:#a7a7a7}
.answer{background:#2e3b2f;border-color:#a7a7a7;color:#f4f4f1}.answer:hover,.answer.chosen{background:#2e3b2f;border-color:#f4f4f1}
.brief-icon{background:#080f0d;border-color:#a7a7a7}.brief-icon img{width:100%;height:100%;object-fit:contain}
.spoiler-warning{padding:12px 14px;border-left:4px solid #c62828;background:#080f0d;font-size:.88rem!important;color:#f4f4f1!important}
.footline{font-size:.73rem;gap:12px;flex-wrap:wrap;text-shadow:0 2px 6px #080f0d}
@media(max-width:650px){.brand-cap{height:115px;padding-top:12px}.brand-cap img{width:220px;max-height:95px;height:95px}.direct-stage{min-height:calc(100dvh - 160px);padding:18px 14px 32px}.shell .ambient,.shell.direct-screen .ambient{background-position:center,center,center top}.direct-lead h1{font-size:1.95rem}.direct-lead{padding:24px 20px}.footline{justify-content:center;text-align:center}}

/* PWC brand system: exact palette, readable surfaces, one category identity across formats. */
.shell{color:#F4F4F1;background:#080F0D;font-family:Arial,Helvetica,sans-serif}.shell h1,.shell h2,.shell h3{font-family:Anton,'Arial Narrow',Arial,sans-serif;letter-spacing:.015em}.brand-cap{height:174px;padding:20px 0;display:flex;justify-content:center;align-items:center}.brand-cap img{width:340px;height:142px;max-height:none;object-fit:contain}.direct-stage{padding-top:12px}.direct-lead{max-width:720px}.direct-lead h1{font-size:clamp(2rem,4vw,3rem)}.frost,.pie-panel,.insight-panel,.instinct,.caption-panel,.next-quiz-card,.result-score-panel{background:#080F0D;border-color:#2E3B2F;box-shadow:0 12px 36px #080F0D99}.instincts{background:#080F0D;color:#F4F4F1}.fieldnote,.direct-lead .fieldnote,.result-email,.result-email .email-link,.headline-match,.caption-panel small,.insight-panel small,.kicker{color:#F4F4F1!important}.result-email{background:#2E3B2F}.result-email .email-link{text-decoration:underline}.headline-match strong{color:#F4F4F1}.result-chapter,.chapter{border-left:4px solid #C62828;padding-left:12px}.score-ring{box-shadow:none}.score-ring>div{background:#080F0D}.score-ring strong,.score-ring small{color:#F4F4F1}.barometer-row{background:#080F0D;border:1px solid #2E3B2F;border-left:6px solid var(--instinct)}.barometer-row:hover,.barometer-row.active{background:#2E3B2F}.barometer-track{background:#2E3B2F;border:1px solid #A7A7A7}.barometer-track i{background:var(--instinct)}.barometer-row strong,.instinct strong,.tierline{color:#F4F4F1!important}.instinct .meter{background:#2E3B2F;border:1px solid #A7A7A7}.instinct .meter span{background:var(--instinct)}.instinct{border-left:6px solid var(--instinct);border-radius:10px}.pie-detail,.share-preview{background:#080F0D;border:1px solid #2E3B2F}.button.pill{background:#080F0D;color:#F4F4F1;border-color:#A7A7A7}.button.pill.active{background:#C62828;color:#F4F4F1;border-color:#C62828}.button.primary{background:#C62828;color:#F4F4F1}.button.primary:hover,.button.pill:hover{background:#6B4E31}.answer .letter{color:#F4F4F1;border-color:#A7A7A7;background:#080F0D}.answer .arrow{color:#F4F4F1}.answer:hover,.answer.chosen{background:#080F0D;border-color:#C62828;box-shadow:inset 4px 0 #C62828}.progress{background:#2E3B2F}.progress span{background:#C62828}.next-quiz-card span,.next-quiz-card strong{color:#F4F4F1}.feedback-intro{font-size:1.05rem;max-width:1000px}.footline{color:#A7A7A7}.tier-step.active{outline:2px solid #C62828}.result-score-panel{border-top:4px solid #C62828}@media(max-width:650px){.brand-cap{height:145px;padding:12px}.brand-cap img{width:280px;height:120px}.direct-lead h1{font-size:2.15rem}.direct-stage{padding-top:4px}}

.brand-cap .brand-logo-light{width:340px;height:142px;max-height:142px;object-fit:contain}.answers .answer .letter{color:#F4F4F1!important}@media(max-width:650px){.brand-cap .brand-logo-light{width:280px;height:120px;max-height:120px}}


/* v0.1.5: PWC result review; dark panels and compact category summaries. */
#app .brand-cap{height:auto;min-height:220px;padding:18px 16px;position:relative}
#app .brand-cap .brand-logo-light{width:min(440px,85vw);height:auto;max-height:none;aspect-ratio:2;object-fit:contain}
#app .results-screen .brand-cap{min-height:155px;padding:18px 16px 8px}
#app .results-screen .brand-cap .brand-logo-light{width:min(290px,75vw)}
#app .shell h1,#app .shell h2,#app .shell h3,#app .chapter,#app .result-chapter,#app .brief-heading{text-transform:none;letter-spacing:.015em}
#app .result-heading h1{color:#C62828;font-weight:900;font-size:clamp(30px,3.4vw,48px)}
#app .direct-lead h1,#app .results h2,#app .results .kicker,#app .result-chapter,#app .chapter{color:#C62828!important}
#app .results .kicker{text-transform:uppercase;letter-spacing:.1em}
#app .result-email{background:rgba(167,167,167,.10);border:1px solid rgba(167,167,167,.25);color:#F4F4F1!important;box-shadow:none}
#app .result-email strong{color:#F4F4F1}
#app .result-email .email-link{color:#C62828!important;font-weight:700}
#app .headline-match{color:#C62828!important}#app .headline-match strong{color:#C62828}
#app .score-ring strong,#app .insight-overall>strong,#app .insight-overall>span{color:var(--result-tier)!important}
#app .score-ring small,#app .score-panel-label,#app .insight-overall small{color:#C62828!important;text-transform:uppercase;letter-spacing:.06em}
#app .pie-panel,#app .insight-panel,#app .caption-panel,#app .pie-detail{background:#14211B;color:#F4F4F1;border:1px solid #35443B;box-shadow:none;text-shadow:none}
#app .pie-panel h3{color:#C62828;text-transform:none;font-size:clamp(24px,2.5vw,32px);font-weight:800}
#app .pie-panel p,#app .insight-panel p,#app .insight-panel .insight-item strong,#app .insight-panel .insight-item span,#app .pie-detail,#app .caption-panel p{color:#F4F4F1!important}
#app .insight-panel small{color:#C62828!important}
#app .barometer-row strong{color:var(--score-colour)!important;background:#080F0D;padding:5px 7px;border-radius:4px}
#app .instinct-grid{display:grid;grid-template-columns:1fr;gap:18px}
#app .results .instinct{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);grid-template-rows:auto;align-items:start;gap:28px;padding:24px 26px;background:#14211B;border:1px solid #35443B;border-left:5px solid var(--instinct);border-radius:14px;color:#F4F4F1;box-shadow:none}
#app .instinct .category-summary{display:flex;flex-direction:column;gap:12px;min-width:0;align-self:start}
#app .results .instinct .instinct-head{display:flex;gap:10px;align-items:start;justify-content:space-between;grid-row:auto}
#app .results .instinct-head h3{font-size:22px;line-height:1.25;display:flex;align-items:center;gap:10px;margin:8px 0 0;color:#F4F4F1}
#app .instinct-head>strong{font-size:24px;color:var(--tier)!important;margin-top:22px;white-space:nowrap}
#app .instinct-no{font-size:11px;color:#A7A7A7;letter-spacing:.08em}
#app .instinct .meter{grid-row:auto;margin:2px 0;height:9px;flex:none}
#app .instinct .meter span{background:var(--instinct)}
#app .instinct .tierline{grid-row:auto;font-size:14px;line-height:1.4;margin:0;color:var(--tier)!important;background:none;padding:0;font-weight:700}
#app .tier-dot{background:var(--tier)}
#app .results .instinct .feedback-copy{grid-column:auto;grid-row:auto;align-self:start;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;color:#F4F4F1}
#app .results .instinct .feedback-copy p{font-size:inherit;line-height:inherit;color:inherit}
#app .results .instinct .category-art{width:36px;height:36px;max-width:36px;flex:0 0 36px;object-fit:contain}
#app .result-hero{padding-top:24px}
#app .share-stage .button{background:#C62828;color:#F4F4F1;border:1px solid #C62828;box-shadow:none}
#app .share-stage .button:hover,#app .share-stage .button:focus-visible{background:#A51E1E;border-color:#F4F4F1}
#app .share-stage .button.pill.active{outline:2px solid #F4F4F1;outline-offset:3px}
#app .caption-panel small{color:#C62828!important;font-size:14px;line-height:1.5}
#app .caption-panel small:first-child{text-transform:uppercase;font-weight:800;letter-spacing:.06em}
#app .next-quiz-text small,#app .next-quiz-text strong{color:#C62828!important}
@media(max-width:800px){#app .results .instinct{grid-template-columns:1fr;padding:22px;gap:18px}#app .results .instinct .feedback-copy{margin:0;font-size:17px}}
@media(max-width:650px){#app .brand-cap{min-height:165px;padding:14px}#app .brand-cap .brand-logo-light{width:min(340px,88vw)}#app .results-screen .brand-cap{min-height:132px}#app .results-screen .brand-cap .brand-logo-light{width:240px}#app .direct-stage{padding-top:10px}#app .result-heading h1{font-size:30px}#app .result-email{font-size:14px}#app .results .instinct-head h3{font-size:21px}}

/* v0.1.6: clearer result hierarchy and square action buttons. */
#app .result-heading h1{color:#F4F4F1!important;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.35)}
#app .result-chapter{text-transform:uppercase!important}
#app .headline-match{color:#A7A7A7!important}
#app .headline-match strong{color:#F4F4F1!important}
#app .score-ring small{color:#F4F4F1!important}
#app .score-panel-label{color:#CBD1CC!important}
#app .button,#app button.answer{border-radius:0!important}

/* v0.1.7: restrained logos and red share frame. */
#app .brand-cap,#app .results-screen .brand-cap{min-height:110px;padding:16px}
#app .brand-cap .brand-logo-light,#app .results-screen .brand-cap .brand-logo-light{width:min(210px,60vw);height:auto;max-height:95px;aspect-ratio:auto}
#app .share-preview{border:2px solid #C62828}
@media(max-width:650px){#app .brand-cap .brand-logo-light,#app .results-screen .brand-cap .brand-logo-light{width:180px}#app .brand-cap,#app .results-screen .brand-cap{min-height:96px}}

/* v0.1.8: Vulture squad result followed by the strongest role. */
#app .role-fit-line{font-size:clamp(18px,2vw,23px);line-height:1.45;font-weight:700;letter-spacing:.015em;margin:0 0 24px}
#app .role-fit-line strong{color:inherit;font-weight:900}

/* v0.1.9: one thin share frame and a shared caption heading style. */
#app .share-preview{border:0;background:transparent;border-radius:0;box-shadow:none}
#app .share-preview img{border:0;border-radius:0}
#app .caption-panel .caption-heading{margin-bottom:12px}
#app .caption-panel small:first-of-type{font-size:14px;line-height:1.5;font-weight:500;letter-spacing:normal;text-transform:none}

/* v0.1.10: give the result introduction room beneath the assessment. */
#app .quiz-what-would-your-role-be-in-the-vultures .result-chapter{margin-bottom:26px}
#app .quiz-what-would-your-role-be-in-the-vultures .headline-match{margin-top:0;margin-bottom:22px}

/* Result rhythm and share controls follow the selected card width. */
#app .quiz-what-would-your-role-be-in-the-vultures .headline-match{margin-bottom:8px}
#app .quiz-what-would-your-role-be-in-the-vultures .headline-match+h1{margin-top:0}
#app .social-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:10px}
#app .social-actions .button{min-width:0;width:100%;padding-left:8px;padding-right:8px}
#app .share-preview[data-shape="portrait"]{max-width:560px}
#app .share-preview[data-shape="portrait"]+.social-actions{max-width:560px}
@media(max-width:420px){#app .social-actions .button{font-size:.72rem;letter-spacing:0}}
@media print{.print-cover-content{width:60%}.print-cover p{max-width:100%}}
#app .social-actions{max-width:690px}
#app .share-preview[data-shape="portrait"],#app .share-preview[data-shape="portrait"]+.social-actions{width:min(100%,544px);max-width:544px}
#app .share-preview img{width:100%;height:auto;max-height:none}

/* Shared mission interaction template: lead, question and result states. */
#app .direct-lead .chapter,#app .formbox .chapter{text-transform:uppercase;color:#E04A4A!important;letter-spacing:.12em}
#app .direct-lead h1,#app .formbox h2{color:#F4F4F1!important}
#app .lead-description{color:#CBD1CC;border-left:3px solid #C62828;padding:4px 0 4px 16px;line-height:1.55}
#app .fieldnote{color:#A7A7A7!important}
#app input:focus,#app input:focus-visible{border-color:#C62828!important;outline:2px solid #C62828!important;outline-offset:3px;box-shadow:0 0 0 3px #C6282826}
#app input[type="checkbox"]{accent-color:#C62828}
#app .answer{border:1px solid #C62828;background:#101B16;color:#F4F4F1!important}
#app .answer:hover:not(:disabled),#app .answer:focus-visible,#app .answer.chosen{background:#22251C;border-color:#E04A4A;color:#F4F4F1!important;box-shadow:inset 4px 0 #C62828}
#app .answer .letter{color:#E04A4A!important;border-color:#A7A7A7;background:#080F0D}
#app .answer .arrow{color:#CBD1CC!important}
#app .answer>span:not(.letter){color:#F4F4F1!important}
#app .question-screen .brand-cap{height:136px;padding:12px 0}
#app .question-screen .brand-cap img{width:240px;height:110px}
#app .question-stage{padding-top:18px}
#app .progress{height:14px;border:1px solid #637168;background:#2E3B2F;box-shadow:inset 0 2px 5px #0008;border-radius:0;overflow:hidden}
#app .progress span{background:linear-gradient(90deg,#8E1818 0%,#C62828 45%,var(--progress-end,#E04A4A) 100%);box-shadow:0 0 12px #E04A4A66;transition:width .25s ease}
#app .pie-detail strong{color:#E04A4A!important}
#app .pie-detail span{color:#F4F4F1!important}
#app .insight-item strong,#app .insight-item>span{color:var(--category-tier,#F4F4F1)!important}
@media(max-width:650px){#app .question-screen .brand-cap{height:112px}#app .question-screen .brand-cap img{width:200px;height:90px}#app .question-stage{padding-top:12px}}
#app .direct-lead .fieldnote,#app .formbox .fieldnote{color:#E04A4A!important}
#app .consent-line a{color:#E04A4A}

/* Question readability and category colours override legacy white rules. */
#app .direct-lead h1{font-size:clamp(1.8rem,3.1vw,2.6rem);line-height:1.12}
#app .question-card h1{font-size:clamp(1.45rem,2.25vw,2.15rem);line-height:1.2;margin:14px 0 24px}
#app .question-card .kicker{color:#E04A4A!important;text-transform:uppercase;font-size:.9rem;letter-spacing:.12em}
#app .scene-top .chapter{font-size:clamp(.95rem,1.4vw,1.15rem);color:#F4F4F1!important;background:#080F0DEB;padding:10px 14px;border:1px solid #35443B;border-left:4px solid #C62828;text-shadow:0 1px 2px #000;letter-spacing:.035em}
#app .question-screen .answer:hover:not(:disabled),#app .question-screen .answer:focus-visible,#app .question-screen .answer.chosen{background:#F0E9DD!important;color:#080F0D!important;border-color:#E04A4A;box-shadow:inset 4px 0 #C62828}
#app .question-screen .answer:hover:not(:disabled)>span:not(.letter),#app .question-screen .answer:focus-visible>span:not(.letter),#app .question-screen .answer.chosen>span:not(.letter){color:#080F0D!important}
#app .question-screen .answer:hover .letter,#app .question-screen .answer:focus-visible .letter,#app .question-screen .answer.chosen .letter{background:transparent;border-color:#637168;color:#C62828!important}
#app .insight-panel .insight-item strong,#app .insight-panel .insight-item span{color:var(--category-tier,#F4F4F1)!important}
#app .result-mail-status{font-size:.9rem;color:#CBD1CC;margin:12px 0 0}
#app .result-mail-status.mail-failed,#app .result-mail-status.mail-disabled{color:#FFB36A}

/* Translucent light hover retains the darker answer text. */
#app .question-screen .answer:hover:not(:disabled),#app .question-screen .answer:focus-visible,#app .question-screen .answer.chosen{background:rgba(240,233,221,.78)!important;transition:background .15s ease,color .15s ease}

/* All mission classifications share the same gray label and spacing. */
#app .result-story .headline-match{color:#A7A7A7!important;margin-top:0;margin-bottom:8px}
#app .result-story .result-chapter{margin-bottom:26px}
#app .result-story .headline-match+h1{margin-top:0}
#app .question-screen .answer:hover:not(:disabled),#app .question-screen .answer:focus-visible,#app .question-screen .answer.chosen{background:rgba(240,233,221,.60)!important;font-weight:700}
#app .question-screen #back{border:1px solid #C62828!important;background:#14211B;color:#F4F4F1}
#app .mission-loading-art{position:relative;width:min(100%,380px);height:140px;margin:0 auto 24px;border:1px solid #C62828;overflow:hidden}
#app .mission-loading-art img{width:100%;height:100%;object-fit:cover;opacity:.8}
#app .mission-loading-art span{position:absolute;left:0;bottom:0;height:3px;width:35%;background:#E04A4A;animation:mission-scan 1.4s ease-in-out infinite alternate}
@keyframes mission-scan{to{left:65%}}
@media(prefers-reduced-motion:reduce){#app .mission-loading-art span{animation:none;width:100%}}

/* v0.1.16: answer circles, destination panel and balanced result classification. */
#app .question-screen .answer:hover .letter,
#app .question-screen .answer:focus-visible .letter,
#app .question-screen .answer.chosen .letter{border-color:#C62828!important;color:#C62828!important}
#app #email-modal .kicker{color:#E04A4A!important;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.12em}
#app #email-modal #modal-title{font-size:clamp(1.8rem,4vw,2.5rem)!important;line-height:1.12;text-transform:none;margin:16px 0 20px}
#app .insight-overall{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px 20px}
#app .insight-overall small{grid-column:1/-1;width:auto}
#app .insight-overall>strong{font-size:clamp(2.8rem,4vw,3.5rem);line-height:1}
#app .insight-overall>span{font-size:clamp(1.35rem,2.1vw,1.7rem);line-height:1.03;font-weight:800;overflow-wrap:normal;text-wrap:balance}
@media(max-width:380px){#app .insight-overall{gap:12px}#app .insight-overall>strong{font-size:2.8rem}#app .insight-overall>span{font-size:1.3rem}}

/* Mission status follows the assessment-label convention. */
#app .result-story .story-status{text-transform:uppercase}

/* White letter-circle fill only; existing tile hover appearance stays intact. */
#app .question-screen .answer:hover .letter,
#app .question-screen .answer:focus-visible .letter{background:#FFFFFF!important}

/* Bone White answer hover, matching the brand palette. */
#app .question-screen .answer:hover,
#app .question-screen .answer:focus-visible{background:#F4F4F1!important;color:#080F0D!important}

/* Red status markers and a clear spoiler notice. */
#app .result-copy .feedback-status{color:#E04A4A!important;font-weight:800}
#app .spoiler-warning{color:#E04A4A!important;border-left-color:#C62828!important}

#app #manual-caption{display:block;width:100%;min-height:140px;margin-top:16px;padding:16px;background:#F4F4F1;color:#080F0D;border:1px solid #C62828;font:inherit;line-height:1.5;resize:vertical}
#app .share-open-link{display:inline-block;color:#E04A4A;font-weight:800;text-decoration:underline;margin-top:8px}

/* Proportionate processing card, shared by all missions. */
#app .result-loading-card{width:min(100%,650px);padding:32px clamp(22px,4vw,40px)}
#app .result-loading-card>.kicker{color:#E04A4A!important;font-size:.85rem;font-weight:800;letter-spacing:.14em;margin-bottom:14px}
#app .result-loading-card h1{font-size:clamp(1.7rem,3vw,2.25rem)!important;line-height:1.12;max-width:510px;margin:0 auto 16px;text-transform:none;text-wrap:balance}
#app .result-loading-card p{font-size:1rem;line-height:1.6;color:#A7A7A7!important;margin:0}
#app .result-loading-card .mission-loading-art{margin-bottom:22px}

/* Consistent question/answer colours throughout the mission flow. */
#app .question-screen .question-card h1,#app .question-screen .question-card h2{color:#C62828!important}
#app .question-screen .answer,#app .question-screen .answer span,#app .question-screen .answer.chosen .letter{color:#F4F4F1!important}

/* 0.2.7: scored bars stay distinct from their track; share controls fit one width. */
#app .barometer-track{background:#080F0D!important;border:1px solid #A7A7A7}#app .barometer-track i{background:var(--score-colour)!important}
#app .instinct .meter{background:#080F0D!important;border:1px solid #A7A7A7}#app .instinct .meter span{background:var(--tier)!important}
#app .share-controls{display:block!important;width:100%;max-width:100%;min-width:0}#app .share-controls .caption-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}#app .share-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:100%;margin-top:24px}#app .share-actions .button{width:100%;max-width:100%;min-width:0;white-space:normal;line-height:1.4;padding:16px 12px;letter-spacing:.06em}
#app .recorded-call{margin-top:20px;padding-top:18px;border-top:1px solid #A7A7A7}#app .recorded-call .kicker{color:#C62828;font-size:12px}#app .recorded-call .decision-prompt{font-size:15px;margin:10px 0}#app .recorded-call blockquote{margin:12px 0;padding-left:15px;border-left:3px solid #C62828;font-weight:700}#app .recorded-call p{font-size:16px;line-height:1.55}#app .profile-contrast{padding-top:18px;border-top:1px solid #A7A7A7;font-size:16px}
@media(max-width:800px){#app .share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){#app .share-actions{grid-template-columns:1fr}}
/* 0.2.8: restore the wider caption layout requested after the narrow social-width version. */
#app .share-controls{width:100%!important;max-width:100%!important}
#app .share-controls .caption-panel{width:100%!important;min-width:0!important;max-width:100%!important}
#app .share-actions .button{font-size:13px!important;letter-spacing:.035em!important}

/* 0.2.9: the button row determines the caption's width; both share one right edge. */
#app .share-controls{display:inline-grid!important;grid-template-columns:minmax(0,max-content)!important;width:max-content!important;max-width:100%!important;min-width:0!important}
#app .share-controls .caption-panel{width:0!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#app .share-controls .share-actions{display:flex!important;flex-wrap:nowrap!important;gap:14px;width:max-content!important;max-width:100%!important;margin-top:24px}
#app .share-controls .share-actions .button{width:auto!important;flex:0 0 auto!important;min-width:0!important;padding:16px 18px!important;font-size:13px!important}
@media(max-width:800px){#app .share-controls{display:block!important;width:100%!important}#app .share-controls .caption-panel{width:100%!important;min-width:0!important}#app .share-controls .share-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}#app .share-controls .share-actions .button{width:100%!important}}
@media(max-width:440px){#app .share-controls .share-actions{grid-template-columns:1fr!important}}

/* 0.2.13: one self-hosted heading font for all eighteen mission flows. */
@font-face{font-family:Anton;src:url(fonts/Anton-Regular.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
.shell h1,.shell h2,.shell h3,.direct-lead h1{font-family:Anton,'Arial Narrow',Arial,sans-serif;font-weight:400;font-synthesis:none}
.shell,.shell button,.shell input{font-family:Arial,Helvetica,sans-serif}
.shell .score-ring strong,.shell .instinct strong{font-family:Arial,Helvetica,sans-serif}

/* 0.2.14: challenge questions are white; compact result labels keep their intended lines. */
#app .challenge-mission.question-screen .question-card h1{color:#F4F4F1!important}
#app .challenge-mission.question-screen .answer{color:#F4F4F1!important}
#app .insight-overall>span{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.12}
#app .insight-overall .result-tier-line{display:block;white-space:nowrap}
#app .result-story>h1{font-size:clamp(2.8rem,5.25vw,4.8rem);line-height:1.05}

/* 0.2.15 private completion record and proportionate outcome titles. */
#app .result-story>h1{font-size:clamp(2.6rem,4.9vw,4.45rem)!important;line-height:1.08}
#app .insight-overall{--index-size:clamp(2.8rem,4vw,3.5rem)}
#app .insight-overall>strong{font-size:var(--index-size);line-height:1}
#app .insight-overall>span{font-size:calc(var(--index-size) * .5)!important;line-height:1!important;display:flex;flex-direction:column;justify-content:center;min-height:var(--index-size);text-wrap:initial}
#app .insight-overall .result-tier-line{line-height:1;white-space:nowrap}
.mission-completion-record{display:flex;flex-wrap:wrap;gap:8px 24px;border-left:3px solid #C62828;padding:10px 14px;margin:12px 0;font:16px/1.45 Arial;color:#F4F4F1}.mission-completion-record strong{font:700 16px Arial!important}.mission-completion-record time{color:#A7A7A7}

/* 0.2.16: all mission questions and outcome typography. */
#app .question-screen .question-card h1,#app .question-screen .question-card h2,#app .question-screen .answer{color:#F4F4F1!important}
#app .result-story>h1{font-size:clamp(2.35rem,4.35vw,4rem)!important;line-height:1.12}
#app .insight-overall>span{color:var(--result-tier)!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:800;min-height:0;line-height:1!important}
#app .insight-overall>strong{font-family:Arial,Helvetica,sans-serif!important;font-weight:800;align-self:center}

#app .insight-overall .result-tier-line{font-size:inherit!important;font-family:inherit!important;font-weight:inherit;color:inherit!important;line-height:inherit!important}

/* 0.2.18: category score bars consistently follow the score band; original edging retained. */
#app .barometer-track i{border:0!important;box-shadow:none!important}