.article-prose .article-quiz{margin:2rem 0;padding:1.25rem;border:1px solid #bae6fd;border-radius:1.25rem;background:#f8fcff;box-shadow:0 8px 24px #0f172a0f;overflow-wrap:anywhere}.article-prose .article-quiz>h3{margin-top:0}.article-prose .article-quiz ol{margin:.75rem 0 1rem;padding:0;list-style:none}.article-prose .article-quiz li{margin:.5rem 0;padding:0}.article-prose .article-quiz li::marker{content:""}.article-prose .article-quiz-choice{display:flex;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:.65rem .8rem;border:1px solid #cbd5e1;border-radius:.75rem;background:#fff;color:#0f172a;font:inherit;text-align:left;cursor:pointer}.article-prose .article-quiz-choice:hover:not(:disabled),.article-prose .article-quiz-choice:focus-visible{border-color:#0891b2;outline:2px solid #a5f3fc}.article-prose .article-quiz-choice:disabled{cursor:default;opacity:1}.article-prose .article-quiz-choice.is-correct{border-color:#16a34a;background:#dcfce7;color:#166534}.article-prose .article-quiz-choice.is-incorrect{border-color:#dc2626;background:#fee2e2;color:#991b1b}.article-prose .article-quiz-number{display:grid;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:#e0f2fe;color:#0369a1;font-size:.85rem;font-weight:700}.article-prose .article-quiz-status{margin:.75rem 0;font-weight:800}.article-prose .article-quiz-status:empty,.article-prose .article-quiz-progress:empty,.article-prose .article-quiz-footer:empty,.article-prose .article-quiz-cta:empty{display:none}.article-prose .article-quiz-status.is-correct{color:#166534}.article-prose .article-quiz-status.is-incorrect{color:#991b1b}.article-prose .article-quiz-action,.article-prose .article-quiz-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1rem;border:1px solid #0891b2;border-radius:.75rem;background:#0891b2;color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.article-prose .article-quiz-action[hidden]{display:none}.article-prose .article-quiz-details{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;background:#fff}.article-prose .article-quiz-details summary{cursor:pointer;font-weight:700}.article-prose .article-quiz-details[open] summary{margin-bottom:.75rem}.article-prose .article-quiz-progress,.article-prose .article-quiz-footer{color:#075985;font-weight:700}.article-prose .article-quiz-cta{margin-top:1rem;padding-top:1rem;border-top:1px solid #bae6fd}.article-prose .article-quiz-cta p{margin:0 0 .75rem;font-weight:700}.article-prose .article-quiz-small-link{color:#0369a1;font-size:.9rem;font-weight:700}.article-prose .article-quiz-result{margin:1.5rem 0 2rem;padding:1.25rem;border:1px solid #bae6fd;border-radius:1.25rem;background:#f0f9ff}.article-prose .article-quiz-result[hidden]{display:none}.article-prose .article-quiz-result h3{margin:0 0 .75rem;color:#075985}.article-prose .article-quiz-result ul{margin:0 0 1rem;padding-left:1.5rem}.article-prose .article-quiz-result-links{display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:480px){.article-prose .article-quiz{padding:1rem}.article-prose .article-quiz-choice{min-width:0}}.article-prose .article-quiz-result .article-quiz-link,.article-quiz-popup-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.75rem;border-radius:9999px;background:linear-gradient(90deg,#2563eb,#06b6d4);color:#fff!important;font-weight:700;font-size:1.05rem;text-decoration:none!important;box-shadow:0 8px 20px #2563eb4d}.article-prose .article-quiz-result .article-quiz-link:after,.article-quiz-popup-cta:after{content:"→"}.article-prose .article-quiz-result .article-quiz-link:hover,.article-quiz-popup-cta:hover{filter:brightness(1.06)}.article-prose .article-quiz-result>p{margin:0 0 1rem;font-weight:700;color:#1e3a8a}.article-quiz-popup{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a73}.article-quiz-popup-card{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow-y:auto;padding:1.75rem 1.5rem 1.25rem;border-radius:1.5rem;background:#fff;text-align:center;box-shadow:0 20px 50px #0f172a40}.article-quiz-popup-chip{margin:0 0 .5rem;color:#2563eb;font-size:.85rem;font-weight:700}.article-quiz-popup-title{margin:0 0 .75rem;font-size:1.4rem;font-weight:800;line-height:1.4;background:linear-gradient(90deg,#2563eb,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.article-quiz-popup-lead{margin:0 0 .75rem;color:#334155;font-weight:700;line-height:1.7}.article-quiz-popup-card ul{margin:0 0 1.25rem;padding:1rem 1.1rem;list-style:none;text-align:left;border-radius:1rem;background:#f0f9ff;color:#1e293b;line-height:1.7}.article-quiz-popup-card li+li{margin-top:.35rem}.article-quiz-popup-card li:before{content:"✓ ";color:#2563eb;font-weight:800}.article-quiz-popup-cta{width:100%}.article-quiz-popup-note{margin:.75rem 0 0;color:#64748b;font-size:.85rem}.article-quiz-popup-later{margin-top:.5rem;padding:.5rem 1rem;border:0;background:none;color:#64748b;font-size:.9rem;text-decoration:underline;cursor:pointer}.article-prose .article-quiz-reveal{min-width:220px;min-height:52px;padding:.75rem 1.75rem;gap:.5rem;border:0;border-radius:9999px;background:linear-gradient(90deg,#2563eb,#06b6d4);font-size:1.05rem;box-shadow:0 8px 20px #2563eb4d}.article-prose .article-quiz-reveal:after{content:"→"}.article-prose .article-quiz-reveal:hover{filter:brightness(1.06)}@media(max-width:640px){.article-prose .article-quiz-reveal{width:100%}}.article-quiz-celebration{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}.article-quiz-celebration-center{position:relative;display:grid;width:240px;height:240px;place-items:center;background:#fff;border-radius:28px;box-shadow:0 20px 50px #0f172a2e}.article-quiz-celebration-center:before{position:absolute;inset:20px;border:3px solid #06b6d4;border-radius:9999px;content:""}.article-quiz-celebration-center svg{width:80px;height:80px;margin-top:20px;fill:none;stroke:#2563eb;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.article-quiz-celebration-center strong{align-self:start;color:#2563eb;font-size:32px;font-weight:800}.article-quiz-celebration i{position:absolute;top:50%;left:50%;width:8px;height:16px;background:#2563eb;border:1px solid #2563eb}.article-quiz-celebration i:nth-of-type(3n){background:#06b6d4;border-color:#06b6d4}.article-quiz-celebration i:nth-of-type(3n+1){background:#fff;border-color:#06b6d4}.article-quiz-celebration[data-motion=full] i{animation:article-quiz-confetti 1s cubic-bezier(.12,.7,.2,1) var(--burst-delay) both}.article-quiz-celebration[data-motion=full] .article-quiz-celebration-center{animation:article-quiz-correct 1s ease both}.article-quiz-celebration[data-motion=full] .article-quiz-celebration-center:before{animation:article-quiz-halo 1s ease both}.article-quiz-celebration[data-motion=reduced] .article-quiz-celebration-center{animation:article-quiz-fade 1s ease both}@keyframes article-quiz-confetti{0%{opacity:0;transform:translate(0) rotate(0)}12%,80%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-r))}}@keyframes article-quiz-correct{0%{opacity:0;transform:scale(.6)}24%{opacity:1;transform:scale(1.07)}42%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes article-quiz-halo{0%{opacity:0;transform:scale(.5)}30%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes article-quiz-fade{0%,to{opacity:0}15%,80%{opacity:1}}
