:root{--ink:#15100d;--brown:#451800;--yellow:#ffe52b;--teal:#00cee5;--pink:#f52685;--paper:#fff9e9;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--yellow)}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.55;background-image:radial-gradient(#45180024 1px,transparent 1.2px);background-size:9px 9px}[hidden]{display:none!important}button,input{font:inherit}a{color:inherit}button,a{touch-action:manipulation}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem max(1.2rem,calc((100vw - 1100px)/2));background:var(--paper);border-bottom:4px solid var(--ink)}.wordmark{font-family:'Bangers',Impact,sans-serif;font-size:2.5rem;line-height:1.1;letter-spacing:.03em;text-decoration:none;color:var(--pink);-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px var(--ink)}.wordmark span{color:var(--teal)}.home-link{font-size:.875rem;font-weight:800}main{max-width:50rem;margin:auto;padding:2.5rem 1.25rem 4rem}.quiz-heading{margin-bottom:1.7rem}.eyebrow{font-weight:800;text-transform:uppercase;font-size:.875rem;letter-spacing:.04em}h1,h2{font-family:'Bangers',Impact,sans-serif;font-weight:400;line-height:1.04;color:var(--brown);margin:.65rem 0 1rem}h1{font-size:clamp(3.5rem,10vw,6rem)}h1 span{color:var(--pink);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px var(--teal)}h2{font-size:clamp(2.1rem,6vw,3rem)}p{margin:0 0 .9rem}.quiz-card{border:3px solid var(--ink);box-shadow:7px 7px var(--brown);padding:clamp(1.2rem,4vw,2.3rem);background:var(--paper)}progress{appearance:none;width:100%;height:.7rem;margin:.2rem 0 1.5rem;border:2px solid var(--ink);background:var(--paper)}progress::-webkit-progress-bar{background:var(--paper)}progress::-webkit-progress-value{background:var(--teal)}progress::-moz-progress-bar{background:var(--teal)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-family:'Bangers',Impact,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.15;color:var(--brown);margin-bottom:1.25rem;max-width:100%;padding:0;overflow-wrap:anywhere}.choice{display:flex;align-items:flex-start;gap:.7rem;border:2px solid var(--ink);background:#fff;padding:.9rem 1rem;margin:0 0 .75rem;cursor:pointer;min-height:3.5rem;line-height:1.45}.choice:has(input:checked){background:var(--teal);box-shadow:3px 3px var(--ink)}.choice input{accent-color:var(--brown);margin:.25rem 0 0;flex-shrink:0;width:1.2rem;height:1.2rem}.quiz-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:space-between;margin-top:1.6rem}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px var(--ink);padding:.75rem 1.1rem;font-weight:800;text-transform:uppercase;font-size:.9375rem;line-height:1.3;text-align:center;text-decoration:none;min-height:3rem;cursor:pointer}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px var(--ink)}.button-back{background:var(--paper)}.button:disabled{opacity:.65;cursor:wait}.email-label{display:block;font-weight:800;margin:1.25rem 0 .4rem}.email-label span{font-weight:400}#email{width:100%;border:2px solid var(--ink);padding:.75rem;background:white;margin-bottom:1.6rem}.privacy-note{font-size:.875rem;margin-top:1rem}.error{color:#9b1900;font-weight:700;margin-top:1rem;min-height:1.5rem}:focus-visible{outline:3px solid var(--brown);outline-offset:4px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback-item{border-top:2px solid var(--ink);padding:1.1rem 0}.feedback-item h3{font-size:1.0625rem;margin:0 0 .5rem}.feedback-item p{font-size:.9375rem;margin-bottom:.4rem}.verdict{font-weight:800;color:var(--brown)}#score{font-size:4rem}footer{text-align:center;padding:1.5rem;background:var(--brown);color:var(--paper);font-size:.9375rem;font-weight:700}@media(max-width:400px){main{padding:1.7rem 1rem 3rem}.quiz-card{padding:1rem}.button{padding:.65rem .8rem}.wordmark{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Chocolate fact checks, laid out as a Candy Kartel evidence file. */
.quiz-heading { border-left: 5px solid var(--brown); padding-left: 1.15rem; }
.quiz-heading h1 { font-size: clamp(3.2rem,9vw,5.5rem); }
.quiz-heading > p:last-child { max-width: 34rem; font-size: 1.0625rem; }
.quiz-card { position: relative; padding-top: 3.7rem; }
.evidence-file-label { position: absolute; top: 0; left: 0; right: 0; padding: .55rem 1rem; border-bottom: 3px solid var(--ink); background: var(--brown); color: var(--paper); font-size: .875rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
#question fieldset { counter-reset: answer; }
#question legend { font-family: 'DM Sans',Arial,sans-serif; font-weight: 800; font-size: clamp(1.25rem,4.5vw,1.65rem); line-height: 1.3; }
#question .choice { align-items: center; counter-increment: answer; position: relative; padding: .9rem; gap: .7rem; box-shadow: 2px 2px 0 var(--brown); transition: background-color .15s, transform .15s; }
#question .choice::before { content: counter(answer,upper-alpha); display: grid; place-items: center; flex: 0 0 2rem; height: 2rem; border: 2px solid var(--brown); color: var(--brown); background: var(--yellow); font-weight: 800; }
#question .choice input { margin: 0; }
#question .choice:has(input:checked) { background: var(--teal); transform: translate(1px,1px); }
#question .choice:has(input:checked)::before { background: var(--brown); color: var(--paper); }
.choice:focus-within { outline: 3px solid var(--pink); outline-offset: 3px; }
progress { height: .9rem; }
progress::-webkit-progress-value { background: var(--pink); }
progress::-moz-progress-bar { background: var(--pink); }
#result .feedback-item { padding: 1rem; margin: .75rem 0; border: 2px solid var(--brown); background: #fff; }
#result .verdict { display: inline-block; padding: .15rem .5rem; background: var(--yellow); }
#score { color: var(--pink); -webkit-text-stroke: 1px var(--brown); text-shadow: 3px 3px 0 var(--teal); }
@media(max-width: 480px) {
  header { padding: 1rem; }
  main { padding: 1.4rem 1rem 2.7rem; }
  .quiz-heading { padding-left: .8rem; margin-bottom: 1.25rem; }
  .quiz-heading h1 { font-size: clamp(2.9rem,11vw,4.2rem); }
  .quiz-card { padding: 3.6rem 1rem 1.2rem; box-shadow: 4px 4px var(--brown); }
  #question .choice { gap: .55rem; padding: .8rem .65rem; font-size: 1rem; }
  #question .choice::before { flex-basis: 1.65rem; height: 1.8rem; }
  .quiz-actions { gap: .8rem; }
  .quiz-actions .button { flex-grow: 1; }
}