/* A physical scientific-calculator treatment, with original branding. */
.device .graph-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:36px;padding:7px 13px;border:1px solid #81966b;border-radius:6px;background:#c1d1a9;color:#263e20;font-size:12px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff55}.device .graph-toggle::before{content:'▥';font-size:15px}.device .graph-toggle:hover{background:#b2c597}.device .graph-toggle:focus-visible{outline:3px solid #38562b;outline-offset:3px}.device .graph-toggle[aria-expanded=true]{background:#adc297}.device #auto-graph .interpretation-note{margin-top:0}@media(max-width:700px){.device .graph-toggle{min-height:42px}}
.primary-pane{padding:22px;background:#f1f3ef}.device{padding:24px 22px 20px;border:1px solid #111923;border-radius:24px 24px 31px 31px;background:linear-gradient(135deg,#34414e 0%,#232f3b 40%,#1a242e 100%);box-shadow:inset 0 2px 1px #ffffff30,inset 0 -5px 0 #101923,0 8px 14px #16222c20;color:#e1e8ec;position:relative}.device-brand{display:flex;justify-content:space-between;align-items:center;margin:2px 2px 22px;gap:15px}.device-brand strong{font-size:18px;letter-spacing:1.2px;font-weight:800;color:#f0f3f4;text-shadow:0 1px 1px #000}.device-brand>div>span{display:block;color:#bac6cf;font-size:9px;letter-spacing:2.2px;margin-top:3px}.device-model{font-family:Georgia,serif;font-size:17px;font-style:italic;color:#dddcc9;text-align:right}.device-model span{font-family:Arial,sans-serif!important;font-style:normal;font-size:8px!important;color:#a7b8c6!important;letter-spacing:1.5px!important}.device .settings{margin:0 3px 11px;gap:13px}.device .angle-switch{background:#17212b;border-color:#45515b;box-shadow:inset 0 2px 3px #0005}.device .angle-switch button{color:#c7d4dc;font-size:10px}.device .angle-switch button.active{background:#c5d3b1;color:#263226;box-shadow:0 1px 2px #0008}.device .precision-label,.device .precision-label select,.device .settings>span{color:#c7d4dc}.device .precision-label select{background:#263440;border-radius:4px}.device .math-screen{border:7px solid #131e27;border-top-width:9px;border-radius:11px;background:linear-gradient(115deg,#dce4c8,#cdd9b9);box-shadow:inset 2px 4px 7px #273c2833,0 1px 0 #8293a040;min-height:199px;padding:10px 15px 14px;color:#253329}.lcd-status{display:flex;justify-content:space-between;border-bottom:1px solid #344b3130;padding-bottom:6px;margin-bottom:11px;color:#3b5135;font:700 9px Arial;letter-spacing:1.1px}.lcd-battery{margin-left:9px}.device .math-screen label{color:#42583b;font-size:9px}.device .math-screen label span{color:#4c6144;font-size:9px}.device .math-screen math-field{color:#263c2a;--caret-color:#263c2a;--selection-background-color:#9cad89;min-height:50px;font-size:28px}.device .answer-row{color:#263c2a}.device .answer-row>span{color:#526847}.device .answer-row math-field{font-size:33px}.device .decimal{color:#415b39;font-size:11px}.device-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 1px 5px}.variable-keys{display:flex;gap:7px;flex-wrap:wrap}.variable-keys button{border:1px solid #131c25;border-top-color:#5a6876;border-radius:13px;background:linear-gradient(#566371,#3b4856);box-shadow:0 3px 0 #111a24,inset 0 1px 0 #ffffff16;color:#f0f3f5;min-width:37px;padding:7px 11px;font:italic 15px Georgia}.variable-keys small{font:9px Arial;margin-left:3px;color:#dde4e8}.cursor-pad{display:flex;align-items:center;border:1px solid #111b25;border-top-color:#667788;background:#303e4c;border-radius:40px;box-shadow:0 3px 0 #111a24,inset 0 1px 2px #ffffff24;flex:none;overflow:hidden;padding:2px 3px}.cursor-pad>div{display:flex;flex-direction:column}.cursor-pad button{border:0;background:transparent;color:#dee6eb;font-size:11px;padding:5px 10px;border-radius:7px;line-height:1}.cursor-pad button:hover{background:#536676}.device .key-toolbar{margin:13px 0 20px;gap:6px;align-items:center}.device .key-toolbar button{font-size:10px;color:#d3dce2;letter-spacing:.2px}.device .key-toolbar button:first-child{border:1px solid #ac7a34;background:linear-gradient(#e8bd72,#c8964c);border-radius:15px;color:#252c2e;padding:6px 15px;box-shadow:0 3px 0 #111922;text-shadow:0 1px 0 #ffffff35;font-weight:bold}.device .key-toolbar button[aria-pressed=true]{background:#f7d495;box-shadow:0 1px 0 #111922;transform:translateY(2px)}.device .key-toolbar button:not(:first-child){border-bottom:1px solid #50616c;border-radius:0;background:transparent;padding:5px}.device .keypad{gap:16px 9px;grid-template-rows:repeat(7,43px);min-height:397px;padding:4px 1px}.device .keypad button{position:relative;height:43px;background:linear-gradient(#43515f,#303d4a);color:#edf1f4;border:1px solid #101a24;border-top-color:#64717e;border-radius:13px 13px 15px 15px;box-shadow:0 4px 0 #0d1721,inset 0 1px 1px #ffffff14;text-shadow:0 1px 1px #0008;font-size:16px}.device .keypad button[data-secondary]::before{content:attr(data-secondary);position:absolute;top:-15px;left:0;right:0;font:9px Arial;color:#f2c879;text-shadow:none;line-height:12px;pointer-events:none}.device .keypad button.number{background:linear-gradient(#e6ebed,#bdc9cf);color:#1a2833;border-top-color:#fff;border-bottom-color:#99a6ae;text-shadow:0 1px #fff7;font-size:22px;font-weight:600}.device .keypad button.operator{background:linear-gradient(#98aaba,#6e8598);color:#15232e;border-top-color:#c1ced7;font-size:25px;text-shadow:0 1px #ffffff66}.device .keypad button.control{background:linear-gradient(#f0b577,#d38748);border-top-color:#f9d0a0;color:#312a25;text-shadow:0 1px #ffffff55;font-weight:700;font-size:14px}.device .keypad button.equals{background:linear-gradient(#73b1a1,#408573);border-top-color:#a4d9c9;color:#f7fffb;font-size:26px}.device .keypad button:hover{filter:brightness(1.12)}.device .keypad button:active,.variable-keys button:active{transform:translateY(3px);box-shadow:0 1px 0 #0d1721}.device .keyboard-hint{color:#c0ccd4;font-size:9px;margin-top:17px}.device kbd{background:#263340;border-color:#4d606f;color:#e0e8ed}.device .examples{border-top:1px solid #495866;padding-top:15px;gap:7px}.device .examples>span{color:#bdcbd4;font-size:9px}.device .examples button{background:#293846;color:#dfebf0;border-color:#526573;font-size:10px;padding:5px 9px}.device .examples button:hover{background:#3b5061}.interpretation-note{font-size:11px;line-height:1.6;color:#3b5534;border-top:1px solid #7a90614d;padding-top:9px;margin:9px 0 0}.device #auto-graph{margin-top:12px}.inline-graph .panel-heading,.inline-graph .graph-functions,.inline-graph #plot{display:none}.inline-graph .graph-actions{margin:0 0 8px;gap:6px}.inline-graph .graph-actions button{background:#c4d2ad;border-color:#8fa47b;color:#30462a;font-size:10px;padding:5px 9px}.inline-graph .graph-wrap{background:#e5ebd6;border-color:#93a57e;border-radius:5px}.inline-graph #graph{height:240px}.inline-graph #graph-coordinate{background:#d4dfc1;color:#35502d;font-size:9px}.inline-graph .table-details{color:#324b2a;font-size:11px;margin-top:10px}.inline-graph .inline-fields input{background:#e2ead2;border-color:#9bac87;color:#263c26}.inline-graph #make-table{background:#c4d2ad;color:#30462a;border-color:#8fa47b}.inline-graph th{background:#c9d7b3}.inline-graph td{border-color:#a8b895;color:#32482c}.device #answer{max-width:95%;overflow-x:auto}.device .answer-row{overflow:hidden}.device:focus-within{box-shadow:inset 0 2px 1px #ffffff30,inset 0 -5px 0 #101923,0 8px 14px #16222c20}.device button:focus-visible{outline:3px solid #f3ce84;outline-offset:4px}
@media(max-width:900px){.device{padding:20px 15px}.device-brand strong{font-size:15px}.device-model{font-size:14px}.device-brand>div>span{font-size:8px;letter-spacing:1.5px}.device .keypad{gap:16px 7px}.device .key-toolbar button{font-size:9px}.device .key-toolbar button:first-child{padding:6px 10px}}
@media(max-width:700px){.primary-pane{padding:12px 8px}.device{padding:19px 12px 20px;border-radius:20px 20px 27px 27px}.device-brand{margin-bottom:18px;gap:5px}.device-brand strong{font-size:14px;letter-spacing:.6px}.device-brand>div>span{font-size:7px;letter-spacing:1.1px}.device-model{font-size:13px}.device-model span{font-size:6px!important;letter-spacing:1px!important}.device .settings{gap:7px}.device .angle-switch button{padding:4px 7px;font-size:9px}.device .math-screen{padding:9px;border-width:5px;min-height:190px}.device .math-screen math-field{font-size:23px}.device .answer-row math-field{font-size:28px}.device .math-screen label{font-size:8px;letter-spacing:.8px}.device .math-screen label span{font-size:8px}.device .decimal{font-size:10px}.variable-keys{gap:5px}.variable-keys button{min-width:30px;padding:6px 8px;font-size:14px}.variable-keys small{font-size:8px}.cursor-pad button{padding:5px 7px;font-size:9px}.device-entry{gap:5px}.device .key-toolbar{gap:5px}.device .key-toolbar button{font-size:8px;padding:5px 3px!important}.device .key-toolbar button:first-child{padding:6px 10px!important}.device .keypad{gap:15px 6px;grid-template-rows:repeat(7,40px);min-height:370px}.device .keypad button{height:40px;font-size:13px;border-radius:10px 10px 12px 12px}.device .keypad button.number{font-size:20px}.device .keypad button.operator{font-size:22px}.device .keypad button.control{font-size:12px}.device .keypad button[data-secondary]::before{font-size:8px;top:-14px}.device .keyboard-hint{font-size:8px;gap:3px}.device .keyboard-hint>span{margin:0 1px}.device .examples button{font-size:9px;padding:4px 7px}.inline-graph #graph{height:210px}.inline-graph .graph-actions{gap:4px}.inline-graph .graph-actions button{font-size:9px;padding:5px 7px}.interpretation-note{font-size:10px}.inline-graph .inline-fields{flex-wrap:wrap}.inline-graph .inline-fields input{padding:5px}.inline-graph .inline-fields button{height:30px}}
@media print{.device{background:white;color:black;border:1px solid #888;box-shadow:none}.device-brand,.device-entry,.lcd-status{display:none}.device .math-screen{background:white;border:0;box-shadow:none}.inline-graph #graph{height:300px}}