.topic-page .topic-hero[data-topic="funcao-ideia"]::after{content:"f(x)"}.topic-page .topic-hero[data-topic="logica"]::after{content:"◇"}.topic-page .topic-hero[data-topic="localizacao"]::after{content:"(x,y)"}.topic-page .topic-hero[data-topic="modelagem"]::after{content:"M"}.topic-page .topic-hero[data-topic="periodica"]::after{content:"~"}.topic-page .topic-hero[data-topic="projeto"]::after{content:"Σ"}.integrative-lab{display:grid;gap:16px}.integrative-lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.integrative-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.integrative-readout>div{padding:14px;border-radius:14px;background:#f6f3fb;border:1px solid #e3daf0}.integrative-readout small{display:block;color:#695b78;font-weight:800;margin-bottom:5px}.integrative-readout strong{font-size:21px;color:#43285d}.integrative-rule{padding:18px;border-left:4px solid #7c3aed;background:#f6f1ff;border-radius:0 14px 14px 0;color:#51445f;line-height:1.6}.integrative-rule strong{color:#3d2255}.integrative-lab label{font-size:13px;font-weight:900;color:#65586f}.integrative-lab input[type="range"]{width:100%;margin-top:7px}.integrative-formula{font-size:20px;font-weight:1000;color:#43285d;padding:15px;border-radius:14px;background:#f7f4fa;text-align:center}.integrative-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integrative-pair article{padding:18px;border:1px solid #e3dce9;border-radius:17px;background:#fff}.integrative-pair h3{margin:0 0 8px}.integrative-pair p{margin:0;color:#6b6074;line-height:1.55}@media(max-width:760px){.integrative-lab-grid,.integrative-readout,.integrative-pair{grid-template-columns:1fr}.integrative-formula{font-size:18px}}