.quizPage{background:var(--journal-paper);color:var(--journal-ink)}.quizStage{margin-inline:auto;max-width:980px;min-height:calc(100svh - 5rem);padding:clamp(2rem,6vw,4.5rem) 1.25rem;scroll-margin-top:4.5rem}.quizKicker{color:var(--journal-red);font-size:.74rem;font-weight:900;letter-spacing:.22em;margin:0;text-transform:uppercase}.quizAudience p:last-child,.quizComputing p:last-child,.quizIntro h1,.quizMapBand p:not(.quizKicker),.quizPlay h2,.quizProfiles h2,.quizResult h1,.quizResult h2{font-family:var(--font-editorial-display),var(--font-display),"Arial Narrow",sans-serif;font-weight:400;letter-spacing:-.01em;line-height:.95;margin:0;text-transform:uppercase}.quizIntro{max-width:46rem}@media (min-width:861px){.quizStage:has(.quizIntro){max-width:1160px}.quizIntro{align-items:start;-moz-column-gap:clamp(2.5rem,5vw,4.5rem);column-gap:clamp(2.5rem,5vw,4.5rem);display:grid;grid-template-areas:"kicker kicker" "title title" "line line" "lead parade" "button parade" "note parade";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto auto 1fr;max-width:none}.quizIntro>.quizKicker{grid-area:kicker}.quizIntro h1{font-size:clamp(6rem,10.5vw,9.5rem);grid-area:title}.quizUnderline{grid-area:line}.quizIntroLead{grid-area:lead}.quizIntro .quizParade{align-self:center;grid-area:parade;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.6rem}.quizIntro .quizPrimary{grid-area:button;justify-self:start}.quizIntroNote{grid-area:note}}.quizIntro h1{font-size:clamp(4.4rem,13vw,8.2rem);margin-top:1rem}.quizIntro h1 span{color:var(--journal-green);display:block}.quizUnderline{background:var(--journal-ink);display:block;height:3px;margin-top:1.4rem;width:4rem}.quizIntroLead{font-family:var(--font-serif),Georgia,serif;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.65;margin:1.3rem 0 0;max-width:36rem}.quizIntroNote{color:#62665f;font-size:.82rem;font-weight:800;margin:.9rem 0 0}.quizArt,.quizComputingArt,.quizNeighbourArt,.quizParadeArt,.quizProfileArt{align-items:center;background:var(--tint);border:1px solid var(--journal-line);border-radius:50%;display:flex;flex:none;justify-content:center;overflow:hidden}.quizArt img,.quizComputingArt img,.quizNeighbourArt img,.quizParadeArt img,.quizProfileArt img{height:80%;width:80%}.quizParade{display:grid;gap:.75rem;grid-template-columns:repeat(8,minmax(0,1fr));margin-top:2rem}.quizParadeArt{aspect-ratio:1}.quizParadeArt:nth-child(odd){transform:rotate(-4deg)}.quizParadeArt:nth-child(2n){transform:rotate(3deg)}.quizPrimary,.quizShareMain{align-items:center;background:var(--journal-green);border:0;border-radius:.85rem;box-shadow:0 10px 24px rgb(6 53 38/.16);color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:.95rem;font-weight:900;justify-content:center;min-height:3.55rem;padding:0 2rem;transition:background .16s ease,transform .16s ease}.quizPrimary{margin-top:2rem;min-width:min(100%,20rem)}.quizTakeTest{margin-top:.4rem;text-decoration:none;width:100%}.quizTakeTestNote{color:#62665f;font-size:.8rem;font-weight:800;margin:.45rem 0 .2rem;text-align:center}.quizPrimary:hover,.quizShareMain:hover{background:var(--journal-green-dark);transform:translateY(-1px)}.quizTextButton{background:none;border:0;color:var(--journal-green);cursor:pointer;font:inherit;font-size:.9rem;font-weight:900;margin-top:1rem;min-height:2.75rem;padding:0;text-decoration:underline;text-underline-offset:.25rem}.quizPlay{margin-inline:auto;max-width:42rem}.quizSteps{display:flex;gap:.3rem;margin-top:.8rem}.quizSteps i{background:var(--journal-line);border-radius:3px;flex:1;height:6px;transition:background .2s ease}.quizSteps i[data-done=true]{background:var(--journal-ink)}.quizPlay h2{animation:quiz-in .26s ease both;font-size:clamp(2.8rem,9vw,4.4rem);margin:1.6rem 0 1.4rem}.quizAnswers{animation:quiz-in .3s ease 40ms both;display:grid;gap:.65rem}.quizAnswers button{align-items:center;background:#fffdf8;border:1px solid var(--journal-line);border-radius:.85rem;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:1rem;font-weight:800;gap:1rem;line-height:1.35;min-height:4rem;padding:.75rem 1rem;text-align:left;transition:border-color .14s ease,transform .14s ease}.quizAnswers button span{color:var(--journal-green);flex:none;font-family:var(--font-editorial-display),sans-serif;font-size:1.9rem;font-weight:400;line-height:1;width:1.5rem}@media (hover:hover){.quizAnswers button:hover{border-color:var(--journal-ink);transform:translateX(3px)}}.quizComputing{align-items:center;background:var(--journal-green-dark);color:#fffdf8;display:flex;flex-direction:column;justify-content:center;min-height:70svh;padding:2rem;text-align:center}.quizComputingArt{height:9.5rem;width:9.5rem}.quizComputing .quizKicker{color:#f2c85a;margin-top:1.8rem}.quizComputing p:last-child{font-size:clamp(2.6rem,8vw,3.6rem);margin-top:.7rem}.quizDone{animation:quiz-in .42s ease both}.quizResult{display:grid;gap:2.5rem}.quizResultHead{align-items:start;display:grid;gap:.9rem 2.5rem;grid-template-areas:"art kicker" "art title" "art actions";grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr}.quizResultHead>.quizKicker,.quizResultHead>.quizLegendary{grid-area:kicker}.quizLegendary{background:var(--journal-mustard);color:var(--journal-ink);font-size:.74rem;font-weight:900;justify-self:start;letter-spacing:.16em;margin:0;padding:.4rem .75rem;text-transform:uppercase}.quizResultArt{align-items:center;aspect-ratio:1;background:var(--tint);border:1px solid var(--journal-line);display:flex;grid-area:art;justify-content:center;position:relative}.quizResult[data-legendary=true] .quizResultArt{border:3px solid var(--journal-mustard)}.quizResultArt>img:first-child{height:82%;width:82%}.quizResultStamp{bottom:-1.2rem;height:auto;position:absolute;right:-.8rem;rotate:-10deg;width:clamp(4.5rem,28%,7.5rem)}.quizResultTitle{grid-area:title}.quizResultActions{grid-area:actions}.quizResultLead{font-family:var(--font-serif),Georgia,serif;font-size:1.1rem;font-style:italic;margin:0}.quizResult h1,.quizResult h2{font-size:clamp(2.3rem,6vw,4.2rem);margin-top:.2rem}.quizResultTagline{color:var(--journal-red);font-family:var(--font-serif),Georgia,serif;font-size:clamp(1.1rem,2.4vw,1.4rem);font-style:italic;line-height:1.35;margin:.6rem 0 0}.quizResultDetails{margin-inline:auto;max-width:44rem;width:100%}.quizResultText{font-size:1rem;line-height:1.7;margin:0}.quizFacts{border-top:1px solid var(--journal-ink);margin:1.4rem 0 0}.quizFacts div{border-bottom:1px solid var(--journal-line);display:grid;gap:1rem;grid-template-columns:.8fr 1.2fr;padding:.8rem 0}.quizFacts dt{font-size:.82rem;font-weight:900}.quizFacts dd{margin:0}.quizMimi{background:#fffdf8;box-shadow:0 8px 20px rgb(17 18 15/.08);font-family:var(--font-serif),Georgia,serif;font-size:1.15rem;line-height:1.45;margin:1.6rem .3rem 0;padding:1rem 1.2rem;transform:rotate(-1.5deg)}.quizMimi span{color:var(--journal-red);display:block;font-family:var(--font-sans),sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.12em;margin-bottom:.35rem;text-transform:uppercase}.quizNeighbours{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.6rem}.quizNeighbour{border:1px solid var(--journal-line);color:inherit;display:flex;flex-direction:column;gap:.45rem;padding:.8rem;text-decoration:none;transition:border-color .14s ease}.quizNeighbour:hover{border-color:var(--journal-ink)}.quizNeighbourArt{height:3.5rem;width:3.5rem}.quizNeighbour small{color:var(--journal-green);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quizNeighbour[data-tone=worst] small{color:var(--journal-red)}.quizNeighbour strong{font-size:.9rem;line-height:1.3}.quizShare{margin-top:.4rem}.quizShareMain{width:100%}.quizShareRow{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.6rem}.quizShareRow>*{align-items:center;background:#fffdf8;border:1px solid var(--journal-ink);border-radius:.75rem;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:.85rem;font-weight:900;justify-content:center;line-height:1.2;min-height:3.1rem;padding:.4rem;text-align:center;text-decoration:none}.quizShareRow>:hover{background:var(--journal-paper)}.quizShareNotice{color:var(--journal-green);font-size:.85rem;font-weight:800;margin:.4rem 0 0;overflow-wrap:anywhere}.quizShareNotice:empty{display:none}.quizAudience,.quizMapBand{background:var(--journal-green-dark);color:#fffdf8;padding:clamp(2rem,5vw,3.2rem) clamp(1.25rem,5vw,3.5rem)}.quizMapBand{margin-top:2.5rem}.quizMapBandLinks{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1rem}.quizMapBandLinks>*{background:none;border:0;color:#fffdf8;cursor:pointer;font:inherit;font-size:.9rem;font-weight:800;min-height:2.75rem;padding:0;text-decoration:underline;text-underline-offset:.25rem}.quizStage:has(.quizDone)~.mapCta,.quizStage:has(.quizDone)~.quizAudience,.quizStage:has(.quizDone)~.quizProfiles{display:none}.quizProfiles{scroll-margin-top:4.5rem}.quizAudience .quizKicker,.quizMapBand .quizKicker{color:#f2c85a}.quizAudience p:last-child,.quizMapBand p:not(.quizKicker){font-size:clamp(2.2rem,5vw,3.4rem);margin-top:.7rem;max-width:46rem}.quizMapBand>a{align-items:center;background:#fffdf8;border-radius:.75rem;color:var(--journal-green-dark);display:inline-flex;font-weight:900;margin-top:1.3rem;min-height:3.3rem;padding:0 1.4rem;text-decoration:none}.quizProfiles{margin-inline:auto;max-width:1240px;padding:clamp(3.5rem,8vw,6rem) 1.25rem}.quizProfiles h2{font-size:clamp(2.8rem,7vw,5.2rem);margin:.8rem 0 2.4rem}.quizProfiles h2 span{color:var(--journal-green)}.quizProfiles ul{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.quizProfiles a{background:#fffdf8;border:1px solid var(--journal-line);color:inherit;display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.1rem;text-decoration:none;transition:border-color .14s ease,transform .14s ease}.quizProfiles a:hover{border-color:var(--journal-ink);transform:translateY(-2px)}.quizProfileArt{align-self:center;aspect-ratio:1;margin-bottom:.5rem;width:70%}.quizProfiles a[data-legendary=true]{border:2px solid var(--journal-mustard)}.quizProfiles a[data-legendary=true] small{color:#6f5207}.quizLegends{margin-top:clamp(3rem,7vw,5rem)}.quizLegends>p:not(.quizKicker){font-family:var(--font-serif),Georgia,serif;font-size:1.1rem;line-height:1.6;margin:-1.2rem 0 2rem;max-width:40rem}.quizLegends h2 span{color:var(--journal-mustard-shadow)}.quizProfiles small{color:var(--journal-red);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quizProfiles strong{font-family:var(--font-editorial-display),sans-serif;font-size:1.6rem;font-weight:400;line-height:.98;text-transform:uppercase}.quizProfiles em{color:#4f534c;font-family:var(--font-serif),Georgia,serif;font-size:.92rem;line-height:1.45}@keyframes quiz-in{0%{opacity:0;transform:translateY(12px)}}@media (max-width:860px){.quizResultHead{gap:.75rem;grid-template-areas:"kicker" "art" "title" "actions";grid-template-columns:1fr;grid-template-rows:none}.quizResultArt{aspect-ratio:auto;height:min(26svh,13rem)}.quizResultArt>img:first-child{height:88%;width:auto}.quizResultStamp{bottom:-.9rem;right:-.4rem;width:4.6rem}.quizResult h1,.quizResult h2{font-size:clamp(2.1rem,9vw,2.8rem)}.quizShareMain{min-height:3.2rem}.quizShareRow>*{font-size:.76rem;min-height:2.9rem}.quizProfiles ul{grid-template-columns:repeat(2,minmax(0,1fr))}.quizParade{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:480px){.quizStage:has(.quizResult){padding-top:1rem}.quizFacts div{grid-template-columns:1fr;gap:.2rem}}@media (prefers-reduced-motion:reduce){.quizPage *{animation:none!important;transition:none!important}}