@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:20;background:var(--header-bg, rgb(248 250 252 / 92%));border-bottom:1px solid var(--border, #e2e8f0);backdrop-filter:blur(14px)}.nav-wrap[data-astro-cid-3ef6ksr2]{width:min(1120px,calc(100% - 32px));min-height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink, #172033);font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;white-space:nowrap}.brand-mark[data-astro-cid-3ef6ksr2]{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border-radius:11px;color:#fff;background:#2563eb}.brand-light[data-astro-cid-3ef6ksr2]{margin-left:4px;color:var(--muted, #64748b);font-weight:500}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:24px}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.nav-cta[data-astro-cid-3ef6ksr2]{color:var(--nav-text, #475569);text-decoration:none;font-size:.88rem;font-weight:600}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:#2563eb}.nav-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:10px}.theme-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--border, #e2e8f0);border-radius:10px;background:var(--surface, white);color:var(--ink, #172033);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}.theme-toggle[data-astro-cid-3ef6ksr2]:hover{border-color:#2563eb}#theme-icon[data-astro-cid-3ef6ksr2]{font-size:1.1rem}.nav-cta[data-astro-cid-3ef6ksr2]{padding:10px 14px;color:#fff;background:#172033;border-radius:10px;white-space:nowrap}.nav-cta[data-astro-cid-3ef6ksr2]:hover{background:#2563eb}@media(max-width:640px){.nav-wrap[data-astro-cid-3ef6ksr2]{min-height:62px;gap:8px}.brand[data-astro-cid-3ef6ksr2]{font-size:.84rem;gap:7px}.brand-light[data-astro-cid-3ef6ksr2]{display:none}.nav-links[data-astro-cid-3ef6ksr2]{gap:10px}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:.75rem}.nav-actions[data-astro-cid-3ef6ksr2]{gap:6px}.theme-toggle[data-astro-cid-3ef6ksr2]{min-height:36px;padding:6px 9px}.theme-label[data-astro-cid-3ef6ksr2],.nav-cta[data-astro-cid-3ef6ksr2]{display:none}}@media(max-width:380px){.nav-wrap[data-astro-cid-3ef6ksr2]{width:calc(100% - 20px)}.nav-links[data-astro-cid-3ef6ksr2]{gap:8px}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:.7rem}}.site-footer[data-astro-cid-sz7xmlte]{margin-top:80px;padding:38px 16px 20px;color:#cbd5e1;background:#172033}.footer-inner[data-astro-cid-sz7xmlte],.footer-bottom[data-astro-cid-sz7xmlte]{width:min(1120px,100%);margin-inline:auto}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;gap:36px}.footer-main[data-astro-cid-sz7xmlte]{max-width:350px}.footer-brand[data-astro-cid-sz7xmlte]{color:#fff;font-family:Manrope,sans-serif;font-weight:800;text-decoration:none}.footer-main[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:#94a3b8;font-size:.88rem}.footer-links[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;align-content:flex-start;gap:14px 20px;max-width:460px}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#cbd5e1;font-size:.85rem;text-decoration:none}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#fff}.footer-bottom[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:18px;border-top:1px solid #334155;color:#94a3b8;font-size:.78rem}@media(max-width:640px){.footer-inner[data-astro-cid-sz7xmlte],.footer-bottom[data-astro-cid-sz7xmlte]{flex-direction:column}.footer-inner[data-astro-cid-sz7xmlte]{gap:20px}.footer-bottom[data-astro-cid-sz7xmlte]{margin-top:24px}}:root{color-scheme:light;font-family:DM Sans,sans-serif;color:#172033;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-bg: #f8fafc;--surface: #ffffff;--surface-soft: #f1f5f9;--ink: #172033;--muted: #64748b;--border: #e2e8f0;--blue: #2563eb;--header-bg: rgb(248 250 252 / 94%);--nav-text: #475569;--graph-grid: #e2e8f0;--graph-axis: #94a3b8;--graph-label: #64748b;--graph-point-stroke: #ffffff}html[data-theme=dark]{color-scheme:dark;--page-bg: #0b1220;--surface: #111c2e;--surface-soft: #172438;--ink: #e5edf8;--muted: #9aabc2;--border: #29384d;--header-bg: rgb(11 18 32 / 94%);--nav-text: #c0cde0;--graph-grid: #29384d;--graph-axis: #71839c;--graph-label: #b5c3d7;--graph-point-stroke: #111c2e}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:var(--page-bg);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.65;transition:color .18s ease,background-color .18s ease}body,button,input,textarea,select{font-family:DM Sans,sans-serif}h1,h2,h3,h4{color:var(--ink);font-family:Manrope,sans-serif;line-height:1.25;letter-spacing:-.025em}h1,h2,h3,p{overflow-wrap:break-word}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.12rem}p{margin-top:0}a{color:var(--blue)}button,input,textarea,select{font-size:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}img,svg{max-width:100%}::selection{color:#172033;background:#bfdbfe}#main-content{min-height:60vh}.muted{color:var(--muted)}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:.88rem;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.button-primary{color:#fff;background:var(--blue)}.button-primary:hover{color:#fff;background:#1d4ed8;transform:translateY(-1px)}.button-secondary{color:var(--ink);background:var(--surface);border-color:var(--border)}.button-secondary:hover{border-color:#93c5fd;background:var(--surface-soft)}.calculator-card{width:min(1120px,calc(100% - 32px));margin:20px auto 36px;padding:26px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 38px #0f172a0d}.calculator-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.calculator-top h2{margin:0 0 6px;font-size:clamp(1.35rem,2.5vw,1.8rem)}.calculator-top .muted{margin-bottom:0;color:var(--muted);font-size:.92rem}.live-pill{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:7px 10px;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;font-size:.75rem;font-weight:700}.live-pill>span{width:7px;height:7px;border-radius:50%;background:#22c55e}.calculator-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:24px}.calculator-input-column,.calculator-graph-column{min-width:0}.point-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.point-group{min-width:0;margin:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.point-group legend{max-width:100%;padding:0 5px;color:var(--ink);font-size:.88rem;font-weight:700}.point-dot{display:inline-grid;width:25px;height:25px;margin-right:5px;place-items:center;color:#fff;background:#64748b;border-radius:8px;font-size:.76rem;font-weight:800}.point-group label{display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:.82rem;font-weight:700}.point-group input{display:block;width:100%;min-width:0;min-height:42px;padding:9px 11px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:9px;outline-offset:2px}.point-group input:focus{border-color:var(--blue);outline:3px solid rgb(37 99 235 / 12%)}.calculator-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.calculator-actions .muted{color:var(--muted);font-size:.78rem}.input-error{margin:12px 0 0;color:#dc2626;font-size:.85rem}.result-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:18px;background:#eff6ff;border:1px solid #dbeafe;border-radius:15px}.result-card .eyebrow{margin-bottom:6px}.result-value{display:block;color:#1d4ed8;font-family:Manrope,sans-serif;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:800;line-height:1.3;overflow-wrap:anywhere}.result-card .muted{margin:6px 0 0;color:#64748b;font-size:.85rem}.secondary-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:13px 15px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;font-size:.88rem}.secondary-result strong{text-align:right;overflow-wrap:anywhere}.graph-shell{width:100%;min-width:0;margin:0;padding:18px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:16px}.graph-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.graph-heading .eyebrow{margin-bottom:5px}.graph-heading h3{margin:0;color:var(--ink);font-size:1rem}.graph-legend{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:var(--muted);font-size:.76rem}.graph-legend>span{width:9px;height:9px;border-radius:50%;background:var(--blue)}.coordinate-graph{display:block;width:100%;max-width:480px;height:auto;margin:12px auto;overflow:visible}.graph-grid-line{stroke:var(--graph-grid);stroke-width:1}.graph-axis-line{stroke:var(--graph-axis);stroke-width:1.5}.graph-axis-label,.graph-axis-title{fill:var(--graph-label);font-family:DM Sans,sans-serif;font-size:11px}.graph-axis-title{font-size:12px;font-weight:700}.graph-coordinates{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px;color:var(--muted);font-size:.77rem}.midpoint-coordinate{color:var(--blue);font-weight:800}.graph-empty{display:grid;min-height:280px;align-content:center;justify-items:center;padding:24px;text-align:center;background:var(--surface-soft);border:1px dashed var(--border);border-radius:14px}.graph-empty h3{margin:5px 0 8px}.graph-empty p:not(.eyebrow){max-width:280px;margin-bottom:0;color:var(--muted)}.worked-steps{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.worked-steps h3{margin:4px 0 8px}.worked-steps>.muted,.worked-steps>p:not(.eyebrow){color:var(--muted)}.formula-step{display:grid;gap:7px;margin-top:11px;padding:15px 17px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px}.formula-step span{color:var(--muted);font-size:.8rem}.formula-step strong{font-size:.92rem;line-height:1.7;overflow-wrap:anywhere}.content-section{width:min(100% - 32px,920px);margin:48px auto;padding:30px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 28px #0f172a08}.content-section>h2{margin:4px 0 14px}.content-section>p:not(.eyebrow){color:var(--muted);line-height:1.8}.formula-card{margin-top:22px;padding:22px;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px}.formula-card .formula{margin:0 0 8px;color:var(--ink);font-family:Manrope,sans-serif;font-size:clamp(1.05rem,2.5vw,1.45rem);font-weight:800;line-height:1.7;overflow-wrap:anywhere}.formula-card .muted{margin:0;color:var(--muted);font-size:.9rem}.instruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.instruction-card{min-width:0;padding:20px;background:var(--surface-soft);border:1px solid var(--border);border-radius:15px}.step-number{display:inline-block;margin-bottom:12px;color:var(--blue);font-family:Manrope,sans-serif;font-size:.85rem;font-weight:800}.instruction-card h3{margin:0 0 9px;font-size:1.05rem}.instruction-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.75}.example-answer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding:20px 22px;color:var(--ink);background:#eff6ff;border:1px solid #dbeafe;border-radius:14px}.example-answer span{color:#475569;font-size:.9rem;font-weight:600}.example-answer strong{color:#1d4ed8;font-family:Manrope,sans-serif;font-size:1.7rem}.faq-item{padding:17px 0;border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:0;padding-bottom:0}.faq-item summary{color:var(--ink);font-weight:700;cursor:pointer}.faq-item p{margin:12px 0 0;color:var(--muted);line-height:1.8}.more-examples{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100% - 32px,1120px);margin:38px auto 52px;padding:26px 30px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:20px}.more-examples h2{margin:4px 0 8px}.more-examples p:not(.eyebrow){color:var(--muted)}.more-examples .button-primary{flex-shrink:0}html[data-theme=dark] body,html[data-theme=dark] #main-content{color:var(--ink);background:var(--page-bg)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] legend,html[data-theme=dark] label,html[data-theme=dark] strong,html[data-theme=dark] summary{color:var(--ink)}html[data-theme=dark] .muted,html[data-theme=dark] .intro,html[data-theme=dark] .detail-section>p{color:var(--muted)}html[data-theme=dark] .calculator-card,html[data-theme=dark] .content-section,html[data-theme=dark] .graph-shell,html[data-theme=dark] .more-examples,html[data-theme=dark] .example-card,html[data-theme=dark] .solution-step,html[data-theme=dark] .formula-step,html[data-theme=dark] .secondary-result,html[data-theme=dark] .point-group{color:var(--ink);background-color:var(--surface);border-color:var(--border)}html[data-theme=dark] .instruction-card,html[data-theme=dark] .formula-card,html[data-theme=dark] .graph-empty{color:var(--ink);background-color:var(--surface-soft);border-color:var(--border)}html[data-theme=dark] .result-card,html[data-theme=dark] .answer-card,html[data-theme=dark] .example-answer{color:var(--ink);background:#172c4a;border-color:#29476d}html[data-theme=dark] .result-value,html[data-theme=dark] .answer-card output,html[data-theme=dark] .example-answer strong{color:#93c5fd}html[data-theme=dark] .example-answer span{color:#c0cde0}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:var(--ink);background:var(--surface);border-color:var(--border)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--muted)}html[data-theme=dark] .hero h1,html[data-theme=dark] .examples-page h1,html[data-theme=dark] .example-detail h1{color:var(--ink)}html[data-theme=dark] .hero h1 span{color:#60a5fa}html[data-theme=dark] .hero>p{color:var(--muted)}html[data-theme=dark] .hero-badge{color:#bfdbfe;background:#172c4a;border-color:#29476d}html[data-theme=dark] .hero-link,html[data-theme=dark] .nav-cta{color:#fff;background:#2563eb}html[data-theme=dark] .site-header{background:var(--header-bg);border-color:var(--border)}html[data-theme=dark] .site-header .brand,html[data-theme=dark] .site-header .nav-links a{color:var(--nav-text)}html[data-theme=dark] .theme-toggle{color:var(--ink);background:var(--surface);border-color:var(--border)}html[data-theme=dark] .button-secondary{color:var(--ink);background:var(--surface-soft);border-color:var(--border)}html[data-theme=dark] .graph-legend{color:var(--muted)}html[data-theme=dark] .example-card h2,html[data-theme=dark] .example-card p{color:var(--ink)}html[data-theme=dark] .intro{color:var(--muted)}html[data-theme=dark] .back-link,html[data-theme=dark] .text-link{color:var(--nav-text)}@media(min-width:900px){.hero{padding-top:28px;padding-bottom:8px}}@media(max-width:899px){.calculator-workspace{grid-template-columns:minmax(0,1fr);gap:22px}.calculator-graph-column{grid-row:2}.calculator-card .graph-shell{padding:16px}.coordinate-graph{max-width:460px}.instruction-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero{padding-top:20px;padding-bottom:8px}.calculator-card{width:calc(100% - 20px);margin-top:12px;padding:16px;border-radius:17px}.calculator-top{align-items:flex-start;gap:10px}.calculator-top h2{font-size:1.35rem}.point-inputs{grid-template-columns:minmax(0,1fr)}.result-card{align-items:flex-start}.result-value{font-size:clamp(1.4rem,6vw,2rem)}.graph-heading{align-items:flex-start}.graph-coordinates{font-size:.72rem}.content-section{width:calc(100% - 20px);margin:24px auto;padding:20px;border-radius:16px}.formula-card{padding:16px}.more-examples{width:calc(100% - 20px);align-items:flex-start;flex-direction:column;gap:12px;margin:26px auto;padding:20px}.example-answer{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-page{width:min(780px,calc(100% - 40px));margin:48px auto 80px;color:var(--ink);line-height:1.8;overflow-wrap:anywhere}.content-page>.eyebrow{display:inline-block;margin-bottom:10px}.content-page h1{margin:0 0 16px;color:var(--ink);font-size:clamp(2rem,5vw,3rem);line-height:1.2;letter-spacing:-.035em}.content-page h2{margin:32px 0 10px;color:var(--ink);font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.4}.content-page p{margin:0 0 18px;color:var(--ink);line-height:1.8}.content-page .muted,.content-page .page-intro{color:var(--muted)}.content-page .page-intro{margin:16px 0 28px;font-size:1.08rem}.content-page a.text-link{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}.content-page a.text-link:hover{text-decoration-thickness:2px}@media(max-width:640px){.content-page{width:calc(100% - 32px);margin-top:30px;margin-bottom:56px}.content-page h2{margin-top:26px}.content-page p{font-size:.96rem}.content-page .page-intro{font-size:1rem}}