:root{--ink:#111;--paper:#f7f5ef;--blue:#1f6fff;--cyan:#10bde8;--yellow:#ffc400;--pink:#ff5c8a;--purple:#7b5cff;--green:#31c76a;--white:#fff;--muted:#5e6470;--shadow:10px 10px 0 #111}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 8% 10%,rgba(31,111,255,.11) 0 150px,transparent 151px),radial-gradient(circle at 93% 28%,rgba(255,196,0,.10) 0 170px,transparent 171px),radial-gradient(circle at 10% 72%,rgba(16,189,232,.10) 0 160px,transparent 161px),var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}
code,pre{font-family:Consolas,"Courier New",monospace}
.screen-toolbar{position:sticky;top:0;z-index:100;display:flex;gap:10px;justify-content:flex-end;padding:12px 18px;background:rgba(247,245,239,.94);border-bottom:2px solid var(--ink);backdrop-filter:blur(8px)}
.screen-toolbar button{border:2px solid var(--ink);background:var(--white);padding:10px 14px;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--ink)} .screen-toolbar .primary{background:var(--yellow)}
.page{width:min(100%,1100px);margin:0 auto;padding:42px 34px 70px}
.hero{min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center;border-bottom:3px solid var(--ink);padding:30px 0 54px}
.eyebrow{display:inline-block;background:var(--yellow);border:3px solid var(--ink);padding:8px 14px;font-weight:1000;letter-spacing:.08em;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--ink);margin-bottom:22px}
h1{margin:0;font-size:clamp(48px,7vw,88px);line-height:.93;letter-spacing:-.055em;text-transform:uppercase;font-weight:1000} h1 em{color:var(--blue);font-style:italic} .lead{margin-top:28px;font-size:22px;max-width:700px;font-weight:800}
.hero-card{background:var(--white);border:3px solid var(--ink);padding:28px;transform:rotate(2deg);box-shadow:var(--shadow)} .hero-card .label{color:var(--blue);font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:13px} .hero-card strong{display:block;font-size:32px;line-height:1.06;margin:12px 0 20px} .hero-card ul{padding-left:20px;margin:0;font-weight:800}
section{padding:56px 0 12px} .section-title{display:flex;align-items:flex-end;gap:16px;margin-bottom:28px} .section-title .num{font-size:72px;font-weight:1000;color:var(--blue);line-height:.8} .section-title h2{margin:0;font-size:40px;line-height:1;text-transform:uppercase;letter-spacing:-.03em}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .card{border:3px solid var(--ink);background:var(--white);padding:22px;min-height:170px;box-shadow:7px 7px 0 var(--ink)} .card:nth-child(1){transform:rotate(-1deg)} .card:nth-child(2){transform:rotate(1deg)} .card:nth-child(3){transform:rotate(-.6deg)} .accent-blue{border-top:12px solid var(--blue)} .accent-cyan{border-top:12px solid var(--cyan)} .accent-yellow{border-top:12px solid var(--yellow)}
.mission-list{display:grid;gap:34px} .mission{position:relative;border:3px solid var(--ink);background:var(--white);box-shadow:10px 10px 0 var(--ink);padding:30px 28px 26px} .mission:nth-child(odd){transform:rotate(-.25deg)} .mission:nth-child(even){transform:rotate(.25deg)} .mission-badge{position:absolute;top:-20px;left:22px;background:var(--yellow);border:3px solid var(--ink);padding:7px 14px;font-weight:1000;text-transform:uppercase;transform:rotate(-2deg)} .level{display:inline-block;margin:8px 0 12px;padding:5px 10px;border:2px solid var(--ink);font-size:12px;font-weight:1000;text-transform:uppercase;background:#fff} .easy{background:#dff6ff} .medium{background:#fff0b8} .boss{background:#ffdbe7} .mission h3{margin:12px 0 4px;font-size:30px;line-height:1.06} .mission p{font-size:17px;font-weight:700}
.output-label{display:inline-block;margin-top:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);font-size:13px} pre{margin:14px 0 0;background:#0f1115;color:#f5f7fa;border-left:9px solid var(--blue);padding:20px;overflow:auto;font:15.5px/1.55 Consolas,"Courier New",monospace;white-space:pre}
.checks{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .check{border:2px solid var(--ink);padding:8px 12px;background:#eef5ff;font-weight:900} .xp{margin-top:14px;display:inline-block;background:var(--green);border:2px solid var(--ink);padding:6px 10px;font-weight:1000;transform:rotate(-1deg)} .tip{margin-top:18px;padding:15px 18px;border:2px dashed var(--blue);background:#eef5ff;font-weight:800}
.checkpoint{display:grid;grid-template-columns:1fr 1fr;gap:18px} .checkpoint .item{border:2px solid var(--ink);background:#fff;padding:16px;font-weight:800}
.separator{margin:70px 0 20px;background:#111;color:#fff;border:3px solid var(--blue);box-shadow:10px 10px 0 var(--blue);padding:54px 30px;text-align:center;transform:rotate(-.3deg)} .separator h2{margin:0;font-size:44px;text-transform:uppercase;letter-spacing:-.03em} .separator p{font-size:18px;font-weight:800;color:#dfe7ff}
.answer{border:3px solid var(--ink);background:var(--white);box-shadow:10px 10px 0 var(--ink);padding:28px 26px 24px;margin:34px 0} .answer h3{margin:0 0 12px;font-size:28px} .lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px} .lang{border:3px solid var(--ink);background:#fff;padding:18px} .lang h4{margin:0 0 8px;font-size:18px;text-transform:uppercase} .lang.python{border-top:10px solid var(--blue)} .lang.javascript{border-top:10px solid var(--yellow)} .lang.java{border-top:10px solid var(--pink)} .lang.pascal{border-top:10px solid var(--purple)} .lang pre{font-size:13.5px;padding:15px;border-left-width:6px}
.alt{margin-top:12px;background:#fff7cf;border:2px solid #b88900;padding:12px 14px;font-size:14px;font-weight:700} .alt strong{display:block;text-transform:uppercase;margin-bottom:4px}
.footer-box{margin-top:62px;border:3px solid var(--ink);padding:26px;background:var(--yellow);box-shadow:10px 10px 0 var(--ink);transform:rotate(-.5deg);text-align:center;font-weight:1000;font-size:24px;text-transform:uppercase}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto}.grid-3{grid-template-columns:1fr}.checkpoint{grid-template-columns:1fr}.lang-grid{grid-template-columns:1fr}.page{padding:28px 18px 55px}.section-title .num{font-size:54px}.section-title h2{font-size:32px}.screen-toolbar{justify-content:center}}
@media print{@page{size:A4;margin:14mm}body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.screen-toolbar{display:none!important}.page{width:auto;margin:0;padding:0}.hero{min-height:auto;padding-top:0;padding-bottom:16mm}section{padding-top:12mm}.hero-card,.card,.mission,.answer,.footer-box{box-shadow:5px 5px 0 #111!important}.mission,.answer,.card,.lang,pre,.separator{break-inside:avoid;page-break-inside:avoid}.mission{padding-top:42px!important;margin-top:4mm}.mission-badge{top:8px!important;left:18px!important;transform:rotate(-2deg) scale(.98)}.section-title{break-after:avoid;page-break-after:avoid}.separator{break-before:page;page-break-before:always}.answer{break-before:page;page-break-before:always}h1{font-size:52pt}.lead{font-size:15pt}a{color:inherit;text-decoration:none}}

/* ===== TEMPLATE INTERATIVO COVRE ===== */
body{padding-top:72px;position:relative;isolation:isolate}
.screen-toolbar{position:fixed!important;top:0;left:0;right:0;z-index:9999;min-height:64px;display:flex;align-items:center;justify-content:space-between!important;gap:14px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:rgba(247,245,239,.97);border-bottom:3px solid var(--ink);box-shadow:0 5px 0 rgba(17,17,17,.08);backdrop-filter:blur(10px)}
.toolbar-brand{min-width:0;font-weight:1000;letter-spacing:-.02em;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.screen-toolbar button{min-height:42px;border-radius:0}.page{position:relative;z-index:2}section,.mission{scroll-margin-top:90px}
.watermark-layer{position:fixed;inset:-18vh -18vw;z-index:1;pointer-events:none;overflow:hidden;user-select:none}
.watermark{position:absolute;left:-18%;width:136%;text-align:center;transform:rotate(-24deg) translateX(-12vw);transform-origin:center;font-size:clamp(24px,3.8vw,48px);line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(17,17,17,.045);white-space:nowrap;will-change:transform;animation:covre-watermark-drift 58s linear infinite}
.watermark:nth-child(even){color:rgba(31,111,255,.045);animation-duration:66s}
.wm-1{top:4%;animation-delay:-4s}.wm-2{top:21%;animation-delay:-15s}.wm-3{top:38%;animation-delay:-27s}.wm-4{top:55%;animation-delay:-38s}.wm-5{top:72%;animation-delay:-49s}.wm-6{top:89%;animation-delay:-60s}
@keyframes covre-watermark-drift{from{transform:rotate(-24deg) translateX(-12vw)}to{transform:rotate(-24deg) translateX(12vw)}}
@media(prefers-reduced-motion:reduce){.watermark{animation:none!important;transform:rotate(-24deg)!important}}
.answer-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;margin-top:18px!important}.answer-buttons .check{appearance:none;width:100%;min-height:52px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:2px solid var(--ink);background:#eef5ff;color:var(--ink);padding:10px 12px;font:900 15px/1.2 Inter,Arial,Helvetica,sans-serif;text-align:left;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.answer-buttons .check:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.answer-buttons .check[aria-expanded="true"]{background:var(--yellow);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.fake-check{width:23px;height:23px;flex:0 0 23px;border:3px solid var(--ink);background:#fff;position:relative}.answer-trigger[aria-expanded="true"] .fake-check::after{content:"✓";position:absolute;inset:-8px -2px auto auto;font-size:28px;line-height:1;font-weight:1000;color:var(--blue)}
.inline-answers{margin-top:14px}.inline-answer{border:3px solid var(--ink);background:#fff;box-shadow:7px 7px 0 var(--ink);padding:18px;margin-top:14px;scroll-margin-top:96px}.inline-answer[hidden]{display:none!important}.inline-answer.python{border-top:10px solid var(--blue)}.inline-answer.javascript{border-top:10px solid var(--yellow)}.inline-answer.java{border-top:10px solid var(--pink)}.inline-answer.pascal{border-top:10px solid var(--purple)}.inline-answer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:16px;text-transform:uppercase}.close-answer{width:38px;height:38px;flex:0 0 38px;border:2px solid var(--ink);background:#fff;font-size:27px;line-height:1;font-weight:900;cursor:pointer}.inline-answer pre{margin-top:10px}.inline-answer .alt{margin-top:12px}.separator,.answer{display:none!important}
@media(max-width:850px){body{padding-top:68px}.screen-toolbar{min-height:60px;padding-top:8px;padding-bottom:8px}.toolbar-brand{font-size:13px;max-width:38vw}.toolbar-actions{gap:7px}.screen-toolbar button{padding:9px 11px!important;font-size:13px;box-shadow:3px 3px 0 var(--ink)!important}.answer-buttons{grid-template-columns:1fr 1fr}.answer-buttons .check{min-height:50px;font-size:14px;padding:9px 10px}.fake-check{width:20px;height:20px;flex-basis:20px}.inline-answer{padding:14px;box-shadow:5px 5px 0 var(--ink)}.inline-answer pre{font-size:12px;padding:13px}.watermark{font-size:30px;left:-40%;width:180%;color:rgba(17,17,17,.05)}}
@media(max-width:430px){.toolbar-brand{max-width:29vw;font-size:12px}.screen-toolbar button{padding:8px 9px!important;font-size:12px}}
@media print{body{padding-top:0!important}.screen-toolbar{display:none!important}.inline-answer{display:none!important}.answer-buttons{display:none!important}.watermark-layer{display:block!important;position:fixed!important;inset:0!important}.watermark{animation:none!important;transform:rotate(-24deg)!important;color:rgba(17,17,17,.06)!important}}

.channel-link{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:7px 11px;font-weight:1000;font-size:13px;text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.channel-link:hover{background:#ffe4ec;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.hero-channel{margin:0 0 22px 10px;vertical-align:middle}
.mission-channel{position:absolute;top:12px;right:18px;z-index:2}
@media(max-width:650px){.mission{padding-top:78px}.mission-channel{top:12px;right:14px;max-width:58%;font-size:11px;padding:6px 8px}.hero-channel{margin:10px 0 20px 0}}




/* ===== MARCA D'ÁGUA NOS CARDS DE MISSÃO =====
   Padrão estático, discreto e irregular; microefeito apenas em dispositivos com mouse. */
.mission{
    background-color:var(--white);
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22760%22%20height%3D%22320%22%20viewBox%3D%220%200%20760%20320%22%3E%20%20%3Cg%20font-family%3D%22Arial%2C%20Helvetica%2C%20sans-serif%22%20font-weight%3D%22700%22%20letter-spacing%3D%221.4%22%3E%20%20%20%20%3Ctext%20x%3D%2234%22%20y%3D%2270%22%20font-size%3D%2218%22%20fill%3D%22%23d8c1a0%22%20fill-opacity%3D%22.42%22%20transform%3D%22rotate(-16%2034%2070)%22%3EPROGRAMANDO%20COM%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22515%22%20y%3D%2258%22%20font-size%3D%2212%22%20fill%3D%22%231f6fff%22%20fill-opacity%3D%22.11%22%20transform%3D%22rotate(-16%20515%2058)%22%3EPROF.%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22150%22%20y%3D%22165%22%20font-size%3D%2213%22%20fill%3D%22%23d8c1a0%22%20fill-opacity%3D%22.30%22%20transform%3D%22rotate(-16%20150%20165)%22%3EPROF.%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22345%22%20y%3D%22190%22%20font-size%3D%2216%22%20fill%3D%22%23d8c1a0%22%20fill-opacity%3D%22.38%22%20transform%3D%22rotate(-16%20345%20190)%22%3EPROGRAMANDO%20COM%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%2252%22%20y%3D%22285%22%20font-size%3D%2214%22%20fill%3D%22%23d8c1a0%22%20fill-opacity%3D%22.34%22%20transform%3D%22rotate(-16%2052%20285)%22%3EPROGRAMANDO%20COM%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22585%22%20y%3D%22270%22%20font-size%3D%2211%22%20fill%3D%22%231f6fff%22%20fill-opacity%3D%22.10%22%20transform%3D%22rotate(-16%20585%20270)%22%3EPROF.%20COVRE%3C%2Ftext%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat:repeat;
    background-size:760px 320px;
    background-position:8px 10px;
    transition:background-position .85s ease;
}
@media(hover:hover) and (pointer:fine){
    .mission:hover{
        background-position:18px 3px;
    }
}
@media(prefers-reduced-motion:reduce){
    .mission{
        transition:none;
    }
    .mission:hover{
        background-position:8px 10px;
    }
}
@media(max-width:650px){
    .mission{
        background-size:520px 220px;
        background-position:8px 8px;
        transition:none;
    }
}
@media print{
    .mission{
        background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22760%22%20height%3D%22320%22%20viewBox%3D%220%200%20760%20320%22%3E%20%20%3Cg%20font-family%3D%22Arial%2C%20Helvetica%2C%20sans-serif%22%20font-weight%3D%22700%22%20letter-spacing%3D%221.4%22%20fill%3D%22%23d8c1a0%22%3E%20%20%20%20%3Ctext%20x%3D%2234%22%20y%3D%2270%22%20font-size%3D%2218%22%20fill-opacity%3D%22.55%22%20transform%3D%22rotate(-16%2034%2070)%22%3EPROGRAMANDO%20COM%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22515%22%20y%3D%2258%22%20font-size%3D%2212%22%20fill-opacity%3D%22.42%22%20transform%3D%22rotate(-16%20515%2058)%22%3EPROF.%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22150%22%20y%3D%22165%22%20font-size%3D%2213%22%20fill-opacity%3D%22.42%22%20transform%3D%22rotate(-16%20150%20165)%22%3EPROF.%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22345%22%20y%3D%22190%22%20font-size%3D%2216%22%20fill-opacity%3D%22.50%22%20transform%3D%22rotate(-16%20345%20190)%22%3EPROGRAMANDO%20COM%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%2252%22%20y%3D%22285%22%20font-size%3D%2214%22%20fill-opacity%3D%22.45%22%20transform%3D%22rotate(-16%2052%20285)%22%3EPROGRAMANDO%20COM%20COVRE%3C%2Ftext%3E%20%20%20%20%3Ctext%20x%3D%22585%22%20y%3D%22270%22%20font-size%3D%2211%22%20fill-opacity%3D%22.38%22%20transform%3D%22rotate(-16%20585%20270)%22%3EPROF.%20COVRE%3C%2Ftext%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E")!important;
        background-repeat:repeat!important;
        background-size:760px 320px!important;
        background-position:8px 10px!important;
        background-color:#fff!important;
        transition:none!important;
    }
}

/* ===== COMANDOS APRENDIDOS ===== */
#comandos-aprendidos{scroll-margin-top:92px}
.command-intro{max-width:820px;font-size:18px;font-weight:800;margin:-8px 0 24px}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.command-card{position:relative;overflow:hidden;border:3px solid var(--ink);background:#fff;padding:22px;box-shadow:7px 7px 0 var(--ink);min-height:250px}
.command-card:nth-child(1){transform:rotate(-.35deg);border-top:11px solid var(--blue)}
.command-card:nth-child(2){transform:rotate(.3deg);border-top:11px solid var(--pink)}
.command-card:nth-child(3){transform:rotate(-.25deg);border-top:11px solid var(--purple)}
.command-card:nth-child(4){transform:rotate(.25deg);border-top:11px solid var(--yellow)}
.command-card h3{margin:0 0 6px;font-size:25px}
.command-card .command-name{display:inline-block;margin:6px 0 12px;padding:5px 9px;border:2px solid var(--ink);background:#f7f5ef;font-family:Consolas,"Courier New",monospace;font-weight:1000}
.command-card p{margin:6px 0 12px;font-weight:750}
.command-card pre{margin-top:12px;font-size:13.5px;padding:14px}
.command-note{margin-top:12px;padding:10px 12px;border:2px dashed #bfa77e;background:#fbf3e5;font-size:14px;font-weight:750}
@media(max-width:850px){.command-grid{grid-template-columns:1fr}.command-card{min-height:auto}}
@media print{#comandos-aprendidos{break-before:page;page-break-before:always}.command-card{break-inside:avoid;page-break-inside:avoid}}


/* ===== NOVO PADRÃO DE MISSÕES ===== */
.mission-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 10px}
.activity-tag{display:inline-block;border:2px solid var(--ink);padding:5px 9px;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;box-shadow:2px 2px 0 var(--ink);background:#fff}
.activity-tag.build{background:#dff6ff}
.activity-tag.read{background:#e8e0ff}
.activity-tag.syntax{background:#ffdbe7}.activity-tag.semantic{background:#dff9e8}
.activity-tag.logic{background:#fff0b8}
.activity-tag.calc{background:#ffe8bd}
.activity-tag.typefix{background:#dff9e8}
.activity-tag.complete{background:#dce7ff}
.activity-tag.evolve{background:#e7dcff}
.activity-tag.system{background:#d9f8ff}
.activity-tag.bossmission{background:#ffc400}
.starter-pack{margin:20px 0 16px;padding:16px;border:3px solid var(--ink);background:#fbf3e5;box-shadow:5px 5px 0 var(--ink)}
.starter-title{font-weight:1000;text-transform:uppercase;letter-spacing:.04em}
.starter-pack>p{margin:5px 0 12px;font-size:14px}
.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.starter-lang{border:2px solid var(--ink);background:#fff;align-self:start}
.starter-lang summary{cursor:pointer;padding:10px 12px;font-weight:1000;user-select:none}
.starter-lang.python{border-left:7px solid var(--blue)}
.starter-lang.java{border-left:7px solid var(--pink)}
.starter-lang.pascal{border-left:7px solid var(--purple)}
.starter-lang.javascript{border-left:7px solid var(--yellow)}
.starter-lang pre{margin:0;border-left:0;font-size:13px;padding:14px}
.answer-explanation{margin-top:13px;padding:12px 14px;border:2px dashed #bfa77e;background:#fbf3e5;font-size:14px;font-weight:750}
.mission h3{margin-top:8px}
@media(max-width:850px){.starter-grid{grid-template-columns:1fr}}
@media print{
  .activity-tag{box-shadow:none!important}
  .starter-pack{box-shadow:none!important}
  .starter-pack details{display:block!important}
  .starter-pack summary{display:block!important}
}


/* Gabarito único para atividades em que a saída é igual em todas as linguagens */
.answer-trigger:not(.python):not(.java):not(.pascal):not(.javascript){
  background:#fff;
}
.answer-trigger:not(.python):not(.java):not(.pascal):not(.javascript)[aria-expanded="true"]{
  background:#ffc400;
}

/* ===== NAVEGAÇÃO GERADA DOS MÓDULOS ===== */
.toolbar-brand{color:var(--ink);text-decoration:none}
.toolbar-brand span{color:var(--blue)}
.toolbar-brand:hover{text-decoration:underline;text-underline-offset:4px}
.module-nav{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 22px;padding:12px;border:2px solid var(--ink);background:rgba(255,255,255,.88);box-shadow:4px 4px 0 var(--ink);backdrop-filter:blur(6px)}
.module-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border:2px solid var(--ink);background:#fff;color:var(--ink);text-decoration:none;font-size:13px;font-weight:1000;box-shadow:2px 2px 0 var(--ink)}
.module-nav a:hover,.module-nav a:focus-visible{background:#eef5ff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);outline:none}
.module-nav .sequence{background:#fff7cf}
.module-nav .nav-next{margin-left:auto;background:var(--yellow)}
@media(max-width:650px){.module-nav{gap:7px;padding:10px}.module-nav a{font-size:12px;min-height:36px;padding:6px 8px}.module-nav .nav-next{margin-left:0}}
@media print{.module-nav{display:none!important}}

/* ===== ACESSIBILIDADE, RESPONSIVIDADE E IMPRESSÃO ===== */
.skip-link{
  position:fixed;
  top:10px;
  left:12px;
  z-index:10050;
  padding:10px 14px;
  border:3px solid var(--ink);
  background:var(--yellow);
  color:var(--ink);
  font-weight:1000;
  text-decoration:none;
  box-shadow:4px 4px 0 var(--ink);
  transform:translateY(-180%);
  transition:transform .15s ease;
}
.skip-link:focus{transform:translateY(0)}
:where(a,button,summary):focus-visible{
  outline:4px solid var(--blue);
  outline-offset:3px;
}
.module-nav a:focus-visible{
  outline:4px solid var(--blue);
  outline-offset:3px;
}
pre{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
@media(max-width:600px){
  body{padding-top:116px}
  .screen-toolbar{
    min-height:108px;
    align-items:stretch;
    flex-wrap:wrap;
    gap:6px;
  }
  .toolbar-brand{
    width:100%;
    max-width:none;
    font-size:12px;
  }
  .toolbar-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .screen-toolbar button{
    width:100%;
    min-width:0;
    padding:8px 6px!important;
    font-size:11px;
    white-space:nowrap;
  }
  .answer-buttons{grid-template-columns:1fr!important}
  section,.mission,#comandos-aprendidos,.inline-answer{scroll-margin-top:132px}
}
@media print{
  .skip-link{display:none!important}
  h1,h2,h3,h4,.section-title,.mission h3,.answer h3{
    break-after:avoid;
    page-break-after:avoid;
  }
  p,li{orphans:3;widows:3}
  pre{
    max-width:100%!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere;
    overflow:visible!important;
  }
}