.graphing-page{--graph-ink:#294d42}.graphing-hero{max-width:1200px;margin:4rem auto 2rem}.graphing-hero h1{max-width:900px;font-size:clamp(3rem,7vw,6rem);line-height:1.05}.graphing-hero p{max-width:720px}.graphing-desk{max-width:1280px;margin:3rem auto}.graphing-toolbar{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.graphing-toolbar h2{margin:.4rem 0;font-size:2.3rem}.graphing-grid{grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:1.5rem;display:grid}.graphing-presets{background:#e8edde;border-radius:18px;min-width:0;padding:1.5rem}.graphing-presets label{margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:block}.graphing-presets select,.graphing-presets textarea{color:#294d42;width:100%;max-width:100%;font:inherit;background:#fffdf5;border:1px solid #b7c5ab;border-radius:7px;padding:.8rem}.graphing-presets textarea{resize:vertical;font-family:monospace;line-height:1.7}.graphing-presets h3{margin:.5rem 0;font-size:1.6rem}.graphing-presets button,.graphing-actions button{color:#fffdf5;font:inherit;cursor:pointer;background:#294d42;border:0;border-radius:8px;margin:.5rem .5rem .5rem 0;padding:.8rem 1rem}.graphing-presets .graphing-hint{color:#294d42;text-align:left;background:0 0;padding-left:0}.graphing-reason{background:#fffdf5;border-radius:8px;padding:1rem}.graphing-calculator{min-width:0}.graphing-cover{text-align:center;background-color:#fffef9;background-image:linear-gradient(#315b4910 1px,#0000 1px),linear-gradient(90deg,#315b4910 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:32px 32px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:540px;padding:2rem;display:flex}.graphing-cover>span{color:#648b67;font:italic 5rem Georgia,serif}.graphing-cover h3{margin:1rem 0;font-size:2rem}.graphing-cover p{max-width:470px}.graphing-cover>a{color:#fffdf5;background:#294d42;border-radius:8px;padding:.9rem 1.2rem;text-decoration:none}.graphing-availability{opacity:.8;font-size:.85rem}.desmos-host{background:#fff;border-radius:12px;width:100%;height:660px;min-height:440px;overflow:hidden}.graphing-status:empty{display:none}.graphing-status{margin-bottom:1rem;font-size:.9rem}.graphing-actions{flex-wrap:wrap;gap:.3rem;display:flex}.graphing-credit{opacity:.85;max-width:850px;margin-top:1.5rem;font-size:.82rem}.graphing-course-link{background:#e8edde;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:1200px;margin:1.5rem auto;padding:1rem 1.4rem;display:flex}.graphing-course-link a{font-weight:700}@media (max-width:800px){.graphing-grid{grid-template-columns:1fr}.graphing-toolbar{flex-direction:column;align-items:flex-start}.graphing-cover{min-height:320px}.desmos-host{height:620px}.graphing-hero{margin-top:2rem}}@media (prefers-reduced-motion:reduce){.graphing-desk *{scroll-behavior:auto!important}}.symbol-toolbox{border-top:1px solid #b7c5ab;margin-top:3rem;padding-top:2rem}.symbol-toolbox header{max-width:760px}.symbol-toolbox h2{font-size:clamp(1.8rem,4vw,3rem)}.symbol-columns{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.symbol-calculation,.symbol-library{background:#fffdf5;border-radius:16px;min-width:0;padding:1.5rem}.symbol-toolbox label{margin:.5rem 0;font-size:.85rem;font-weight:700;display:block}.symbol-toolbox select,.symbol-toolbox input[type=number],.symbol-toolbox textarea{width:100%;max-width:100%;font:inherit;color:#294d42;background:#f8f8ee;border:1px solid #b7c5ab;border-radius:8px;padding:.8rem}.symbol-toolbox textarea{resize:vertical;font-family:monospace;line-height:1.7}.symbol-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.symbol-readout{overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:110px;font:2.8rem Georgia,serif;display:flex}.symbol-readout sub{align-self:center;font-size:1.25rem;transform:translateY(14px)}.symbol-readout sup{align-self:center;font-size:1.2rem;transform:translateY(-15px)}.symbol-fraction{text-align:center;flex-direction:column;font-size:2rem;display:inline-flex}.symbol-fraction>span:first-child{border-bottom:2px solid}.symbol-fraction>span{padding:.15rem .6rem}.symbol-result{background:#e8edde;border-radius:8px;margin:1rem 0;padding:1rem;font-size:1.3rem;display:block}.symbol-toolbox button{color:#fff;cursor:pointer;font:inherit;background:#294d42;border:0;border-radius:8px;padding:.8rem 1rem}.symbol-degree{align-items:center;gap:.6rem;display:flex!important}.symbol-degree input{width:auto}@media (max-width:800px){.symbol-columns,.symbol-inputs{grid-template-columns:1fr}}
