/* Paleta inspirada na Cultura Inglesa: vermelho, branco, preto e cinzas. */
:root{--bg:#FFFFFF;--panel:#FFFFFF;--panel2:#F3F3F3;--line:#DADADA;--line2:#BDBDBD;--fg:#171717;--dim:#454545;--mute:#707070;--cyan:#D71920;--amber:#A61018;--green:#B5121B;--bg:#FFFFFF;--panel:#FFFFFF;--panel2:#F3F3F3;--line:#DADADA;--line2:#BDBDBD;--fg:#171717;--dim:#454545;--mute:#707070;--cyan:#D71920;--amber:#A61018;--green:#D71920}
body{background:radial-gradient(1000px 460px at 85% -15%,#D7192010,transparent 62%),var(--bg);color:var(--fg)}
.top{border-top:5px solid #D71920;background:#FFFFFFF0;border-bottom-color:var(--line);backdrop-filter:blur(14px)}
.brand{color:var(--fg)}.brand-mark{border-color:var(--cyan);color:var(--cyan)}.brand small{color:var(--mute)}
.nav a,.nav button{color:var(--dim)}.nav a:hover,.nav a[aria-current=page]{color:var(--cyan);background:#F3F3F3}.search-btn{color:var(--fg)!important;border-color:var(--line2)!important}.nav kbd{color:var(--mute);border-color:var(--line2)}
.top-progress span{color:#A61018}
.hero{padding:clamp(28px,5vw,54px);margin:25px 0 30px;border:1px solid #DADADA;border-radius:20px;background:linear-gradient(125deg,#F5F5F5 0%,#FFFFFF 100%)}
.hero h1{color:var(--fg)}.hero h1 em{color:var(--cyan)}.hero p{color:var(--dim);max-width:58ch;line-height:1.72}
.stat{background:#FFFFFFDD;border-color:var(--line);border-radius:14px;box-shadow:0 8px 22px #00000008}.stat b{color:var(--cyan)}.stat small{color:var(--mute)}
.group-head h2{color:var(--dim)}.group-head:after{background:var(--line)}.group-head span{color:var(--mute)}
.card{background:var(--panel);border-color:var(--line);border-radius:15px;box-shadow:0 5px 18px #00000008}.card:hover{border-color:#D71920;box-shadow:0 10px 24px #00000012}.card b{color:var(--fg)}.card span{color:var(--dim)}.card small,.card-foot{color:var(--mute)}
.migalha{color:var(--mute)}.migalha a{color:var(--cyan)}
.lesson-hero{margin:20px 0;padding:24px 27px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 7px 20px #00000008}.lesson-hero h1{color:var(--fg)}.lesson-hero p{color:var(--dim);line-height:1.65}
.lesson-grid{grid-template-columns:270px minmax(0,1fr);gap:30px;margin-top:24px}.index{top:88px;padding:16px 12px 16px 0;border-right:1px solid var(--line)}.index h3{color:var(--mute);padding-left:9px}.page-link{color:var(--dim);border-radius:8px}.page-link:hover,.page-link[aria-current=true]{background:var(--panel);color:var(--fg);box-shadow:inset 3px 0 var(--cyan),0 2px 10px #00000008}.page-no{color:var(--cyan)}
.content-top{color:var(--mute)}.read-state{color:#A61018}.reader-controls{display:flex;align-items:center;gap:6px}.reader-size{width:34px;height:29px;border:1px solid var(--line2);border-radius:6px;background:var(--panel);color:var(--cyan);font:600 12px var(--body);cursor:pointer}.reader-size:hover{background:var(--panel2)}.page-title{font-size:29px;color:var(--fg)}
.lesson-text{background:var(--panel);border-color:var(--line);border-radius:14px;color:#222222;font:18px/1.85 Barlow,system-ui,sans-serif;max-width:78ch;box-shadow:0 8px 24px #00000008;user-select:text}
.btn{border-color:var(--cyan);background:#D7192010;color:#B5121B;border-radius:10px}.btn:hover{background:#D719201C}.btn.secondary{border-color:var(--line2);background:var(--panel);color:var(--fg)}.btn.secondary:hover{background:var(--panel2)}
.progress-line{background:#E5E5E5;border-radius:9px}.progress-line span{background:var(--green);border-radius:9px}
.review-card,.sources{background:var(--panel);border-color:var(--line);border-radius:13px}.review-card b{color:var(--cyan)}.review-card button{color:var(--dim)}.empty{border-color:var(--line2);color:var(--dim)}
footer{border-top-color:var(--line);color:var(--mute)}
.modal{background:#17171770;backdrop-filter:blur(5px)}.search-box{background:var(--panel);border-color:var(--line2);border-radius:16px;box-shadow:0 25px 80px #00000030}.search-head{color:var(--cyan)}.search-box input{background:#F7F8F4;border-color:var(--line2);color:var(--fg)}.search-box input:focus{border-color:var(--cyan)}.result{color:var(--fg)}.result:hover{background:var(--panel2);border-color:var(--line)}.result b{color:var(--cyan)}.result span{color:var(--dim)}.search-hint{color:var(--mute)}
@media(max-width:650px){.hero{padding:25px 18px;margin-top:16px;border-radius:15px}.lesson-hero{padding:19px}.lesson-grid{grid-template-columns:1fr;gap:16px}.index{position:static;max-height:260px;border:1px solid var(--line);border-radius:12px;background:#FFFFFF;padding:13px}.index h3{padding-left:0}.lesson-text{font-size:17px;line-height:1.78}}
