:root{
  --primary:#1d6fb8;--primary-dark:#155689;--accent:#e63946;
  --bg:#f7f9fc;--card:#fff;--text:#1f2933;--muted:#5b6b7b;
  --border:#dde4ec;--soln-bg:#eef6ff;--soln-border:#b6d4f0;
  --blue-text:#315eb6;--pink:#ef5a86;--green:#78ad3f;--orange:#ef8b2c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
header{background:linear-gradient(135deg,#3a5a7a 0%,#243f5a 100%);color:#fff;padding:2.7rem 1.5rem 2.4rem;text-align:center}
header .logo{display:block;margin:0 auto 1.2rem;max-width:390px;width:76%;height:auto}
header h1{margin:0 0 .55rem;font-size:1.95rem;font-weight:700}
header p{margin:.2rem auto 0;max-width:860px;color:#dce9f7;font-size:1.02rem}
main{max-width:1120px;margin:0 auto;padding:1.4rem}
nav.toc{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.35rem;margin:-2rem auto 1.8rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}
nav.toc h2{margin:0 0 .65rem;color:var(--primary-dark);font-size:1.15rem}
nav.toc ol{columns:2;column-gap:2.2rem;margin:0;padding-left:0;list-style:none}
nav.toc li{break-inside:avoid;margin:.22rem 0}
nav.toc a{color:var(--primary);text-decoration:none;display:flex;gap:.45rem;align-items:baseline}
nav.toc a:hover{text-decoration:underline}
nav.toc .toc-num{flex:0 0 2.7rem;color:var(--primary-dark);font-weight:700}
nav.toc .toc-legenda{color:var(--text)}
.controlos{text-align:center;margin:1rem 0 2rem}
.controlos button{display:inline-block;background:#fff;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin:.2rem .25rem;font-weight:600;font-size:.95rem;font-family:inherit}
.controlos button:hover{background:var(--primary);color:#fff}
section.tema{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.5rem .6rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden}
section.tema h2{color:var(--primary-dark);border-bottom:3px solid var(--primary);padding-bottom:.4rem;margin-top:0;font-size:1.35rem}
.exercicio{padding:.85rem 0 1.25rem;border-bottom:1px solid #edf2f7}
.exercicio:last-child{border-bottom:none}
.ex-cabecalho{display:flex;align-items:flex-start;gap:.7rem}
.ex-num{flex-shrink:0;background:var(--accent);color:#fff;font-weight:700;min-width:2.45rem;height:2.2rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.82rem;padding:0 .45rem}
.ex-corpo{flex:1;min-width:0;max-width:100%;overflow-wrap:anywhere}
.ex-legenda{margin:.1rem 0 .55rem;color:var(--primary-dark);font-weight:700}
.bloco{background:#fff;border:1px solid var(--border);border-radius:7px;padding:.75rem .85rem;margin:.45rem 0;overflow-x:clip;font-size:1rem;line-height:1.58}
.bloco p{margin:.45rem 0}
.bloco ul{margin:.45rem 0;padding-left:1.4rem}
.resolucao .bloco{border-color:var(--soln-border)}
.azul{color:var(--blue-text)}
.final{border-left:4px solid var(--primary);background:#f4f9ff;padding:.55rem .75rem;border-radius:6px;margin:.65rem 0;font-weight:600}
.alineas{margin:.6rem 0 0}
.alineas p{margin:.48rem 0}
.opcoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem 1rem;margin:.75rem 0}
.opcao{background:#f8fafc;border:1px solid var(--border);border-radius:7px;padding:.45rem .65rem;text-align:center}
.figura{margin:.75rem auto;max-width:540px}
.figura svg,.diagrama-card svg{display:block;width:100%;height:auto}
.figura-larga{max-width:820px}
.enunciado-figura{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,38%);gap:1rem;align-items:center}
.diagramas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:.8rem 0}
.diagramas-grid.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.diagrama-card{border:1px solid #e5eaf0;background:#fbfcfe;border-radius:9px;padding:.55rem;min-width:0}
.diagrama-card .sub{color:var(--accent);font-weight:700;margin:0 0 .25rem}
.dados-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.7rem 0}
.dado{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem}
.termos{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}
.termo{background:#f8fafc;border:1px solid var(--border);border-radius:7px;padding:.38rem .65rem}
.crossword-wrap{overflow-x:auto;margin:.8rem auto;max-width:720px}
.crossword-wrap svg{display:block;min-width:560px;width:100%;height:auto}
.cross-cell{fill:#fff;stroke:#718096;stroke-width:1.4}
.cross-number{font:12px Arial,sans-serif;fill:#e63946;font-weight:700}
.cross-letter{font:20px Arial,sans-serif;fill:#1f2933;text-anchor:middle;dominant-baseline:middle}
.mini-diagrams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.8rem 0}
.mini-diagrams.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.mini-diagram{background:#fbfcfe;border:1px solid #e5eaf0;border-radius:9px;padding:.45rem;min-width:0;text-align:center}
.mini-diagram strong{color:var(--accent)}
.mini-diagram svg{display:block;width:100%;height:auto;margin:.25rem auto 0}
.circle-line{fill:none;stroke:#34495e;stroke-width:2.4}
.circle-chord{fill:none;stroke:#2787c7;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.circle-radius{fill:none;stroke:#556575;stroke-width:2.2;stroke-linecap:round}
.circle-tangent{fill:none;stroke:#2b8fc4;stroke-width:2.8;stroke-linecap:round}
.circle-arc{fill:none;stroke:#e84c77;stroke-width:4;stroke-linecap:round}
.circle-dash{fill:none;stroke:#6b7280;stroke-width:1.7;stroke-dasharray:6 5}
.circle-angle{fill:#f4b8cb;stroke:none;opacity:.9}
.circle-center{fill:#263442}
.auxiliar{background:linear-gradient(180deg,#fff2e8,#ffe7d5);border:1px solid #f2c6a5;border-radius:10px;padding:1.05rem 1.25rem .9rem;margin:.2rem 0 1.6rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.auxiliar h3{margin:0 0 .55rem;color:#b95817;font-size:1.1rem;display:flex;align-items:center;gap:.45rem}
.auxiliar>p{margin:.35rem 0}
.auxiliar .props{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.55rem 0 .1rem;align-items:stretch}
.auxiliar .prop{background:rgba(255,255,255,.76);border:1px solid #f0c9ad;border-radius:8px;padding:.55rem .7rem;text-align:center;font-size:1.02rem}
button.toggle{background:var(--primary);color:#fff;border:none;padding:.45rem .95rem;border-radius:6px;cursor:pointer;font-size:.88rem;margin-top:.65rem;font-weight:600;font-family:inherit}
button.toggle:hover{background:var(--primary-dark)}
button.toggle::before{content:"> "}
button.toggle.aberto::before{content:"v "}
.resolucao{display:none;background:var(--soln-bg);border:1px solid var(--soln-border);border-radius:8px;padding:.9rem 1.1rem;margin-top:.65rem;font-size:.96rem;max-width:100%;overflow-wrap:anywhere}
.resolucao.aberta{display:block}
footer{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border);margin-top:2rem}
footer a{color:var(--primary);text-decoration:none}
mjx-container{max-width:100%}
mjx-container[display="true"]{overflow-x:auto;overflow-y:hidden}
.geo-stroke{stroke:#e84c77;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.geo-fill{fill:#f7c7d6;stroke:#e84c77;stroke-width:2}
.geo-green{fill:#dce9c4;stroke:#75a93b;stroke-width:2}
.geo-orange{fill:#ffd7b0;stroke:#ee8b2d;stroke-width:2}
.geo-blue{fill:#dbe7f5;stroke:#7da3cf;stroke-width:2}
.geo-text{font:17px Arial,sans-serif;fill:#263442}
.geo-small{font:15px Arial,sans-serif;fill:#263442}
.right-angle{fill:none;stroke:#d66b93;stroke-width:2}
.angle-mark{fill:#72b6de;stroke:none;opacity:.9}
@media(max-width:760px){
  header h1{font-size:1.35rem}
  main{padding:1rem}
  nav.toc ol{columns:1}
  section.tema{padding:1.15rem .9rem .45rem}
  .ex-cabecalho{gap:.55rem}
  .opcoes,.dados-grid{grid-template-columns:1fr}
  .diagramas-grid,.diagramas-grid.tres{grid-template-columns:1fr}
  .mini-diagrams,.mini-diagrams.cinco{grid-template-columns:1fr}
  .enunciado-figura{grid-template-columns:1fr}
  .auxiliar .props{grid-template-columns:1fr}
  .bloco{font-size:.92rem;padding:.6rem .5rem}
  .controlos button{width:100%;max-width:380px}
}
@media print{
  @page{size:A4;margin:12mm}
  body{background:#fff;color:#000;font-size:10pt}
  header{background:#fff!important;color:#000!important;padding:0 0 .8rem;border-bottom:2px solid #000;text-align:left}
  header .logo{max-width:120px;width:120px;margin:0 0 .5rem}
  header h1{font-size:15pt;margin:0}header p{color:#000;font-size:10pt;margin:.2rem 0}
  main{max-width:none;padding:0}
  nav.toc,.controlos,button.toggle,footer{display:none!important}
  body .resolucao{display:none!important}
  section.tema{box-shadow:none;border:none;border-radius:0;padding:0;margin:.6rem 0 0}
  section.tema h2{font-size:13pt;border-bottom:1px solid #000;margin:.4rem 0}
  .exercicio{padding:.4rem 0;break-inside:avoid;page-break-inside:avoid}
  .ex-num{background:#000!important;color:#fff!important;min-width:2rem;height:1.7rem;border-radius:999px;font-size:.72rem}
  .bloco{font-size:10pt;border:1px solid #aaa}
  .auxiliar{background:#f6f6f6!important;border:1px solid #aaa;box-shadow:none}
  .auxiliar .prop{background:#fff}
}