.topic-representation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-representation-card{border:1px solid #dce4eb;border-radius:18px;background:#fff;padding:20px}.topic-representation-card h3{margin:0 0 8px;font-size:19px}.topic-representation-card p{margin:0;color:#667586;line-height:1.55;font-size:15px}.topic-visual-box{margin-top:16px;min-height:118px;border-radius:16px;background:#f4f7fb;display:grid;place-items:center;padding:16px}.fraction-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;max-width:300px}.fraction-strip span{height:62px;border:2px solid #c7d4e3;border-radius:8px;background:#fff}.fraction-strip span.on{background:#2a72d8;border-color:#2a72d8}.number-line{position:relative;width:100%;max-width:360px;height:82px;margin:auto}.number-line-track{position:absolute;left:8%;right:8%;top:35px;height:3px;background:#173a66;border-radius:4px}.number-line-point{position:absolute;top:26px;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #173a66;transform:translateX(-50%)}.number-line-point.current{background:#2a72d8;border-color:#2a72d8;box-shadow:0 0 0 5px rgba(42,114,216,.14)}.number-line-label{position:absolute;top:52px;transform:translateX(-50%);font-size:12px;font-weight:900;color:#526274}.math-equivalence{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-weight:1000;font-size:22px;color:#0b2854}.math-equivalence span{padding:8px 10px;border-radius:10px;background:#eaf2ff}.quick-check{border:1px solid #d8e2ec;border-radius:22px;background:#fff;padding:24px}.quick-check h3{margin:0 0 8px;font-size:23px}.quick-check>p{margin:0 0 18px;color:#637284}.quick-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-option{appearance:none;border:1px solid #cfd9e4;background:#fff;border-radius:14px;padding:13px;font-weight:900;color:#26364a;cursor:pointer}.quick-option:hover{background:#f3f7fc;border-color:#9cbce2}.quick-option.correct{background:#e7f7ec;border-color:#6fc18a;color:#176b34}.quick-option.wrong{background:#fff0f2;border-color:#e3a2ae;color:#9e263d}.quick-feedback{min-height:48px;margin-top:14px;padding:12px 14px;border-radius:13px;background:#f4f7fa;color:#536273;line-height:1.5}.percent-model{display:grid;gap:14px}.percent-bar{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.percent-bar span{height:32px;border-radius:5px;background:#e5ebf2}.percent-bar span.on{background:#2a72d8}.percent-readout{display:flex;justify-content:space-between;gap:16px;align-items:end;padding-top:12px;border-top:1px solid #e2e8ef}.percent-readout strong{font-size:32px;color:#0b2854}.percent-readout span{color:#637284;text-align:right}.balance-wrap{display:grid;gap:18px}.balance-beam{position:relative;height:180px}.balance-line{position:absolute;left:10%;right:10%;top:78px;height:6px;border-radius:6px;background:#223b5c}.balance-pivot{position:absolute;left:50%;top:82px;transform:translateX(-50%);width:0;height:0;border-left:34px solid transparent;border-right:34px solid transparent;border-bottom:76px solid #9eabba}.balance-pan{position:absolute;top:30px;width:34%;min-height:65px;border:2px solid #b9c7d7;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;flex-wrap:wrap}.balance-pan.left{left:6%}.balance-pan.right{right:6%}.balance-token{display:inline-grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:#eaf2ff;color:#145dcc;font-weight:1000}.balance-token.constant{background:#eef1f5;color:#425267}.equation-readout{padding:16px;border-radius:15px;background:#f3f6fa;font-size:20px;font-weight:900;text-align:center}.topic-concept-note{padding:18px;border-radius:16px;background:#eef5ff;border:1px solid #cfe0f5;color:#294866;line-height:1.6}.topic-concept-note strong{color:#113d70}.diagnostic-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff3d8;color:#77550a;font-size:12px;font-weight:900;margin-bottom:10px}.topic-source-note{font-size:13px;color:#718093;line-height:1.55;margin-top:18px}.topic-source-note a{color:#245e9c;text-decoration:underline}.topic-page .topic-hero[data-topic="porcentagem"]::after{content:"%"}.topic-page .topic-hero[data-topic="equacao"]::after{content:"x"}.topic-page .topic-hero[data-topic="fracao"]::after{content:"¾"}.topic-page .topic-hero[data-topic="sistema"]::after{content:"×"}.topic-page .topic-hero[data-topic="inequacao"]::after{content:"<"}.topic-page .topic-hero[data-topic="funcao-afim"]::after{content:"y"}.topic-page .topic-hero[data-topic="quadratica"]::after{content:"x²"}.topic-page .topic-hero[data-topic="proporcionalidade"]::after{content:"↕"}.topic-page .topic-hero[data-topic="juros"]::after{content:"%"}.concept-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d9e2eb;border-radius:16px;background:#fff}.concept-table th,.concept-table td{padding:12px 14px;border-bottom:1px solid #e5eaf0;text-align:left}.concept-table th{background:#f3f6fa;color:#36506d;font-size:13px}.concept-table tr:last-child td{border-bottom:0}.graph-card{border:1px solid #dce4eb;border-radius:20px;background:#fff;padding:18px}.graph-card svg{display:block;width:100%;height:auto;aspect-ratio:16/10;background:linear-gradient(#f8fafc,#f8fafc);border-radius:14px}.graph-grid line{stroke:#dfe7ef;stroke-width:1}.graph-axis{stroke:#6b7b8d;stroke-width:1.5}.graph-line-primary{stroke:#145dcc;stroke-width:4;fill:none}.graph-line-secondary{stroke:#c93561;stroke-width:4;fill:none}.graph-point{fill:#0b2854;stroke:#fff;stroke-width:3}.graph-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.graph-controls label{font-size:13px;font-weight:900;color:#566576}.graph-controls input[type="range"]{width:100%;margin-top:8px}.graph-readout{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #e3e8ed}.graph-readout strong{font-size:20px;color:#0b2854}.graph-readout span{color:#627183;text-align:right}.interval-line{position:relative;height:80px;margin:18px 0}.interval-line::before{content:"";position:absolute;left:5%;right:5%;top:34px;height:4px;background:#cbd7e4;border-radius:4px}.interval-fill{position:absolute;left:5%;top:34px;height:4px;background:#2a72d8;border-radius:4px;width:45%}.interval-point{position:absolute;top:25px;width:22px;height:22px;border-radius:50%;border:3px solid #2a72d8;background:#fff;transform:translateX(-50%)}.interval-point.closed{background:#2a72d8}.interval-label{position:absolute;top:52px;transform:translateX(-50%);font-size:12px;font-weight:900;color:#526274}.rate-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rate-card{padding:18px;border:1px solid #dce4eb;border-radius:17px;background:#fff}.rate-card h3{margin:0 0 8px}.rate-card p{margin:0;color:#667586;line-height:1.55}.finance-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.finance-card{border:1px solid #dce4eb;border-radius:18px;padding:19px;background:#fff}.finance-card h3{margin:0 0 8px}.finance-value{font-size:28px;font-weight:1000;color:#0b2854;margin-top:10px}.finance-bars{display:grid;gap:8px;margin-top:15px}.finance-bar{height:14px;background:#e7edf4;border-radius:999px;overflow:hidden}.finance-bar span{display:block;height:100%;background:#2a72d8;border-radius:999px}.system-equations{display:grid;gap:8px;font-size:24px;font-weight:1000;color:#0b2854}.system-brace{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center}.system-brace::before{content:"{";font-size:64px;line-height:1;color:#61768c}.topic-page button.library-btn{font:inherit}.topic-mini-note{font-size:14px;color:#657386;line-height:1.55}@media(max-width:820px){.topic-representation-grid{grid-template-columns:1fr}.quick-options{grid-template-columns:1fr}.percent-readout{align-items:flex-start;flex-direction:column}.percent-readout span{text-align:left}.balance-pan{width:40%}.graph-controls,.rate-cards,.finance-compare{grid-template-columns:1fr}.graph-readout{align-items:flex-start;flex-direction:column}.graph-readout span{text-align:left}}@media(max-width:560px){.balance-beam{height:200px}.balance-pan{width:42%;min-height:78px}.balance-line{left:4%;right:4%}.math-equivalence{font-size:18px}.concept-table{font-size:14px}.concept-table th,.concept-table td{padding:10px 8px}}