@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Nunito:wght@400;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#173c3a;--muted:#60766c;--paper:#f6f5e9;--white:#fffef7;--line:#d9e0cf;--lime:#d8ec78;--orange:#f4a96e;--pink:#efd2d0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e8794a;outline-offset:3px}.top{height:76px;border-bottom:1px solid #d7decd;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fafaf0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;line-height:1.05;max-width:220px}.brand b{display:block}.brand-icon{font-size:37px;color:#e78c60}.top-note,.eyebrow,.label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.top-note span{font-size:20px;margin-left:10px}main{max-width:1280px;margin:auto;padding:0 max(5vw,24px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:72px 0 64px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:28px;height:2px;background:#e88e62}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Fraunces,Georgia,serif}h1{font-size:clamp(48px,6.2vw,86px);line-height:1.02;letter-spacing:-.045em;margin:25px 0}.hero p{font-size:18px;line-height:1.65;max-width:540px;color:#4c675d}.hero strong{color:var(--ink)}.hero-art{background:#d9eab0;border-radius:50% 45% 48% 42%;height:305px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art .big{font-family:Fraunces,serif;font-size:155px;line-height:1;transform:rotate(-8deg)}.hero-art .orb{position:absolute;border:2px solid var(--ink);width:220px;height:220px;border-radius:50%;transform:rotate(25deg) scaleX(1.45)}.hero-art .star{position:absolute;font-size:45px;color:#e7865e;top:30px;right:56px}.hero-art .dot{position:absolute;width:35px;height:35px;border-radius:50%;background:#eea587;bottom:42px;left:65px}.section-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #b9c9b6;padding-top:27px;margin-bottom:24px}.section-head h2{font-size:36px;letter-spacing:-.025em}.section-head p{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:58px}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:25px;min-height:255px;display:flex;flex-direction:column;align-items:flex-start}.card:nth-child(2){background:#f7e8d9}.card:nth-child(3){background:#e5eee0}.card-top{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:28px}.number{font-family:Fraunces,serif;font-size:36px}.pill{border:1px solid #b9cbb9;border-radius:100px;padding:6px 10px;font-size:11px;font-weight:700}.card h3{font-family:Fraunces,serif;font-size:24px;margin-bottom:9px}.card p{font-size:14px;line-height:1.5;color:#536c61;margin-bottom:22px}.card button{margin-top:auto}.btn{border:0;border-radius:100px;background:var(--ink);color:#fff;padding:13px 19px;font-weight:700;font-size:14px}.btn:hover{background:#285b51}.btn.light{background:transparent;color:var(--ink);border:1px solid #a7bbae}.btn.lime{background:var(--lime);color:var(--ink)}.info{display:flex;gap:24px;background:#e6ebd9;border-radius:16px;padding:25px 28px;margin-bottom:65px}.info-icon{font-size:25px}.info p{line-height:1.6;font-size:14px;color:#4d685c;max-width:850px}.info a{color:var(--ink)}footer{border-top:1px solid #d7decd;padding:25px max(5vw,24px);display:flex;justify-content:space-between;color:#6d8175;font-size:12px}.quiz{padding:38px 0 70px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.back{background:none;border:0;color:var(--ink);padding:8px 0;font-weight:700}.quiz-title h1{font-size:clamp(36px,5vw,56px);margin:12px 0 8px}.quiz-title p{color:var(--muted)}.timer{font-variant-numeric:tabular-nums;border:1px solid #bdcdbb;background:#fffef7;border-radius:12px;padding:13px 18px;font-weight:700;white-space:nowrap}.quiz-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-top:32px}.panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:32px}.qmeta{display:flex;justify-content:space-between;gap:15px;color:#668174}.question{font-family:Fraunces,Georgia,serif;font-size:clamp(25px,3vw,34px);line-height:1.28;margin:27px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:1px solid #d4decd;background:#fffef9;border-radius:10px;padding:15px;text-align:left;display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:600;min-height:57px}.option:hover{border-color:#6f9881}.option.selected{border:2px solid #2d6655;background:#e3f0d7;padding:14px}.letter{display:grid;place-items:center;border-radius:50%;background:#edf1e5;width:27px;height:27px;flex:none;font-size:12px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.side h3{font-family:Fraunces,serif;font-size:21px;margin-bottom:8px}.side p{font-size:13px;line-height:1.5;color:var(--muted)}.dots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.dot-btn{aspect-ratio:1;border:1px solid #d4decd;border-radius:8px;background:#fff;color:var(--ink);font-weight:700}.dot-btn.done{background:#d9eab0}.dot-btn.current{outline:2px solid var(--ink);outline-offset:2px}.side .btn{width:100%;margin-top:15px}.result-head{text-align:center;max-width:680px;margin:50px auto}.result-head h1{font-size:clamp(42px,6vw,70px);margin:18px 0}.result-head p{color:var(--muted);line-height:1.6}.score{display:inline-block;background:var(--lime);border-radius:100px;padding:12px 20px;font-weight:700}.review{max-width:800px;margin:0 auto 60px}.review-item{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:12px}.review-item h3{font-size:17px;line-height:1.5;margin:8px 0}.review-item p{font-size:14px;line-height:1.6;color:#526c60}.status{font-size:12px;font-weight:700;color:#357058}.status.wrong{color:#a3543e}.center{text-align:center;margin:28px 0}.settings{display:flex;align-items:center;gap:10px;color:#526c60;font-size:14px;margin-top:20px}.settings input{width:18px;height:18px;accent-color:#275d4d}@media(max-width:760px){.top{height:66px}.top-note{display:none}.hero{grid-template-columns:1fr;padding:45px 0 42px;gap:25px}.hero-art{height:210px;max-width:400px;width:100%}.hero-art .big{font-size:115px}.hero-art .orb{width:150px;height:150px}.hero-art .star{right:45px}.cards{grid-template-columns:1fr}.card{min-height:200px}.card-top{margin-bottom:15px}.section-head{align-items:start;gap:10px;flex-direction:column}.quiz-grid{grid-template-columns:1fr}.side{grid-row:1}.dots{grid-template-columns:repeat(10,1fr)}.panel{padding:23px}.options{grid-template-columns:1fr}.quiz-header{align-items:start}.timer{padding:10px}.info{padding:20px}footer{gap:12px;flex-direction:column}}@media(max-width:380px){.dots{grid-template-columns:repeat(5,1fr)}.quiz-header{flex-wrap:wrap}}

/* Identità condivisa con il Laboratorio dei Numeri. */

:root{--ink:#1f2330;--muted:#5c6375;--paper:#dff1ff;--white:#fff;--line:#fff4d9;--lime:#dff1ff}
body{font-family:"Nunito","Trebuchet MS",sans-serif;background-color:#ffe5d1;background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27520%27%20height%3D%27520%27%20viewBox%3D%270%200%20520%20520%27%3E%0A%20%20%3Cg%20opacity%3D%270.18%27%3E%0A%20%20%20%20%3Ctext%20x%3D%2740%27%20y%3D%2790%27%20font-size%3D%2740%27%20transform%3D%27rotate%28-12%2040%2090%29%27%3E%F0%9F%A6%B8%E2%80%8D%E2%99%82%EF%B8%8F%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%27360%27%20y%3D%2780%27%20font-size%3D%2736%27%20transform%3D%27rotate%2818%20360%2080%29%27%3E%E2%9E%97%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%27380%27%20y%3D%27260%27%20font-size%3D%2740%27%20transform%3D%27rotate%28-18%20380%20260%29%27%3E%F0%9F%A6%B8%E2%80%8D%E2%99%80%EF%B8%8F%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%2790%27%20y%3D%27270%27%20font-size%3D%2736%27%20transform%3D%27rotate%2810%2090%20270%29%27%3E%E2%9C%96%EF%B8%8F%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%27230%27%20y%3D%27380%27%20font-size%3D%2736%27%20transform%3D%27rotate%28-8%20230%20380%29%27%3E%E2%9E%95%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%2760%27%20y%3D%27450%27%20font-size%3D%2740%27%20transform%3D%27rotate%2816%2060%20450%29%27%3E%F0%9F%A7%AE%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%27360%27%20y%3D%27470%27%20font-size%3D%2736%27%20transform%3D%27rotate%286%20360%20470%29%27%3E%F0%9F%94%A2%3C/text%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E"), radial-gradient(circle at top left, var(--bg-sun), var(--bg-sky) 45%, var(--bg-peach) 85%);background-size:520px 520px,100% 100%;background-repeat:repeat,no-repeat;background-attachment:fixed;min-height:100vh}
.top{background:transparent;border:0;height:64px;max-width:1100px;margin:auto;padding:0 20px}.brand{color:#1b5db8}.brand-icon{color:#ff914d}.top-note{color:#5c6375}main{max-width:1100px;padding:0 20px}h1,h2,h3,.serif,.number,.question{font-family:"Baloo 2","Comic Sans MS",cursive}.hero{display:block;text-align:center;padding:30px 0 42px}.hero .eyebrow{display:inline-flex;background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 8px 20px rgba(31,35,48,.1)}.eyebrow:before{display:none}.hero h1{font-size:clamp(2.3rem,5vw,3.8rem);letter-spacing:0;line-height:1.1;margin:20px 0 10px}.hero h1 br{display:none}.hero h1 em{font-style:normal;color:#2e7be8}.hero p{font-size:1.05rem;max-width:620px;margin:auto;color:#5c6375}.hero-art{display:none}.section-head{border:0;margin-bottom:18px;padding:0}.section-head h2{font-size:2rem;letter-spacing:0}.section-head .eyebrow{color:#1b5db8;margin-bottom:3px}.cards{gap:20px}.card,.card:nth-child(2),.card:nth-child(3),.panel,.review-item{background:#fff;border:2px solid #fff4d9;border-radius:24px;box-shadow:0 16px 30px rgba(31,35,48,.12)}.card{padding:22px;min-height:250px}.card-top{margin-bottom:18px}.number{font-size:2.2rem;color:#2e7be8}.pill{background:#eef6ff;border:2px solid #cce3ff;color:#1b5db8}.card h3{font-family:"Baloo 2",cursive;font-size:1.55rem}.card p,.quiz-title p,.side p,.review-item p{color:#5c6375}.btn{background:#2e7be8;border-radius:16px;color:#fff;box-shadow:0 10px 20px rgba(46,123,232,.25);font-size:1rem}.btn:hover{background:#1b5db8}.btn.light{border:2px dashed #cce3ff;background:white;color:#1b5db8;box-shadow:none}.btn.lime{background:#ff914d;color:#38200b;box-shadow:0 10px 20px rgba(255,145,77,.25)}.info{background:#fff9e8;border:2px dashed #e9c27b;border-radius:20px}.info p{color:#5c6375}.info a{color:#1b5db8}.info-icon{color:#ff914d}footer{border-color:#f4c36a;color:#5c6375}.quiz-title h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:0}.timer{background:white;border:2px solid #cce3ff;border-radius:16px;color:#1b5db8}.question{font-size:clamp(1.65rem,3vw,2.15rem)}.option{border:2px solid #cce3ff;background:#eef6ff;border-radius:16px}.option.selected{border:2px solid #1b5db8;background:#dceeff;padding:15px}.letter{background:#fff;color:#1b5db8}.dot-btn{border:2px solid #cce3ff;background:#eef6ff;border-radius:12px;color:#1b5db8}.dot-btn.done{background:#d9f5df;border-color:#78c88b}.dot-btn.current{outline-color:#1b5db8}.score{background:#dff1ff;border:2px solid #9fd6f4;color:#1b5db8}.result-head h1{letter-spacing:0}.status{color:#2c7a2c}.status.wrong{color:#a34b3c}.review-item h3{font-family:"Nunito",sans-serif}.settings input{accent-color:#1b5db8}@media(max-width:760px){.hero{padding:25px 0 34px}.cards{gap:14px}.card{min-height:200px}.quiz{padding-top:24px}.top-note{display:none}}
.figure{margin:12px 0 24px;padding:18px;background:#fff9e8;border:2px dashed #e9c27b;border-radius:18px;text-align:center}.figure svg{display:block;max-width:100%;max-height:160px;margin:auto}.open-label{display:block;font-weight:800;margin:20px 0 8px}.open-answer{font:inherit;font-size:1.2rem;width:min(220px,100%);padding:13px;border:2px solid #9fc0f2;border-radius:14px;color:#1f2330}.open-answer:focus{outline:3px solid #ffb04d;outline-offset:2px}.helper{color:#5c6375;font-size:.9rem;margin-top:8px}.card a.btn{text-decoration:none;display:inline-block;margin-top:auto}.card .btn{min-height:44px}.card:nth-child(2) .btn{color:white}
.official-intro{background:#fff9e8;border:2px dashed #e9c27b;border-radius:18px;padding:18px;margin:25px 0;line-height:1.5}.official-list{display:grid;gap:10px}.official-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:#fff;border-radius:16px;border:2px solid #fff4d9}.official-row strong,.official-row span{display:block}.official-row span{color:#5c6375;font-size:.88rem;margin-top:4px}.official-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:20px;margin-top:28px}.official-layout h2{font-size:1.6rem}.official-layout p{color:#5c6375;line-height:1.5;margin:8px 0 18px}.official-document iframe{display:block;border:1px solid #dce3f1;width:100%;height:70vh;min-height:450px;margin-bottom:18px}.official-document a,.result-head a{text-decoration:none;display:inline-block}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.sheet-grid label{display:flex;align-items:center;gap:8px;font-weight:700}.sheet-grid label span{width:24px;color:#1b5db8}.sheet-grid input{min-width:0;width:100%;padding:10px;border:2px solid #cce3ff;border-radius:12px;font:inherit}.answer-review{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.answer-review div{padding:12px;background:#eef6ff;border-radius:12px}.answer-review .status{display:block;font-size:.8rem;margin:4px 0 0}.source-warning{background:#fff3cf;padding:12px;border-radius:12px}@media(max-width:760px){.official-layout{grid-template-columns:1fr}.official-document iframe{height:55vh;min-height:300px}.official-row{align-items:flex-start}.official-row .btn{font-size:.9rem;white-space:nowrap}.official-sheet{order:-1}}
.source-question-image{display:block;width:100%;height:auto;background:white}.figure:has(.source-question-image){padding:8px;background:white;border:1px solid #dce3f1}
.figure:has(.source-question-image){overflow-x:auto;-webkit-overflow-scrolling:touch}.enlarge-question{display:block}.figure .helper{text-align:left;margin:8px 2px 2px}@media(max-width:600px){.figure .enlarge-question{min-width:620px}}
