:root{color-scheme:dark;--bg:#0d1425;--panel:#142038;--panel2:#182741;--text:#f4f5fb;--muted:#adbad1;--accent:#9ee4d7;--accent-ink:#102b31;--warm:#f5c883;--stroke:#31425e;--blue:#8ab8f6;--error:#ffb4a7;--success:#a8eed0;--shadow:0 22px 58px rgba(2,9,21,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 55% 35% at 90% 0%,#203c51 0%,transparent 75%),radial-gradient(ellipse 45% 35% at 0% 50%,#1a294b 0%,transparent 80%),var(--bg);font:16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid var(--warm);outline-offset:3px}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,5vw,4.25rem);font-weight:780}h2{font-size:clamp(1.8rem,3vw,2.55rem)}h3{font-size:1.18rem}.site{max-width:1230px;margin:auto;min-height:100vh;padding:0 28px;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:27px 0 24px;gap:18px;border-bottom:1px solid #ffffff19}.brand{display:flex;align-items:center;gap:13px;line-height:1.1}.brand strong{font-size:1.48rem;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:49px;height:49px;font-size:2rem;color:var(--accent);border:1px solid #9ee4d755;border-radius:17px;background:#9ee4d712}.brand-accent{color:var(--accent)}.brand small{display:block;margin-top:7px;color:var(--muted);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:16px}.status-pill{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#d5e4ed;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:100%;background:var(--accent)}.ghost-btn{background:transparent;color:var(--text);border:1px solid var(--stroke);padding:9px 14px;border-radius:12px}.ghost-btn:hover{background:#ffffff11}.site-footer{border-top:1px solid #ffffff19;margin-top:auto;padding:20px 0 25px;display:flex;justify-content:space-between;gap:16px;color:#9aa9c0;font-size:.78rem}.skip{position:absolute;left:10px;top:-100px;background:white;color:black;padding:8px 14px;z-index:100}.skip:focus{top:10px}.eyebrow{font-size:.77rem;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-weight:750}.subhead{color:var(--muted);font-size:1.1rem;max-width:730px}.muted{color:var(--muted)}.landing{padding:56px 0 45px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.hero-copy{padding:15px 0}.hero-copy h1{margin:13px 0 20px}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-art{height:330px;position:relative;overflow:hidden;background:linear-gradient(140deg,#1c3650,#15233b 55%,#243448);border:1px solid #6a9b9f4b;border-radius:29px;box-shadow:var(--shadow);display:grid;place-items:center}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #9ce4d72b;border-radius:50%}.hero-art:before{width:430px;height:430px}.hero-art:after{width:295px;height:295px}.hero-art svg{position:relative;z-index:1;width:88%;height:88%}.hero-art .hero-caption{position:absolute;bottom:14px;right:19px;font-size:.72rem;color:#bfd8e7;letter-spacing:.07em}.mode-card{margin-top:33px;background:#17243aeb;border:1px solid var(--stroke);border-radius:20px;padding:23px}.mode-card h2{font-size:1.23rem;margin:0 0 5px}.mode-options{display:flex;gap:13px;flex-wrap:wrap;margin:15px 0 19px}.mode-choice{flex:1;min-width:205px;display:flex;gap:10px;align-items:flex-start;border:1px solid #3b5273;padding:14px;border-radius:13px;cursor:pointer}.mode-choice:has(input:checked){border-color:var(--accent);background:#9ee4d70c}.mode-choice input{margin-top:5px;accent-color:var(--accent);width:17px;height:17px}.mode-choice strong{display:block}.mode-choice small{display:block;color:var(--muted);line-height:1.45;margin-top:4px}.primary-btn{border:0;border-radius:13px;padding:14px 23px;font-weight:760;background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 26px #9ee4d716}.primary-btn:hover{background:#c6f7ee}.secondary-btn{border:1px solid #6a86a5;border-radius:13px;padding:13px 20px;background:transparent;color:var(--text);font-weight:650}.secondary-btn:hover{background:#ffffff0d}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.phase-grid{margin-top:38px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.phase-tile{border:1px solid var(--stroke);border-radius:17px;padding:16px;background:linear-gradient(180deg,#1a2a43,#142138);min-height:155px}.phase-tile .pnum{color:var(--warm);font-size:.75rem;font-weight:800;letter-spacing:.11em}.phase-tile .picon{font-size:1.65rem;color:var(--accent);margin:5px 0}.phase-tile h3{font-size:.98rem;line-height:1.34;margin:8px 0 7px}.phase-tile p{color:var(--muted);font-size:.79rem;margin:0}.play{padding:36px 0 54px}.play-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.play-top .breadcrumbs{color:var(--muted);font-size:.91rem}.progress-wrap{display:flex;gap:15px;align-items:center}.progress-track{height:8px;flex:1;background:#34445f;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--accent));border-radius:99px;transition:width .25s}.progress-text{font-size:.85rem;white-space:nowrap;color:var(--muted)}.play-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:23px;margin-top:26px;align-items:start}.main-card,.aside-card{border:1px solid var(--stroke);background:linear-gradient(160deg,#192942,#132139);border-radius:22px;box-shadow:var(--shadow)}.main-card{padding:29px}.aside-card{padding:22px}.phase-tag{display:inline-flex;align-items:center;gap:8px;background:#b2e9df15;color:var(--accent);border:1px solid #b2e9df35;padding:6px 10px;border-radius:99px;font-size:.72rem;letter-spacing:.07em;font-weight:800;text-transform:uppercase}.phase-title{margin:13px 0 5px;font-size:2.2rem}.phase-sub{color:var(--muted);margin-bottom:20px}.story{border-left:3px solid var(--warm);background:#f5c8830e;padding:15px 17px;border-radius:0 12px 12px 0;margin:17px 0 24px;color:#f4e7d3}.story .story-label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--warm);margin-bottom:7px}.question-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.question-header small{color:var(--muted)}.question-title{font-size:1.26rem;line-height:1.43;letter-spacing:-.01em;margin:15px 0 19px}.options{display:grid;gap:10px}.option{border:1px solid #455876;border-radius:13px;background:#1c2d47;color:var(--text);text-align:left;padding:15px;display:flex;align-items:flex-start;gap:13px;line-height:1.48;transition:background .15s,border .15s}.option:hover:not(:disabled){border-color:#97c7d3;background:#243a57}.option-letter{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#324764;color:#dceaf7;font-size:.84rem;font-weight:800;flex-shrink:0}.option.is-correct{border-color:#95dfb6;background:#154c42}.option.is-wrong{border-color:#ffac9b;background:#573333}.option.is-correct .option-letter{background:#b3f5d2;color:#183b33}.option.is-wrong .option-letter{background:#ffc3b7;color:#552d25}.help-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.help-row .muted{font-size:.78rem}.text-button{background:none;border:0;color:var(--accent);font-weight:680;padding:8px 0}.hint{margin-top:8px;border:1px dashed #7087a3;background:#ffffff08;border-radius:12px;padding:12px;color:#d9e9ed;font-size:.91rem}.feedback{margin-top:19px;padding:18px 19px;border-radius:15px;border:1px solid #96d7bb52;background:#a8eed011}.feedback.bad{border-color:#ffa7924d;background:#ffae9d0b}.feedback h3{margin:0 0 8px;color:var(--success)}.feedback.bad h3{color:var(--error)}.feedback p{margin:0 0 14px}.diagram{margin:15px 0 18px;background:radial-gradient(circle at 50% 50%,#23405a,#152139);border:1px solid #3c5772;border-radius:17px;height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden}.diagram svg{width:100%;height:100%}.diagram-caption{color:var(--muted);font-size:.75rem;line-height:1.5;text-align:center;margin:-7px 0 18px}.learning-box{border-top:1px solid var(--stroke);padding-top:17px}.learning-box h3{font-size:1rem;margin-bottom:6px}.learning-box p{color:var(--muted);font-size:.9rem}.timeline{margin-top:21px;display:grid;gap:10px}.timeline-item{display:flex;align-items:center;gap:10px;color:#a2b2c8;font-size:.82rem}.timeline-bubble{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.71rem;font-weight:800;border:1px solid #52637e;flex-shrink:0}.timeline-item.active{color:var(--accent);font-weight:700}.timeline-item.active .timeline-bubble{background:var(--accent);color:#102b31;border:0}.timeline-item.done .timeline-bubble{background:#215e53;color:#baf6dc;border:1px solid #499982}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.stat{border:1px solid var(--stroke);border-radius:12px;padding:10px}.stat strong{font-size:1.45rem;display:block}.stat small{color:var(--muted);font-size:.72rem}.results{max-width:820px;margin:60px auto 80px}.results .hero-result{border:1px solid #729c987a;padding:33px;border-radius:24px;background:linear-gradient(130deg,#1a3645,#18233d)}.results .hero-result h1{font-size:2.5rem}.results .hero-result .result-symbol{font-size:3rem;color:var(--accent)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.result-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:16px}.result-card strong{font-size:1.8rem;display:block}.result-card small{color:var(--muted)}.review{padding:24px;background:var(--panel);border:1px solid var(--stroke);border-radius:18px;margin:21px 0}.review-item{padding:13px 0;border-bottom:1px solid var(--stroke)}.review-item:last-child{border:0}.review-item strong{display:block;margin-bottom:4px}.review-item p{font-size:.89rem;color:var(--muted);margin:5px 0}.notice{padding:13px 16px;border-radius:13px;background:#f5c88310;border:1px solid #f5c8833b;color:#e6d5b9;font-size:.86rem;margin:17px 0}.loading{padding:60px}.glossary-dialog{max-width:min(620px,calc(100vw - 24px));width:100%;border:1px solid #647e92;border-radius:19px;background:#16253e;color:var(--text);padding:0;box-shadow:0 25px 100px #0009}.glossary-dialog::backdrop{background:#050b17dd}.dialog-inner{padding:25px;max-height:82vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:1.65rem;margin:0}.icon-close{background:transparent;color:white;border:1px solid #60718b;border-radius:9px;font-size:1.4rem;width:38px;height:38px}.glossary-list{display:grid;grid-template-columns:1fr;gap:3px}.glossary-list dt{font-weight:800;margin-top:13px;color:var(--accent)}.glossary-list dd{margin:0;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--stroke)}.source-links{font-size:.76rem;margin-top:14px}.source-links a{display:block;margin:7px 0}.smallprint{font-size:.79rem;color:var(--muted)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{height:260px}.phase-grid{grid-template-columns:repeat(3,1fr)}.play-layout{grid-template-columns:1fr}.aside-card{display:grid;grid-template-columns:1fr 1fr;gap:20px}.aside-card .diagram{grid-column:1/-1;margin:0}.aside-card .diagram-caption{grid-column:1/-1;margin:-17px 0 0}.aside-card .timeline{margin:0}.aside-card .stat-row{align-self:start}}
@media(max-width:620px){.site{padding:0 15px}.site-header{padding:17px 0}.brand strong{font-size:1.22rem}.brand small{font-size:.58rem}.brand-mark{width:39px;height:39px;border-radius:11px}.status-pill{display:none}.header-controls{gap:6px}.ghost-btn{font-size:.82rem;padding:8px 10px}.landing{padding:29px 0}.hero-copy h1{font-size:2.7rem}.subhead{font-size:1rem}.hero-art{height:215px}.mode-card{padding:17px}.mode-choice{min-width:100%}.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-tile{min-height:130px;padding:12px}.phase-tile h3{font-size:.86rem}.site-footer{display:block}.site-footer span{display:block;margin-top:7px}.play{padding:20px 0 35px}.play-top{flex-wrap:wrap}.main-card,.aside-card{padding:18px;border-radius:18px}.phase-title{font-size:1.75rem}.question-title{font-size:1.12rem}.option{padding:12px}.aside-card{display:block}.aside-card .diagram{margin:0 0 18px}.aside-card .diagram-caption{margin:-7px 0 13px}.aside-card .timeline{margin-top:17px}.results{margin:26px 0}.results .hero-result{padding:23px}.result-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:900px){.aside-card .stat-row{margin-bottom:17px}}

/* V2 — autoria, cronologia, trilha sonora e fases fetais */
.music-btn{white-space:nowrap;border-color:#9ee4d75e;color:var(--accent);font-size:.85rem}
.music-btn:hover{background:#9ee4d711}
.music-btn[hidden]{display:none!important}
.chronology-note{margin:20px 0 -25px;color:#b9cde0;font-size:.86rem}
@media(max-width:720px){.header-controls{flex-wrap:wrap;justify-content:flex-end}.music-btn{padding:7px 10px;font-size:.79rem}.status-pill{display:none}.chronology-note{margin:14px 0 -32px;font-size:.78rem}}

/* V3 — crédito docente em destaque, conforme o modelo solicitado. */
.site-header{display:grid;grid-template-columns:auto minmax(325px,1fr) auto;align-items:center;gap:18px}
.teacher-highlight{
  justify-self:center;
  display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;column-gap:.35em;row-gap:0;
  padding:10px 16px;border-radius:9px;
  color:#202b3b;background:#fffdf8;border:1px solid #fff4d9;
  box-shadow:0 1px 12px rgba(255,253,248,.32),0 3px 14px rgba(0,0,0,.12);
  text-align:center;font-size:1rem;line-height:1.45;
}
.teacher-highlight span{font-weight:550}
.teacher-highlight strong{font-weight:800;letter-spacing:-.015em}
@media(max-width:1120px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;row-gap:12px}
  .teacher-highlight{grid-column:1 / -1;grid-row:2;justify-self:stretch}
  .header-controls{grid-column:2;grid-row:1}
}
@media(max-width:620px){
  .site-header{grid-template-columns:1fr;row-gap:12px}
  .header-controls{grid-column:1;grid-row:3;justify-content:space-between;gap:8px}
  .teacher-highlight{grid-column:1;grid-row:2;justify-self:stretch;padding:10px 12px;font-size:.94rem}
}



/* V2.3 — imagens integrais, responsivas e ampliáveis; nunca cortar títulos ou rótulos */
.hero-art {
  display:flex; flex-direction:column; height:auto; min-height:0; padding:14px;
  overflow:visible; align-self:stretch; justify-content:center;
}
.hero-art:before,.hero-art:after{display:none}
.hero-art .hero-caption{
  position:static; display:block; margin:10px 0 0; padding:0;
  color:#c5d9ea; font-size:.78rem; letter-spacing:0; text-align:center;
}
.phase-artwork{width:100%; min-width:0; display:block;}
.phase-figure{margin:0; border-radius:12px; overflow:hidden; background:#faf8fc;
  border:1px solid #b6bfcb;}
.phase-image-link{display:block; width:100%; background:#faf8fc; line-height:0;
  cursor:zoom-in;}
.phase-image{display:block; width:100%; height:auto; max-height:none; object-fit:contain;}
.phase-figure figcaption{
  color:#23314b; background:#f3edf9; padding:10px 12px;
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:7px;
  font-size:.75rem; font-weight:600; line-height:1.35;
}
.view-full{color:#514083; white-space:nowrap; font-weight:750}
.diagram{height:auto; min-height:0; display:block; overflow:visible;
  background:#152139; padding:10px;}
.diagram .phase-figure{width:100%}
.diagram-caption{margin:0 0 18px; padding:0 4px}
.more-art{margin-top:10px; border:1px solid #4b6383; border-radius:12px;
  background:#192d47; overflow:hidden;}
.more-art summary{padding:10px 12px; cursor:pointer; color:#d7e7f2;
  font-size:.84rem; font-weight:650;}
.more-art summary:hover,.more-art[open] summary{background:#26405d;}
.more-art .phase-figure{margin:7px;}
.hero-art .phase-figure{max-width:100%; border:0;}
.hero-art .phase-figure figcaption{display:none}
@media(max-width:900px){
  .hero-art{height:auto; min-height:0; padding:12px;}
  .aside-card .diagram{margin:0; grid-column:1/-1;}
  .aside-card .diagram-caption{margin:0; grid-column:1/-1;}
}
@media(max-width:620px){
  .hero-art{height:auto; min-height:0; padding:10px; border-radius:18px;}
  .diagram{padding:7px;}
  .aside-card .diagram{margin:0 0 12px;}
  .aside-card .diagram-caption{margin:0 0 17px;}
  .phase-figure figcaption{padding:8px 10px;}
  .hero-art .hero-caption{margin:7px 0 1px;}
}

/* Correção do espaçamento da cronologia para evitar sobreposição no celular. */
.chronology-note { margin:18px 0 0; }
.play { padding-top:28px; }
.landing { padding-top:34px; }
@media(max-width:620px){
  .chronology-note { margin:15px 0 0; line-height:1.55; }
  .play { padding-top:23px; }
  .landing { padding-top:25px; }
}

/* V2.4 — ampliação acessível das imagens dentro da página */
.phase-image-link{border:0;padding:0;appearance:none;text-align:left;font:inherit;color:inherit}
.phase-image-link:hover .phase-image{filter:brightness(.985)}
.phase-image-link:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.image-dialog{
  width:min(960px,96vw);max-width:96vw;max-height:94dvh;
  margin:auto;padding:0;border:1px solid #53627f;border-radius:19px;
  background:#111c30;color:#f1f6fc;overflow:auto;box-shadow:0 24px 85px #000b;
}
.image-dialog::backdrop{background:rgba(4,8,21,.88)}
.image-dialog-content{padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.image-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.image-dialog-header h2{font-size:clamp(.9rem,2.5vw,1.17rem);margin:0;letter-spacing:0}
.image-dialog-close{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;
  border:1px solid #75859d;border-radius:11px;background:#233450;color:#fff;
  font-size:1.65rem;line-height:1;cursor:pointer}
.image-dialog-close:hover{background:#334767}
.image-dialog-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#enlargedImage{
  display:block;width:100%;height:auto;max-width:100%;max-height:calc(94dvh - 132px);
  object-fit:contain;border-radius:11px;background:#fcf9ff;
}
.image-dialog-caption{margin:0;text-align:center;font-weight:650;font-size:.9rem;color:#dde5f5}
@media(max-width:620px){
  .image-dialog{width:98vw;max-width:98vw;max-height:96dvh;border-radius:13px}
  .image-dialog-content{padding:8px;gap:8px}
  #enlargedImage{max-height:calc(96dvh - 115px);border-radius:8px}
  .image-dialog-close{width:40px;height:40px}
  .image-dialog-caption{font-size:.8rem}
}


/* V2.5 — visualização antecipada e carrossel responsivo das imagens */
.mobile-phase-visual{display:none}
.desktop-phase-visual{display:block}
.art-slide[hidden]{display:none!important}
.artwork-stage{min-width:0}
.art-carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:11px 0 5px}
.carousel-arrow{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
  border:1px solid #7195ad;background:#243b59;color:#f0fcff;border-radius:12px;
  font-size:1.75rem;line-height:1;touch-action:manipulation}
.carousel-arrow:hover{background:#385572;border-color:#9dded5}
.carousel-arrow:focus-visible,.art-carousel-dots button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.carousel-position{min-width:62px;text-align:center;font-size:.86rem;color:#dcebf5;font-variant-numeric:tabular-nums}
.art-carousel-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:2px 0 4px;min-height:20px}
.art-carousel-dots button{width:10px;height:10px;border-radius:50%;background:#577088;border:0;padding:0;cursor:pointer}
.art-carousel-dots button[aria-current="true"]{width:20px;border-radius:8px;background:var(--accent)}
.phase-artwork[data-carousel]{touch-action:pan-y}
@media(max-width:900px){
  .mobile-phase-visual{display:block;margin:18px 0 22px}
  .mobile-phase-visual h3{font-size:1.05rem;margin:0 0 10px}
  .mobile-phase-visual .diagram{margin:0;padding:8px}
  .mobile-phase-visual .diagram-caption{margin:8px 0 0;padding:0;font-size:.76rem}
  .desktop-phase-visual{display:none}
  .phase-sub{margin-bottom:10px}
  .aside-card .learning-box{border-top:0;padding-top:0}
}
@media(max-width:620px){
  .mobile-phase-visual{margin:16px 0 21px}
  .mobile-phase-visual .diagram{padding:6px}
  .mobile-phase-visual .phase-figure figcaption{font-size:.73rem}
  .carousel-arrow{width:42px;height:42px;flex-basis:42px}
  .art-carousel-controls{gap:18px}
}
@media(prefers-reduced-motion:reduce){.art-slide{scroll-behavior:auto}}


/* V2.5.1 — controle da rotação automática do carrossel */
.art-carousel-controls{flex-wrap:wrap;gap:8px}
.carousel-auto-button{
  border:1px solid #7195ad;border-radius:10px;padding:9px 11px;
  background:#22384f;color:#edfaff;cursor:pointer;
  font-size:.76rem;font-weight:650;line-height:1.2;white-space:nowrap;
}
.carousel-auto-button:hover{background:#355572}
.carousel-auto-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:620px){
  .art-carousel-controls{gap:8px}
  .carousel-position{min-width:53px}
  .carousel-auto-button{font-size:.73rem;padding:9px 8px}
}

/* V2.6 — níveis de dificuldade, indicador e reforço pedagógico */
.level-start{border-top:1px solid var(--stroke);padding-top:17px;margin:4px 0 21px}
.level-start h3{font-size:1.05rem;margin:0 0 3px}
.level-start p{font-size:.88rem;margin-bottom:11px}
.difficulty-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.level-choice{display:flex;gap:10px;align-items:flex-start;border:1px solid #45617e;
  border-radius:13px;padding:12px 14px;cursor:pointer;background:#122139;min-width:0}
.level-choice:has(input:checked){border-color:#9de7d5;background:#9ee4d70c}
.level-choice input{margin-top:5px;width:17px;height:17px;flex:0 0 17px;accent-color:var(--accent)}
.level-choice strong{display:block;font-size:.96rem}
.level-choice small{display:block;font-size:.78rem;color:var(--muted);margin-top:3px;line-height:1.4}
.difficulty-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;
  flex-wrap:wrap;margin:15px 0 3px}
.difficulty-pill{border-radius:999px;display:inline-flex;align-items:center;gap:4px;
  font-size:.78rem;font-weight:800;padding:7px 12px;letter-spacing:.01em;line-height:1.1}
.difficulty-pill.facil{color:#b5f1dc;background:#1c4b44;border:1px solid #62a68e}
.difficulty-pill.dificil{color:#ffdba5;background:#48321f;border:1px solid #bd9557}
.difficulty-switch{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.difficulty-switch>span{font-size:.76rem;color:var(--muted);margin-right:4px}
.difficulty-choice{background:#1b2a40;color:#d3e3f0;border:1px solid #536c87;
  border-radius:9px;padding:7px 11px;font-size:.81rem;font-weight:650;line-height:1.2;min-height:34px}
.difficulty-choice.active{border-color:var(--accent);background:#315d60;color:#fff}
.difficulty-choice:hover{border-color:#b3eae1}
.difficulty-choice:focus-visible,.level-choice:focus-within,.support-cta:focus-visible{
  outline:3px solid var(--accent);outline-offset:2px}
.study-support{background:#24354a;border:1px solid #8dbacb78;border-radius:13px;
  padding:14px;margin:5px 0 19px;color:#e9f5fb}
.study-support strong{font-size:.94rem}
.study-support p{font-size:.87rem;color:#d0e4ed;margin:7px 0 10px}
.study-support .support-small{font-size:.76rem;margin-bottom:0}
.study-support .support-detail{border-left:3px solid var(--accent);padding:9px 12px;
  background:#14243a;margin:12px 0 0;border-radius:4px}
.support-cta{background:#a9eee0;color:#112a30;font-size:.85rem;font-weight:800;
  border-radius:11px;border:0;padding:11px 13px;line-height:1.25}
.support-cta:hover{background:#cbfff1}
.upgrade-prompt{background:#1c2f42;border:1px solid #80c5bc8f;border-radius:17px;
  padding:18px 20px;margin:22px 0 0}
.upgrade-prompt strong{display:block;font-size:1.02rem}
.upgrade-prompt p{font-size:.88rem;color:#dce9ef;margin:8px 0 13px}
@media(max-width:620px){
  .difficulty-options{grid-template-columns:1fr}
  .level-choice{padding:10px 12px}
  .difficulty-toolbar{margin:13px 0 6px;gap:10px}
  .difficulty-switch{width:100%;justify-content:flex-start}
  .difficulty-switch>span{font-size:.72rem}
  .difficulty-choice{padding:8px 12px}
  .study-support{padding:12px}
  .upgrade-prompt{padding:15px 16px}
}