:root{--workbench-width:390px}.mobile-bar{display:flex;position:fixed;top:0;left:0;right:0;z-index:30;height:56px;background:#1c304f;padding:8px 20px;gap:12px;align-items:center;justify-content:flex-start;color:white}.mobile-bar a{color:white;text-decoration:none;font-size:17px;font-weight:650}.mobile-bar button{font-size:14px;color:white;border:1px solid #7589a7;border-radius:4px;background:transparent;padding:4px 12px}.mobile-bar #open-workbench{margin-left:auto}#sidebar{top:56px;width:220px;padding:24px 15px}.brand{font-size:16px}.brand .seal{display:none}main{margin-left:220px;margin-right:var(--workbench-width);padding:88px 32px 40px;max-width:none}.opening{display:block;margin:5px 0 24px}.opening h1{font-size:38px}.book-note{display:none}.opening p{max-width:none}.lesson-body{max-width:900px}.chapter-head{padding-top:16px}h1{font-size:34px}.workbench{position:fixed;top:56px;right:0;bottom:0;width:var(--workbench-width);background:#f4f7fb;border-left:1px solid #bac9db;z-index:20;display:flex;flex-direction:column;font-size:15px;line-height:1.65}.wb-head{padding:15px 18px;background:#e6edf6;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #c5d2e3}.wb-head strong{font-size:18px;display:block}.wb-head span{font-size:13px;color:#475e7d;display:block;margin-top:2px}.wb-head button{font-size:13px;background:white;border:1px solid #a6b7ce;padding:3px 9px;border-radius:4px}.wb-scroll{overflow-y:auto;overscroll-behavior:contain;padding:18px}.workbench label{font-size:14px;display:block;min-width:0;color:#334960}.workbench input:not([type=checkbox]),.workbench select{width:100%;border:1px solid #bac8da;background:white;color:#17233b;padding:8px;border-radius:4px;font-size:14px;margin:5px 0 12px;min-width:0}.workbench select{min-height:40px}.wb-label{font-weight:600}.wb-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb-check{display:flex!important;gap:8px;align-items:center;margin:8px 0}.wb-buttons{display:flex;align-items:center;gap:10px;margin:10px 0}.wb-buttons button{margin:0;padding:8px 12px;font-size:14px;border:1px solid #a1b3cd;border-radius:4px}.wb-buttons .primary{background:#233d74;color:#fff}.wb-buttons button:disabled{opacity:.45;cursor:not-allowed}.wb-hint,.wb-chart-note{display:block;font-size:13px;color:#57697e;line-height:1.7;margin:10px 0}.wb-chart-note{font-size:12px}.wb-result{margin:20px 0;border:1px solid #becbdd;border-radius:5px;overflow:hidden;background:white}.wb-output-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:11px 13px;background:#e7eef8;font-size:13px}.wb-output-head span{color:#3c5576}.wb-command{margin:0;padding:8px 12px;border-bottom:1px solid #e1e7f0}.wb-command summary{font-size:12px}.wb-command pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 0}.workbench #wb-output{background:#14233a;color:#e4eefc;font-size:13px;line-height:1.8;padding:16px;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100px}.wb-result>a{display:block;padding:8px 12px;font-size:13px}.wb-result>a[hidden]{display:none}#wb-message{font-size:14px;color:#73401e;padding:4px 0;overflow-wrap:anywhere}#wb-metrics:not(:empty),#wb-inspection:not(:empty){padding:12px}.wb-stat{font-size:14px;font-weight:600;margin:0}.wb-package{display:block;margin-top:16px;font-size:14px}#wb-inspection h3{font-size:16px;margin:0 0 12px}.wb-probabilities>div{position:relative;padding:4px 7px;margin:3px 0;font-size:14px;isolation:isolate}.wb-probabilities span{position:absolute;inset:0 auto 0 0;background:#dfebfa;z-index:-1;border-radius:3px}.wb-attention{display:flex;flex-wrap:wrap;gap:4px}.wb-attention div{padding:5px 6px;font-size:12px;border-radius:3px}.run-command{background:#233d74;color:white;border:0;border-radius:3px;padding:4px 10px;font-size:13px;margin-right:8px}.command-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #d8e0ea}.code-head>div{display:flex;gap:7px}.workbench-hidden .workbench{display:none}.workbench-hidden main{margin-right:0}.site-footer{line-height:1.8}.visual-nav small{display:none}.curriculum{grid-template-columns:1fr}.course-figure{margin-top:25px}.figure-label{font-size:13px}.figure-image img{max-height:800px;object-fit:contain}#main>h1{margin-top:12px}@media(max-width:1350px){#sidebar{display:none;z-index:35;width:260px}#sidebar.open{display:block}main{margin-left:0;padding:84px 26px 35px;margin-right:var(--workbench-width)}}@media(min-width:1351px){#sidebar.open{display:block}}@media(max-width:900px){:root{--workbench-width:350px}main{padding-left:20px;padding-right:20px}h1{font-size:29px}.course-figure dl{display:block}.course-figure dt{margin-top:12px}}@media(max-width:700px){main{margin-right:0;padding-top:82px}.workbench{display:none;top:56px;left:0;right:0;width:auto}.workbench-mobile-open .workbench{display:flex}.mobile-bar a{font-size:15px}.mobile-bar{padding:8px 12px}.mobile-bar button{padding:4px 8px}.course-figure img{max-height:none}.wb-scroll{padding:16px 20px}.workbench #wb-output{max-height:260px}.workbench-hidden .workbench{display:none}}@media print{.workbench,.mobile-bar,.run-command,.command-actions{display:none}main{margin:0;padding:0}}
#wb-fields{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}#wb-fields>label{min-width:0}#wb-fields .wb-check{grid-column:1/-1}.wb-scroll .wb-buttons{position:sticky;top:-18px;padding:10px 0;background:#f4f7fb;z-index:2}.concept-python{font-weight:600}

.wb-package[hidden]{display:none}

#wb-login[hidden],#wb-logout[hidden]{display:none}#wb-login{padding:12px;border:1px solid #becbdd;border-radius:5px;background:#fff;margin-bottom:20px}#wb-logout{font-size:13px;margin-bottom:18px;border:1px solid #a6b7ce;background:white;border-radius:4px;padding:5px 10px}