/* Accueil Sciences Physiques PDF */
.spa{--e:#12355b;--t:#1fa3a3;--o:#f28c28;--r:#e4572e;--v:#7a5195;width:100%;font-family:inherit}
.spa *{box-sizing:border-box}
.spa-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:stretch;margin:6px 0 22px}
.spa-hero-txt{background:linear-gradient(135deg,#12355b,#1b5f86 60%,#1fa3a3);color:#fff;border-radius:26px;padding:clamp(20px,3vw,40px);position:relative;overflow:visible}
.spa-sur{display:inline-block;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 14px;font-weight:700;font-size:.9rem;margin:0 0 10px}
.spa-hero h1{color:#fff!important;font-family:var(--sp-titres);font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.1;margin:0 0 12px}
.spa-hero h1 span{color:var(--o)}
.spa-sous{font-size:1.1rem;line-height:1.6;max-width:62ch;margin:0 0 16px}
.spa-rech{position:relative;max-width:620px;margin:0 0 16px}
.spa-rech input{width:100%;padding:15px 20px;border-radius:999px;border:0;font-size:1.05rem;box-shadow:0 6px 0 rgba(0,0,0,.18);color:#12355b}
.spa-res{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);background:#fff;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:8px;max-height:60vh;overflow:auto}
.spa-res a{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:10px;color:#12355b!important;text-decoration:none!important;font-weight:700}
.spa-res a:hover{background:#eef3f8}.spa-res a b{background:var(--o);color:#fff;border-radius:999px;padding:0 10px;font-size:.85rem;align-self:center}
.spa-res p{margin:8px 12px;color:#5d6b7c}
.spa-sr{position:absolute;left:-9999px}
.spa-boutons{display:flex;flex-wrap:wrap;gap:10px}
.spa-b{display:inline-block;padding:11px 20px;border-radius:14px;color:#fff!important;font-weight:800;text-decoration:none!important;box-shadow:0 5px 0 rgba(0,0,0,.25);transition:transform .15s}
.spa-b:hover{transform:translateY(-3px)}
.spa-b1{background:var(--r)}.spa-b2{background:var(--t)}.spa-b3{background:var(--v)}.spa-b4{background:#c83246}.spa-b5{background:var(--o)}
.spa-prog{background:#fff;border:3px solid var(--o);border-radius:26px;padding:22px;box-shadow:0 8px 0 rgba(242,140,40,.25);align-self:stretch}
.spa-prog-t{font-family:var(--sp-titres);font-size:1.4rem;color:var(--e);margin:0 0 10px;font-weight:700}
.spa-xp{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem;color:var(--e)}
.spa-xp b{font-family:var(--sp-titres);font-size:1.5rem}
.spa-jauge{background:#e5ecf4;border-radius:999px;height:16px;margin:10px 0;overflow:hidden}
.spa-jauge span{display:block;height:100%;width:4%;background:linear-gradient(90deg,var(--t),var(--o));border-radius:999px;transition:width .6s}
.spa-serie{margin:6px 0;font-weight:700;color:var(--e)}
.spa-prog-n{font-size:.9rem;color:#5d6b7c;margin:8px 0 0;line-height:1.5}
.spa-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 10px}
.spa-stats>div{background:#fff;border-radius:18px;padding:16px;text-align:center;border:2px solid #dbe6f1}
.spa-stats b{display:block;font-family:var(--sp-titres);font-size:2.3rem;color:var(--t)}
.spa-stats span{color:#5d6b7c;font-weight:700}
.spa-h{font-family:var(--sp-titres);color:var(--e);margin:30px 0 14px!important;font-size:clamp(1.5rem,3vw,2.2rem)}
.spa-niveaux{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:14px}
.spa-niv{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:20px;color:#fff!important;text-decoration:none!important;box-shadow:0 7px 0 rgba(0,0,0,.18);transition:transform .2s}
.spa-niv:hover{transform:translateY(-5px) rotate(-.5deg)}
.spa-niv strong{font-family:var(--sp-titres);font-size:1.9rem}.spa-niv span{opacity:.92}
.spa-niv--c{background:linear-gradient(135deg,#1fa3a3,#12355b)}.spa-niv--l{background:linear-gradient(135deg,#7a5195,#e4572e)}
.spa-labo{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}
.spa-labo a{display:flex;flex-direction:column;gap:4px;background:#fff;border:2px solid #dbe6f1;border-left:8px solid var(--o);border-radius:16px;padding:16px;text-decoration:none!important;color:var(--e)!important;transition:transform .2s,box-shadow .2s}
.spa-labo a:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(18,53,91,.14)}
.spa-labo b{font-size:1.15rem}.spa-labo span{color:#5d6b7c}
.spa-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.spa-carte{background:#fff;border-radius:22px;padding:22px;border:2px solid #dbe6f1}
.spa-carte h2{font-family:var(--sp-titres);color:var(--e);margin:0 0 12px!important;font-size:1.5rem;border:0!important}
.spa-exp{border-top:8px solid var(--t)}.spa-quiz{border-top:8px solid var(--o)}
.spa-exp h3{color:var(--r)!important;margin:0 0 8px}.spa-pet{font-size:.88rem;color:#7a8794}
.spa-q{font-weight:800;color:var(--e);font-size:1.1rem}
.spa-opts{display:grid;gap:8px}
.spa-opts button,.spa-rejouer{background:#eef3f8;border:2px solid #cfdceb;border-radius:12px;padding:10px 14px;font-weight:700;color:var(--e);cursor:pointer;text-align:left;font-size:1rem}
.spa-opts button:hover:not(:disabled){background:#dfeaf5}
.spa-opts button.bon{background:#d6f5df;border-color:#2e9e5a}.spa-opts button.mauvais{background:#fde0dc;border-color:#d03a2b}
.spa-rejouer{background:var(--o);color:#fff;border:0;text-align:center}
.spa-score{font-size:1.4rem;color:var(--e)}
.spa-texte{max-width:100%;font-size:1.08rem;line-height:1.75}
@media(max-width:900px){.spa-hero{grid-template-columns:1fr}.spa-duo{grid-template-columns:1fr}.spa-stats{grid-template-columns:repeat(2,1fr)}}