.village-demo-section{background:var(--sbd-night);color:var(--sbd-cream)}.village-demo-heading{max-width:800px;margin-bottom:30px}.village-demo-heading .eyebrow,.village-demo-heading h2 span{color:var(--sbd-gold)}.village-demo-heading h2{font:600 clamp(2.3rem,5vw,4.4rem)/1.12 var(--sbd-display);color:var(--sbd-cream)}.village-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.village-demo-world{margin:0;position:relative;min-width:0}.village-demo-world>img{display:block;width:100%;height:auto;border-radius:26px}.village-demo-world figcaption{font-size:.85rem;margin-top:16px}
.village-demo-lanterns{display:flex;justify-content:center;gap:20px;margin-top:24px}.village-demo-lanterns>span{display:grid;place-items:center;width:60px;height:72px;border:3px solid var(--sbd-lavender);border-radius:28px 28px 18px 18px;color:var(--sbd-lavender);transition:background .3s ease,color .3s ease}.village-demo-lanterns svg{width:34px;height:34px}.village-demo-lanterns>.is-lit{background:var(--sbd-gold);color:var(--sbd-night);border-color:var(--sbd-gold);box-shadow:0 0 25px color-mix(in srgb,var(--sbd-gold),transparent 50%)}
.village-demo-panel{background:var(--sbd-cream);border-radius:28px;padding:26px;color:var(--sbd-night);min-width:0}.village-demo-score{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:700 1rem var(--sbd-ui);margin-bottom:22px}.village-demo-score strong{background:var(--sbd-gold);padding:7px 12px;border-radius:99px}.village-demo h3{font:600 clamp(1.4rem,2.3vw,2rem)/1.3 var(--sbd-display);margin-bottom:20px}.village-demo-answer{display:block;width:100%;text-align:left;border:2px solid var(--sbd-night);border-radius:18px;background:var(--sbd-sky);color:var(--sbd-night);padding:15px 18px;margin-bottom:13px;min-height:54px;font:700 1.13rem/1.4 var(--sbd-ui);cursor:pointer}.village-demo-answer:nth-child(2){background:var(--sbd-gold)}.village-demo-answer:nth-child(3){background:var(--sbd-lavender)}.village-demo-answer.is-tried{border-style:dashed}.village-demo-answer.is-correct{background:var(--sbd-teal);color:var(--sbd-cream);border-color:var(--sbd-teal-dark)}.village-demo-answer:disabled{cursor:default}.village-demo button:focus-visible{outline:4px solid var(--sbd-teal);outline-offset:4px}
.village-demo-mentor{display:flex;gap:15px;padding-block:20px;align-items:flex-start}.village-demo-mentor img{width:65px;height:105px;object-fit:cover;border-radius:15px}.village-demo-mentor strong{font:600 1.2rem var(--sbd-display)}.village-demo-mentor p{font-size:1rem;line-height:1.6;margin-top:8px}.village-demo-disclaimer{font-size:.85rem;line-height:1.5;margin:20px 0 0}.village-demo-source{margin-top:28px}.village-demo-source summary{cursor:pointer;min-height:44px;font-weight:800}.village-demo-source p{max-width:85ch}.village-demo [hidden]{display:none}.village-demo .button{white-space:normal;max-width:100%}
@media(max-width:900px){.village-demo{grid-template-columns:1fr}}@media(max-width:540px){.village-demo-panel{padding:20px}.village-demo-mentor img{width:52px;height:84px}}
@media(prefers-reduced-motion:reduce){.village-demo *{animation:none!important;transition:none!important}}