:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#080b0e;color:#dce2e7}
body{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}header{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #27313a;flex-wrap:wrap;background:#11171d}header strong{font-size:18px;color:#f4f8fc}#status{color:#a3b7c7;font-size:12px}#elapsed{font-size:12px;min-width:60px}button,select{font:inherit;font-size:12px;padding:6px 10px;border:1px solid #3b4a56;border-radius:4px;background:#17222c;color:#dce2e7;cursor:pointer}button:disabled{opacity:.4;cursor:default}#cancel{margin-left:auto}button:hover:enabled{border-color:#85b5da}main.terminal{flex:1;min-height:0;box-sizing:border-box;overflow:hidden;padding:18px;--background:#080b0e;--color:#dce2e7;--size:1.1}footer{flex-shrink:0;padding:12px 18px;font-size:11px;color:#90a0ad;border-top:1px solid #27313a;line-height:1.6}a{color:#9dcced}.text-line{unicode-bidi:plaintext;white-space:pre-wrap;overflow-wrap:anywhere}.ansi-yellow{color:#bbb637}.ansi-cyan{color:#61bdc3}.ansi-red{color:#ff8c87}.ansi-bold{font-weight:700}.diagram{margin-block:16px 32px;background:#fff;color:#111;display:inline-block;max-width:100%;overflow:auto;padding:8px}.diagram svg{max-width:100%;height:auto}.notice{max-width:850px;margin:40px auto;padding:20px;line-height:1.7}.notice h1{font-size:25px}.notice li{margin:16px 0}
[hidden]{display:none!important}
button:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid #9dcced;outline-offset:3px}
#workspace-tabs{display:flex;gap:4px;padding:8px 18px 0;border-bottom:1px solid #27313a;font-family:system-ui,sans-serif;background:#11171d}
#workspace-tabs button{font:inherit;padding:9px 20px;border:0;border-radius:4px 4px 0 0;background:transparent;color:#90a0ad}
#workspace-tabs button[aria-selected=true]{color:#dce2e7;background:#080b0e;box-shadow:inset 0 -2px #9dcced}
#python-workspace{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;font-family:system-ui,sans-serif}
.python-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px 8px}
.python-toolbar button,.python-toolbar select,.pane-heading button{font-family:system-ui,sans-serif}
.python-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:#a3b7c7}
#python-run{background:#9dcced;color:#080b0e;border-color:#9dcced;font-weight:650}
.shortcut{font-size:10px;font-weight:400;margin-left:12px}
#python-status{margin-left:auto;font-size:12px;color:#9dcced}
.python-intro{margin:0;padding:4px 18px 14px;color:#a3b7c7;font-size:12px;line-height:1.5}
.python-panes{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);flex:1;min-height:0;border-top:1px solid #27313a}
.python-editor-pane,.python-output-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.python-editor-pane{border-right:1px solid #27313a}
.pane-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:5px 14px;background:#11171d;color:#dce2e7;font-size:12px;border-bottom:1px solid #27313a}
.pane-heading span{color:#90a0ad;font-size:10px}
#python-editor{flex:1;min-height:0;overflow:hidden}
#python-output{flex:1;min-height:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;unicode-bidi:plaintext}
#python-traceback{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px}
#python-traceback:not(:empty){padding-bottom:12px}
.python-help{flex-shrink:0;border-top:1px solid #27313a;padding:10px 18px;color:#a3b7c7;font-size:12px;line-height:1.6;max-height:30vh;overflow:auto}
.python-help summary{cursor:pointer;color:#9dcced}
.python-help p{max-width:90ch}
@media(max-width:760px){.python-panes{grid-template-columns:1fr;grid-template-rows:minmax(180px,1.2fr) minmax(120px,1fr)}.python-editor-pane{border-right:0;border-bottom:1px solid #27313a}.python-toolbar{gap:8px;padding:10px 12px 6px}.shortcut,.pane-heading span{display:none}.python-intro{padding:4px 12px 10px}#python-status{width:100%;margin:0}.python-help{padding:8px 12px}#workspace-tabs{padding-left:12px}footer{padding:8px 12px}}
@media(max-width:760px){#python-workspace{overflow:auto}.python-panes{flex-shrink:0;min-height:280px}}
/* Book navigation belongs to the workspace; diagrams retain their original colors. */
#workspace-tabs #book-open{margin-left:auto;color:#9dcced;border:1px solid #3b4a56;border-bottom:0}
#book-library{box-sizing:border-box;width:min(1180px,96vw);height:min(850px,92dvh);max-width:none;max-height:none;padding:0;border:1px solid #3b4a56;border-radius:6px;background:#080b0e;color:#dce2e7;font:14px/1.5 system-ui,sans-serif}
#book-library[open]{display:flex;flex-direction:column}#book-library::backdrop{background:rgb(0 0 0 / .65)}
.book-heading,.book-search{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#11171d;border-bottom:1px solid #27313a}.book-heading h1{font-size:20px;margin:0}.book-heading button{margin-left:auto}.book-search{flex-wrap:wrap}.book-search label{display:flex;align-items:center;gap:8px}.book-search input{min-width:260px;background:#080b0e;color:#dce2e7;border:1px solid #3b4a56;padding:9px;font:inherit}.book-panes{display:grid;grid-template-columns:minmax(240px, .8fr) minmax(0,1.4fr);flex:1;min-height:0}#book-list{overflow:auto;border-right:1px solid #27313a;padding:12px}#book-list h3{font-size:13px;color:#a3b7c7;margin:16px 6px 8px}#book-list button{display:block;text-align:left;width:100%;white-space:pre-line;margin:4px 0;background:transparent;font:13px/1.6 system-ui,sans-serif;border-color:transparent}#book-list button[aria-pressed=true]{background:#17222c;border-color:#9dcced}#book-preview{padding:18px;overflow:auto;min-width:0}#book-preview h2{font-size:19px;margin-top:0}#book-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#11171d;font:13px/1.65 ui-monospace,monospace}.book-actions{display:flex;flex-wrap:wrap;gap:8px}.book-warning{color:#ffd391}#book-progress{padding:8px 18px;min-height:24px;margin:0;border-top:1px solid #27313a}
.interactive-diagram{display:inline-grid;grid-template-columns:minmax(180px,1fr) minmax(220px,330px);gap:12px;box-sizing:border-box;width:min(1100px,100%);vertical-align:top}.diagram-graphic{min-width:0;overflow:auto}.diagram-graphic select{display:block;max-width:100%;margin-top:12px;background:#fff;color:#111}.diagram-inspector{padding:12px;background:#f0f4f7;color:#111;font:14px/1.55 system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere}.diagram-inspector h3,.diagram-inspector h4{margin:4px 0 8px}.diagram-inspector button{margin:4px 6px 4px 0}.greek-fragment{font:19px/1.65 Georgia,'Times New Roman',serif;user-select:text}.diagram svg [role=button]{cursor:pointer}.diagram svg [role=button]:focus{outline:3px solid #245f9b;outline-offset:3px}.diagram svg .selected-fragment polygon,.diagram svg .selected-fragment ellipse{stroke:#174d9a;stroke-width:4px}.diagram svg .matched-fragment polygon,.diagram svg .matched-fragment ellipse{stroke:#8c3191;stroke-width:3px;stroke-dasharray:5 2}input:focus-visible{outline:2px solid #9dcced;outline-offset:3px}
@media(max-width:760px){.book-panes{grid-template-columns:1fr;grid-template-rows:minmax(140px,.7fr) minmax(200px,1.3fr)}#book-list{border-right:0;border-bottom:1px solid #27313a}.book-search input{min-width:0;width:100%}.book-search label:first-child{width:100%}.interactive-diagram{grid-template-columns:minmax(0,1fr)}#book-preview{padding:12px}}
/* jquery.terminal inserts zero-width pseudo-elements; they must not become grid cells. */
#terminal .interactive-diagram::before,#terminal .diagram-graphic::before{content:none}

@media(max-width:760px){.diagram{margin-block:12px 24px}}

@media(max-width:760px){#workspace-tabs button{min-width:0;padding:9px 12px}.python-toolbar label{min-width:0;max-width:100%}.python-toolbar select{min-width:0;max-width:100%;flex:1}}

#shared-usage{flex-shrink:0;background:#11171d;border-bottom:1px solid #27313a;font-size:12px;line-height:1.6;max-height:35vh;overflow:auto}
#shared-usage summary{position:sticky;top:0;background:#11171d;padding:8px 18px;cursor:pointer;color:#a3b7c7}
#shared-usage[data-state="limited"] summary{color:#ffd391}
#shared-usage[data-state="unavailable"] summary,#shared-usage[data-state="stale"] summary{color:#ffd391}
.usage-details{padding:0 18px 10px;max-width:90ch;color:#a3b7c7}.usage-details p{margin:6px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}