@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#647086;--paper:#f7f8fc;--white:#fff;--line:#dfe4ef;--indigo:#4e46e5;--violet:#7567f7;--mint:#19b99a;--orange:#f39149;--red:#e35c6e;--shadow:0 14px 35px rgba(30,40,80,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Manrope,Arial,sans-serif}.site-header{height:76px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:800;font-size:18px;letter-spacing:-.5px;color:var(--ink);text-decoration:none}.brand span{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--indigo);border-radius:9px;color:white;margin-right:7px}.site-header nav{display:flex;gap:8px}.site-header nav a{color:var(--muted);font-weight:700;text-decoration:none;padding:8px 12px;border-radius:7px}.site-header nav a:hover,.site-header nav .active{color:var(--indigo);background:#ecebff}main{max-width:1180px;margin:auto;padding:18px 24px 76px}.hero{min-height:430px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:66px;padding:55px 55px;background:linear-gradient(135deg,#e7e8ff,#f3f5ff 58%,#e3f8f5);border-radius:24px;overflow:hidden}.eyebrow{font:500 11px/1.2 'DM Mono',monospace;letter-spacing:1.3px;color:var(--indigo);margin:0 0 14px}.hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2.8px;line-height:1.08;margin:0 0 19px;max-width:650px}.lead{color:var(--muted);font-size:17px;max-width:590px;margin:0}.hero-actions{display:flex;gap:11px;margin-top:31px}.button{display:inline-flex;gap:17px;align-items:center;justify-content:center;background:var(--indigo);color:white;text-decoration:none;border:0;border-radius:9px;padding:13px 18px;font:700 14px Manrope;cursor:pointer;transition:.2s}.button:hover{background:#3e35d0;transform:translateY(-1px)}.button.secondary{color:var(--indigo);background:transparent;border:1px solid #c8c8ee}.button.light{background:white;color:var(--indigo);white-space:nowrap}.hero-diagram{background:white;border-radius:18px;padding:29px;box-shadow:var(--shadow);display:grid;grid-template-columns:47px 1fr 60px 1fr 48px;align-items:center;gap:9px;position:relative}.input-stack{display:grid;gap:15px}.input-stack b,.output{display:grid;place-items:center;border:2px solid #8e94ad;border-radius:50%;width:42px;height:42px;font-family:'DM Mono';color:var(--indigo)}.sum{height:60px;width:60px;border-radius:50%;display:grid;place-items:center;background:#252b42;color:white;font-size:28px;font-weight:800}.arrow{font:500 10px 'DM Mono';color:var(--violet);font-style:normal;text-align:center}.output{background:#d9f6ef;border-color:var(--mint);font-size:20px}.hero-diagram p{grid-column:1/-1;margin:14px 0 0;color:var(--muted);font-size:12px;text-align:center}.hero-diagram p span{color:var(--indigo);padding:0 6px}.section-heading{text-align:center;max-width:620px;margin:86px auto 34px}.section-heading h2,.callout h2{letter-spacing:-1.1px;line-height:1.2;font-size:30px;margin:0 0 10px}.section-heading>p:last-child{color:var(--muted);margin:0}.learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lesson{display:flex;align-items:flex-start;gap:18px;min-height:148px;padding:24px;background:white;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;transition:.2s}.lesson:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b7b4fc}.lesson.featured{grid-column:span 2;background:#212944;color:white}.lesson.practice{background:#e0f8f2}.lesson-number{font:500 13px 'DM Mono';color:var(--violet)}.featured .lesson-number{color:#b9b5ff}.tag{color:var(--indigo);font:500 10px 'DM Mono';letter-spacing:1px;text-transform:uppercase;margin:0 0 5px}.featured .tag{color:#b9b5ff}.lesson h3{font-size:17px;line-height:1.35;margin:0 0 5px;letter-spacing:-.3px}.lesson div p:last-child{font-size:13px;color:var(--muted);margin:0}.featured div p:last-child{color:#cbd1e3}.lesson-arrow{margin-left:auto;align-self:center;color:var(--indigo);font-size:22px}.callout{margin-top:54px;padding:32px 38px;background:var(--indigo);color:white;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.callout .eyebrow{color:#c0bcff}.callout h2{font-size:25px}.callout p:not(.eyebrow){color:#d9dcff;margin:0}footer{text-align:center;padding:25px;color:#8190a7;font-size:12px;border-top:1px solid var(--line)}
/* theory */.page-intro{padding:58px 0 40px;max-width:780px}.page-intro h1{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:0 0 15px}.page-intro .lead{max-width:720px}.theory-layout{display:grid;grid-template-columns:220px 1fr;gap:46px}.toc{position:sticky;top:20px;align-self:start;background:white;border:1px solid var(--line);border-radius:12px;padding:15px}.toc p{font:500 10px 'DM Mono';color:var(--muted);letter-spacing:1px;margin:4px 8px 8px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:8px;border-radius:6px;font-size:13px;font-weight:600}.toc a:hover{background:#f0efff;color:var(--indigo)}.content-section{padding:2px 0 50px;border-bottom:1px solid var(--line);margin-bottom:45px}.content-section h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 16px}.content-section h3{font-size:18px;margin:27px 0 8px}.content-section p{color:#4d5870;max-width:780px}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.concept-card{padding:20px;border-radius:12px;border:1px solid var(--line);background:white}.concept-card h3{margin:0 0 7px;font-size:16px}.concept-card p{font-size:13px;margin:0}.equation{background:#202840;color:#eef0fb;border-radius:12px;padding:21px 25px;margin:23px 0;font:500 15px/1.8 'DM Mono';overflow:auto}.equation b{color:#93f1dc}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.process div{position:relative;background:white;border:1px solid var(--line);padding:15px;border-radius:10px;font-size:12px}.process b{display:block;font:500 11px 'DM Mono';color:var(--indigo);margin-bottom:5px}.activation-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden;font-size:13px}.activation-table th,.activation-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.activation-table th{background:#ecebff;color:var(--indigo);font-size:12px}.activation-table tr:last-child td{border:0}.mono{font-family:'DM Mono';font-size:12px;color:#555f77}.note{border-left:4px solid var(--mint);padding:16px 19px;background:#e9faf6;color:#315d57;border-radius:0 9px 9px 0;margin-top:20px}.architecture-list{display:grid;gap:11px}.architecture-list div{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.architecture-list b{color:var(--indigo)}
/* lab */.lab-intro{padding:35px 0 24px;display:flex;justify-content:space-between;align-items:end;gap:30px}.lab-intro h1{font-size:42px;line-height:1.1;letter-spacing:-1.8px;margin:0}.lab-intro p{color:var(--muted);max-width:560px;margin:9px 0 0}.lab-controls{background:white;padding:18px;border-radius:13px;border:1px solid var(--line);display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:18px}.field{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.5px}.field select,.field input{height:39px;border:1px solid #cdd3e1;border-radius:7px;padding:0 10px;font:600 14px Manrope;color:var(--ink);background:white}.field input{width:88px}.lab-controls .button{height:39px;padding:8px 14px}.button.outline{background:white;color:var(--indigo);border:1px solid #c8c8ee}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lab-card{background:white;border:1px solid var(--line);border-radius:14px;padding:21px}.lab-card h2{font-size:17px;letter-spacing:-.4px;margin:0}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}.status{font:500 11px 'DM Mono';padding:5px 8px;border-radius:5px;background:#eef0f6;color:var(--muted)}.status.success{background:#dcf7ef;color:#087f67}.status.fail{background:#ffe8e9;color:#c63c50}canvas{display:block;max-width:100%;width:100%;height:auto;border-radius:8px;background:#f9faff}.canvas-note{font-size:12px;color:var(--muted);text-align:center;margin:11px 0 0}.network-card canvas{background:#f8f7ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.stat{border-radius:9px;background:#f7f8fc;padding:11px}.stat span{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.stat b{font:500 18px 'DM Mono';color:var(--ink)}.calculation{margin-top:17px;padding:17px;background:#202840;border-radius:10px;color:#edf0ff;font:500 12px/1.75 'DM Mono';min-height:155px}.calculation em{color:#8be7d6;font-style:normal}.calculation strong{color:#ffcf8e}.truth-card{grid-column:span 2}.truth-table{width:100%;border-collapse:collapse;font-size:13px}.truth-table th,.truth-table td{padding:11px;text-align:center;border-bottom:1px solid var(--line)}.truth-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.truth-table tr.current{background:#eeedff}.truth-table .yes{color:#0b9d7e;font-weight:800}.truth-table .no{color:var(--red);font-weight:800}.lab-notice{grid-column:span 2;padding:16px 20px;border-radius:10px;background:#fff5e7;color:#8b5b22;font-size:13px}.hidden{display:none}
@media(max-width:760px){.site-header{height:auto;padding:17px 20px;gap:12px;align-items:flex-start}.site-header nav{gap:0}.site-header nav a{font-size:12px;padding:6px}.hero{grid-template-columns:1fr;padding:38px 26px;gap:38px}.hero h1{font-size:39px}.learning-grid,.lab-grid{grid-template-columns:1fr}.lesson.featured,.truth-card,.lab-notice{grid-column:span 1}.callout{padding:27px;align-items:flex-start;flex-direction:column}.theory-layout{display:block}.toc{position:relative;top:0;margin-bottom:32px}.concept-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.architecture-list div{grid-template-columns:1fr}.page-intro h1,.lab-intro h1{font-size:37px}.lab-intro{display:block}.lab-controls{align-items:stretch}.lab-controls .field{flex:1}.stats{grid-template-columns:1fr 1fr}.hero-diagram{padding:20px}.lab-card{padding:15px}main{padding:10px 16px 50px}}
/* separation lab */.separator-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.side-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;align-self:start}.side-panel h2{font-size:17px;margin:0 0 5px}.side-panel p{font-size:12px;color:var(--muted);margin:0 0 15px}.control-group{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.control-group label{display:grid;gap:5px;color:var(--muted);font:700 10px Manrope;letter-spacing:.6px;margin-bottom:10px}.control-group select,.control-group input{height:36px;border:1px solid #cdd3e1;border-radius:7px;padding:0 9px;color:var(--ink);background:#fff;font:600 13px Manrope}.point-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.point-buttons{display:flex;gap:8px}.point-buttons .button{flex:1;padding:8px}.button.class-a{background:#4e46e5}.button.class-b{background:#ed6a78}.separator-card{background:white;border:1px solid var(--line);border-radius:14px;padding:21px;min-width:0}.separator-card canvas{width:100%;aspect-ratio:1.35;height:auto}.separator-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.sep-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.sep-metrics .stat b{font-size:16px}.explanation-card{margin-top:18px;background:#eef0ff;padding:21px 24px;border-radius:13px;color:#394166}.explanation-card h2{font-size:18px;color:var(--ink);margin:0 0 5px}.explanation-card p{font-size:13px;margin:7px 0 0}.explanation-card strong{color:var(--indigo)}@media(max-width:760px){.separator-layout{grid-template-columns:1fr}.separator-card{padding:15px}}
.perceptron-figure{margin:26px 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:var(--shadow)}.perceptron-figure img{display:block;width:100%;height:auto;border-radius:8px}.perceptron-figure figcaption{padding:12px 5px 0;text-align:center;font-size:12px;color:var(--muted)}
.reference-figure{margin:18px 0 0}.reference-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.reference-figure figcaption{font-size:11px;line-height:1.4;color:var(--muted);margin-top:7px}
.course-home{padding-top:8px}.experience-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;min-height:390px;padding:60px 55px;background:linear-gradient(135deg,#e6e8ff,#f4f7ff 58%,#e4fbf5);border-radius:24px}.experience-hero h1{font-size:clamp(37px,5vw,59px);line-height:1.08;letter-spacing:-2.6px;margin:0 0 18px;max-width:680px}.question-flow{display:flex;align-items:center;justify-content:center;gap:13px;font-size:13px;font-weight:800;color:var(--muted)}.question-flow span{padding:13px 11px;border-radius:10px;background:#fff;border:1px solid var(--line);text-align:center}.question-flow i{font-style:normal;color:var(--indigo);font-size:20px}.question-flow b{display:block;padding:20px 16px;background:#252c45;border-radius:50%;color:white;text-align:center;line-height:1.2}.question-flow small{font-size:9px;font-weight:500;color:#cbd1e3}.section-heading.compact{margin:72px auto 30px}.sandbox-layout{display:grid;grid-template-columns:1fr 290px;gap:16px}.neuron-stage,.inspector,.control-board,.boundary-section{background:white;border:1px solid var(--line);border-radius:15px}.neuron-stage{padding:28px;overflow:auto}.stage-label{font:500 10px 'DM Mono';letter-spacing:1px;color:var(--muted);margin-bottom:21px}.neuron-flow{min-width:650px;display:flex;align-items:center;justify-content:space-between;gap:13px}.node-column{display:grid;gap:11px}.neuron-node,.sum-node,.activation-node,.output-node{font-family:Manrope;border:1px solid #b8c0d2;background:#fff;color:var(--ink);cursor:pointer;transition:.18s}.neuron-node:hover,.sum-node:hover,.activation-node:hover,.output-node:hover,.neuron-node.selected,.sum-node.selected,.activation-node.selected,.output-node.selected{border-color:var(--indigo);box-shadow:0 0 0 3px #e9e8ff}.neuron-node{width:82px;padding:8px;border-radius:9px;display:flex;justify-content:space-between;align-items:center}.neuron-node span{font:800 17px 'DM Mono'}.neuron-node small{font:11px 'DM Mono';color:var(--muted)}.bias-node{border-color:#e9a348}.bias-node span{color:#b2600b}.flow-arrow{color:var(--indigo);font-size:23px}.flow-arrow.weights{font:500 12px 'DM Mono'}.sum-node,.activation-node,.output-node{border-radius:50%;width:92px;height:92px;display:grid;place-items:center}.sum-node{font:800 30px Manrope}.sum-node small{font:11px 'DM Mono';color:var(--muted)}.activation-node{border-radius:14px;font:800 19px 'DM Mono'}.activation-node small{font:10px Manrope;color:var(--muted)}.output-node{background:#e1faf4;border-color:#19b99a;font:800 21px 'DM Mono'}.output-node b{font-size:24px}.activation-strip{margin:27px 0 0;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.activation-strip>div{height:8px;flex:1;background:linear-gradient(90deg,#ffdbde 0 50%,#cbf5e9 50%);border-radius:10px;position:relative}.activation-strip i{position:absolute;top:-5px;width:17px;height:17px;border-radius:50%;background:var(--indigo);transform:translateX(-50%);transition:.15s}.activation-strip strong{font:500 11px 'DM Mono';color:var(--indigo)}.inspector{padding:24px}.inspector h3{font-size:19px;line-height:1.25;margin:0 0 9px}.inspector>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.equation.mini{font-size:12px;line-height:1.8;margin:21px 0 0;padding:15px}.control-board{padding:22px;margin-top:16px}.control-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.control-head h3{font-size:18px;margin:0}.control-head .eyebrow{margin-bottom:5px}.slider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:22px}.slider-grid label{font:700 12px 'DM Mono';color:var(--indigo);display:grid;grid-template-columns:1fr 38px;gap:8px;align-items:center}.slider-grid input{grid-column:1/-1;width:100%;accent-color:var(--indigo)}.slider-grid output{color:var(--muted);text-align:right}.boundary-section{margin-top:48px;padding:34px}.boundary-section h2{font-size:29px;letter-spacing:-1px;margin:0 0 9px}.boundary-section header>p:not(.eyebrow){color:var(--muted);max-width:700px;margin:0}.boundary-grid{display:grid;grid-template-columns:1fr 260px;gap:22px;margin-top:24px}.boundary-canvas-wrap{min-width:0}.boundary-canvas-wrap canvas{border:1px solid var(--line)}.boundary-note{border-left:3px solid var(--indigo);padding:8px 0 8px 18px}.boundary-note h3{font-size:17px;margin:0 0 7px}.boundary-note p{font-size:13px;color:var(--muted);margin:0}.boundary-note .button{margin-top:17px}.training-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.training-steps div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.training-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8e7ff;color:var(--indigo);font:700 12px 'DM Mono'}.training-steps h3{font-size:15px;margin:13px 0 3px}.training-steps p{font-size:12px;color:var(--muted);margin:0}.learning-rule{max-width:550px;text-align:center;margin:26px auto}.next-labs{margin-top:61px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.next-labs article{padding:33px;border-radius:16px;background:#def7f0}.next-labs article.dark{background:#252c45;color:white}.next-labs article.dark .eyebrow{color:#b9b5ff}.next-labs h2{font-size:25px;letter-spacing:-.9px;line-height:1.2;margin:0 0 9px}.next-labs p:not(.eyebrow){font-size:13px;color:#536073;margin:0 0 19px}.next-labs .dark p:not(.eyebrow){color:#d1d7e8}.bridge{text-align:center;max-width:720px;margin:76px auto 18px}.bridge h2{font-size:30px;letter-spacing:-1px;margin:0 0 9px}.bridge p:not(.eyebrow){color:var(--muted);margin:0 0 17px}.bridge a{font-weight:800;color:var(--indigo)}@media(max-width:760px){.experience-hero,.sandbox-layout,.boundary-grid,.next-labs{grid-template-columns:1fr}.experience-hero{padding:37px 25px;gap:33px}.question-flow{font-size:10px;gap:7px}.question-flow b{padding:15px 10px}.neuron-stage{padding:18px}.inspector{padding:19px}.slider-grid,.training-steps{grid-template-columns:1fr 1fr}.boundary-section{padding:21px}.control-head{align-items:flex-start;flex-direction:column}.boundary-section h2{font-size:25px}.course-home{padding-top:0}}
.intro-placeholder{min-height:70vh;display:flex;flex-direction:column;justify-content:center;max-width:780px}.intro-placeholder h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 16px}.intro-placeholder .button{width:max-content;margin-top:27px}
.inline-theory{margin-top:76px;padding-top:1px}.theory-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theory-columns article,.activation-explainer,.limit-bridge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.theory-columns h3,.activation-explainer h3,.limit-bridge h3{font-size:21px;line-height:1.25;margin:0 0 9px}.theory-columns p:not(.eyebrow),.activation-explainer p:not(.eyebrow),.limit-bridge p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.theory-columns .equation{margin:18px 0;font-size:13px}.activation-explainer{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;margin-top:16px;align-items:start}.activation-explainer .activation-table{margin:0}.limit-bridge{display:grid;grid-template-columns:1fr 230px;gap:30px;margin-top:16px;background:#eef0ff}.limit-bridge .button{margin-top:18px}.progress-path{display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 12px 'DM Mono';color:var(--indigo)}.progress-path i{font-style:normal;color:var(--muted);height:18px}.progress-path b{background:var(--indigo);color:#fff;padding:5px 8px;border-radius:5px;text-align:center}.theory-note{margin-top:16px;padding:17px 20px;background:#e6faf5;border-left:4px solid var(--mint);border-radius:0 10px 10px 0;color:#35645d;font-size:13px}@media(max-width:760px){.theory-columns,.activation-explainer,.limit-bridge{grid-template-columns:1fr}.inline-theory{margin-top:54px}.theory-columns article,.activation-explainer,.limit-bridge{padding:20px}.activation-explainer{gap:18px}}
.nn-intro{padding-top:8px}.nn-hero{min-height:440px;padding:57px 54px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;border-radius:24px;background:linear-gradient(135deg,#e7e8ff,#f5f6ff 58%,#e2f9f3)}.nn-hero h1{font-size:clamp(38px,5vw,60px);letter-spacing:-2.8px;line-height:1.06;margin:0 0 17px}.hero-network{padding:18px;background:#fff;border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.hero-network .layer-name{font:500 10px 'DM Mono';letter-spacing:.7px;color:var(--muted)}.hero-network svg{grid-column:1/-1;width:100%;margin-top:9px}.hero-network p{grid-column:1/-1;color:var(--muted);font-size:11px;margin:0}.nn-links{stroke:#afb5c9;stroke-width:1.5}.nn-nodes{fill:#e6e5ff;stroke:#4e46e5;stroke-width:3}.narrative-head{max-width:730px;margin:80px auto 31px;text-align:center}.narrative-head h2{font-size:31px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 10px}.narrative-head p:not(.eyebrow){color:var(--muted);margin:0}.interactive-neuron{display:grid;grid-template-columns:1fr 295px;gap:16px}.neuron-map,.neuron-inspector{background:#fff;border:1px solid var(--line);border-radius:15px}.neuron-map{min-height:270px;padding:30px;display:flex;align-items:center;justify-content:space-around;gap:10px;position:relative;overflow:auto}.nn-part,.nn-sum,.nn-activation,.nn-output,.nn-bias{font-family:Manrope;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b8c0d2;transition:.18s}.nn-part:hover,.nn-sum:hover,.nn-activation:hover,.nn-output:hover,.nn-bias:hover,.nn-part.active,.nn-sum.active,.nn-activation.active,.nn-output.active,.nn-bias.active{border-color:var(--indigo);box-shadow:0 0 0 3px #e9e8ff}.nn-part{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.nn-part span{font:800 16px 'DM Mono'}.nn-part small,.nn-sum small,.nn-activation small,.nn-output small,.nn-bias small{font-size:9px;color:var(--muted)}.diagram-arrow{font:500 12px 'DM Mono';color:var(--indigo);font-style:normal}.nn-sum,.nn-activation,.nn-output{width:82px;height:82px;border-radius:50%;display:grid;place-items:center}.nn-sum{font:800 26px Manrope}.nn-activation{border-radius:13px;font:700 17px 'DM Mono'}.nn-output{background:#e0f8f2;border-color:var(--mint);font:800 20px 'DM Mono'}.nn-bias{position:absolute;bottom:22px;left:38%;padding:6px 10px;border-radius:7px;color:#b2600b;border-color:#e9a348}.neuron-inspector{padding:23px}.neuron-inspector h3{font-size:19px;line-height:1.2;margin:0 0 9px}.neuron-inspector>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.component-notes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.component-notes div{padding:12px;border-bottom:2px solid #d7d6ff}.component-notes b{display:block;font-size:13px}.component-notes span{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}.bio-section{margin-top:6px;padding:1px 0 54px}.bio-compare{display:grid;grid-template-columns:1.2fr .55fr .8fr;gap:20px;align-items:center}.bio-compare figure{margin:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.bio-svg{display:block;width:100%;height:auto}.svg-label{font:600 15px Manrope;fill:#574553}.bio-compare figcaption{color:var(--muted);font-size:11px;line-height:1.4;margin-top:10px}.inspiration{text-align:center}.inspiration span,.inspiration b{display:block;font:700 11px 'DM Mono';color:var(--indigo)}.inspiration i{display:block;font-style:normal;color:var(--muted);font-size:20px;margin:5px}.inspiration b{color:#a26724}.inspiration p{font-size:12px;color:var(--muted);margin:16px 0 0}.mini-flow{height:125px;display:flex;align-items:center;justify-content:space-around}.mini-flow b{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--indigo);border-radius:50%;color:var(--indigo);font:700 13px 'DM Mono'}.mini-flow i{font:500 12px 'DM Mono';color:var(--muted);font-style:normal}.growth-flow{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:21px}.growth-flow div,.growth-flow strong{padding:12px 14px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:13px}.growth-flow strong{background:#292f48;color:#fff}.growth-flow i{color:var(--indigo);font-style:normal}.layer-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layer-explainer div{padding:19px;background:#fff;border-top:3px solid var(--indigo)}.layer-explainer b{font-size:15px}.layer-explainer p{font-size:12px;color:var(--muted);margin:5px 0 0}.purpose-section{margin-top:73px;padding:38px;background:#f0efff;border-radius:18px}.purpose-section .narrative-head{margin:0 auto 28px}.data-stream{display:flex;align-items:center;justify-content:space-between;gap:7px}.data-stream div{display:grid;place-items:center;text-align:center;min-width:85px}.data-stream span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--indigo);font:700 16px 'DM Mono'}.data-stream b{font-size:12px;margin-top:5px}.data-stream small{font-size:10px;color:var(--muted)}.data-stream i{font-style:normal;color:var(--indigo)}.data-stream strong{padding:18px;background:#292f48;border-radius:50%;color:#fff;text-align:center;font-size:12px}.data-stream strong small{color:#cbd1e3}.data-stream em{font-style:normal;font-weight:800;color:var(--mint)}.training-intro{margin-top:70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center}.training-intro h2{font-size:30px;line-height:1.18;letter-spacing:-1px;margin:0 0 10px}.training-intro p:not(.eyebrow){color:var(--muted);margin:0}.training-intro ol{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between}.training-intro li{font-size:11px;text-align:center;color:var(--indigo)}.training-intro li:not(:last-child)::after{content:'→';color:#9ba4bd;padding-left:8px}.training-intro li b{display:block;max-width:70px}.training-note{grid-column:1/-1;background:#e7faf4;border-left:4px solid var(--mint);padding:15px 18px;font-size:13px;color:#315d57!important}.activation-section{margin-top:72px;padding:1px 0}.activation-play{display:grid;grid-template-columns:170px 1fr 260px;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.activation-tabs{display:grid;gap:7px}.activation-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);text-align:left;padding:9px;border-radius:7px;font:700 13px Manrope;cursor:pointer}.activation-tabs button.active{background:#e8e7ff;color:var(--indigo);border-color:#b7b4fc}.activation-play svg{width:100%;border-radius:9px;background:#fbfbff}.activation-play .axis{stroke:#adb6c8;stroke-width:1.5}.function-path{stroke:#4e46e5;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:.25s}.activation-play aside h3{font-size:18px;line-height:1.25;margin:0 0 8px}.activation-play aside p{font-size:12px;color:var(--muted);margin:0}.activation-play aside span{display:inline-block;margin-top:13px;padding:5px 7px;background:#e7faf4;color:#087f67;border-radius:5px;font:500 10px 'DM Mono'}.distinction{margin-top:68px;padding:35px;background:#292f48;border-radius:17px;color:#fff}.distinction .narrative-head{margin:0 auto 28px}.distinction .eyebrow{color:#c0bcff}.distinction .narrative-head p:not(.eyebrow){color:#d1d7e8}.distinction-tree{text-align:center}.distinction-tree>strong{display:inline-block;padding:10px 16px;border-radius:8px;background:#6258e9;font-size:13px}.distinction-tree>div{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px;position:relative}.distinction-tree section{padding:19px;background:#343c57;border-radius:10px}.distinction-tree section b{color:#b9b5ff;font:700 11px 'DM Mono'}.distinction-tree section p{font-size:12px;color:#e2e5ee;margin:6px 0}.distinction-tree section span{font-size:11px;color:#bfc6d8}.architectures .narrative-head{margin-bottom:29px}.architecture-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.architecture-rail article{padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px}.architecture-rail article b{display:block;font-size:15px}.architecture-rail article i{display:block;margin:8px 0;color:var(--indigo);font:500 10px 'DM Mono';font-style:normal}.architecture-rail article p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.architecture-rail .featured-architecture{background:#e0f8f2;border-color:#a8e4d5}.comparison-table{overflow:auto;margin-top:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.comparison-table table{width:100%;border-collapse:collapse;font-size:12px}.comparison-table th,.comparison-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}.comparison-table th{color:var(--indigo);background:#f0efff}.comparison-table tr:last-child td{border:0}.evolution{margin:70px 0;padding:26px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.evolution>div{font-weight:800;line-height:2;font-size:15px}.evolution i{color:var(--indigo);padding:0 4px;font-style:normal}.deep-closing{padding:55px 25px;text-align:center;background:linear-gradient(135deg,#e8e7ff,#eefbfa);border-radius:18px}.deep-closing h2{max-width:750px;margin:0 auto 13px;font-size:31px;line-height:1.2;letter-spacing:-1px}.deep-closing p:not(.eyebrow){max-width:650px;margin:0 auto 22px;color:var(--muted)}@media(max-width:760px){.nn-hero,.interactive-neuron,.bio-compare,.training-intro,.activation-play{grid-template-columns:1fr}.nn-hero{padding:38px 25px}.narrative-head{margin:57px auto 25px}.neuron-map{min-height:230px;padding:18px;justify-content:flex-start}.nn-part{width:45px;height:45px}.nn-sum,.nn-activation,.nn-output{width:62px;height:62px}.nn-bias{left:18px}.component-notes,.layer-explainer,.architecture-rail{grid-template-columns:1fr 1fr}.bio-compare{gap:12px}.data-stream{flex-wrap:wrap;justify-content:center}.training-intro ol{flex-wrap:wrap;gap:10px}.activation-play{gap:16px}.activation-tabs{grid-template-columns:repeat(5,1fr)}.activation-tabs button{text-align:center;font-size:10px}.architecture-rail{grid-template-columns:1fr}.growth-flow{flex-wrap:wrap}.purpose-section{padding:25px 15px}.deep-closing h2{font-size:26px}}
.perceptron-theory{margin-top:1px}.theory-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theory-reading-grid article,.theory-anatomy,.theory-training,.theory-limit{background:#fff;border:1px solid var(--line);border-radius:15px}.theory-reading-grid article{padding:25px}.theory-reading-grid h3,.theory-anatomy h3,.theory-training h3,.theory-limit h3{font-size:21px;line-height:1.25;margin:0 0 9px}.theory-reading-grid p:not(.eyebrow),.theory-anatomy p:not(.eyebrow),.theory-training p:not(.eyebrow),.theory-limit p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0 0 11px}.theory-anatomy{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;margin-top:16px;padding:27px}.theory-anatomy dl{margin:16px 0 0}.theory-anatomy dt{font-size:14px;font-weight:800;color:var(--ink);margin-top:12px}.theory-anatomy dd{font-size:12px;line-height:1.5;color:var(--muted);margin:3px 0 0}.theory-math{padding:4px 0}.theory-math>p{font:700 11px 'DM Mono';color:var(--indigo)!important;margin:10px 0 4px!important}.theory-math .equation{margin:0 0 13px;padding:14px;font-size:12px}.theory-math small{font-size:11px;line-height:1.4;color:var(--muted)}.theory-training{display:grid;grid-template-columns:1fr 260px;gap:27px;margin-top:16px;padding:27px}.theory-training .equation{font-size:13px;margin:15px 0}.theory-training aside{padding:18px;background:#eef0ff;border-radius:10px;color:#394166;font-size:13px}.theory-training aside ol{padding-left:20px;line-height:1.8;margin:8px 0 0}.theory-limit{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:16px;padding:25px;background:#e7faf4}.theory-limit>div+div{border-left:1px solid #bde8dd;padding-left:25px}@media(max-width:760px){.theory-reading-grid,.theory-anatomy,.theory-training,.theory-limit{grid-template-columns:1fr}.theory-anatomy,.theory-training,.theory-limit{padding:20px}.theory-limit>div+div{border-left:0;border-top:1px solid #bde8dd;padding:20px 0 0}.theory-training aside{order:-1}}
.activation-play .axis-ticks{stroke:#7d879d;fill:#58647a;font:500 10px 'DM Mono'}.activation-play .axis-ticks text{stroke:none}
.architecture-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.architecture-examples div{padding:14px 15px;border-left:3px solid var(--violet);background:#f2f3ff}.architecture-examples b{font-size:13px}.architecture-examples p{font-size:11px;line-height:1.5;color:var(--muted);margin:5px 0 0}@media(max-width:760px){.architecture-examples{grid-template-columns:1fr}}
.repo-diagram{display:block;width:100%;height:auto;max-height:330px;object-fit:contain}.artificial-neuron-svg{display:block;width:100%;min-width:690px;height:auto}.artificial-neuron-svg .svg-links path{stroke:#8790a8;stroke-width:2.5;fill:none;marker-end:url(#neuronArrow)}.artificial-neuron-svg .svg-part{cursor:pointer}.artificial-neuron-svg .svg-part circle,.artificial-neuron-svg .svg-part rect{fill:#fff;stroke:#7b86a0;stroke-width:2}.artificial-neuron-svg .svg-part.active circle,.artificial-neuron-svg .svg-part.active rect,.artificial-neuron-svg .svg-part:hover circle,.artificial-neuron-svg .svg-part:hover rect{stroke:#4e46e5;stroke-width:3;filter:drop-shadow(0 0 5px #cfcdff)}.artificial-neuron-svg text{font:700 20px 'DM Mono';text-anchor:middle;fill:#172033}.artificial-neuron-svg .svg-caption{font:500 11px Manrope;fill:#647086}.artificial-neuron-svg .svg-weight-labels text{font:700 15px 'DM Mono';fill:#4e46e5}.artificial-neuron-svg .sum-circle{fill:#eff0ff!important}.artificial-neuron-svg .sum-symbol{font-size:33px}.artificial-neuron-svg .activation-label{font-size:20px}.artificial-neuron-svg .output-circle{fill:#e0f8f2!important;stroke:#19b99a!important}.artificial-neuron-svg .bias-box{fill:#fff9ef!important;stroke:#e9a348!important}.artificial-neuron-svg .svg-part .bias-link{stroke:#e9a348;stroke-width:2.5;fill:none;marker-end:url(#neuronArrow)}.architecture-gallery-section{margin-top:44px}.architecture-gallery-section h2{font-size:27px;letter-spacing:-1px;margin:0 0 18px}.architecture-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.architecture-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.architecture-gallery img{display:block;width:100%;height:185px;object-fit:contain;background:#fff}.architecture-gallery figcaption{padding:12px 14px;border-top:1px solid var(--line)}.architecture-gallery figcaption b{display:block;font-size:13px}.architecture-gallery figcaption span{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}@media(max-width:760px){.architecture-gallery{grid-template-columns:1fr}.architecture-gallery img{height:220px}.artificial-neuron-svg{min-width:650px}.repo-diagram{max-height:none}}
.nn-purpose-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;margin-top:58px;padding:36px 38px;background:#fff;border:1px solid var(--line);border-radius:16px}.nn-purpose-intro h2{font-size:29px;line-height:1.18;letter-spacing:-1px;margin:0 0 12px}.nn-purpose-intro p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 12px}.nn-purpose-intro aside{margin-top:18px;padding:14px 16px;border-left:4px solid var(--mint);background:#e9faf6;color:#315d57;font-size:12px}.nn-purpose-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nn-purpose-examples article{padding:15px;border-radius:10px;background:#f2f3ff;border-top:3px solid var(--violet)}.nn-purpose-examples b{display:block;font-size:14px}.nn-purpose-examples span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}@media(max-width:760px){.nn-purpose-intro{grid-template-columns:1fr;padding:23px 20px;gap:23px}.nn-purpose-examples{grid-template-columns:1fr 1fr}}
.perceptron-reference{margin:16px 0 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px}.perceptron-reference img{display:block;width:100%;max-height:650px;object-fit:contain;border-radius:8px}.perceptron-reference figcaption{text-align:center;margin-top:10px;color:var(--muted);font-size:12px}
.error-explanation{margin-top:28px}.error-explanation>.concept-grid{margin-bottom:16px}.error-explanation .error-table{margin-top:0}.error-explanation .note{line-height:1.65}
/* Labs 03 e 04 */.full-button{width:100%;margin-top:8px}.left-note{text-align:left;margin:3px 0 0}.xor-rule{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.xor-rule span{padding:8px;border-radius:7px;background:#f1f1ff;color:var(--indigo);font:700 11px 'DM Mono';text-align:center}.test-result{margin-top:10px;padding:11px;border-radius:8px;background:#f5f6fa;color:var(--muted);font-size:12px;line-height:1.55}.boundary-sample{display:inline-block;width:19px;border-top:2px dashed #2f374e;margin:0 5px 3px 0}.class-zero{background:#ed6a78}.class-one{background:#4e46e5}.class-a-dot{background:#4e46e5}.class-b-dot{background:#ed6a78}.class-c-dot{background:#19a987}.button.class-c{background:#19a987}.three-buttons .button{padding-inline:6px}.selected-class{margin:9px 0!important;text-align:center}.lab-concept{margin-top:18px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:13px}.lab-concept .concept-grid{margin-top:10px}.lab-concept .equation{margin:10px 0 0}.next-labs.four-labs article{min-height:240px;display:flex;flex-direction:column;align-items:flex-start}.next-labs.four-labs article .button{margin-top:auto}.next-labs .violet{background:#ebeaff}.next-labs .orange{background:#fff0e5}
/* Histórico do treinamento */.training-history-card{margin-top:18px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.training-history-card.truth-card{margin-top:0}.training-history-card h2{font-size:18px;margin:0}.training-history-card .card-top p{font-size:12px;color:var(--muted);margin:4px 0 0}.training-history-card canvas{background:#fbfbff;border:1px solid #edf0f6}.history-legend{display:flex;gap:20px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:12px}.history-legend i{display:inline-block;width:22px;margin:0 6px 3px 0;border-top:3px solid}.history-legend .error-line{border-color:#ed6a78}.history-legend .accuracy-line{border-color:#19a987}@media(max-width:760px){.training-history-card{padding:16px}.history-legend{gap:12px}}
/* Visualização dos neurônios da MLP */.network-visual-card{margin-top:18px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.network-visual-card h2{font-size:18px;margin:0}.network-visual-card .card-top p{font-size:12px;color:var(--muted);margin:4px 0 0}.network-visual-card canvas{background:#fafbff;border:1px solid #edf0f6}.network-readout{margin-top:11px;padding:12px 14px;background:#f1f2ff;border-left:3px solid var(--indigo);border-radius:0 8px 8px 0;color:#4d5870;font:500 11px/1.65 'DM Mono'}.neuron-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.neuron-methods div{padding:11px;border-radius:8px;background:#f7f8fc;border-top:2px solid #cbc9ff}.neuron-methods b{display:block;font-size:11px;color:var(--indigo)}.neuron-methods span{display:block;margin-top:4px;color:var(--muted);font:500 10px/1.45 'DM Mono'}@media(max-width:760px){.network-visual-card{padding:16px}.neuron-methods{grid-template-columns:1fr 1fr}}
/* Código didático dos laboratórios */.algorithm-section{margin:64px 0 20px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px}.algorithm-section>header{max-width:780px;margin-bottom:20px}.algorithm-section h2{font-size:28px;letter-spacing:-1px;margin:0 0 9px}.algorithm-section>header p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.algorithm-flow{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.algorithm-flow span{padding:6px 9px;border-radius:6px;background:#eeedff;color:var(--indigo);font:700 10px 'DM Mono'}.code-window{overflow:hidden;border-radius:12px;background:#171e31;box-shadow:0 10px 30px rgba(25,31,51,.12)}.code-window-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#222b43;color:#bec6da;font:500 10px 'DM Mono';letter-spacing:.5px}.code-window-bar i{font-style:normal;color:#83e3cf}.code-window pre{margin:0;padding:22px;overflow:auto;max-height:720px;color:#e9edf7;font:500 12px/1.7 'DM Mono';tab-size:2}.code-window code{font:inherit;white-space:pre}.code-window .comment{color:#8fa1b8}@media(max-width:760px){.algorithm-section{padding:21px 16px;margin-top:45px}.algorithm-section h2{font-size:24px}.code-window pre{padding:16px;font-size:10px}}
/* Ampliação de imagens */.zoomable-image{cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease;outline:none}.zoomable-image:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(29,37,58,.16)}.zoomable-image:focus-visible{box-shadow:0 0 0 4px #cbc9ff}.lightbox-open{overflow:hidden}.image-lightbox[hidden]{display:none}.image-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:42px;background:rgba(12,17,29,.88);backdrop-filter:blur(5px);animation:lightbox-in .18s ease}.image-lightbox figure{margin:0;display:grid;justify-items:center;max-width:96vw;max-height:92vh}.image-lightbox-content{display:block;max-width:94vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.42)}.image-lightbox-caption{max-width:900px;margin-top:12px;color:#f1f3fa;text-align:center;font-size:13px;line-height:1.5}.image-lightbox-close{position:fixed;top:18px;right:23px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:300 31px/1 Manrope;cursor:pointer}.image-lightbox-close:hover,.image-lightbox-close:focus-visible{background:#fff;color:#172033;outline:none}@keyframes lightbox-in{from{opacity:0}to{opacity:1}}@media(max-width:760px){.image-lightbox{padding:18px}.image-lightbox-content{max-width:96vw;max-height:80vh}.image-lightbox-close{top:10px;right:10px}}
/* Página intermediária dos laboratórios */.labs-hub{padding-top:18px}.labs-hub-hero{padding:56px 48px;background:linear-gradient(135deg,#e8e8ff,#f6f7ff 58%,#e2faf4);border-radius:22px;text-align:center}.labs-hub-hero h1{font-size:clamp(40px,5vw,60px);letter-spacing:-2.5px;margin:0 0 12px}.labs-hub-hero>p:not(.eyebrow){max-width:720px;margin:0 auto;color:var(--muted)}.lab-route{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:25px}.lab-route span{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:7px;font:700 11px 'DM Mono';color:var(--indigo)}.lab-route i{font-style:normal;color:var(--muted)}.labs-catalog{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:45px}.labs-catalog article{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;padding:31px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.labs-catalog article.featured{background:#292f48;color:#fff}.labs-catalog article.featured .eyebrow{color:#bdbaff}.labs-catalog article.featured p:not(.eyebrow),.labs-catalog article.featured li{color:#d5dae8}.lab-number{position:absolute;right:18px;top:8px;color:#edecff;font:800 72px Manrope;line-height:1}.featured .lab-number{color:#363e59}.labs-catalog h2{font-size:27px;letter-spacing:-1px;margin:0 0 8px;position:relative}.labs-catalog p:not(.eyebrow){color:var(--muted);font-size:13px;position:relative}.labs-catalog ul{padding-left:18px;margin:14px 0 23px;color:#556078;font-size:12px;line-height:1.9}.labs-catalog .button{margin-top:auto}.labs-guidance{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center;margin-top:38px;padding:33px;background:#eef0ff;border-radius:15px}.labs-guidance h2{font-size:25px;margin:0}.labs-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.labs-features span{padding:11px;background:#fff;border-radius:8px;font-size:12px;font-weight:700}@media(max-width:760px){.labs-hub-hero{padding:38px 22px}.labs-catalog,.labs-guidance{grid-template-columns:1fr}.labs-catalog article{min-height:300px}.labs-features{grid-template-columns:1fr}}
/* Capítulo Perceptron Multicamadas */.mlp-chapter{padding-top:18px}.mlp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:58px 52px;background:linear-gradient(135deg,#e8e8ff,#f7f7ff 58%,#e2faf4);border-radius:23px}.mlp-hero h1{font-size:clamp(40px,5vw,59px);line-height:1.07;letter-spacing:-2.5px;margin:0 0 15px}.mlp-hero p:not(.eyebrow){color:var(--muted);max-width:650px}.mlp-hero .button{margin-top:12px}.mlp-hero-flow{display:flex;align-items:center;justify-content:center;gap:12px}.mlp-hero-flow div{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;background:#fff;border:2px solid var(--indigo)}.mlp-hero-flow .hidden{background:#e4faf4;border-color:#19a987}.mlp-hero-flow .output{background:#fff0e7;border-color:#e9773e}.mlp-hero-flow b{font:800 30px 'DM Mono'}.mlp-hero-flow span{font-size:11px;color:var(--muted)}.mlp-hero-flow i{font-style:normal;color:var(--indigo);font-size:24px}.mlp-theory-section,.mlp-learning-section{margin-top:72px}.mlp-theory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mlp-theory-grid article{padding:23px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--indigo);border-radius:11px}.mlp-theory-grid b{font-size:16px}.mlp-theory-grid p{font-size:12px;color:var(--muted);margin:7px 0 0}.mlp-equation{max-width:850px;margin-inline:auto}.mlp-learning-flow{display:flex;align-items:stretch;gap:8px}.mlp-learning-flow div{flex:1;padding:17px;background:#fff;border:1px solid var(--line);border-radius:10px}.mlp-learning-flow b,.mlp-learning-flow span{display:block}.mlp-learning-flow b{color:var(--indigo);font-size:12px}.mlp-learning-flow span{margin-top:6px;color:var(--muted);font-size:11px}.mlp-learning-flow i{align-self:center;font-style:normal;color:var(--indigo)}.mlp-chain-rule{text-align:center;margin-top:18px}.mlp-activations{margin-top:72px}.mlp-experiment{margin-top:75px}.mlp-experiment-layout{display:grid;grid-template-columns:290px 1fr;gap:18px}.mlp-main-network{margin-top:0}.mlp-closing{margin-top:70px}.math-steps-card{margin-top:18px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.math-steps-card h2{font-size:18px;margin:0}.math-steps-card .card-top p{font-size:12px;color:var(--muted);margin:4px 0 0}.math-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.math-steps>div{padding:13px;border-radius:8px;background:#f7f8fc;border-left:3px solid var(--indigo)}.math-steps b,.math-steps span{display:block}.math-steps b{font-size:11px;color:var(--indigo)}.math-steps span{margin-top:5px;color:#4f5a71;font:500 10px/1.55 'DM Mono'}@media(max-width:760px){.mlp-hero,.mlp-experiment-layout{grid-template-columns:1fr}.mlp-hero{padding:38px 24px}.mlp-hero-flow div{width:80px;height:80px}.mlp-theory-grid{grid-template-columns:1fr}.mlp-learning-flow{display:grid;grid-template-columns:1fr}.mlp-learning-flow i{display:none}.math-steps{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;flex-wrap:wrap;justify-content:flex-start}.site-header nav a{padding:6px 8px}.brand{white-space:nowrap}}
.site-footer{padding:28px 20px 24px}.footer-sources{max-width:1120px;margin:0 auto;line-height:1.9}.footer-sources strong{color:#59647b}.footer-sources a{color:var(--indigo);text-decoration:none}.footer-sources a:hover{text-decoration:underline}.footer-credit{margin:12px auto 0;padding-top:12px;max-width:1120px;border-top:1px solid #e7eaf2;color:#59647b;font-weight:700}
.concept-formula{margin-top:16px;padding:12px 14px;border-radius:8px;background:#f1f2ff;border-left:3px solid var(--indigo)}.concept-formula span,.concept-formula strong{display:block}.concept-formula span{margin-bottom:4px;color:var(--muted);font:700 9px/1.3 Manrope;text-transform:uppercase;letter-spacing:.7px}.concept-formula strong{color:var(--indigo);font:500 13px/1.55 'DM Mono',monospace}
.bias-deep-dive{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;margin:16px 0 55px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:15px}.bias-deep-dive h2{margin:0 0 12px;font-size:27px;line-height:1.2;letter-spacing:-.8px}.bias-deep-dive p:not(.eyebrow){margin:0 0 12px;color:var(--muted);font-size:13px}.bias-equation{margin:18px 0;padding:16px 20px;text-align:center;font-size:17px}.bias-deep-dive aside{padding:20px;background:#eef0ff;border-radius:11px;align-self:stretch}.bias-deep-dive aside h3{margin:0 0 9px;font-size:17px}.bias-example{display:grid;gap:9px;margin:16px 0;padding:14px;background:#fff;border-radius:8px;font:500 12px/1.5 'DM Mono',monospace}.bias-example strong{color:var(--indigo);font-size:14px}@media(max-width:760px){.bias-deep-dive{grid-template-columns:1fr;padding:20px}.bias-equation{font-size:14px}}
#treinamento .training-process-intro{max-width:none;margin:18px 0 14px;padding:13px 16px;background:#f1f2ff;border-radius:9px;color:#46516a;font-size:12px}#treinamento .process{grid-template-columns:repeat(2,1fr)}#treinamento .process>div{display:flex;flex-direction:column;padding:19px;min-height:205px}#treinamento .process>div>b{font-size:12px}#treinamento .process>div>p{margin:8px 0 13px;color:var(--muted);font-size:11px;line-height:1.55}.training-step-calculation{display:grid;gap:5px;margin-top:auto;padding:11px 12px;background:#f5f6ff;border-left:3px solid var(--indigo);border-radius:0 7px 7px 0}.training-step-calculation span{color:#3f4961;font:500 10px/1.55 'DM Mono',monospace}.training-method-note{max-width:none;margin-top:14px}.training-method-note b{color:#172033}@media(max-width:760px){#treinamento .process{grid-template-columns:1fr}#treinamento .process>div{min-height:0}}
/* Capítulo MADALINE */.madaline-chapter{padding-top:18px}.madaline-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:58px 52px;background:linear-gradient(135deg,#e8e8ff,#f7f7ff 58%,#fff0e7);border-radius:23px}.madaline-hero h1{font-size:clamp(40px,5vw,59px);line-height:1.07;letter-spacing:-2.5px;margin:0 0 15px}.madaline-hero p:not(.eyebrow){color:var(--muted);max-width:640px}.madaline-hero .button{margin-top:12px}.madaline-hero-network{display:flex;align-items:center;justify-content:center;gap:10px}.madaline-inputs,.madaline-adalines{display:grid;gap:9px}.madaline-hero-network span,.madaline-hero-network strong,.madaline-hero-network>b{display:grid;place-items:center;background:#fff;border:2px solid #8a93a8;color:var(--ink);font:800 12px Manrope}.madaline-inputs span{width:52px;height:52px;border-radius:50%}.madaline-adalines span{width:105px;height:52px;border-radius:10px;border-color:var(--indigo);background:#eef0ff}.madaline-hero-network strong{width:58px;height:58px;border-radius:50%;border-color:#e9773e;background:#fff2e9}.madaline-hero-network>b{width:52px;height:52px;border-radius:50%;border-color:#19a987;background:#e3faf4;font-size:18px}.madaline-hero-network i{font-style:normal;color:var(--indigo);font-size:21px}.madaline-theory,.madaline-learning,.madaline-experiment{margin-top:72px}.madaline-concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.madaline-concept-grid article{position:relative;padding:23px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--indigo);border-radius:11px}.madaline-concept-grid article>span{position:absolute;right:16px;top:8px;color:#ecebff;font:800 45px Manrope}.madaline-concept-grid h3{position:relative;margin:0 0 8px;font-size:17px}.madaline-concept-grid p{position:relative;color:var(--muted);font-size:12px}.madaline-concept-grid .concept-formula{position:relative}.madaline-comparison{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:22px}.madaline-comparison article{height:100%;padding:18px;background:#eef0ff;border-radius:10px}.madaline-comparison b{color:var(--indigo)}.madaline-comparison p{margin:6px 0 0;color:var(--muted);font-size:11px}.madaline-comparison i{font-style:normal;color:var(--indigo);font-size:21px}.madaline-rule-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.madaline-rule-flow article{display:flex;flex-direction:column;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px}.madaline-rule-flow b{color:var(--indigo);font-size:12px}.madaline-rule-flow p{color:var(--muted);font-size:11px}.madaline-rule-flow span{display:block;margin-top:auto;padding:10px;background:#f5f6ff;border-radius:7px;color:#404a62;font:500 10px/1.55 'DM Mono'}.madaline-experiment-layout{display:grid;grid-template-columns:290px 1fr;gap:18px}.madaline-results{min-width:0}.madaline-network-card{margin-top:0}.madaline-plane-card,.madaline-truth-card{margin-top:18px;padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.madaline-plane-card h2,.madaline-truth-card h2{font-size:18px;margin:0}.madaline-plane-card .card-top p,.madaline-truth-card .card-top p{font-size:12px;color:var(--muted);margin:4px 0 0}.madaline-plane-card canvas{border:1px solid #edf0f6}.madaline-line-one{border-color:#4e46e5}.madaline-line-two{border-color:#e06c37;border-top-style:dotted}.madaline-truth-card{overflow:auto}.madaline-closing{margin-top:70px}@media(max-width:900px){.site-header nav a{font-size:12px;padding-inline:8px}.madaline-rule-flow{grid-template-columns:1fr 1fr}}@media(max-width:760px){.madaline-hero,.madaline-experiment-layout{grid-template-columns:1fr}.madaline-hero{padding:38px 24px}.madaline-hero-network{flex-wrap:wrap}.madaline-concept-grid,.madaline-comparison{grid-template-columns:1fr}.madaline-comparison i{display:none}.madaline-rule-flow{grid-template-columns:1fr}.madaline-plane-card,.madaline-truth-card{padding:15px}}
.labs-catalog .madaline-catalog-card{background:linear-gradient(145deg,#fff5ed,#f3f1ff);border-color:#e8c7aa}.labs-catalog .madaline-catalog-card .lab-number{color:#f5ddca}
.labs-catalog .regression-catalog-card{background:linear-gradient(145deg,#e8faf6,#f7fffd);border-color:#bfe7dd}.labs-catalog .regression-catalog-card .lab-number{color:#d1f1e9}
.labs-catalog .lvq-catalog-card{background:linear-gradient(145deg,#efefff,#fbfbff);border-color:#cfccf2}.labs-catalog .lvq-catalog-card .lab-number{color:#dfddfa}
.adaline-foundation{margin-top:78px;padding:36px;background:#fff7f0;border:1px solid #efd7c2;border-radius:18px}.adaline-foundation .narrative-head{margin-top:0}.adaline-signal-flow{display:flex;align-items:stretch;gap:8px;margin:0 0 24px}.adaline-signal-flow>div{flex:1;display:grid;align-content:center;gap:5px;padding:15px;background:#fff;border:1px solid #ead8c8;border-radius:9px;text-align:center}.adaline-signal-flow b{color:#b85f25;font-size:14px}.adaline-signal-flow span{font:500 12px/1.5 'DM Mono',monospace;color:#4c566d}.adaline-signal-flow i{align-self:center;color:#d77c42;font-style:normal}.adaline-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.adaline-foundation-grid>article{padding:22px;background:#fff;border:1px solid #ead8c8;border-radius:11px}.adaline-foundation-grid h3{margin:0 0 8px}.adaline-foundation-grid>article>p{margin:0 0 14px;color:var(--muted)}.adaline-foundation-grid .math-expression{margin:0;height:calc(100% - 108px)}.adaline-foundation>.note{margin-top:17px}@media(max-width:900px){.adaline-signal-flow{display:grid;grid-template-columns:1fr}.adaline-signal-flow i{display:none}}@media(max-width:760px){.adaline-foundation{padding:20px}.adaline-foundation-grid{grid-template-columns:1fr}.adaline-foundation-grid .math-expression{height:auto}}
.adaline-page{padding-top:18px}.adaline-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:58px 52px;background:linear-gradient(135deg,#fff0e4,#fff9f4 58%,#eeeefe);border-radius:23px}.adaline-hero h1{margin:0 0 17px;letter-spacing:-2.5px}.adaline-hero .button{margin-top:18px}.adaline-hero-flow{display:flex;align-items:center;justify-content:center;gap:9px}.adaline-hero-flow>div{display:grid;place-items:center;width:102px;height:102px;padding:10px;border:2px solid #d77c42;border-radius:50%;background:#fff;text-align:center}.adaline-hero-flow b{color:#b85f25;font:800 27px 'DM Mono'}.adaline-hero-flow span{color:var(--muted);font-size:12px}.adaline-hero-flow i{color:#d77c42;font-style:normal;font-size:22px}.adaline-overview,.adaline-worked-example{margin-top:78px}.adaline-two-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.adaline-two-paths article{padding:24px;background:#fff;border:1px solid var(--line);border-top:4px solid #d77c42;border-radius:12px}.adaline-two-paths b,.adaline-two-paths span{display:block}.adaline-two-paths b{font-size:19px}.adaline-two-paths span{margin:10px 0;padding:12px;background:#fff6ee;border-radius:7px;color:#8e4b22;font:500 14px/1.6 'DM Mono'}.adaline-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.adaline-example-grid>article{padding:21px;background:#fff;border:1px solid var(--line);border-radius:11px}.adaline-example-grid>article>b{color:#b85f25;font-size:18px}.adaline-example-grid .math-expression{margin-bottom:0}.adaline-worked-example>.note{margin-top:15px}@media(max-width:900px){.adaline-hero{grid-template-columns:1fr}.adaline-hero-flow{flex-wrap:wrap}}@media(max-width:760px){.adaline-hero{padding:37px 23px}.adaline-hero-flow>div{width:82px;height:82px}.adaline-two-paths,.adaline-example-grid{grid-template-columns:1fr}}
@media(max-width:1250px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-header nav{width:100%;flex-wrap:wrap}.site-header nav a{font-size:14px;padding:8px 10px}}
.rule-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rule-card{padding:26px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--indigo);border-radius:13px}.rule-card.adaline-rule-card{border-top-color:#d77c42}.rule-card h3{margin:0 0 10px}.rule-card>p:not(.eyebrow){color:var(--muted)}.rule-card .math-expression{margin-bottom:15px}.rule-card aside{padding:14px;background:#f2f3ff;border-radius:8px;color:#49546b;font-size:15px}.adaline-rule-card aside{background:#fff4ea}.adaline-comparison-figure{max-width:1050px;margin:32px auto}.rule-calculation-comparison{margin-top:34px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:15px}.rule-calculation-comparison>header{text-align:center;max-width:900px;margin:0 auto}.rule-calculation-comparison>header h3{margin:0 0 9px}.rule-calculation-comparison>header>p:not(.eyebrow){color:var(--muted)}.shared-calculation{display:grid;gap:7px;margin:22px 0;padding:18px 22px;background:#292f48;border-radius:10px;color:#fff;text-align:center}.shared-calculation b{color:#9cebdc;font-size:16px}.shared-calculation span{font:500 17px/1.7 'DM Mono',monospace}.calculation-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calculation-comparison-grid>article{padding:20px;background:#f8f9fd;border-radius:11px}.calculation-method{margin-bottom:10px;color:var(--indigo);font:800 16px 'DM Mono',monospace}.calculation-comparison-grid>article:last-child .calculation-method{color:#b85f25}.calculation-comparison-grid .math-expression{margin:0;height:100%}.rule-difference-table{margin-top:18px;overflow:auto;border:1px solid var(--line);border-radius:11px}.rule-difference-table table{width:100%;border-collapse:collapse;background:#fff;font-size:16px}.rule-difference-table th,.rule-difference-table td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}.rule-difference-table th{background:#ecebff;color:var(--indigo)}.rule-difference-table th:last-child{background:#fff0e4;color:#a95521}.rule-difference-table tr:last-child td{border-bottom:0}.rule-calculation-comparison>.note{margin-top:18px}@media(max-width:900px){.rule-comparison,.calculation-comparison-grid{grid-template-columns:1fr}}@media(max-width:760px){.rule-card,.rule-calculation-comparison{padding:19px}.shared-calculation span{font-size:14px}.rule-difference-table table{font-size:14px}}
/* Matemática completa do aprendizado do Perceptron */.math-learning-journey{margin-top:70px}.math-learning-journey .section-heading{max-width:760px}.math-scenario{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 18px;padding:15px;background:#252d46;border-radius:12px;color:#fff}.math-scenario div{padding:7px 10px;border-right:1px solid #424b67}.math-scenario div:last-child{border:0}.math-scenario b,.math-scenario span{display:block}.math-scenario b{color:#9ef0df;font:700 9px/1.3 'DM Mono';text-transform:uppercase;letter-spacing:.5px}.math-scenario span{margin-top:5px;color:#eef1fb;font:600 11px/1.5 'DM Mono'}.math-learning-walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:14px}.math-learning-walkthrough>article{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.math-phase{display:flex;align-items:center;gap:9px;margin-bottom:10px}.math-phase>b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--indigo);color:#fff;font:800 12px Manrope}.math-phase>span{color:var(--indigo);font:700 10px 'DM Mono';letter-spacing:.5px}.math-learning-walkthrough h3{margin:0 0 8px;font-size:18px;line-height:1.3}.math-learning-walkthrough article>p:not(.math-meaning){margin:0 0 13px;color:var(--muted);font-size:12px}.math-expression{display:grid;gap:4px;margin:3px 0 13px;padding:15px;background:#202840;border-radius:9px}.math-expression small{margin-top:7px;color:#91e7d6;font:700 9px/1.3 Manrope;text-transform:uppercase;letter-spacing:.5px}.math-expression small:first-child{margin-top:0}.math-expression strong{color:#f2f4ff;font:500 12px/1.65 'DM Mono',monospace}.math-meaning{margin:auto 0 0;padding:12px 14px;background:#f1f2ff;border-left:3px solid var(--indigo);border-radius:0 7px 7px 0;color:#4a5570;font-size:11px}.math-meaning.success{background:#e5f8f3;border-color:#19a987;color:#28685b}.math-ledger{width:100%;margin:2px 0 13px;border-collapse:collapse;background:#fafbff;font-size:11px}.math-ledger th,.math-ledger td{padding:8px 9px;text-align:center;border:1px solid var(--line)}.math-ledger th{background:#eeedff;color:var(--indigo);font-size:9px;text-transform:uppercase}.truth-example td:last-child{font-weight:800;color:var(--indigo)}.perceptron-rule-note{max-width:none;margin-top:16px}@media(max-width:900px){.math-scenario{grid-template-columns:1fr 1fr}.math-scenario div{border:0}}@media(max-width:760px){.math-learning-walkthrough{grid-template-columns:1fr}.math-scenario{grid-template-columns:1fr}.math-learning-walkthrough>article{padding:19px}.math-expression strong{font-size:11px}}
/* Highlight.js complementa a janela sem substituir o visual do site. */.code-window pre code.hljs{display:block;padding:0;background:transparent;color:#e9edf7}.code-window .hljs-comment{color:#8fa1b8}.code-window .hljs-keyword,.code-window .hljs-built_in{color:#c8a7ff}.code-window .hljs-title.function_,.code-window .hljs-function .hljs-title{color:#77dfc8}.code-window .hljs-number,.code-window .hljs-literal{color:#ffca8a}.code-window .hljs-string{color:#b8dc8a}
/* Escala tipográfica geral para leitura em sala e projeção. */body{font-size:16.5px;line-height:1.68}.site-header nav a{font-size:14px}.brand{font-size:19px}.eyebrow{font-size:12px;line-height:1.35}p:not(.eyebrow):not(.lead){font-size:14.5px;line-height:1.7}.lead{font-size:18px;line-height:1.7}.button{font-size:15px}.mono{font-size:13px}.content-section h3{font-size:19px}.concept-card h3{font-size:17px}.concept-card p,.theory-reading-grid p:not(.eyebrow),.theory-anatomy p:not(.eyebrow),.theory-training p:not(.eyebrow),.theory-limit p:not(.eyebrow){font-size:14px}.activation-table,.truth-table,.comparison-table table{font-size:14px}.activation-table th,.activation-table td,.truth-table th,.truth-table td{padding-top:15px;padding-bottom:15px}.control-group label,.field,.stat span{font-size:11.5px}.control-group select,.control-group input,.field select,.field input{font-size:14.5px}.canvas-note,.card-top p,.training-history-card .card-top p,.network-visual-card .card-top p{font-size:13px!important}.network-readout{font-size:12px}.math-steps b,.neuron-methods b{font-size:12px}.math-steps span,.neuron-methods span,.training-step-calculation span{font-size:11.5px}.math-expression strong{font-size:13px}.math-expression small,.math-scenario b,.math-phase>span{font-size:10px}.math-meaning,.madaline-rule-flow p,.madaline-comparison p{font-size:12.5px}.code-window pre,.code-window pre code.hljs{font-size:13px;line-height:1.8}.code-window-bar{font-size:11px}footer,.site-footer{font-size:13.5px}.footer-credit{font-size:14px}@media(max-width:760px){body{font-size:16px}.site-header nav a{font-size:13px}p:not(.eyebrow):not(.lead){font-size:14px}.lead{font-size:17px}.code-window pre,.code-window pre code.hljs{font-size:12px}.math-expression strong{font-size:12px}}
.boundary-equation-stack{display:grid;gap:8px;margin:17px 0}.boundary-equation-stack>div{padding:11px 13px;background:#f2f3ff;border-left:3px solid #cbc9ff;border-radius:0 8px 8px 0}.boundary-equation-stack>div.result{background:#202840;border-left-color:#8ce4d3}.boundary-equation-stack small,.boundary-equation-stack strong{display:block}.boundary-equation-stack small{margin-bottom:5px;color:var(--indigo);font:700 9px/1.3 Manrope;text-transform:uppercase;letter-spacing:.5px}.boundary-equation-stack strong{color:#303b55;font:500 12px/1.6 'DM Mono',monospace}.boundary-equation-stack .result small{color:#8ce4d3}.boundary-equation-stack .result strong{color:#f3f5ff}.boundary-assembly{display:grid;gap:7px;margin:15px 0 18px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:9px}.boundary-assembly>b{font-size:13px}.boundary-assembly span{color:var(--muted);font-size:12px;line-height:1.5}.boundary-assembly i{display:inline-grid;place-items:center;min-width:24px;margin-right:4px;padding:2px 4px;border-radius:4px;background:#ecebff;color:var(--indigo);font:700 10px 'DM Mono';font-style:normal}
.boundary-grid{grid-template-columns:minmax(0,1fr) 370px}.boundary-equation-stack small{font-size:10px}.boundary-equation-stack strong{font-size:14px}.boundary-equation-stack .result strong{line-height:1.85}.boundary-assembly>b{font-size:14px}.boundary-assembly span{font-size:13px}@media(max-width:900px){.boundary-grid{grid-template-columns:1fr}}
.training-total-explanation{margin:28px 0 34px;padding:26px;background:#eef0ff;border-radius:14px}.training-total-explanation>header h3{margin:0 0 8px;font-size:24px}.training-total-explanation>header>p:not(.eyebrow){margin:0;color:var(--muted)}.training-total-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.training-total-grid>article{padding:19px;background:#fff;border:1px solid var(--line);border-radius:11px}.training-total-grid>article>b{color:var(--indigo);font-size:15px}.training-total-grid>article>p{min-height:72px;margin:7px 0 12px;color:var(--muted);font-size:13px}.training-total-grid .math-expression{margin:0;height:calc(100% - 105px)}.training-total-explanation>.note{margin-top:15px}@media(max-width:760px){.training-total-explanation{padding:19px}.training-total-grid{grid-template-columns:1fr}.training-total-grid>article>p{min-height:0}.training-total-grid .math-expression{height:auto}}

/* Escala ampla de leitura: conteúdo maior para estudo, sala de aula e projeção. */
body{font-size:19px;line-height:1.72}
.site-header,main{max-width:1400px}
.site-header{min-height:90px;height:auto;padding:14px 32px}
main{padding:24px 32px 92px}
.brand{font-size:22px}.brand span{width:34px;height:34px;font-size:17px}
.site-header nav{gap:11px}.site-header nav a{padding:10px 14px;font-size:16px}
.eyebrow{font-size:13.5px;line-height:1.4;letter-spacing:1.45px}
p:not(.eyebrow):not(.lead){font-size:17px;line-height:1.75}
.lead{font-size:21px;line-height:1.72}
.hero h1,.experience-hero h1,.mlp-hero h1,.madaline-hero h1,.labs-hub-hero h1{font-size:clamp(46px,5.4vw,72px)}
.page-intro h1{font-size:58px}.lab-intro h1{font-size:51px}
.section-heading h2,.narrative-head h2,.content-section h2,.bridge h2,.callout h2{font-size:38px}
.content-section h3,.training-total-explanation>header h3{font-size:24px}
.lesson h3,.concept-card h3,.boundary-note h3,.bias-deep-dive aside h3,.math-learning-walkthrough h3{font-size:20px}
.button{padding:15px 21px;font-size:17px}
.lesson,.concept-card,.lab-card,.separator-card,.side-panel{padding:25px}
.lesson div p:last-child,.concept-card p,.theory-reading-grid p:not(.eyebrow),.theory-anatomy p:not(.eyebrow),.theory-training p:not(.eyebrow),.theory-limit p:not(.eyebrow){font-size:16.5px}
.mono{font-size:15px}
.equation{padding:25px 29px;font-size:18px;line-height:1.9}
.equation.mini{font-size:15px}
.concept-formula span{font-size:11px}.concept-formula strong{font-size:16px}
.process div,.training-steps div{font-size:15px}.process b,.training-steps b{font-size:13.5px}
.process p,.training-steps p{font-size:14px}
.activation-table,.truth-table,.comparison-table table{font-size:16.5px}
.activation-table th,.activation-table td,.truth-table th,.truth-table td{padding:18px 16px}
.toc{width:250px}.toc p{font-size:12px}.toc a{font-size:15px;padding:10px}
.field,.control-group label,.stat span{font-size:13px}
.field select,.field input,.control-group select,.control-group input{font-size:16px;height:44px}
.lab-controls .button{height:44px}
.card-top h2,.lab-card h2,.separator-card h2,.math-steps-card h2,.training-history-card h2,.network-visual-card h2{font-size:21px}
.canvas-note,.card-top p,.network-readout,.training-history-card .card-top p,.network-visual-card .card-top p{font-size:15px!important}
.stat b{font-size:22px}.status{font-size:13px;padding:7px 10px}
.calculation{padding:21px;font-size:15px;line-height:1.85}
.math-expression{padding:18px}.math-expression small,.math-scenario b,.math-phase>span{font-size:11.5px}.math-expression strong{font-size:15.5px;line-height:1.8}
.math-meaning,.madaline-rule-flow p,.madaline-comparison p{font-size:14.5px}
.math-scenario span{font-size:14px}.math-learning-walkthrough article>p:not(.math-meaning){font-size:15px}
.math-ledger{font-size:14px}.math-ledger th{font-size:11.5px}
.training-step-calculation span,.math-steps span,.neuron-methods span{font-size:13.5px}
.math-steps b,.neuron-methods b{font-size:14px}
.boundary-note p,.boundary-assembly span{font-size:15px}.boundary-equation-stack small{font-size:11.5px}.boundary-equation-stack strong{font-size:16.5px}
.bias-deep-dive p:not(.eyebrow){font-size:16px}.bias-example{font-size:15px}.bias-example strong{font-size:17px}
.training-total-grid>article>b{font-size:18px}.training-total-grid>article>p{font-size:15.5px;min-height:86px}
.algorithm-section h2{font-size:31px}.code-window-bar{font-size:13px}.code-window pre,.code-window pre code.hljs{font-size:15px;line-height:1.9}
.footer-sources,.footer-credit,footer,.site-footer{font-size:15.5px}

@media(max-width:900px){
  .site-header,main{padding-left:22px;padding-right:22px}
  .site-header{align-items:flex-start;flex-wrap:wrap}
  .site-header nav{width:100%;flex-wrap:wrap}
  .theory-layout{grid-template-columns:1fr}.toc{position:relative;top:0;width:100%}
}
@media(max-width:760px){
  body{font-size:17px}.site-header{padding:16px 18px}.site-header nav a{font-size:14px;padding:8px}
  main{padding:12px 18px 60px}.brand{font-size:20px}
  p:not(.eyebrow):not(.lead){font-size:15.5px}.lead{font-size:18px}
  .hero h1,.experience-hero h1,.mlp-hero h1,.madaline-hero h1,.labs-hub-hero h1{font-size:40px}
  .page-intro h1,.lab-intro h1{font-size:39px}
  .section-heading h2,.narrative-head h2,.content-section h2,.bridge h2,.callout h2{font-size:30px}
  .lesson,.concept-card,.lab-card,.separator-card,.side-panel{padding:20px}
  .equation{padding:19px;font-size:15px}.math-expression strong{font-size:13px}
  .activation-table,.truth-table,.comparison-table table{font-size:14px}
  .code-window pre,.code-window pre code.hljs{font-size:13px}
  .training-total-grid>article>p{min-height:0}
}

/* Garante a mesma hierarquia tipográfica nas páginas antigas e novas. */
main h1{font-size:clamp(46px,5.4vw,72px)!important;line-height:1.08}
main h2{font-size:38px!important;line-height:1.2}
main h3{font-size:22px!important;line-height:1.3}
main p:not(.eyebrow){font-size:17px!important;line-height:1.75}
main .eyebrow{font-size:13.5px!important}
.hero-network .layer-name,.stage-label,.tag,.math-expression small,.concept-formula span{font-size:12px}
.hero-network p,.neuron-inspector>p:not(.eyebrow),.component-notes span,.bio-compare figcaption,.inspiration p,.layer-explainer p,.architecture-rail article p,.activation-play aside p{font-size:15.5px!important}
.component-notes b,.layer-explainer b,.architecture-rail article b,.data-stream b{font-size:17px}
.growth-flow div,.growth-flow strong,.data-stream strong{font-size:15px}
.data-stream small,.nn-part small,.nn-sum small,.nn-activation small,.nn-output small,.nn-bias small{font-size:12px}
.training-intro li,.distinction-tree section span,.architecture-rail article i{font-size:14px}
.activation-tabs button{font-size:15px;padding:12px}
.activation-play aside span,.distinction-tree section b{font-size:13px}
.mlp-theory-grid p,.madaline-concept-grid p,.madaline-rule-flow p,.labs-catalog li,.labs-features span{font-size:15.5px}
.mlp-theory-grid b,.madaline-concept-grid h3,.labs-catalog h2{font-size:21px}
.madaline-rule-flow b{font-size:17px!important;line-height:1.45}
.madaline-rule-flow span{padding:15px!important;font-size:15px!important;line-height:1.75!important}

@media(max-width:760px){
  main h1{font-size:40px!important}
  main h2{font-size:30px!important}
  main h3{font-size:20px!important}
  main p:not(.eyebrow){font-size:15.5px!important}
  main .eyebrow{font-size:12px!important}
  .activation-tabs button{font-size:12px;padding:9px 5px}
}

/* Fórmulas do fluxo ADALINE em escala de leitura. */
.adaline-signal-flow>div{min-height:118px;padding:20px 16px}
.adaline-signal-flow b{font-size:18px!important;line-height:1.4}
.adaline-signal-flow span{font-size:17px!important;line-height:1.7!important}
.adaline-signal-flow i{font-size:24px}
.desired-output-explanation{display:grid;grid-template-columns:72px 1fr 230px;gap:20px;align-items:center;margin:22px 0;padding:21px;background:#fff4e9;border:1px solid #edcdb2;border-left:5px solid #d77c42;border-radius:11px}.desired-symbol{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#d77c42;color:#fff;font:800 31px 'DM Mono',monospace}.desired-output-explanation h4{margin:0 0 6px;font-size:21px}.desired-output-explanation p{margin:4px 0!important;color:#59647b}.desired-example{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:14px;background:#fff;border-radius:8px}.desired-example span{color:var(--muted);font-size:13px}.desired-example strong{font:700 15px 'DM Mono',monospace}.desired-example i{grid-column:1/-1;color:#d77c42;font-style:normal;font-weight:800;text-align:center}
@media(max-width:760px){
  .adaline-signal-flow>div{min-height:100px}
  .adaline-signal-flow b{font-size:17px!important}
  .adaline-signal-flow span{font-size:15px!important}
  .desired-output-explanation{grid-template-columns:1fr}.desired-symbol{width:58px;height:58px}.desired-example{grid-template-columns:1fr auto}
}

/* Cálculos nunca devem herdar as escalas pequenas de legendas. */
.math-expression strong{font-size:19px!important;line-height:1.9!important}
.math-expression small{font-size:13px!important;line-height:1.5!important}
.equation{font-size:19px!important}
.concept-formula strong{font-size:17px!important}
.training-step-calculation span,.math-steps span,.neuron-methods span{font-size:15px!important;line-height:1.75!important}
.half-error-explanation{display:grid;gap:6px;margin-top:14px;padding:16px 18px;background:#fff4e9;border-left:4px solid #d77c42;border-radius:0 8px 8px 0}.half-error-explanation b{color:#a95521;font-size:17px}.half-error-explanation span{color:#535e75;font-size:16px;line-height:1.7}.half-error-explanation strong{font-size:inherit}
@media(max-width:760px){
  .math-expression strong{font-size:17px!important}
  .math-expression small{font-size:12px!important}
  .equation{font-size:17px!important}
  .concept-formula strong{font-size:16px!important}
  .training-step-calculation span,.math-steps span,.neuron-methods span{font-size:14px!important}
}
pre.copyable-code{position:relative;padding-top:58px!important}
.code-copy-button{position:absolute;z-index:4;top:12px;right:12px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid #ffffff38;border-radius:8px;background:#ffffff14;color:#fff;font:800 14px Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s ease,transform .2s ease}
.code-copy-button:hover{background:#ffffff25;transform:translateY(-1px)}
.code-copy-button:focus-visible{outline:3px solid #7c75ff;outline-offset:2px}