:root{--ink:#302238;--muted:#766578;--rose:#a52e63;--line:#eadde7;--accent1:#a52e63;--accent2:#cd637c;--text:#302238;--radius:24px}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;padding:28px 20px 64px;display:block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(ellipse at 90% 0,#f5d7e4,transparent 55%),#faf6f8;line-height:1.6;overflow-x:visible}
a{color:var(--rose)}
.site-header{max-width:1040px;margin:0 auto 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px}
.site-brand{text-decoration:none;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.5px}.site-brand span{color:var(--rose)}
.back-link{font-size:14px;font-weight:650;text-decoration:none;padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:#fff9}
.quiz-shell{width:100%;max-width:760px;margin:0 auto;position:relative}
.quiz-container,main.container{width:100%;max-width:760px;margin:0 auto;padding:36px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 50px #5030440b;display:block;backdrop-filter:none;overflow:visible;animation:none;min-height:0}
.blob{display:none}.quiz-container .topbar{padding:0;background:none;border:0;display:block}.quiz-container .brand{display:block}.quiz-container .content{padding:0}
.quiz-container h1,.quiz-container .brand h1{font-size:clamp(24px,4vw,32px);line-height:1.2;text-align:left;letter-spacing:-1px;font-weight:750;text-transform:none;color:var(--ink);background:none;-webkit-text-fill-color:currentColor;white-space:normal;overflow:visible;margin:0 0 14px}
.edition{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:1.7px;color:var(--rose);margin:0 0 12px}
.quiz-container .subtitle,.quiz-container .sub{color:var(--muted);text-align:left;margin-bottom:24px;flex-wrap:wrap}
.quiz-container .pill{background:#faf2f6;border-color:var(--line);color:var(--muted)}.pill .dot{box-shadow:none;background:var(--rose)}
.quiz-container .progress-bar{height:7px;width:100%;border:0;background:#f1e8ee;box-shadow:none;border-radius:99px;margin:22px 0 28px}
.quiz-container .progress,.quiz-container .progress-fill{background:linear-gradient(90deg,#a52e63,#de9aab);box-shadow:none;border-radius:99px}
.progress-wrap{gap:14px}.progress-wrap .progress-bar{margin:22px 0}.progress-meta{color:var(--muted);min-width:60px}
.quiz-container .question,.quiz-container .question-text{font-size:clamp(19px,3vw,23px);text-align:left;line-height:1.5;font-weight:650;color:var(--ink);margin:10px 0 24px}
.quiz-container .answers{display:flex;flex-direction:column;gap:12px;margin:0}
.quiz-container .answers button,.quiz-container .option-item{display:block;width:100%;font:inherit;text-align:left;color:var(--ink);padding:17px 20px;margin:0;background:#fcfafb;border:1px solid var(--line);border-radius:14px;box-shadow:none;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s;transform:none}
.quiz-container .option-item{margin-bottom:12px}
.quiz-container .answers button::after{display:none}
.quiz-container .answers button:hover:not(:disabled),.quiz-container .option-item:hover{background:#fcf0f5;border-color:#b85984;transform:none}
.quiz-container .answers button.correct{background:#e1f3e9!important;border-color:#51966e!important;color:#1c5838;box-shadow:none}
.quiz-container .answers button.wrong{background:#fbe4e7!important;border-color:#c5727c!important;color:#822b39;box-shadow:none}
.quiz-container .answers button.dimmed{opacity:.65}.quiz-container .answers button:disabled{cursor:default}
.quiz-container #next-btn,.quiz-container #restart-btn,.quiz-container #save-img-btn,.quiz-container .restart-btn{width:100%;font:inherit;font-weight:700;padding:15px 20px;margin-top:18px;border:1px solid var(--rose);border-radius:14px;background:var(--rose);color:#fff;box-shadow:none;transform:none}
.quiz-container #restart-btn,.quiz-container .restart-btn{background:#fff;color:var(--rose)}
.quiz-container .actions{gap:0;margin-top:0}.quiz-container #result{background:#faf2f6;border:0;color:var(--ink);font-size:21px;line-height:1.5;margin-top:24px}.quiz-container #result:empty{display:none}
.quiz-container #log{background:#fcfafb;color:var(--ink);border:1px solid var(--line);box-shadow:none;line-height:1.6}
.quiz-container.good{border-color:#92bca0}.quiz-container.bad{border-color:#ce9ca3}
.quiz-container .result-title{color:var(--rose)}.quiz-container .result-text{background:#faf2f6;color:var(--ink);border-left-color:var(--rose)}.quiz-container .score-badge{background:var(--rose)}
:focus-visible{outline:3px solid #8a3e9b;outline-offset:4px}
.hub{max-width:1040px;margin:auto}.hub-intro{max-width:650px;margin:48px 0 38px}.hub-intro h1{font-size:clamp(38px,7vw,66px);font-weight:700;letter-spacing:-2.5px;line-height:1.08;margin:12px 0 20px}.hub-intro p{color:var(--muted);font-size:17px;margin:0}.hub-intro .edition{font-size:12px;color:var(--rose)}
.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quiz-link{text-decoration:none;color:var(--ink);padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;min-height:208px;transition:transform .15s,border-color .15s}.quiz-link:hover{transform:translateY(-3px);border-color:#b85984}.card-number{color:var(--rose);font-size:12px;font-weight:750;letter-spacing:1px}.quiz-link h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:16px 0 8px}.quiz-link p{font-size:14px;color:var(--muted);margin:0 0 22px}.card-start{font-size:14px;font-weight:700;color:var(--rose);margin-top:auto}.hub-footer{color:var(--muted);font-size:13px;margin:28px 0}
@media(max-width:760px){.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-container{padding:26px}.site-header{margin-bottom:26px}}
@media(max-width:500px){body{padding:20px 14px 40px}.site-brand{font-size:16px}.back-link{font-size:12px;padding:8px 10px}.quiz-grid{grid-template-columns:1fr}.quiz-link{min-height:0;padding:22px}.quiz-container{padding:24px 20px;border-radius:20px}.hub-intro{margin-top:32px}.hub-intro h1{letter-spacing:-1.5px}.quiz-container .answers button{padding:15px}.site-header{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A single on-page result and the same export card for every fact quiz. */
.quiz-container #log{max-height:none;overflow:visible;padding:20px;margin-top:24px}
.quiz-container #log h2{margin:0 0 16px;font-size:20px}
.quiz-container #log li{padding:16px 0;margin:0;border-bottom:1px solid var(--line)}
.quiz-container #log li:last-child{border-bottom:0}
.quiz-container #save-img-btn{background:var(--rose)!important;color:#fff!important;box-shadow:none!important;border-radius:14px!important;font-size:1rem!important}
#export-wrapper{position:fixed!important;left:-10000px!important;top:0!important;display:block!important;width:1080px!important;max-width:none!important;min-height:0!important;margin:0!important;padding:64px!important;background:#faf6f8!important;color:#302238!important;border-radius:0!important;box-shadow:none!important;font-family:ui-sans-serif,system-ui,sans-serif!important}
#export-wrapper h2{font-size:42px;line-height:1.2;margin:0 0 24px;color:#a52e63}
#export-wrapper p{font-size:28px;font-weight:700;margin-bottom:36px}
#export-wrapper ul{display:block;list-style:none;padding:0;margin:0}
#export-wrapper li{padding:24px;margin:0 0 16px;border:1px solid #eadde7;border-radius:16px;background:#fff;font-size:24px;line-height:1.5}