/* The job-cycle blueprint system */
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M32 0H0V32' fill='none' stroke='%233528B5' stroke-opacity='.045' stroke-width='.7'/%3E%3C/svg%3E")}
.title-block{display:grid;grid-template-columns:1fr auto auto;gap:0;border-top:1px solid var(--indigo);border-bottom:1px solid var(--indigo);color:var(--indigo);text-transform:uppercase}
.title-block p{display:flex;flex-direction:column;justify-content:center;min-height:44px;margin:0;padding:7px 12px;border-right:1px solid var(--indigo);font-size:.57rem;line-height:1.2;letter-spacing:.12em}.title-block p:first-child{padding-left:0}.title-block p:last-child{padding-right:0;border-right:0}.title-block span{opacity:.62}.title-block strong{font-size:.66rem}
.intro.is-active{grid-template-rows:auto minmax(210px,1fr) auto auto auto}.intro-blueprint{height:112px;margin:-8px 0 7px;overflow:hidden}.blueprint svg,.mini-blueprint svg{display:block;width:100%;height:100%;overflow:visible}.blueprint svg *,.mini-blueprint svg *{vector-effect:non-scaling-stroke}
.bp-line{fill:none;stroke:var(--indigo);stroke-width:1.5}.draw-line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-blueprint 2s var(--ease) .15s forwards}.bp-stage circle{fill:var(--paper);stroke:var(--indigo);stroke-width:1.5}.bp-stage text{fill:var(--indigo);font-family:var(--sans);text-anchor:middle}.bp-num{font-size:10px;font-weight:700}.bp-label{font-size:8px;font-weight:700;letter-spacing:.07em}.intro-blueprint .bp-stage{opacity:0;animation:stage-appear .32s var(--ease) forwards}.intro-blueprint .bp-stage:nth-of-type(2){animation-delay:.3s}.intro-blueprint .bp-stage:nth-of-type(3){animation-delay:.48s}.intro-blueprint .bp-stage:nth-of-type(4){animation-delay:.66s}.intro-blueprint .bp-stage:nth-of-type(5){animation-delay:.84s}.intro-blueprint .bp-stage:nth-of-type(6){animation-delay:1.02s}.intro-blueprint .bp-stage:nth-of-type(7){animation-delay:1.2s}.intro-blueprint .bp-stage:nth-of-type(8){animation-delay:1.38s}.intro-blueprint .bp-stage:nth-of-type(9){animation-delay:1.56s}
.mini-blueprint{position:fixed;z-index:4;left:0;right:0;top:0;height:42px;padding:4px max(18px,calc((100vw - 880px)/2));background:var(--paper);border-bottom:1px solid rgba(53,40,181,.3)}.mini-blueprint .bp-line{stroke:var(--line)}.mini-blueprint .bp-stage circle{transition:fill .35s var(--ease),stroke .35s}.mini-blueprint .bp-stage.complete circle{fill:var(--indigo)}.mini-blueprint .bp-stage.complete text{fill:var(--paper)}.quiz{padding-top:max(58px,env(safe-area-inset-top))}.quiz-title{display:flex;flex-direction:column;align-items:flex-end}.quiz-title small{margin-top:3px;color:var(--indigo);font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.result-title-block{width:100%;flex:0 0 auto}.results{justify-content:flex-start}.result-blueprint-wrap{text-align:left}.result-blueprint{height:clamp(190px,30vh,290px)}.result-blueprint .result-line{stroke-dasharray:1;stroke-dashoffset:1}.result-blueprint.is-revealing .result-line{animation:draw-blueprint 1s var(--ease) forwards}.flow-arrow{fill:none;stroke:var(--indigo);stroke-width:1.5}.result-blueprint .bp-stage{cursor:pointer;opacity:0;transform-box:fill-box;transform-origin:center}.result-blueprint.is-revealing .bp-stage{animation:result-stage-in .38s var(--ease) var(--stage-delay) forwards}.result-blueprint .bp-stage.tight circle{fill:var(--indigo)}.result-blueprint .bp-stage.tight .bp-num{fill:var(--paper)}.result-blueprint .bp-stage.leaking circle{fill:var(--paper);stroke:var(--amber);stroke-width:3}.result-blueprint .bp-stage.leaking text{fill:var(--amber)}.result-blueprint .bp-check{fill:none;stroke:var(--paper);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}.result-blueprint .bp-stage.tight .bp-check{opacity:1}.result-blueprint.is-revealing .bp-stage.leaking{animation:result-stage-in .38s var(--ease) var(--stage-delay) forwards,leak-breathe 2s ease-in-out calc(var(--stage-delay) + .5s) infinite}.result-blueprint .bp-stage:focus-visible{outline:none}.result-blueprint .bp-stage:focus-visible circle{stroke-width:5}.stage-annotation{min-height:40px;margin:4px 0 0;padding:10px 12px;border-left:2px solid var(--amber);color:var(--ink);font-size:.84rem;font-weight:500;line-height:1.3}.result-blueprint-wrap .section-label{margin-bottom:4px}
.dollar-stamp{display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;padding:11px 14px;border:2px solid var(--amber);color:var(--amber);text-align:left;transform:rotate(-.35deg);animation:stamp-settle .38s var(--ease) .75s both}.dollar-stamp span{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dollar-stamp strong{grid-row:1/3;grid-column:2;font:clamp(2rem,7vw,3.4rem)/.8 var(--serif)}.dollar-stamp small{margin-top:3px;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.save-sheet{position:relative}.save-sheet::before{content:'↓';display:inline-block;margin-right:7px;text-decoration:none}.leak-map{padding-top:10px;padding-bottom:10px}.leak-map .diagnosis{display:none}
@keyframes draw-blueprint{to{stroke-dashoffset:0}}@keyframes stage-appear{from{opacity:0}to{opacity:1}}@keyframes result-stage-in{from{opacity:0}to{opacity:1}}@keyframes leak-breathe{0%,100%{filter:drop-shadow(0 0 0 rgba(217,119,6,0))}50%{filter:drop-shadow(0 0 5px rgba(217,119,6,.48))}}@keyframes stamp-settle{from{opacity:0;transform:rotate(-.35deg) scale(1.05)}to{opacity:1;transform:rotate(-.35deg) scale(1)}}
@media(max-width:520px){.title-block{grid-template-columns:minmax(0,1fr) 88px 104px}.title-block p{min-width:0;min-height:36px;padding:5px 7px}.title-block p:first-child{max-width:none}.title-block p:first-child span{display:none}.title-block strong{font-size:.6rem;letter-spacing:.07em}.intro.is-active{grid-template-rows:auto minmax(175px,1fr) 85px auto auto}.intro-blueprint{height:82px;margin:-6px 0 2px}.intro-blueprint .bp-label{font-size:7px}.results{gap:8px;padding-top:14px;padding-bottom:14px}.result-title-block{margin-bottom:2px}.result-top .eyebrow{display:none}.score-composition{margin-top:0}.score-wrap #score{font-size:6.4rem}.verdict{margin-top:6px;font-size:.9rem}.result-blueprint{height:178px}.result-blueprint .bp-label{font-size:10px}.result-blueprint .bp-num{font-size:12px}.stage-annotation{min-height:34px;padding:7px 10px;font-size:.72rem}.leak-map{border-top:0;padding-top:2px}.bar-row{margin:5px 0}.bar-track{height:7px}.dollar-stamp{padding:8px 10px}.dollar-stamp strong{font-size:2rem}.result-actions{gap:0 10px}.result-actions .primary{min-height:46px;padding:10px 14px}.share-status{display:none}}
@media(max-height:670px) and (max-width:520px){.intro.is-active{grid-template-rows:auto minmax(150px,1fr) 70px auto auto}.intro-blueprint{height:68px}.result-title-block{display:none}.score-wrap #score{font-size:5.4rem}.result-blueprint{height:145px}.result-blueprint .bp-label{font-size:9px}.stage-annotation{min-height:30px}.bar-row{margin:3px 0}.dollar-stamp strong{font-size:1.7rem}.result-actions .text-button{min-height:32px}}
.review-title-block,.estimate-title-block{margin-bottom:24px}@media(max-width:420px){.start-row>p{display:block!important;font-size:.67rem}.review-title-block,.estimate-title-block{margin-bottom:16px}}
.result-blueprint .bp-stage.tight .bp-num{fill:var(--indigo)}.result-blueprint .node-number{font-size:13px;letter-spacing:.06em}.result-blueprint .bp-label{font-size:14px;letter-spacing:.04em}
@media(prefers-reduced-motion:reduce){.draw-line,.intro-blueprint .bp-stage,.result-blueprint.is-revealing .result-line,.result-blueprint.is-revealing .bp-stage,.dollar-stamp{animation:none}.draw-line,.result-blueprint .result-line{stroke-dashoffset:0}.intro-blueprint .bp-stage,.result-blueprint .bp-stage{opacity:1}}
