/* HUBMAT Visual — 9º ano · Números e Álgebra */
.g9-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.g9-controls .btn{flex:1 1 95px}
.g9-readout{text-align:center;font-size:clamp(21px,4vw,34px);font-weight:850;margin:10px 0}
.g9-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:640px;margin:auto}.g9-panel>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.g9-panel strong{display:block;font-size:28px}
.g9-square-wrap{display:grid;place-items:center;min-height:260px}.g9-square{position:relative;width:180px;aspect-ratio:1;border:3px solid #235f9b;background:#d8e9f744}.g9-square:after{content:"";position:absolute;left:0;top:0;width:141.421356%;height:3px;background:#a4481a;transform:rotate(45deg);transform-origin:left center}
.g9-line{max-width:650px;margin:auto}.g9-track{height:10px;background:#d5dfd8;border-radius:99px;position:relative;margin:55px 20px 22px}.g9-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#235f9b;top:50%;transform:translate(-50%,-50%)}.g9-labels{display:flex;justify-content:space-between;font-weight:750}
.g9-table{width:100%;max-width:650px;margin:auto;border-collapse:collapse;background:#fff}.g9-table th,.g9-table td{padding:8px;border:1px solid var(--line);text-align:center}
.g9-function svg{width:100%;height:auto;display:block;max-width:640px;margin:auto}.g9-grid{stroke:#d5dfd8;stroke-width:1}.g9-axis{stroke:#607584;stroke-width:2}.g9-lineplot{stroke:#235f9b;stroke-width:4;fill:none}.g9-point{fill:#f2c257;stroke:#805c13;stroke-width:2}
.g9-area{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.g9-area>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.g9-area strong{font-size:28px}
@media(max-width:560px){.g9-panel,.g9-area{grid-template-columns:1fr}.g9-controls .btn{flex-basis:42%}}
.g9-area-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:620px;margin:12px auto}
.g9-area-stack{min-height:120px;background:#fff;border:2px solid #235f9b;border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;justify-content:center}
.g9-area-stack.alt{border-color:#946006}.g9-area-stack strong{width:100%;text-align:center}.g9-area-stack i{width:34px;height:34px;background:#d8e9f7;border:1px solid #235f9b}.g9-area-stack.alt i{background:#f7dda0;border-color:#946006}
@media(max-width:520px){.g9-area-tiles{grid-template-columns:1fr}}