:root{--sys-grey:#d4d0c8;--sys-white:#fff;--sys-dark-grey:gray;--sys-black:#000;--sys-blue:#000;--sys-highlight:#333;--text-main:#000;--code-green:#eef3ee;--border-width:1px;--accent-color:#333;--success-color:#34a853;--warning-color:#fbbc05;--danger-color:#ea4335}.e2ee-page *{box-sizing:border-box}.e2ee-page{background-color:var(--sys-white);color:var(--text-main);margin:0;padding:0;font-family:Segoe UI,Tahoma,MS Sans Serif,sans-serif;font-size:18px}.e2ee-page .outset{border:var(--border-width)outset var(--sys-white)}.e2ee-page .inset{border:var(--border-width)inset var(--sys-white)}.e2ee-page .win-title{color:#fff;background:linear-gradient(#333 0%,#000 50%,#333 100%);justify-content:space-between;align-items:center;padding:8px 12px;font-size:1rem;font-weight:500;display:flex}.e2ee-page .e2ee-main{background-color:var(--sys-white);max-width:1100px;margin:0 auto;padding:40px 60px}.e2ee-page .table-of-contents{margin-bottom:40px;padding:25px 30px}.e2ee-page .table-of-contents h2{margin:0 0 15px;font-size:1.1rem;font-weight:500}.e2ee-page .toc-list{margin:0;padding:0;list-style:none}.e2ee-page .toc-list li{padding:4px 0;font-size:.95rem}.e2ee-page .toc-list a{color:#333;text-decoration:none}.e2ee-page .toc-list a:hover{text-decoration:underline}.e2ee-page .toc-part{color:#666;text-transform:uppercase;margin-top:12px;margin-bottom:4px;font-size:.85rem;font-weight:500}.e2ee-page .toc-part:first-child{margin-top:0}.e2ee-page .toc-sub{color:#666;padding-left:15px;font-size:.9rem}.e2ee-page h1{letter-spacing:-.5px;margin:0 0 20px;font-size:2.2rem;font-weight:500}.e2ee-page h2{color:var(--sys-black);margin-top:50px;font-size:1.6rem;font-weight:500}.e2ee-page h3{color:#333;margin-top:35px;font-size:1.25rem;font-weight:500}.e2ee-page h4{color:#555;margin-top:25px;font-size:1.1rem;font-weight:500}.e2ee-page p{margin-bottom:20px;font-size:1.05rem;line-height:1.8}.e2ee-page table{border-collapse:collapse;background:#fff;width:100%;margin:25px 0;font-size:1rem}.e2ee-page th{text-align:left;background:linear-gradient(#f0f0f0,#e8e8e8);border:1px solid #ccc;padding:12px 15px;font-size:.95rem;font-weight:500}.e2ee-page td{border:1px solid #ccc;padding:12px 15px;font-size:1rem}.e2ee-page tr:nth-child(2n) td{background:#f9f9f9}.e2ee-page tr:hover td{background:#f5f5f5}.e2ee-page .code-block{color:var(--code-green);white-space:pre;background:#1e1e1e;border:1px solid #333;border-radius:4px;margin:25px 0;padding:25px;font-family:Consolas,Courier New,monospace;font-size:1rem;line-height:1.6;overflow-x:auto}.e2ee-page .notion-callout{background:#fafafa;border:1px solid #ccc;gap:15px;margin:30px 0;padding:25px;font-size:1.05rem;display:flex}.e2ee-page .lab-module{background:var(--sys-grey);border:1px solid #999;border-radius:4px;margin-top:40px;padding:15px}.e2ee-page .sim-grid{grid-template-columns:280px 1fr 280px;gap:10px;min-height:450px;display:grid}.e2ee-page .sim-column{background:#fff;border:1px solid #ccc;flex-direction:column;gap:12px;padding:15px;display:flex}.e2ee-page .logic-gate{text-align:center;background:linear-gradient(#f8f8f8,#e8e8e8);border:1px solid #999;padding:10px;font-family:monospace;font-size:.9rem;font-weight:500}.e2ee-page .logic-gate.active{background:linear-gradient(#e8e8e8,#ddd);border-color:#666}.e2ee-page .terminal{color:#e7f0e7;background:#000;border:1px solid #333;height:180px;margin-top:15px;padding:15px;font-family:Consolas,Courier New,monospace;font-size:.95rem;line-height:1.5;overflow-y:auto}.e2ee-page button{cursor:pointer;background:linear-gradient(#f0f0f0,#e0e0e0);border:1px solid #999;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .1s}.e2ee-page button:hover{background:linear-gradient(#fff,#f0f0f0)}.e2ee-page button:active{background:#ddd;transform:translateY(1px)}.e2ee-page input{border:1px solid #999;padding:10px;font-family:Courier New,monospace;font-size:1rem}@media screen and (max-width:768px){.e2ee-page{font-size:16px}.e2ee-page .e2ee-main{padding:20px 15px}.e2ee-page h1{font-size:1.6rem}.e2ee-page h2{margin-top:35px;font-size:1.3rem}.e2ee-page h3{margin-top:25px;font-size:1.1rem}.e2ee-page h4{margin-top:20px;font-size:1rem}.e2ee-page p{font-size:1rem;line-height:1.7}.e2ee-page .table-of-contents{margin-bottom:30px;padding:15px 20px}.e2ee-page .notion-callout{flex-direction:column;gap:10px;margin:20px 0;padding:15px}.e2ee-page .code-block{margin:20px 0;padding:15px;font-size:.85rem;overflow-x:auto}.e2ee-page table{white-space:nowrap;font-size:.9rem;display:block;overflow-x:auto}.e2ee-page th,.e2ee-page td{padding:8px 10px}.e2ee-page .lab-module{margin-top:30px;padding:10px}.e2ee-page .win-title{flex-wrap:wrap;gap:5px;padding:6px 10px;font-size:.85rem}.e2ee-page .sim-grid{flex-direction:column;gap:15px;min-height:auto;display:flex}.e2ee-page .sim-column{gap:10px;padding:12px}.e2ee-page .sim-column strong{font-size:11px!important}.e2ee-page .logic-gate{padding:8px;font-size:.8rem}.e2ee-page #relay-view{min-height:80px;font-size:10px!important}.e2ee-page #charlie-display{min-height:60px}.e2ee-page .terminal{height:140px;margin-top:10px;padding:12px;font-size:.85rem}.e2ee-page button{padding:10px 16px;font-size:.95rem}.e2ee-page input{padding:8px;font-size:.95rem}}@media screen and (max-width:480px){.e2ee-page{font-size:15px}.e2ee-page .e2ee-main{padding:15px 12px}.e2ee-page h1{font-size:1.4rem}.e2ee-page .table-of-contents{padding:12px 15px}.e2ee-page .code-block{padding:12px;font-size:.8rem}.e2ee-page .notion-callout{padding:12px;font-size:.95rem}.e2ee-page .sim-column{padding:10px}.e2ee-page .terminal{height:120px;padding:10px;font-size:.8rem}}