.sim-page{padding-top:38px;padding-bottom:70px}.sim-hero{text-align:center;max-width:850px;margin:30px auto 42px}.sim-hero h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(34px,5vw,64px);line-height:1.12}.sim-hero h1 span{color:var(--accent)}.sim-hero p,.sim-category-hero p,.sim-lab-intro p{color:var(--muted);font-size:17px;line-height:1.8}.sim-hero-notes{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.sim-hero-notes span,.sim-status{border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:5px 10px;font-size:11px;line-height:1.5;display:inline-block}.sim-status.live{color:var(--accent);background:var(--accent-bg);border-color:#0000}.sim-search{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;max-width:720px;margin:0 auto 44px;padding:12px 18px;display:flex}.sim-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;padding:8px 0}.sim-section{margin:36px 0}.sim-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.sim-heading h2{letter-spacing:-.025em;font-size:23px}.sim-heading>span{color:var(--muted);font-size:12px}.sim-feature{border:1px solid var(--border);background:linear-gradient(120deg,var(--accent-bg),var(--surface) 55%);border-radius:20px;grid-template-columns:240px 1fr;align-items:center;gap:34px;padding:32px;display:grid}.sim-feature h3,.sim-feature h2{margin:12px 0;font-size:27px}.sim-feature p{color:var(--muted);max-width:670px;line-height:1.8}.sim-feature small{color:var(--muted);margin:15px 0;display:block}.sim-feature .button{margin-top:12px}.sim-device-art{color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.sim-device-art>div{gap:12px;display:flex}.sim-device-art i{background:var(--accent);border-radius:50%;width:5px;height:5px}.sim-device-art span{letter-spacing:3px;font:11px monospace}.sim-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.sim-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;align-items:flex-start;padding:25px;display:flex}.sim-card-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.sim-card h3{margin:22px 0 10px;font-size:19px}.sim-card p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.8}.sim-topics{flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:20px;display:flex}.sim-topics span{background:var(--surface2);color:var(--muted);border-radius:5px;padding:4px 7px;font-size:10px}.sim-card>a{color:var(--accent);align-items:center;gap:8px;min-height:30px;font-size:13px;display:flex}.sim-note{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:12px;margin:22px 0;padding:20px 24px;font-size:14px;line-height:1.9}.sim-note a{color:var(--accent);text-decoration:underline}.sim-category-hero{max-width:850px;margin:32px 0}.sim-category-hero h1{letter-spacing:-.035em;margin:22px 0 12px;font-size:clamp(30px,4vw,48px)}.sim-category-hero .sim-status{margin-top:18px}.sim-category-lab{display:block}.sim-learning{grid-template-columns:1.2fr 1fr;gap:40px;margin:40px 0;display:grid}.sim-learning h2{margin:0 0 18px;font-size:23px}.sim-learning h3{margin:24px 0 12px}.sim-learning p,.sim-learning li{color:var(--muted);font-size:14px;line-height:1.9}.sim-learning ul{padding-left:20px}.sim-lab-intro{margin:30px 0}.sim-lab-intro h1{letter-spacing:-.035em;margin:12px 0;font-size:clamp(28px,4vw,44px)}.sim-shell{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden}.sim-toolbar{background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.sim-toolbar>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sim-toolbar strong{font-size:14px}.sim-toolbar .button{min-height:40px;font-size:12px}.sim-guide{background:var(--accent-bg);border-radius:12px;margin:24px;padding:22px}.sim-guide h2{margin:12px 0;font-size:18px}.sim-guide p{margin:10px 0;font-size:14px;line-height:1.8}.sim-guide code{font-size:12px}.sim-complete{color:var(--accent);font-weight:700}.sim-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:0 24px;display:flex}.sim-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:16px 12px;font-size:13px}.sim-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.sim-workspace{padding:28px}.sim-workspace h2{font-size:21px}.sim-muted{color:var(--muted);margin:15px 0;font-size:13px;line-height:1.8}.sim-fields{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.sim-fields label{flex-direction:column;gap:9px;font-size:13px;display:flex}.sim-fields input:not([type=checkbox]),.sim-fields select{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:12px;font-size:16px}.sim-fields small{color:var(--muted);line-height:1.6}.sim-fields .sim-check{flex-direction:row;align-items:center;gap:10px}.sim-check input{width:19px;height:19px;accent-color:var(--accent)}.sim-fields input:disabled{opacity:.5}.sim-actions{flex-wrap:wrap;gap:12px;display:flex}.sim-errors{border:1px solid #c66464;border-radius:10px;margin:20px 0;padding:16px;font-size:13px;line-height:1.8}.sim-errors ul{padding-left:20px}.sim-feedback{color:var(--accent);margin-top:18px;font-size:14px;line-height:1.8}.sim-footnote{border-top:1px solid var(--border);color:var(--muted);padding:18px 24px;font-size:12px;line-height:1.7}.sim-table-wrap{margin:22px 0;overflow-x:auto}.sim-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.sim-table-wrap th,.sim-table-wrap td{border-bottom:1px solid var(--border);padding:15px 12px;line-height:1.8}.sim-table-wrap th{color:var(--muted)}.sim-topology{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:15px;padding:25px 0;display:flex}.sim-topology>div{flex-direction:column;align-items:center;gap:12px;font-size:13px;display:flex}.sim-topology svg{color:var(--accent)}.sim-facts{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.sim-facts dt{color:var(--muted);font-size:12px}.sim-facts dd{margin:8px 0;font-family:monospace}.sim-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sim-page button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1000px){.sim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.sim-page{padding-top:25px}.sim-hero{margin:15px 0 30px}.sim-hero p{font-size:15px}.sim-grid,.sim-learning,.sim-fields{grid-template-columns:1fr}.sim-feature{grid-template-columns:1fr;gap:5px;padding:22px}.sim-device-art{padding:12px}.sim-device-art>svg{width:64px;height:64px}.sim-device-art>div,.sim-device-art>span{display:none}.sim-heading{align-items:flex-start}.sim-heading h2{font-size:20px}.sim-card{padding:22px}.sim-toolbar{padding:16px}.sim-guide{margin:16px;padding:18px}.sim-workspace{padding:18px}.sim-tabs{padding:0 8px}.sim-tabs button{padding:14px 10px;font-size:12px}.sim-learning{gap:24px}.sim-topology{flex-direction:column}.sim-topology>span{transform:rotate(90deg)}.sim-facts{grid-template-columns:1fr}.sim-note{padding:18px}}
