/* Treinar: fluxo matéria → assunto → modo (compacto, proporcional) */
.thApp{max-width:560px;margin:0 auto;display:block}
.thHead h1{font-size:24px;letter-spacing:-.03em;margin:0}.thHead p{font-size:13.5px;color:var(--muted,#5b6e73);margin:2px 0 12px}
.thStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.thStats div{background:var(--bg2,#fff);border:1px solid var(--line,#dce7df);border-radius:14px;padding:8px 10px}
.thStats b{display:block;font-size:18px}.thStats span{font-size:11px;color:var(--muted,#5b6e73)}
.thCta{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:linear-gradient(135deg,#137554,#0e5a41);color:#fff;border:0;border-radius:18px;padding:12px 14px;cursor:pointer;margin-bottom:10px;font:inherit}
.thCta>i{font-style:normal;font-size:20px;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.thCta b{display:block;font-size:15px}.thCta small{font-size:12px;opacity:.88}
.thCta.alt{background:var(--bg2,#fff);color:var(--text,#103c30);border:1px solid var(--line,#dce7df)}
.thCta.alt>i{background:#dcefe4;color:#137554}
.thSec{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5b6e73);margin:14px 0 6px}
.thList{display:grid;gap:8px}
.thRow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg2,#fff);border:1px solid var(--line,#dce7df);border-radius:16px;padding:10px 12px;cursor:pointer;color:inherit;font:inherit}
.thRow:hover{border-color:#8db8a4}.thRow.vazio{opacity:.6}
.thRow.thAll{background:#dcefe4;margin-bottom:8px}
.thIc{width:38px;height:38px;border-radius:12px;background:#dcefe4;color:#137554;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.thAll .thIc{background:#fff}
.thT{flex:1;min-width:0}.thT b{display:block;font-size:14.5px}.thT small{font-size:12px;color:var(--muted,#5b6e73)}
.thBar{height:5px;background:var(--line,#dce7df);border-radius:9px;margin-top:6px;overflow:hidden}.thBar i{display:block;height:100%;background:#137554}
.thCh{color:var(--muted,#5b6e73)}
.thTop{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.thBack{border:1px solid var(--line,#dce7df);background:var(--bg2,#fff);border-radius:999px;width:34px;height:34px;cursor:pointer;font-size:16px;color:inherit}
.thCrumb{font-size:12px;color:var(--muted,#5b6e73)}.thCrumb b{color:var(--text,#103c30)}
.thTabs{display:flex;gap:6px;margin-bottom:10px}
.thTabs button{flex:1;padding:7px;border-radius:999px;border:1px solid var(--line,#dce7df);background:var(--bg2,#fff);font:inherit;font-size:12.5px;font-weight:650;cursor:pointer;color:inherit}
.thTabs button.on{background:#e4f1eb;border-color:#8fc1a9;color:#176650}
.thNote{font-size:13px;color:var(--muted,#5b6e73);background:var(--bg2,#fff);border:1px dashed var(--line,#dce7df);border-radius:14px;padding:12px;margin-bottom:10px}
.thGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.thMode{background:var(--bg2,#fff);border:1px solid var(--line,#dce7df);border-radius:16px;padding:12px;cursor:pointer;text-align:left;color:inherit;font:inherit}
.thMode:hover{border-color:#8db8a4}.thMode>i{font-style:normal;font-size:20px;display:block}
.thMode b{display:block;font-size:14px;margin-top:4px}.thMode small{font-size:12px;color:var(--muted,#5b6e73)}
.thMode.full{width:100%;display:flex;gap:12px;align-items:center;background:#dcefe4;border-color:#8fc1a9}
.thMode.full>i{font-size:24px}.thMode.full b{margin:0}
html[data-theme="dark"] .thIc,html[data-theme="dark"] .thMode.full,html[data-theme="dark"] .thRow.thAll{background:#1c3a2d}
html[data-theme="dark"] .thTabs button.on{background:#223a2e;color:#9fe0c3}
@media(max-width:380px){.thGrid{grid-template-columns:1fr}}