.graph-page{--graph-green:#185d42;--graph-ink:#203c30;--graph-border:#e1e7e2;color:var(--graph-ink);padding:0 22px 64px;max-width:1700px;margin:auto}.graph-page [hidden]{display:none!important}.graph-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 16px;gap:16px}.graph-heading nav{display:flex;gap:8px;font-size:11px;color:#859188;margin-bottom:4px}.graph-heading nav a{color:#347155}.graph-heading h1{font-size:21px;font-weight:750;letter-spacing:-.04em}.graph-guide-link{color:#48745c;font-size:12px;white-space:nowrap}.graph-workspace{--sidebar-width:350px;position:relative;background:#fff;border:1px solid #d7e1d8;border-radius:15px;overflow:hidden;box-shadow:0 12px 40px #193e2809}.graph-toolbar{height:62px;background:#f9fbf8;border-bottom:1px solid var(--graph-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 10px;gap:12px}.graph-toolbar-start,.graph-toolbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.graph-toolbar button,.graph-page .graph-icon{border:1px solid transparent;background:transparent;border-radius:7px;padding:7px 10px;cursor:pointer;font-size:13px;line-height:1.4;color:#536d5d;white-space:nowrap}.graph-toolbar button:hover,.graph-page .graph-icon:hover{background:#eaf1e8}.graph-toolbar button:disabled{opacity:.3;cursor:default}.graph-mark{font:700 32px Georgia;color:#28764f;background:#e7f0df;border-radius:10px;width:38px;height:38px;display:grid;place-items:center}.graph-document-name{font-size:13px;font-weight:700;line-height:1.5}.graph-document-name small{display:block;color:#7c8d80;font-size:10px;font-weight:400}.graph-page .graph-primary{background:#1d6648;border:1px solid #1d6648;color:#fff;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:600;cursor:pointer}.graph-page .graph-primary:hover{background:#154e37}.graph-save-status{font-size:10px;color:#819484;margin-right:8px}.graph-body{display:grid;grid-template-columns:var(--sidebar-width,350px) minmax(0,1fr);height:clamp(500px,calc(100dvh - 230px),850px);position:relative}.graph-panel{min-width:0;display:flex;flex-direction:column;border-right:1px solid #d3dcd4;background:#fff;z-index:2}.graph-panel-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:49px;border-bottom:1px solid var(--graph-border);padding:6px 12px}.graph-add{background:transparent;border:0;color:#296245;font-size:17px;font-weight:600;cursor:pointer;padding:5px 1px}.graph-add span{font-size:12px;vertical-align:middle}.graph-expression-list{flex:1;overflow:auto;overscroll-behavior:contain}.graph-expression{display:grid;grid-template-columns:43px minmax(0,1fr) 25px;border-bottom:1px solid #e7ebe6;min-height:98px;padding:12px 6px 11px 0;position:relative;border-left:3px solid transparent;transition:background .15s}.graph-expression:focus-within{border-left-color:var(--row-color);background:#fbfcfa}.graph-expression.is-hidden math-field{opacity:.4}.graph-expression-index{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px;color:#9aa49a;padding-top:3px}.graph-color-toggle{width:20px;height:20px;border:0;border-radius:50%;background:var(--row-color);cursor:pointer;box-shadow:inset 0 0 0 1px #0001;display:grid;place-items:center;color:#fff;font-size:11px}.graph-color-toggle[aria-pressed=false]{background:#fff;border:2px solid var(--row-color)}.graph-expression-content{min-width:0;padding-top:3px}.graph-expression math-field{display:block;min-height:43px;font-size:23px;border:0;border-radius:0;padding:1px 3px;background:transparent;outline:none;box-shadow:none;--caret-color:#1d6648;--selection-background-color:#dcebd6;--contains-highlight-background-color:#eef5e8;--placeholder-color:#9aaba0;min-width:0;width:100%}.graph-expression math-field::part(menu-toggle),.graph-expression math-field::part(virtual-keyboard-toggle){display:none}.graph-expression math-field:not(:defined){font-family:Georgia,serif;overflow:auto}.graph-delete{border:0;background:none;color:#afbab0;cursor:pointer;font-size:18px;height:25px;border-radius:4px}.graph-delete:hover{color:#b53c3c;background:#fff0ed}.graph-row-feedback{font-size:11px;line-height:1.5;color:#839486;padding:2px 4px;overflow-wrap:anywhere}.graph-row-feedback.has-error{color:#b45d43}.graph-param-controls{padding:4px 4px 0;display:grid;gap:8px}.graph-param-range{display:flex;align-items:center;gap:8px}.graph-play{border:1px solid #e0e7dd;border-radius:50%;background:#fafcf6;width:26px;height:26px;color:var(--row-color);font-size:10px;cursor:pointer;flex-shrink:0}.graph-param-controls input[type=range]{width:100%;min-width:0;accent-color:var(--row-color);height:18px;cursor:ew-resize}.graph-param-limits{display:flex;gap:5px;align-items:center;justify-content:space-between;color:#9aa69a;font-size:10px}.graph-param-limits input{width:52px;border:0;border-bottom:1px dotted #d7dfd1;background:transparent;text-align:center;font-size:10px;color:#6b7f6b;padding:2px}.graph-param-value{font-weight:600;min-width:38px;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.graph-param-add{font-size:10px;padding:3px 7px;background:#f1f7ec;border:1px solid #dce8d2;border-radius:5px;color:#447040;cursor:pointer;margin:2px}.graph-row-tools{display:flex;gap:8px;align-items:center;padding:4px}.graph-row-tools input[type=color]{width:16px;height:16px;border:0;padding:0;background:none;cursor:pointer;opacity:.7}.graph-row-tools input[type=color]::-webkit-color-swatch-wrapper{padding:0}.graph-row-tools input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.graph-row-tools button{font-size:10px;border:0;background:none;color:#93a28f;cursor:pointer;padding:0}.graph-panel-footer{border-top:1px solid var(--graph-border);padding:10px 14px;background:#fafbf7;display:flex;flex-direction:column;gap:7px}.graph-panel-footer button{font-size:12px;color:#526e54;text-align:left;background:none;border:0;cursor:pointer}.graph-panel-footer>span{font-size:9px;color:#95a08f}.graph-divider{position:absolute;top:0;bottom:0;left:calc(var(--sidebar-width,350px) - 3px);width:6px;cursor:col-resize;z-index:5;outline:none}.graph-divider:hover,.graph-divider:focus-visible{background:#5c8d5e40}.graph-plot{position:relative;min-width:0;min-height:0;background:#fff;overflow:hidden;touch-action:none;cursor:crosshair}.graph-plot>canvas{position:absolute;top:0;left:0;display:block}.graph-plot>canvas[data-graph-overlay]{pointer-events:none}.graph-plot-top{position:absolute;inset:16px 16px auto 18px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.graph-view-tag{font-size:9px;letter-spacing:.1em;color:#a1aca5;background:#ffffffcf;padding:6px 8px;border-radius:5px;pointer-events:none}.graph-view-tag span{letter-spacing:0;color:#a5aea5}.graph-float-button,.graph-zoom-controls button{pointer-events:auto;border:1px solid #d8e0d8;background:#fffffff2;box-shadow:0 2px 6px #25452b0b;cursor:pointer;color:#56715c;border-radius:8px;width:36px;height:36px;font-size:19px;display:grid;place-items:center}.graph-zoom-controls{position:absolute;right:16px;top:66px;display:flex;flex-direction:column;gap:6px}.graph-zoom-controls button[data-action=square]{font-size:11px;font-weight:600}.graph-float-button:hover,.graph-zoom-controls button:hover{background:#f0f7e9;color:#17492c}.graph-plot-bottom{position:absolute;bottom:10px;left:15px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:12px}.graph-plot-bottom>span:first-child{font:10px/1.5 ui-monospace,monospace;color:#909d92;background:#fff9;padding:3px 6px;border-radius:4px}.graph-local-mark{font-size:11px;letter-spacing:.05em;font-weight:800;color:#7c937e;background:#fff9;padding:3px}.graph-local-mark>span{color:#a6b699}.graph-local-mark i{font-size:8px;font-weight:400;color:#abb6a4;letter-spacing:.16em;margin-left:4px;font-style:normal}.graph-trace{position:absolute;background:#253e30eb;color:#fff;padding:7px 10px;border-radius:7px;font:11px/1.5 ui-monospace,monospace;box-shadow:0 4px 12px #0001;pointer-events:none;z-index:3;white-space:nowrap}.graph-workspace.is-collapsed .graph-body{grid-template-columns:0 minmax(0,1fr)}.graph-workspace.is-collapsed .graph-panel,.graph-workspace.is-collapsed .graph-divider{display:none}.graph-keyboard-container{position:relative;--keyboard-zindex:6;--keyboard-background:#f3f5ee;--keycap-background:#fff;--keycap-text:#2a4734;--keycap-primary-background:#dce7d2}.graph-toast{position:absolute;bottom:22px;left:50%;transform:translate(-50%);background:#253e30f5;color:#fff;border-radius:10px;padding:11px 16px;font-size:12px;max-width:90%;z-index:10;box-shadow:0 5px 20px #0002}.graph-boot{position:absolute;inset:42% 15% auto;background:#fffffff0;border:1px solid #e1e9dd;padding:18px;border-radius:12px;text-align:center;font-size:13px;color:#6d856f}.graph-page button:focus-visible,.graph-page a:focus-visible,.graph-page input:focus-visible{outline:3px solid #85ad76;outline-offset:3px}.graph-dialog{border:1px solid #dbe4d5;border-radius:18px;padding:24px;max-width:min(560px,calc(100vw - 28px));width:100%;color:#284435;background:#fff;box-shadow:0 20px 100px #17321d30;margin:auto}.graph-dialog::backdrop{background:#122d2355;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.graph-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.graph-dialog-title h2{font-size:19px;font-weight:700;letter-spacing:-.025em}.graph-dialog-title button{background:none;border:0;color:#879a82;font-size:25px;cursor:pointer;padding:0 4px}.graph-dialog p{font-size:12px;line-height:1.8;color:#7d8e7b;margin:8px 0 18px}.graph-bounds-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.graph-dialog label{font-size:12px;color:#4c6950;display:grid;gap:7px}.graph-dialog input:not([type=checkbox]){padding:10px;border:1px solid #dbe3d5;border-radius:8px;width:100%;font-size:13px;min-width:0;margin-bottom:8px}.graph-dialog .graph-check{display:flex;gap:8px;align-items:center;margin:12px 0}.graph-check input{accent-color:#2b6c46}.graph-dialog .graph-error{color:#ac593f;margin:10px 0}.graph-examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graph-examples-grid button{border:1px solid #e3eadd;border-radius:12px;padding:17px;text-align:left;background:#fbfcf8;cursor:pointer}.graph-examples-grid button:hover{border-color:#a4bd96;background:#f1f7ea}.graph-examples-grid b{display:block;font:32px/1.2 Georgia;color:#548258;margin-bottom:13px}.graph-examples-grid strong{display:block;font-size:12px;color:#355a3e}.graph-examples-grid span{display:block;font-size:10px;color:#8b9c81;margin-top:8px;line-height:1.8}.graph-workspace:fullscreen{border:0;border-radius:0;width:100%;height:100dvh;display:flex;flex-direction:column}.graph-workspace:fullscreen .graph-body{height:auto;flex:1;min-height:200px}.graph-workspace:fullscreen .graph-toolbar{flex-shrink:0}.graph-article{max-width:900px;margin:64px auto 0;padding:32px 40px;border:1px solid #dfe7d8;border-radius:20px;background:#fff}.graph-eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em;color:#7e9a70}.graph-article h2{font-size:25px;margin-top:12px;letter-spacing:-.035em}.graph-formula{overflow:auto;background:#f6f8f1;padding:12px 18px;border-radius:10px;margin:16px 0;max-width:100%}.graph-article details{border-bottom:1px solid #e3e9dd;padding:16px 0}.graph-article summary{cursor:pointer;font-size:14px;font-weight:650}.graph-casio-note{background:#fff9e8;border-radius:10px;padding:16px;font-size:13px!important}.graph-related{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.graph-related a{font-size:12px;text-decoration:none;background:#f2f7ec;border-radius:8px;padding:10px 12px}.graph-keyboard-container:empty{display:none}@media(max-width:1000px){.graph-workspace{--sidebar-width:300px}.graph-save-status{display:none}.graph-toolbar-actions{gap:3px}.graph-page{padding:0 12px 40px}.graph-body{grid-template-columns:var(--sidebar-width,300px) minmax(0,1fr)}.graph-panel-footer>span{font-size:8px}}@media(max-width:700px){.graph-page{padding:0 0 40px}.graph-heading{padding:14px 14px 12px}.graph-heading h1{font-size:18px}.graph-guide-link{font-size:10px}.graph-workspace{border-radius:0;border-left:0;border-right:0}.graph-toolbar{height:53px;padding:0 8px}.graph-mark,.graph-document-name small,.graph-export,.graph-toolbar-actions>button>span{display:none}.graph-document-name{font-size:11px}.graph-toolbar button{padding:7px 8px;font-size:12px}.graph-toolbar .graph-primary{padding:7px 9px}.graph-toolbar-actions{gap:0}.graph-body{height:calc(100dvh - 252px);min-height:550px;display:flex;flex-direction:column-reverse}.graph-plot{flex:1;min-height:300px}.graph-panel{height:235px;min-height:180px;border-right:0;border-top:1px solid #d3ddd1;flex-shrink:0}.graph-panel-toolbar{min-height:37px;padding:2px 10px}.graph-add{font-size:16px}.graph-add span{font-size:11px}.graph-expression{min-height:75px;padding:8px 5px 6px 0}.graph-expression math-field{font-size:22px}.graph-panel-footer{padding:6px 14px;flex-direction:row;justify-content:space-between;align-items:center}.graph-panel-footer>span{display:none}.graph-divider{display:none}.graph-workspace.is-collapsed .graph-plot{flex:1}.graph-plot-top{inset:10px 10px auto}.graph-zoom-controls{right:10px;top:52px;gap:4px}.graph-float-button,.graph-zoom-controls button{width:31px;height:31px;font-size:17px;border-radius:6px}.graph-view-tag{font-size:8px}.graph-plot-bottom{left:7px;right:8px;bottom:6px}.graph-local-mark{font-size:9px}.graph-plot-bottom>span:first-child{font-size:8px;max-width:230px}.graph-article{margin:30px 12px 0;padding:22px 20px}.graph-article h2{font-size:22px}.graph-examples-grid{gap:8px}.graph-examples-grid button{padding:13px}.graph-dialog{padding:20px}.graph-workspace:fullscreen .graph-body{flex:1;min-height:300px}.graph-workspace:fullscreen .graph-panel{height:235px}}@media(prefers-reduced-motion:reduce){.graph-page *{transition:none!important;scroll-behavior:auto!important}}.graph-keyboard-container{height:var(--keyboard-height,0px);flex-shrink:0;overflow:hidden}.graph-workspace.has-keyboard:not(:fullscreen) .graph-body{height:max(260px,calc(clamp(500px,calc(100dvh - 230px),850px) - var(--keyboard-height,0px)))}@media(max-width:700px){.graph-workspace.has-keyboard:not(:fullscreen) .graph-body{height:max(300px,calc(100dvh - 305px - var(--keyboard-height,0px)));min-height:300px}.graph-workspace.has-keyboard .graph-panel{height:180px;min-height:180px}.graph-workspace.has-keyboard .graph-plot{min-height:120px}}body:has(.graph-workspace.has-keyboard) [data-help-launch]{display:none!important}.graph-domain-controls{padding:7px 4px;margin:3px 0 7px;border-top:1px solid #edf1e8}.graph-domain-controls input{width:80px}