@layer starlight.components{.overspill-calculator:where(.astro-wnkarbut){border:1px solid var(--sl-color-hairline);background:color-mix(in srgb, var(--sl-color-bg-nav) 72%, transparent);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}.overspill-calculator__intro:where(.astro-wnkarbut) h3:where(.astro-wnkarbut){margin:.15rem 0 .4rem;font-size:1.25rem}.overspill-calculator__intro:where(.astro-wnkarbut) p:where(.astro-wnkarbut){margin:0}.overspill-calculator__eyebrow:where(.astro-wnkarbut){color:var(--sl-color-text-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.overspill-calculator__grid:where(.astro-wnkarbut){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin-top:1.25rem;display:grid}.overspill-calculator--compact:where(.astro-wnkarbut) .overspill-calculator__grid:where(.astro-wnkarbut){grid-template-columns:1fr}.overspill-calculator__inputs:where(.astro-wnkarbut){gap:.75rem;display:grid}.overspill-calculator:where(.astro-wnkarbut) label:where(.astro-wnkarbut){color:var(--sl-color-text);gap:.25rem;font-size:.9rem;font-weight:600;display:grid}.overspill-calculator:where(.astro-wnkarbut) label:where(.astro-wnkarbut) span:where(.astro-wnkarbut),.overspill-calculator:where(.astro-wnkarbut) small:where(.astro-wnkarbut){color:var(--sl-color-gray-3);font-weight:400}.overspill-calculator:where(.astro-wnkarbut) input:where(.astro-wnkarbut){border:1px solid var(--sl-color-gray-5);width:100%;color:var(--sl-color-text);background:var(--sl-color-bg);font:inherit;border-radius:.35rem;padding:.5rem .6rem}.overspill-calculator:where(.astro-wnkarbut) input:where(.astro-wnkarbut):focus-visible{outline:3px solid color-mix(in srgb, var(--sl-color-text-accent) 40%, transparent);outline-offset:2px}.overspill-calculator__results:where(.astro-wnkarbut){align-content:start;gap:.75rem;display:grid}.overspill-calculator__result:where(.astro-wnkarbut),.overspill-calculator__checks:where(.astro-wnkarbut){background:var(--sl-color-bg);border-radius:.5rem;padding:.85rem}.overspill-calculator__result:where(.astro-wnkarbut) span:where(.astro-wnkarbut),.overspill-calculator__result:where(.astro-wnkarbut) strong:where(.astro-wnkarbut){display:block}.overspill-calculator__result:where(.astro-wnkarbut) strong:where(.astro-wnkarbut){color:var(--sl-color-text-accent);margin:.1rem 0;font-size:1.35rem}.overspill-calculator__checks:where(.astro-wnkarbut) p:where(.astro-wnkarbut){justify-content:space-between;gap:.75rem;margin:.2rem 0;font-size:.9rem;display:flex}.overspill-calculator__checks:where(.astro-wnkarbut) small:where(.astro-wnkarbut)+p:where(.astro-wnkarbut){margin-top:.8rem}.overspill-calculator:where(.astro-wnkarbut) :where(.astro-wnkarbut)[data-state=pass]{color:var(--sl-color-green-high)}.overspill-calculator:where(.astro-wnkarbut) :where(.astro-wnkarbut)[data-state=fail]{color:var(--sl-color-orange-high)}.overspill-calculator__overall:where(.astro-wnkarbut){border-top:1px solid var(--sl-color-hairline);padding-top:.7rem;font-weight:700;margin-top:.9rem!important}@media (width<=720px){.overspill-calculator__grid:where(.astro-wnkarbut){grid-template-columns:1fr}}.overspill-example-chart:where(.astro-3esnli5p){border:1px solid var(--sl-color-hairline);background:color-mix(in srgb, var(--sl-color-bg-nav) 72%, transparent);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}.overspill-example-chart__intro:where(.astro-3esnli5p) h3:where(.astro-3esnli5p){margin:.15rem 0 .4rem;font-size:1.25rem}.overspill-example-chart__intro:where(.astro-3esnli5p) p:where(.astro-3esnli5p){margin:0}.overspill-example-chart__eyebrow:where(.astro-3esnli5p){color:var(--sl-color-text-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.overspill-example-chart__legend:where(.astro-3esnli5p){flex-wrap:wrap;gap:.35rem .65rem;margin:1rem 0 .65rem;display:flex}.overspill-example-chart__legend:where(.astro-3esnli5p) button:where(.astro-3esnli5p){color:var(--sl-color-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.8rem;display:inline-flex}.overspill-example-chart__legend:where(.astro-3esnli5p) button:where(.astro-3esnli5p)[aria-pressed=false]{opacity:.45;text-decoration:line-through}.overspill-example-chart__legend:where(.astro-3esnli5p) i:where(.astro-3esnli5p){background:#f97316;border-radius:.12rem;width:.65rem;height:.65rem;display:inline-block}.overspill-example-chart__legend:where(.astro-3esnli5p) :where(.astro-3esnli5p)[data-series=pv] i:where(.astro-3esnli5p){background:#2563eb}.overspill-example-chart__legend:where(.astro-3esnli5p) :where(.astro-3esnli5p)[data-series=expected] i:where(.astro-3esnli5p){background:#374151}.overspill-example-chart__legend:where(.astro-3esnli5p) :where(.astro-3esnli5p)[data-series=irradiance] i:where(.astro-3esnli5p){background:#ca8a04}.overspill-example-chart__plot-wrap:where(.astro-3esnli5p){position:relative}.overspill-example-chart:where(.astro-3esnli5p) svg:where(.astro-3esnli5p){touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__gridline{stroke:var(--sl-color-hairline);stroke-width:1px}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__axis-label,.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__axis-title{fill:var(--sl-color-gray-3);font-size:11px}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__axis-title{font-weight:600}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__bar{fill:#f97316;opacity:.78}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__pv-line,.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__expected-line,.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__irradiance-line{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__pv-line{stroke:#2563eb;stroke-width:2.5px}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__expected-line{stroke:#374151;stroke-width:2px;stroke-dasharray:5 4}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__irradiance-line{stroke:#ca8a04;stroke-width:2.25px}.overspill-example-chart:where(.astro-3esnli5p) .overspill-example-chart__cursor{stroke:var(--sl-color-text);stroke-width:1px;stroke-dasharray:3 3;opacity:.7;pointer-events:none}.overspill-example-chart__tooltip:where(.astro-3esnli5p){z-index:1;border:1px solid var(--sl-color-hairline);min-width:11rem;color:var(--sl-color-text);background:var(--sl-color-bg);pointer-events:none;border-radius:.4rem;gap:.2rem;padding:.6rem .7rem;font-size:.78rem;display:grid;position:absolute;top:1.6rem;transform:translate(-50%);box-shadow:0 .4rem 1rem #0000002e}.overspill-example-chart__tooltip:where(.astro-3esnli5p) strong:where(.astro-3esnli5p){font-size:.86rem}.overspill-example-chart__summary:where(.astro-3esnli5p){color:var(--sl-color-gray-3);margin:.75rem 0 0;font-size:.8rem}.overspill-interactive-example:where(.astro-rvpmuz34){margin:1.5rem 0;position:relative}.overspill-interactive-example__toolbar:where(.astro-rvpmuz34){border:1px solid var(--sl-color-hairline);background:color-mix(in srgb, var(--sl-color-bg-nav) 72%, transparent);border-radius:.6rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.7rem .85rem;display:flex}.overspill-interactive-example__toolbar:where(.astro-rvpmuz34)>p:where(.astro-rvpmuz34){color:var(--sl-color-gray-3);margin:0;font-size:.82rem}.overspill-interactive-example__toggle:where(.astro-rvpmuz34){border:1px solid var(--sl-color-text-accent);min-width:10.5rem;color:var(--sl-color-bg);background:var(--sl-color-text-accent);font:inherit;text-align:left;cursor:pointer;border-radius:.45rem;flex:none;gap:.15rem;padding:.5rem .7rem;font-size:.82rem;font-weight:700;display:grid}.overspill-interactive-example__toggle:where(.astro-rvpmuz34):hover{filter:brightness(.95)}.overspill-interactive-example__toggle:where(.astro-rvpmuz34):focus-visible,.overspill-interactive-example__popover:where(.astro-rvpmuz34) button:where(.astro-rvpmuz34):focus-visible{outline:3px solid color-mix(in srgb, var(--sl-color-text-accent) 40%, transparent);outline-offset:2px}.overspill-interactive-example__toggle:where(.astro-rvpmuz34) small:where(.astro-rvpmuz34){color:color-mix(in srgb, var(--sl-color-bg) 76%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:400;overflow:hidden}.overspill-interactive-example__popover:where(.astro-rvpmuz34){z-index:10;overscroll-behavior:contain;border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.8rem;width:min(26rem,100% - 1.5rem);max-height:min(78vh,45rem);position:absolute;top:4.3rem;right:.75rem;overflow:auto;box-shadow:0 1rem 2.5rem #0003,0 .2rem .5rem #0000001f}.overspill-interactive-example__popover-header:where(.astro-rvpmuz34){justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem 0;display:flex}.overspill-interactive-example__popover-header:where(.astro-rvpmuz34) p:where(.astro-rvpmuz34){color:var(--sl-color-gray-3);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.overspill-interactive-example__popover-header:where(.astro-rvpmuz34) button:where(.astro-rvpmuz34){min-width:4rem;min-height:2.5rem;color:var(--sl-color-gray-3);font:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem .4rem;font-size:.78rem}.overspill-interactive-example__popover-header:where(.astro-rvpmuz34) button:where(.astro-rvpmuz34):hover{color:var(--sl-color-text-accent)}.overspill-interactive-example__popover:where(.astro-rvpmuz34) .overspill-calculator{background:0 0;border:0;border-radius:0;margin:0}.overspill-interactive-example__chart:where(.astro-rvpmuz34) .overspill-example-chart{margin:0}@media (width<=720px){.overspill-interactive-example__toolbar:where(.astro-rvpmuz34){flex-direction:column;align-items:stretch}.overspill-interactive-example__toggle:where(.astro-rvpmuz34){width:100%}.overspill-interactive-example__popover:where(.astro-rvpmuz34){width:auto;max-height:calc(100dvh - 5.5rem);padding-bottom:calc(5rem + env(safe-area-inset-bottom));position:fixed;top:4.75rem;left:.75rem;right:.75rem}}@media (width>=105rem){.overspill-interactive-example__popover:where(.astro-rvpmuz34){top:var(--calculator-rail-top,7.45rem);width:min(26rem, var(--calculator-rail-width,26rem));left:calc(100% + 1rem);right:auto}}.overspill-process-flow:where(.astro-b5kdbwa7){border:1px solid var(--sl-color-hairline);background:color-mix(in srgb, var(--sl-color-bg-nav) 72%, transparent);text-align:center;border-radius:.75rem;justify-items:center;gap:.45rem;margin:1.5rem 0;padding:1.1rem;display:grid}.overspill-process-flow__sources:where(.astro-b5kdbwa7){flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.overspill-process-flow__sources:where(.astro-b5kdbwa7) span:where(.astro-b5kdbwa7),.overspill-process-flow__expected:where(.astro-b5kdbwa7),.overspill-process-flow__check:where(.astro-b5kdbwa7),.overspill-process-flow__estimate:where(.astro-b5kdbwa7){border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.4rem;max-width:14rem;padding:.5rem .65rem;font-size:.88rem;font-weight:600}.overspill-process-flow__expected:where(.astro-b5kdbwa7){border-color:color-mix(in srgb, var(--sl-color-text-accent) 45%, var(--sl-color-hairline))}.overspill-process-flow__check:where(.astro-b5kdbwa7){background:color-mix(in srgb, var(--sl-color-text-accent) 12%, var(--sl-color-bg))}.overspill-process-flow__estimate:where(.astro-b5kdbwa7){color:var(--sl-color-text-accent)}.overspill-process-flow__arrow:where(.astro-b5kdbwa7){color:var(--sl-color-text-accent);font-size:1.2rem;line-height:1}}