/* Engineering Bible: tokens.css + ui.css (calculator library), theme.css + site.css (site/_styles/). Built file: edit the sources. */
:root{--ec-color-bg: #f9f1ed;--ec-color-surface: #ffffff;--ec-color-surface-alt: #fdf8f6;--ec-color-text: #0e1a2b;--ec-color-text-muted: #51606f;--ec-color-border: #e8dbd5;--ec-color-border-strong: #c9b8b0;--ec-color-accent: #ff4f03;--ec-color-accent-text: #ffffff;--ec-color-focus: #ff4f03;--ec-color-error: #b3261e;--ec-color-error-bg: #fdecea;--ec-color-warning: #8a5a00;--ec-color-warning-bg: #fff4d6;--ec-color-success: #1b6e3a;--ec-color-success-bg: #e6f4ea;--ec-color-code-bg: #f1e9e5;--ec-color-info-bg: #fdf8f6;--ec-color-diff-bg: rgba(255,79,3,0.12);--ec-color-chart-line: #ff4f03;--ec-color-chart-second: #2a78d6;--ec-color-seq-1: #cde2fb;--ec-color-seq-2: #9ec5f4;--ec-color-seq-3: #6da7ec;--ec-color-seq-4: #3987e5;--ec-color-seq-5: #256abf;--ec-color-seq-6: #184f95;--ec-color-seq-7: #0d366b;--ec-font-sans: "Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ec-font-mono: "Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ec-font-size-xs: 0.75rem;--ec-font-size-sm: 0.875rem;--ec-font-size-md: 1rem;--ec-font-size-lg: 1.25rem;--ec-font-size-xl: 1.75rem;--ec-line-height: 1.5;--ec-font-weight-regular: 400;--ec-font-weight-semibold: 600;--ec-space-1: 0.25rem;--ec-space-2: 0.5rem;--ec-space-3: 0.75rem;--ec-space-4: 1rem;--ec-space-5: 1.5rem;--ec-space-6: 2rem;--ec-space-7: 3rem;--ec-radius-sm: 4px;--ec-radius-md: 8px;--ec-border-width: 1px;--ec-focus-ring: 0 0 0 3px rgba(255,79,3,0.35);--ec-page-max-width: 56rem;--ec-control-height: 2.5rem;--ec-unit-select-width: 8.5rem;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ec-color-bg: #0d141e;--ec-color-surface: #162943;--ec-color-surface-alt: #122238;--ec-color-text: #f9f1ed;--ec-color-text-muted: #b7c0cc;--ec-color-border: #2a3d58;--ec-color-border-strong: #4a5f7c;--ec-color-accent: #ff6a2b;--ec-color-accent-text: #0d141e;--ec-color-focus: #ff6a2b;--ec-color-error: #ff8a80;--ec-color-error-bg: #3a1c1a;--ec-color-warning: #ffd27a;--ec-color-warning-bg: #3a2f14;--ec-color-success: #8fd9a8;--ec-color-success-bg: #163424;--ec-color-code-bg: #0e1a2b;--ec-color-info-bg: #122238;--ec-color-diff-bg: rgba(242,96,30,0.22);--ec-color-chart-line: #f2601e;--ec-color-chart-second: #3987e5;--ec-color-seq-1: #0d366b;--ec-color-seq-2: #184f95;--ec-color-seq-3: #256abf;--ec-color-seq-4: #3987e5;--ec-color-seq-5: #6da7ec;--ec-color-seq-6: #9ec5f4;--ec-color-seq-7: #cde2fb;}}:root[data-theme="dark"]{--ec-color-bg: #0d141e;--ec-color-surface: #162943;--ec-color-surface-alt: #122238;--ec-color-text: #f9f1ed;--ec-color-text-muted: #b7c0cc;--ec-color-border: #2a3d58;--ec-color-border-strong: #4a5f7c;--ec-color-accent: #ff6a2b;--ec-color-accent-text: #0d141e;--ec-color-focus: #ff6a2b;--ec-color-error: #ff8a80;--ec-color-error-bg: #3a1c1a;--ec-color-warning: #ffd27a;--ec-color-warning-bg: #3a2f14;--ec-color-success: #8fd9a8;--ec-color-success-bg: #163424;--ec-color-code-bg: #0e1a2b;--ec-color-info-bg: #122238;--ec-color-diff-bg: rgba(242,96,30,0.22);--ec-color-chart-line: #f2601e;--ec-color-chart-second: #3987e5;--ec-color-seq-1: #0d366b;--ec-color-seq-2: #184f95;--ec-color-seq-3: #256abf;--ec-color-seq-4: #3987e5;--ec-color-seq-5: #6da7ec;--ec-color-seq-6: #9ec5f4;--ec-color-seq-7: #cde2fb;}
*,*::before,*::after{box-sizing: border-box;}body{margin: 0;background: var(--ec-color-bg);color: var(--ec-color-text);font-family: var(--ec-font-sans);font-size: var(--ec-font-size-md);font-weight: var(--ec-font-weight-regular);line-height: var(--ec-line-height);-webkit-text-size-adjust: 100%;}.ec-page{max-width: var(--ec-page-max-width);margin: 0 auto;padding: var(--ec-space-5) var(--ec-space-4) var(--ec-space-7);}.ec-back{display: inline-block;margin-bottom: var(--ec-space-4);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);text-decoration: none;}.ec-back:hover,.ec-back:focus-visible{color: var(--ec-color-accent);text-decoration: underline;}.ec-title{margin: 0 0 var(--ec-space-2);font-size: var(--ec-font-size-xl);font-weight: var(--ec-font-weight-regular);line-height: 1.2;}.ec-summary{margin: 0 0 var(--ec-space-5);color: var(--ec-color-text-muted);}.ec-category{display: block;margin-bottom: var(--ec-space-2);color: var(--ec-color-accent);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);letter-spacing: 0.08em;text-transform: uppercase;}.ec-calc{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--ec-space-5);}@media (min-width: 48rem){.ec-calc{grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);align-items: start;}}.ec-panel{padding: var(--ec-space-4);background: var(--ec-color-surface);border: var(--ec-border-width) solid var(--ec-color-border);border-radius: var(--ec-radius-md);}.ec-panel-wide{grid-column: 1 / -1;}.ec-panel-heading{margin: 0 0 var(--ec-space-4);font-size: var(--ec-font-size-lg);font-weight: var(--ec-font-weight-regular);}.ec-form{display: flex;flex-direction: column;gap: var(--ec-space-4);}.ec-field[hidden]{display: none;}.ec-label{display: block;margin-bottom: var(--ec-space-1);font-size: var(--ec-font-size-sm);font-weight: var(--ec-font-weight-semibold);}.ec-control{display: flex;gap: var(--ec-space-2);}.ec-input,.ec-select,.ec-unit{height: var(--ec-control-height);padding: 0 var(--ec-space-3);color: var(--ec-color-text);background: var(--ec-color-surface);border: var(--ec-border-width) solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-md);}.ec-input{flex: 1 1 auto;min-width: 0;}.ec-textarea{flex: 1 1 auto;width: 100%;min-width: 0;min-height: 8rem;padding: var(--ec-space-2) var(--ec-space-3);color: var(--ec-color-text);background: var(--ec-color-surface);border: var(--ec-border-width) solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);line-height: 1.4;white-space: pre;overflow-x: auto;resize: vertical;}.ec-textarea:focus-visible{outline: none;border-color: var(--ec-color-focus);box-shadow: var(--ec-focus-ring);}.ec-select{flex: 1 1 auto;min-width: 0;width: 100%;font-family: var(--ec-font-sans);}.ec-unit{flex: 0 1 var(--ec-unit-select-width);min-width: 0;max-width: 45%;}.ec-unit:disabled{color: var(--ec-color-text-muted);background: var(--ec-color-surface-alt);}.ec-input:focus-visible,.ec-select:focus-visible,.ec-unit:focus-visible,.ec-button:focus-visible,.ec-back:focus-visible{outline: none;border-color: var(--ec-color-focus);box-shadow: var(--ec-focus-ring);}.ec-input[aria-invalid="true"]{border-color: var(--ec-color-error);}.ec-help{margin: var(--ec-space-1) 0 0;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.ec-computed{margin: var(--ec-space-1) 0 0;color: var(--ec-color-text-muted);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);}.ec-computed[hidden]{display: none;}.ec-error{margin: var(--ec-space-1) 0 0;color: var(--ec-color-error);font-size: var(--ec-font-size-sm);}.ec-error[hidden]{display: none;}.ec-actions{display: flex;gap: var(--ec-space-2);flex-wrap: wrap;}.ec-button{height: var(--ec-control-height);padding: 0 var(--ec-space-4);color: var(--ec-color-text);background: var(--ec-color-surface-alt);border: var(--ec-border-width) solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);font-family: var(--ec-font-sans);font-size: var(--ec-font-size-sm);cursor: pointer;}.ec-button:hover{border-color: var(--ec-color-accent);}.ec-button-primary{color: var(--ec-color-accent-text);background: var(--ec-color-accent);border-color: var(--ec-color-accent);}.ec-outputs{display: flex;flex-direction: column;gap: var(--ec-space-3);margin: 0;padding: 0;list-style: none;}.ec-output{display: grid;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "label label" "value unit";gap: var(--ec-space-1) var(--ec-space-2);align-items: center;padding-bottom: var(--ec-space-3);border-bottom: var(--ec-border-width) solid var(--ec-color-border);}.ec-output[hidden]{display: none;}.ec-output:last-child{border-bottom: none;padding-bottom: 0;}.ec-output-label{grid-area: label;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.ec-output-value{grid-area: value;font-family: var(--ec-font-mono);font-size: var(--ec-font-size-lg);overflow-wrap: anywhere;}.ec-output-wide .ec-output-value{grid-column: 1 / -1;}.ec-table-wrap{max-width: 100%;overflow-x: auto;font-size: var(--ec-font-size-sm);}.ec-table-wrap:focus-visible{outline: none;box-shadow: var(--ec-focus-ring);}.ec-table{width: 100%;border-collapse: collapse;font-family: var(--ec-font-sans);font-size: var(--ec-font-size-sm);}.ec-table th,.ec-table td{padding: var(--ec-space-1) var(--ec-space-2);border-bottom: var(--ec-border-width) solid var(--ec-color-border);text-align: left;vertical-align: top;}.ec-table th{color: var(--ec-color-text-muted);font-weight: var(--ec-font-weight-semibold);white-space: nowrap;}.ec-table td.ec-num{font-family: var(--ec-font-mono);text-align: right;white-space: nowrap;}.ec-output-value.ec-output-text{font-family: var(--ec-font-sans);font-size: var(--ec-font-size-md);white-space: pre-line;}.ec-notes{margin-top: var(--ec-space-5);}.ec-notes-summary{cursor: pointer;font-size: var(--ec-font-size-md);font-weight: var(--ec-font-weight-semibold);}.ec-notes-summary:focus-visible{outline: none;box-shadow: var(--ec-focus-ring);border-radius: var(--ec-radius-sm);}.ec-notes-heading{margin: var(--ec-space-4) 0 var(--ec-space-2);font-size: var(--ec-font-size-sm);font-weight: var(--ec-font-weight-semibold);color: var(--ec-color-text-muted);text-transform: uppercase;letter-spacing: 0.06em;}.ec-notes-list{margin: 0;padding-left: var(--ec-space-5);font-size: var(--ec-font-size-sm);}.ec-notes-list li{margin-bottom: var(--ec-space-2);}.ec-output-unit{grid-area: unit;width: var(--ec-unit-select-width);max-width: none;}.ec-output-unit-static{grid-area: unit;color: var(--ec-color-text-muted);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);}.ec-status{margin: 0 0 var(--ec-space-3);padding: var(--ec-space-2) var(--ec-space-3);border-radius: var(--ec-radius-sm);font-size: var(--ec-font-size-sm);}.ec-status[hidden]{display: none;}.ec-status-error{color: var(--ec-color-error);background: var(--ec-color-error-bg);}.ec-warnings{margin: var(--ec-space-3) 0 0;padding: var(--ec-space-2) var(--ec-space-3) var(--ec-space-2) var(--ec-space-5);color: var(--ec-color-warning);background: var(--ec-color-warning-bg);border-radius: var(--ec-radius-sm);font-size: var(--ec-font-size-sm);}.ec-warnings[hidden]{display: none;}.ec-tests{margin-top: var(--ec-space-6);}.ec-test-list{margin: var(--ec-space-3) 0 0;padding: 0;list-style: none;}.ec-test{padding: var(--ec-space-2) 0;border-bottom: var(--ec-border-width) solid var(--ec-color-border);font-size: var(--ec-font-size-sm);}.ec-test-pass::before,.ec-test-fail::before{display: inline-block;width: 3.5em;font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);}.ec-test-pass::before{content: "PASS";color: var(--ec-color-success);}.ec-test-fail::before{content: "FAIL";color: var(--ec-color-error);}.ec-test-source,.ec-test-error{display: block;margin-left: 3.5em;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.ec-test-error{color: var(--ec-color-error);}.ec-test-summary{margin: var(--ec-space-3) 0 0;font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);}.ec-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));gap: var(--ec-space-4);margin: 0;padding: 0;list-style: none;}.ec-card{display: block;height: 100%;padding: var(--ec-space-4);color: inherit;background: var(--ec-color-surface);border: var(--ec-border-width) solid var(--ec-color-border);border-radius: var(--ec-radius-md);text-decoration: none;}.ec-card:hover,.ec-card:focus-visible{border-color: var(--ec-color-accent);}.ec-card-title{margin: 0 0 var(--ec-space-1);font-size: var(--ec-font-size-md);font-weight: var(--ec-font-weight-semibold);}.ec-card-summary{margin: 0;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.ec-section-heading{margin: var(--ec-space-6) 0 var(--ec-space-3);font-size: var(--ec-font-size-lg);font-weight: var(--ec-font-weight-regular);}.ec-visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.ec-banner{display: flex;flex-wrap: wrap;gap: var(--ec-space-2) var(--ec-space-3);align-items: center;justify-content: space-between;margin: 0 0 var(--ec-space-4);padding: var(--ec-space-2) var(--ec-space-3);background: var(--ec-color-info-bg);border: var(--ec-border-width) solid var(--ec-color-border-strong);border-left: 4px solid var(--ec-color-accent);border-radius: var(--ec-radius-sm);font-size: var(--ec-font-size-sm);}.ec-banner[hidden]{display: none;}.ec-banner-text{flex: 1 1 18rem;margin: 0;}.ec-tools{margin-top: var(--ec-space-5);padding: var(--ec-space-4);background: var(--ec-color-surface);border: var(--ec-border-width) solid var(--ec-color-border);border-radius: var(--ec-radius-md);}.ec-tools > .ec-panel-heading{margin-bottom: var(--ec-space-2);}.ec-tool{border-top: var(--ec-border-width) solid var(--ec-color-border);}.ec-tool-summary{padding: var(--ec-space-3) 0;cursor: pointer;font-weight: var(--ec-font-weight-semibold);}.ec-tool-summary:focus-visible,.ec-tool-summary-small:focus-visible{outline: none;box-shadow: var(--ec-focus-ring);border-radius: var(--ec-radius-sm);}.ec-tool-body{display: flex;flex-direction: column;gap: var(--ec-space-3);padding-bottom: var(--ec-space-4);}.ec-tool-body > .ec-help{margin: 0;font-size: var(--ec-font-size-sm);}.ec-tool-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,13rem),1fr));gap: var(--ec-space-3);}.ec-tool-field .ec-input,.ec-tool-field .ec-select{width: 100%;}.ec-tool-row{display: flex;flex-wrap: wrap;gap: var(--ec-space-2);align-items: center;}.ec-tool-url{flex: 1 1 14rem;min-width: 0;font-size: var(--ec-font-size-sm);}.ec-tool-heading{margin: var(--ec-space-2) 0 0;font-size: var(--ec-font-size-md);font-weight: var(--ec-font-weight-semibold);}.ec-tool-block{display: flex;flex-direction: column;gap: var(--ec-space-3);}.ec-tool-block[hidden]{display: none;}.ec-tool-status,.ec-tool-result{margin: 0;font-size: var(--ec-font-size-sm);}.ec-tool-status:empty,.ec-tool-result:empty{display: none;}.ec-tool-result{font-size: var(--ec-font-size-md);}.ec-tool-checks{display: flex;flex-wrap: wrap;gap: var(--ec-space-2) var(--ec-space-4);margin: 0;padding: var(--ec-space-2) var(--ec-space-3) var(--ec-space-3);border: var(--ec-border-width) solid var(--ec-color-border);border-radius: var(--ec-radius-sm);}.ec-tool-checks legend{padding: 0 var(--ec-space-1);}.ec-check{display: inline-flex;align-items: flex-start;gap: var(--ec-space-2);font-size: var(--ec-font-size-sm);cursor: pointer;}.ec-check input{flex: none;width: 1.125rem;height: 1.125rem;margin: 0.125rem 0 0;accent-color: var(--ec-color-accent);}.ec-chain-list{display: flex;flex-direction: column;gap: var(--ec-space-3);margin: 0;padding: 0;list-style: none;}.ec-chain-item .ec-help{margin-top: var(--ec-space-1);}a.ec-button{display: inline-flex;align-items: center;height: auto;min-height: var(--ec-control-height);padding: var(--ec-space-2) var(--ec-space-4);text-decoration: none;}.ec-chain-link[aria-disabled="true"]{opacity: 0.55;pointer-events: none;}.ec-button:disabled{opacity: 0.55;cursor: not-allowed;}.ec-input-pm{width: 4.5rem;height: 2.25rem;}@media (min-width: 48rem){.ec-input-pm{width: 7.5rem;}}.ec-table td.ec-diff{background: var(--ec-color-diff-bg);font-weight: var(--ec-font-weight-semibold);}.ec-version{font-family: var(--ec-font-mono);overflow-wrap: anywhere;}.ec-table-labelled th:first-child,.ec-table-labelled td:first-child{min-width: 12rem;}.ec-table-note-last th:last-child,.ec-table-note-last td:last-child{min-width: 11rem;}.ec-tool-table > .ec-tool-summary-small{cursor: pointer;font-size: var(--ec-font-size-sm);}.ec-chart-list{display: flex;flex-direction: column;gap: var(--ec-space-4);}.ec-chart-list:empty{display: none;}.ec-chart{margin: 0;}.ec-chart-title{margin-bottom: var(--ec-space-1);font-size: var(--ec-font-size-sm);font-weight: var(--ec-font-weight-semibold);}.ec-chart-frame{position: relative;}.ec-chart-frame:focus-visible{outline: none;box-shadow: var(--ec-focus-ring);border-radius: var(--ec-radius-sm);}.ec-chart-svg{display: block;max-width: 100%;}.ec-chart-grid line{stroke: var(--ec-color-border);stroke-width: 1;shape-rendering: crispEdges;}.ec-chart-grid line.ec-chart-axis{stroke: var(--ec-color-border-strong);}.ec-chart-tick{fill: var(--ec-color-text-muted);font-family: var(--ec-font-mono);font-size: 12px;font-variant-numeric: tabular-nums;}.ec-chart-axis-title{fill: var(--ec-color-text-muted);font-family: var(--ec-font-sans);font-size: 12px;}.ec-chart-label{fill: var(--ec-color-text);font-family: var(--ec-font-sans);font-size: 12px;paint-order: stroke;stroke: var(--ec-color-surface);stroke-width: 4px;stroke-linejoin: round;}.ec-chart-line{fill: none;stroke: var(--ec-color-chart-line);stroke-width: 2;stroke-linejoin: round;stroke-linecap: round;}.ec-chart-current,.ec-chart-hover{fill: var(--ec-color-chart-line);stroke: var(--ec-color-surface);stroke-width: 2;}.ec-chart-crosshair{stroke: var(--ec-color-border-strong);stroke-width: 1;shape-rendering: crispEdges;}.ec-chart-hit{fill: transparent;cursor: crosshair;}.ec-chart-tip{position: absolute;display: flex;flex-direction: column;gap: 2px;padding: var(--ec-space-1) var(--ec-space-2);color: var(--ec-color-text);background: var(--ec-color-surface);border: var(--ec-border-width) solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);box-shadow: 0 2px 6px rgba(14,26,43,0.15);font-size: var(--ec-font-size-sm);white-space: nowrap;pointer-events: none;}.ec-chart-tip[hidden]{display: none;}.ec-chart-tip strong{font-family: var(--ec-font-mono);}.ec-chart-tip span{color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.ec-chart-tip-wrap{max-width: min(20rem,calc(100% - 8px));white-space: normal;}.ec-chart-legend{display: flex;flex-wrap: wrap;gap: var(--ec-space-1) var(--ec-space-3);margin: 0 0 var(--ec-space-2);padding: 0;list-style: none;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);font-variant-numeric: tabular-nums;}.ec-chart-legend li{display: inline-flex;align-items: center;gap: var(--ec-space-1);}.ec-chart-swatch{flex: none;width: 12px;height: 12px;border-radius: 2px;}.ec-chart-swatch-low,.ec-chart-bar-low{fill: var(--ec-color-chart-second);background: var(--ec-color-chart-second);}.ec-chart-swatch-high,.ec-chart-bar-high{fill: var(--ec-color-chart-line);background: var(--ec-color-chart-line);}.ec-chart-swatch-none{background: repeating-linear-gradient(45deg,var(--ec-color-border-strong) 0 1px,var(--ec-color-surface) 1px 4px);box-shadow: inset 0 0 0 1px var(--ec-color-border);}.ec-chart-bar-active{stroke: var(--ec-color-text);stroke-width: 1.5;}.ec-chart-baseline{stroke: var(--ec-color-text-muted);stroke-width: 1;shape-rendering: crispEdges;}.ec-chart-row-label{fill: var(--ec-color-text);font-family: var(--ec-font-sans);font-size: 12px;paint-order: stroke;stroke: var(--ec-color-surface);stroke-width: 4px;stroke-linejoin: round;}.ec-chart-hit-bar{fill: transparent;cursor: pointer;}.ec-heat-1{fill: var(--ec-color-seq-1);background: var(--ec-color-seq-1);}.ec-heat-2{fill: var(--ec-color-seq-2);background: var(--ec-color-seq-2);}.ec-heat-3{fill: var(--ec-color-seq-3);background: var(--ec-color-seq-3);}.ec-heat-4{fill: var(--ec-color-seq-4);background: var(--ec-color-seq-4);}.ec-heat-5{fill: var(--ec-color-seq-5);background: var(--ec-color-seq-5);}.ec-heat-6{fill: var(--ec-color-seq-6);background: var(--ec-color-seq-6);}.ec-heat-7{fill: var(--ec-color-seq-7);background: var(--ec-color-seq-7);}.ec-heat-hatch-bg{fill: var(--ec-color-surface);}.ec-heat-hatch-line{stroke: var(--ec-color-border-strong);stroke-width: 1;}.ec-heat-active,.ec-heat-ring{fill: none;stroke: var(--ec-color-text);stroke-width: 2;pointer-events: none;}.ec-heat-active-halo,.ec-heat-ring-halo{fill: none;stroke: var(--ec-color-surface);stroke-width: 5;pointer-events: none;}.ec-print-header,.ec-print-value,.ec-print-unit{display: none;}.ec-article{display: flex;flex-direction: column;gap: var(--ec-space-5);margin-top: var(--ec-space-6);}.ec-article h2{margin: 0 0 var(--ec-space-3);font-size: var(--ec-font-size-lg);font-weight: var(--ec-font-weight-regular);line-height: 1.3;}.ec-article h3{margin: var(--ec-space-4) 0 var(--ec-space-2);font-size: var(--ec-font-size-md);font-weight: var(--ec-font-weight-semibold);}.ec-article p,.ec-article ul,.ec-article ol{margin: 0 0 var(--ec-space-3);max-width: 72ch;}.ec-article ul,.ec-article ol{padding-left: var(--ec-space-5);}.ec-article li + li{margin-top: var(--ec-space-1);}.ec-article a{color: inherit;text-decoration-color: var(--ec-color-accent);text-underline-offset: 2px;}.ec-article a:hover,.ec-article a:focus-visible{color: var(--ec-color-accent);}.ec-article code{padding: 0 0.2em;background: var(--ec-color-code-bg);border-radius: var(--ec-radius-sm);font-family: var(--ec-font-mono);font-size: 0.9em;}.ec-formula{margin: 0 0 var(--ec-space-3);padding: var(--ec-space-3);overflow-x: auto;background: var(--ec-color-code-bg);border-radius: var(--ec-radius-sm);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);line-height: 1.6;}.ec-formula code{padding: 0;background: none;font-size: inherit;}.ec-formula:focus-visible,.ec-faq summary:focus-visible{outline: none;box-shadow: var(--ec-focus-ring);border-radius: var(--ec-radius-sm);}.ec-article .ec-table-wrap{margin-bottom: var(--ec-space-3);}.ec-example-load{display: flex;flex-wrap: wrap;align-items: center;gap: var(--ec-space-2) var(--ec-space-3);margin: 0 0 var(--ec-space-3);}.ec-example-status{margin: 0;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.ec-example-status:empty{display: none;}.ec-faq{padding: var(--ec-space-2) 0;border-top: var(--ec-border-width) solid var(--ec-color-border);}.ec-faq:last-child{border-bottom: var(--ec-border-width) solid var(--ec-color-border);}.ec-faq summary{cursor: pointer;font-weight: var(--ec-font-weight-semibold);}.ec-faq > :not(summary){margin: var(--ec-space-2) 0 0;}@media print{:root{--ec-color-bg: #ffffff;--ec-color-surface: #ffffff;--ec-color-surface-alt: #ffffff;--ec-color-text: #000000;--ec-color-text-muted: #333333;--ec-color-border: #bbbbbb;--ec-color-border-strong: #888888;--ec-color-warning: #000000;--ec-color-warning-bg: #ffffff;}@page{margin: 15mm;}body{background: #ffffff;font-size: 10.5pt;}.ec-page{max-width: none;padding: 0;}.ec-back,.ec-tools,.ec-article,.ec-tests,.ec-actions,.ec-banner,.ec-help,.ec-error,.ec-status{display: none !important;}.ec-print-header{display: block;margin-bottom: 8pt;padding-bottom: 6pt;border-bottom: 1px solid #000000;font-size: 8.5pt;}.ec-print-header p{margin: 0;}.ec-print-title{font-size: 10.5pt;font-weight: var(--ec-font-weight-semibold);}.ec-print-url{overflow-wrap: anywhere;}.ec-calc{display: block;}.ec-panel{margin: 0 0 8pt;padding: 0;border: none;background: none;}.ec-panel-heading{margin: 8pt 0 4pt;font-size: 12pt;}.ec-form{gap: 2pt;}.ec-field{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: 2pt 8pt;padding: 2pt 0;border-bottom: 1px solid #dddddd;break-inside: avoid;}.ec-field > .ec-control,.ec-output > select.ec-output-unit{display: none;}.ec-print-value{display: block;font-family: var(--ec-font-mono);text-align: right;}.ec-print-choice{font-family: var(--ec-font-sans);}.ec-print-text{flex-basis: 100%;margin: 0;padding: 4pt;border: 1px solid #bbbbbb;font-size: 9pt;text-align: left;white-space: pre-wrap;}.ec-print-unit{display: inline;grid-area: unit;font-family: var(--ec-font-mono);}.ec-label{margin: 0;font-weight: var(--ec-font-weight-regular);}.ec-control{justify-content: flex-end;gap: 4pt;}.ec-input,.ec-select,.ec-unit{flex: none;width: auto;height: auto;padding: 0;color: #000000;background: none;border: none;appearance: none;-webkit-appearance: none;font-size: 10.5pt;text-align: right;}.ec-textarea{border: 1px solid #bbbbbb;}.ec-output{grid-template-columns: minmax(0,1fr) auto auto;grid-template-areas: "label value unit";align-items: baseline;padding: 2pt 0;break-inside: avoid;}.ec-output-label{color: #000000;font-size: 10.5pt;}.ec-output-value{font-size: 10.5pt;text-align: right;}.ec-output-value.ec-output-text,.ec-output-wide .ec-output-value{grid-column: 1 / -1;grid-row: 2;text-align: left;}.ec-warnings{border: 1px solid #888888;}.ec-notes{margin-top: 8pt;}.ec-table-wrap{overflow: visible;}a{color: #000000;text-decoration: none;}}
@font-face{font-family: "Archivo";src: url("/assets/fonts/archivo-latin.woff2") format("woff2");font-weight: 400 800;font-style: normal;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: "Archivo Fallback";src: local("Arial"),local("ArialMT"),local("Helvetica");ascent-override: 87.8%;descent-override: 21%;line-gap-override: 0%;}:root{color-scheme: light;--ec-color-bg: #f3f6f9;--ec-color-surface: #ffffff;--ec-color-surface-alt: #eaf0f6;--ec-color-text: #0d2238;--ec-color-text-muted: #4b5d73;--ec-color-border: #d3dde8;--ec-color-border-strong: #a9b9cc;--ec-color-accent: #163e7a;--ec-color-accent-text: #ffffff;--ec-color-focus: #163e7a;--ec-color-code-bg: #eaf0f6;--ec-color-info-bg: #eaf0f6;--ec-color-diff-bg: rgba(22,62,122,0.1);--ec-color-chart-line: #1f5fc9;--ec-color-chart-second: #c26400;--ec-font-sans: "Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ec-font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--ec-font-weight-semibold: 600;--ec-radius-sm: 2px;--ec-radius-md: 3px;--ec-focus-ring: 0 0 0 3px rgba(22,62,122,0.3);--eb-accent-text: #163e7a;--eb-hi: #f2c230;--eb-hi-soft: rgba(242,194,48,0.55);--eb-grid: rgba(22,62,122,0.065);--eb-hdr: #133066;--eb-hdr-ink: #f3f6f9;--eb-hdr-muted: #b8c7de;--eb-hdr-line: rgba(243,246,249,0.22);--eb-hdr-grid: rgba(255,255,255,0.07);--eb-foot: #0d2238;--eb-foot-ink: #f3f6f9;--eb-foot-muted: #b3c1d4;--eb-foot-line: rgba(243,246,249,0.14);--eb-shadow: 0 12px 32px -12px rgba(13,34,56,0.28);--eb-wide: 76rem;--eb-weight-title: 720;--eb-weight-head: 650;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme: dark;--ec-color-bg: #0a1626;--ec-color-surface: #10213a;--ec-color-surface-alt: #0d1c31;--ec-color-text: #e8eef6;--ec-color-text-muted: #9fb0c6;--ec-color-border: #233a5a;--ec-color-border-strong: #3b5679;--ec-color-accent: #7fa8ef;--ec-color-accent-text: #0a1626;--ec-color-focus: #8fb4f3;--ec-color-code-bg: #0d1c31;--ec-color-info-bg: #0d1c31;--ec-color-diff-bg: rgba(127,168,239,0.18);--ec-color-chart-line: #7fa8ef;--ec-color-chart-second: #f0a040;--ec-focus-ring: 0 0 0 3px rgba(143,180,243,0.4);--eb-accent-text: #8fb4f3;--eb-hi-soft: rgba(242,194,48,0.32);--eb-grid: rgba(143,180,243,0.05);--eb-hdr: #0e2448;--eb-hdr-ink: #e8eef6;--eb-hdr-muted: #9fb0c6;--eb-hdr-line: rgba(232,238,246,0.2);--eb-hdr-grid: rgba(255,255,255,0.05);--eb-foot: #07111f;--eb-foot-ink: #e8eef6;--eb-foot-muted: #9fb0c6;--eb-foot-line: rgba(232,238,246,0.12);--eb-shadow: 0 12px 32px -12px rgba(0,0,0,0.6);}}:root[data-theme="dark"]{color-scheme: dark;--ec-color-bg: #0a1626;--ec-color-surface: #10213a;--ec-color-surface-alt: #0d1c31;--ec-color-text: #e8eef6;--ec-color-text-muted: #9fb0c6;--ec-color-border: #233a5a;--ec-color-border-strong: #3b5679;--ec-color-accent: #7fa8ef;--ec-color-accent-text: #0a1626;--ec-color-focus: #8fb4f3;--ec-color-code-bg: #0d1c31;--ec-color-info-bg: #0d1c31;--ec-color-diff-bg: rgba(127,168,239,0.18);--ec-color-chart-line: #7fa8ef;--ec-color-chart-second: #f0a040;--ec-focus-ring: 0 0 0 3px rgba(143,180,243,0.4);--eb-accent-text: #8fb4f3;--eb-hi-soft: rgba(242,194,48,0.32);--eb-grid: rgba(143,180,243,0.05);--eb-hdr: #0e2448;--eb-hdr-ink: #e8eef6;--eb-hdr-muted: #9fb0c6;--eb-hdr-line: rgba(232,238,246,0.2);--eb-hdr-grid: rgba(255,255,255,0.05);--eb-foot: #07111f;--eb-foot-ink: #e8eef6;--eb-foot-muted: #9fb0c6;--eb-foot-line: rgba(232,238,246,0.12);--eb-shadow: 0 12px 32px -12px rgba(0,0,0,0.6);}:root[data-theme="light"]{color-scheme: light;}.ec-title{font-weight: var(--eb-weight-title);letter-spacing: -0.022em;line-height: 1.1;}.ec-panel-heading,.ec-tools > .ec-panel-heading{margin-bottom: var(--ec-space-3);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);font-weight: 650;letter-spacing: 0.09em;text-transform: uppercase;}.ec-article h2{font-weight: var(--eb-weight-head);letter-spacing: -0.012em;font-size: 1.35rem;}.ec-article h3{font-weight: 650;}.ec-notes-summary{font-weight: 600;}.ec-button{font-family: inherit;}.ec-button-primary{font-weight: 650;}.ec-chart-tip{box-shadow: var(--eb-shadow);}.ec-banner{border-left-color: var(--eb-hi);}#calculator > .ec-panel:nth-child(2){border-color: var(--ec-color-accent);}#calculator > .ec-panel:nth-child(2) .ec-outputs > .ec-output:first-child .ec-output-value:not(.ec-output-text){font-size: 1.75rem;font-weight: 600;letter-spacing: -0.02em;}.ec-output-value{font-variant-numeric: tabular-nums;}.ec-article-section[data-section="related-calculators"] ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,16rem),1fr));gap: var(--ec-space-2);max-width: none;padding: 0;list-style: none;}.ec-article-section[data-section="related-calculators"] li{margin: 0;padding: var(--ec-space-3);background: var(--ec-color-surface);border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-md);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.ec-article-section[data-section="related-calculators"] li a{display: block;color: var(--ec-color-text);font-weight: 650;text-decoration: none;font-size: var(--ec-font-size-md);}.ec-article-section[data-section="related-calculators"] li a:hover{color: var(--eb-accent-text);text-decoration: underline;}@media print{:root{color-scheme: light;}#calculator > .ec-panel:nth-child(2){position: static !important;max-height: none !important;overflow: visible !important;}}@media print{:root,:root:not([data-theme="light"]),:root[data-theme="dark"],:root[data-theme="light"]{color-scheme: light;--ec-color-bg: #ffffff;--ec-color-surface: #ffffff;--ec-color-surface-alt: #ffffff;--ec-color-text: #000000;--ec-color-text-muted: #333333;--ec-color-border: #bbbbbb;--ec-color-border-strong: #888888;--ec-color-accent: #163e7a;--ec-color-accent-text: #ffffff;--ec-color-code-bg: #f2f2f2;--ec-color-warning: #000000;--ec-color-warning-bg: #ffffff;--eb-accent-text: #163e7a;}}.ec-chart-wrap{width: 100%;overflow: hidden;}
html{-webkit-text-size-adjust: 100%;}body{display: flex;flex-direction: column;min-height: 100vh;margin: 0;background: var(--ec-color-bg);color: var(--ec-color-text);font-family: var(--ec-font-sans);line-height: var(--ec-line-height);}body > main{flex: 1 0 auto;width: 100%;}a{color: inherit;text-underline-offset: 0.18em;}[id]{scroll-margin-top: 5rem;}h1,h2,h3{text-wrap: balance;}.eb-visually-hidden{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}.eb-skip{position: absolute;left: var(--ec-space-3);top: -4rem;z-index: 60;padding: var(--ec-space-2) var(--ec-space-3);background: var(--ec-color-surface);color: var(--ec-color-text);border-radius: var(--ec-radius-sm);}.eb-skip:focus{top: var(--ec-space-3);}summary{list-style: none;cursor: pointer;}summary::-webkit-details-marker{display: none;}.eb-sprite{position: absolute;width: 0;height: 0;overflow: hidden;}.eb-i{width: 1.15em;height: 1.15em;flex: none;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;vertical-align: -0.18em;}kbd{display: inline-block;padding: 0 0.35em;border: 1px solid currentColor;border-radius: 2px;font-family: var(--ec-font-mono);font-size: 0.72em;line-height: 1.5;opacity: 0.8;}.eb-mark{flex: none;}.eb-mark-tile{fill: #163e7a;}.eb-mark-grid{fill: none;stroke: #ffffff;stroke-opacity: 0.16;stroke-width: 1;}.eb-mark-e{fill: none;stroke: #ffffff;stroke-width: 3;stroke-linecap: square;}.eb-mark-dim{fill: none;stroke: #f2c230;stroke-width: 1.5;}.eb-header .eb-mark-tile,.eb-footer .eb-mark-tile{fill: #1d4c94;stroke: rgba(255,255,255,0.35);stroke-width: 1.5;}.eb-header{position: sticky;top: 0;z-index: 30;background-color: var(--eb-hdr);background-image: linear-gradient(var(--eb-hdr-grid) 1px,transparent 1px),linear-gradient(90deg,var(--eb-hdr-grid) 1px,transparent 1px);background-size: 16px 16px;color: var(--eb-hdr-ink);border-bottom: 1px solid var(--eb-hdr-line);}.eb-bar{display: flex;align-items: center;gap: var(--ec-space-5);max-width: var(--eb-wide);min-height: 3.5rem;margin: 0 auto;padding-left: max(16px,env(safe-area-inset-left,0px));padding-right: max(16px,env(safe-area-inset-right,0px));box-sizing: border-box;}.eb-brand{display: inline-flex;align-items: center;gap: 0.6rem;color: inherit;font-size: 1.06rem;font-weight: 720;letter-spacing: -0.015em;text-decoration: none;white-space: nowrap;}.eb-nav{display: none;align-items: center;gap: var(--ec-space-5);font-size: 0.92rem;}.eb-nav > a,.eb-menu-calcs > summary{color: var(--eb-hdr-muted);text-decoration: none;}.eb-nav > a:hover,.eb-menu-calcs > summary:hover,.eb-menu-calcs[open] > summary{color: var(--eb-hdr-ink);}.eb-menu-calcs{position: relative;}.eb-menu-calcs > summary::after{content: "";display: inline-block;width: 0.38em;height: 0.38em;margin-left: 0.5em;border: solid currentColor;border-width: 0 1.5px 1.5px 0;transform: translateY(-0.22em) rotate(45deg);}.eb-mega{position: absolute;top: calc(100% + 1rem);left: -0.75rem;width: min(36rem,92vw);padding: var(--ec-space-2);box-sizing: border-box;background: var(--ec-color-surface);color: var(--ec-color-text);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-md);box-shadow: var(--eb-shadow);}.eb-mega .eb-menu-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 2px var(--ec-space-2);}.eb-mega-all{display: flex;align-items: center;justify-content: space-between;margin-top: var(--ec-space-2);padding: var(--ec-space-3) var(--ec-space-3) var(--ec-space-2);border-top: 1px solid var(--ec-color-border);color: var(--eb-accent-text);font-size: var(--ec-font-size-sm);font-weight: 650;text-decoration: none;}.eb-mega-all:hover{text-decoration: underline;}.eb-menu-list{margin: 0;padding: 0;list-style: none;}.eb-menu-list a{display: flex;align-items: center;gap: 0.7rem;padding: 0.55rem 0.7rem;border-radius: var(--ec-radius-sm);color: var(--ec-color-text);text-decoration: none;}.eb-menu-list a .eb-i{color: var(--eb-accent-text);}.eb-menu-list a:hover,.eb-menu-list a:focus-visible{background: var(--ec-color-surface-alt);}.eb-n{margin-left: auto;color: var(--ec-color-text-muted);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);}.eb-tools{display: flex;align-items: center;gap: var(--ec-space-2);margin-left: auto;}.eb-search-btn,.eb-theme,.eb-menu-mobile > summary{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;height: 2.25rem;min-width: 2.25rem;padding: 0 0.6rem;box-sizing: border-box;border: 1px solid var(--eb-hdr-line);border-radius: var(--ec-radius-sm);background: rgba(255,255,255,0.06);color: var(--eb-hdr-muted);font: inherit;font-size: 0.88rem;cursor: pointer;}.eb-search-btn:hover,.eb-theme:hover,.eb-menu-mobile > summary:hover{color: var(--eb-hdr-ink);border-color: var(--eb-hdr-muted);}.eb-search-label,.eb-search-btn kbd{display: none;}.eb-theme .eb-i-sun,.eb-theme .eb-i-moon{display: none;}:root[data-theme="light"] .eb-theme .eb-i-auto,:root[data-theme="dark"] .eb-theme .eb-i-auto{display: none;}:root[data-theme="light"] .eb-theme .eb-i-sun,:root[data-theme="dark"] .eb-theme .eb-i-moon{display: block;}.eb-menu-mobile > summary .eb-i{width: 1.3rem;height: 1.3rem;}.eb-drawer{position: absolute;top: 100%;left: 0;right: 0;max-height: calc(100vh - 3.5rem);overflow-y: auto;padding: var(--ec-space-3) max(16px,env(safe-area-inset-right,0px)) var(--ec-space-4) max(16px,env(safe-area-inset-left,0px));background: var(--ec-color-bg);color: var(--ec-color-text);border-bottom: 1px solid var(--ec-color-border);box-shadow: var(--eb-shadow);}.eb-drawer .eb-menu-list{margin-top: var(--ec-space-3);}.eb-drawer .eb-menu-list a{padding: 0.75rem 0.7rem;}@media (min-width: 40rem){.eb-search-label,.eb-search-btn kbd{display: inline-block;}.eb-search-btn{justify-content: flex-start;min-width: 15rem;padding: 0 0.7rem;}.eb-search-btn kbd{margin-left: auto;}}@media (min-width: 62rem){.eb-nav{display: flex;}.eb-menu-mobile{display: none;}}.eb-search{position: relative;}.eb-search input{width: 100%;box-sizing: border-box;padding: 0.6rem 0.8rem 0.6rem 2.4rem;border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);background: var(--ec-color-surface);color: var(--ec-color-text);font: inherit;font-size: var(--ec-font-size-md);}.eb-search input:focus{outline: none;border-color: var(--ec-color-focus);box-shadow: var(--ec-focus-ring);}.eb-search-icon{position: absolute;left: 0.85rem;top: 50%;width: 1rem;height: 1rem;transform: translateY(-50%);color: var(--ec-color-text-muted);pointer-events: none;}.eb-search-hero input{padding: 1rem 1rem 1rem 3rem;font-size: 1.12rem;box-shadow: var(--eb-shadow);}.eb-search-hero .eb-search-icon{left: 1.1rem;width: 1.25rem;height: 1.25rem;}.eb-search-results{position: absolute;top: calc(100% + 0.4rem);left: 0;right: 0;z-index: 40;min-width: min(22rem,90vw);margin: 0;padding: var(--ec-space-1);list-style: none;background: var(--ec-color-surface);color: var(--ec-color-text);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-md);box-shadow: var(--eb-shadow);}.eb-search-results a{display: flex;justify-content: space-between;align-items: baseline;gap: var(--ec-space-3);padding: var(--ec-space-2) var(--ec-space-3);border-radius: var(--ec-radius-sm);color: var(--ec-color-text);text-decoration: none;}.eb-search-results a:hover,.eb-search-results a:focus{outline: none;background: var(--ec-color-surface-alt);color: var(--eb-accent-text);}.eb-search-results span{flex: none;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.eb-search-none{padding: var(--ec-space-2) var(--ec-space-3);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-palette{width: min(40rem,calc(100vw - 2rem));max-height: min(34rem,calc(100vh - 6rem));margin: 9vh auto auto;padding: 0;overflow: hidden;background: var(--ec-color-surface);color: var(--ec-color-text);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-md);box-shadow: var(--eb-shadow);}.eb-palette[open]{display: flex;flex-direction: column;}.eb-palette::backdrop{background: rgba(7,17,31,0.55);}.eb-palette-form{display: flex;align-items: center;gap: var(--ec-space-3);margin: 0;padding: 0.8rem 1rem;border-bottom: 1px solid var(--ec-color-border);}.eb-palette-form:focus-within{border-bottom-color: var(--ec-color-accent);box-shadow: inset 0 -1px 0 var(--ec-color-accent);}.eb-palette-form .eb-i{width: 1.25rem;height: 1.25rem;color: var(--ec-color-text-muted);}.eb-palette-form input{flex: 1;min-width: 0;border: 0;background: transparent;color: inherit;font: inherit;font-size: 1.08rem;outline: none;}.eb-palette-close{flex: none;padding: 0.15rem 0.45rem;border: 1px solid var(--ec-color-border-strong);border-radius: 2px;background: transparent;color: var(--ec-color-text-muted);font: 0.75rem var(--ec-font-mono);cursor: pointer;}.eb-palette-body{flex: 1;min-height: 0;overflow-y: auto;padding: var(--ec-space-2);}.eb-palette-label{margin: var(--ec-space-2) var(--ec-space-3) var(--ec-space-1);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);font-weight: 650;letter-spacing: 0.08em;text-transform: uppercase;}.eb-palette-list{margin: 0;padding: 0;list-style: none;}.eb-palette-list a{display: flex;justify-content: space-between;align-items: baseline;gap: var(--ec-space-3);padding: 0.6rem 0.75rem;border-radius: var(--ec-radius-sm);color: var(--ec-color-text);text-decoration: none;}.eb-palette-list a:hover,.eb-palette-list a:focus,.eb-palette-list a.is-active{outline: none;background: var(--ec-color-surface-alt);box-shadow: inset 2px 0 0 var(--ec-color-accent);color: var(--eb-accent-text);}.eb-where{flex: none;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.eb-palette-none{padding: var(--ec-space-3);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-palette-foot{display: flex;flex-wrap: wrap;gap: var(--ec-space-4);margin: 0;padding: 0.55rem 1rem;border-top: 1px solid var(--ec-color-border);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.eb-wide{max-width: var(--eb-wide);margin: 0 auto;padding: var(--ec-space-5) max(16px,env(safe-area-inset-right,0px)) var(--ec-space-7) max(16px,env(safe-area-inset-left,0px));box-sizing: border-box;}.ec-page{padding-left: max(16px,env(safe-area-inset-left,0px));padding-right: max(16px,env(safe-area-inset-right,0px));}.ec-page.eb-calc{max-width: var(--eb-wide);}.eb-band{background-color: var(--ec-color-bg);background-image: linear-gradient(var(--eb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--eb-grid) 1px,transparent 1px);background-size: 24px 24px;border-bottom: 1px solid var(--ec-color-border);}.eb-band-in{max-width: var(--eb-wide);margin: 0 auto;padding: var(--ec-space-6) max(16px,env(safe-area-inset-right,0px)) var(--ec-space-6) max(16px,env(safe-area-inset-left,0px));box-sizing: border-box;}.eb-kicker{display: inline-block;justify-self: start;padding: 0 0.15em;background: linear-gradient(transparent 58%,var(--eb-hi-soft) 58%);color: var(--ec-color-text);font: 650 0.72rem/1.5 var(--ec-font-mono);letter-spacing: 0.08em;text-transform: uppercase;}.eb-lead{max-width: 44rem;color: var(--ec-color-text-muted);font-size: 1.08rem;}.eb-crumbs{display: flex;flex-wrap: wrap;gap: 0 var(--ec-space-2);margin-bottom: var(--ec-space-3);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-crumbs a{color: var(--ec-color-text-muted);text-decoration: none;}.eb-crumbs a:hover,.eb-crumbs a:focus-visible{color: var(--eb-accent-text);text-decoration: underline;}.eb-more{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--eb-accent-text);font-size: var(--ec-font-size-sm);font-weight: 650;text-decoration: none;white-space: nowrap;}.eb-more:hover{text-decoration: underline;}.eb-hero{display: grid;gap: var(--ec-space-6);align-items: center;padding-block: var(--ec-space-4) var(--ec-space-2);}.eb-hero-text{display: grid;gap: var(--ec-space-4);justify-items: start;min-width: 0;}.eb-hero h1{margin: 0;max-width: 14em;font-size: clamp(2.15rem,1.3rem + 3.3vw,3.7rem);font-weight: 760;letter-spacing: -0.032em;line-height: 1.02;}.eb-hero .eb-search-hero{width: 100%;max-width: 36rem;}.eb-stats{display: flex;flex-wrap: wrap;gap: var(--ec-space-3) var(--ec-space-5);margin: var(--ec-space-2) 0 0;padding: 0;list-style: none;}.eb-stats li{display: grid;padding-left: var(--ec-space-3);border-left: 1px solid var(--ec-color-border-strong);}.eb-stats strong{font-family: var(--ec-font-mono);font-size: 1.4rem;font-weight: 650;line-height: 1.2;font-variant-numeric: tabular-nums;}.eb-stats span{color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);letter-spacing: 0.06em;text-transform: uppercase;}.eb-drawing{display: none;width: 100%;max-width: 30rem;height: auto;justify-self: end;color: var(--ec-color-accent);}.eb-drawing .d-line{fill: none;stroke: currentColor;stroke-width: 2;}.eb-drawing .d-thin{fill: none;stroke: var(--ec-color-text-muted);stroke-width: 1;}.eb-drawing .d-dash{fill: none;stroke: currentColor;stroke-width: 1.5;stroke-dasharray: 6 5;}.eb-drawing .d-hi{fill: none;stroke: var(--eb-hi);stroke-width: 2;}.eb-drawing .d-fill{fill: var(--ec-color-surface);stroke: currentColor;stroke-width: 2;}.eb-drawing text{fill: var(--ec-color-text-muted);font-family: var(--ec-font-mono);font-size: 13px;}.eb-drawing .d-label{fill: var(--ec-color-text);font-size: 14px;font-weight: 600;}@media (min-width: 62rem){.eb-hero{grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);}.eb-drawing{display: block;}}.eb-section{margin-top: var(--ec-space-7);}.eb-section-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--ec-space-2) var(--ec-space-4);margin-bottom: var(--ec-space-4);}.eb-section-head h2,.eb-group > h2{margin: 0;font-size: 1.45rem;font-weight: 700;letter-spacing: -0.018em;}.eb-section-head p{flex-basis: 100%;margin: 0;max-width: 44rem;color: var(--ec-color-text-muted);}.eb-fields,.eb-cards{display: grid;gap: var(--ec-space-3);margin: 0;padding: 0;list-style: none;}.eb-fields{grid-template-columns: repeat(auto-fill,minmax(min(17rem,100%),1fr));}.eb-cards{grid-template-columns: repeat(auto-fill,minmax(min(16.5rem,100%),1fr));}.eb-field{display: grid;gap: var(--ec-space-3);align-content: start;padding: var(--ec-space-4);background: var(--ec-color-surface);border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-md);}.eb-field:hover,.eb-field:focus-within{border-color: var(--ec-color-accent);}.eb-field-head{display: flex;align-items: center;gap: var(--ec-space-3);color: var(--ec-color-text);font-size: 1.04rem;font-weight: 650;text-decoration: none;}.eb-field-head:hover span:first-of-type{text-decoration: underline;}.eb-ico{display: grid;place-items: center;width: 2.2rem;height: 2.2rem;flex: none;background: var(--ec-color-surface-alt);border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-sm);color: var(--eb-accent-text);}.eb-ico .eb-i{width: 1.2rem;height: 1.2rem;}.eb-field ul{display: grid;gap: 0.2rem;margin: 0;padding: 0;list-style: none;font-size: var(--ec-font-size-sm);}.eb-field li a{color: var(--ec-color-text-muted);text-decoration: none;}.eb-field li a:hover,.eb-field li a:focus-visible{color: var(--eb-accent-text);text-decoration: underline;}.eb-card{display: flex;flex-direction: column;gap: var(--ec-space-2);height: 100%;box-sizing: border-box;padding: var(--ec-space-4);background: var(--ec-color-surface);border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-md);color: var(--ec-color-text);text-decoration: none;}.eb-card:hover,.eb-card:focus-visible{border-color: var(--ec-color-accent);box-shadow: inset 0 0 0 1px var(--ec-color-accent);}.eb-card strong{font-size: 1.03rem;font-weight: 650;line-height: 1.3;}.eb-card-text{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-trust{display: grid;gap: var(--ec-space-5);padding: var(--ec-space-5);background: var(--ec-color-surface);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-md);}.eb-trust h2{margin: 0 0 var(--ec-space-3);font-size: 1.45rem;font-weight: 700;letter-spacing: -0.018em;}.eb-trust p{max-width: 44rem;margin: 0 0 var(--ec-space-3);color: var(--ec-color-text-muted);}.eb-trust a{color: var(--eb-accent-text);font-weight: 650;}.eb-spec{width: 100%;border-collapse: collapse;align-self: start;font-size: var(--ec-font-size-sm);}.eb-spec th,.eb-spec td{padding: 0.6rem 0.8rem;border: 1px solid var(--ec-color-border-strong);text-align: left;}.eb-spec th{color: var(--ec-color-text-muted);font-weight: 500;}.eb-spec td{font-family: var(--ec-font-mono);font-size: 1.05rem;font-weight: 650;text-align: right;font-variant-numeric: tabular-nums;}.eb-spec caption{padding-bottom: var(--ec-space-2);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);letter-spacing: 0.08em;text-align: left;text-transform: uppercase;}@media (min-width: 52rem){.eb-trust{grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);}}.eb-promo{display: grid;gap: var(--ec-space-4);align-items: center;padding: var(--ec-space-5);background-color: var(--eb-hdr);background-image: linear-gradient(var(--eb-hdr-grid) 1px,transparent 1px),linear-gradient(90deg,var(--eb-hdr-grid) 1px,transparent 1px);background-size: 16px 16px;color: var(--eb-hdr-ink);border-radius: var(--ec-radius-md);}.eb-promo h2{margin: 0 0 var(--ec-space-2);font-size: 1.35rem;font-weight: 700;}.eb-promo p{margin: 0;max-width: 40rem;color: var(--eb-hdr-muted);}.eb-promo code{display: block;overflow-x: auto;padding: var(--ec-space-3);background: rgba(0,0,0,0.25);border: 1px solid var(--eb-hdr-line);border-radius: var(--ec-radius-sm);color: var(--eb-hdr-ink);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);white-space: nowrap;}@media (min-width: 52rem){.eb-promo{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}}.eb-hub-head{display: grid;gap: var(--ec-space-3);justify-items: start;}.eb-hub-title{display: flex;align-items: center;gap: var(--ec-space-3);}.eb-hub-title .eb-ico{width: 3rem;height: 3rem;}.eb-hub-title .eb-ico .eb-i{width: 1.6rem;height: 1.6rem;}.eb-hub-title h1{margin: 0;font-size: clamp(1.9rem,1.3rem + 2.2vw,2.8rem);font-weight: 750;letter-spacing: -0.028em;line-height: 1.05;}.eb-chips{display: flex;flex-wrap: wrap;gap: var(--ec-space-2);margin: var(--ec-space-4) 0 var(--ec-space-2);}.eb-chips a{display: inline-flex;align-items: center;gap: var(--ec-space-2);padding: 0.32rem 0.75rem;background: var(--ec-color-surface);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);color: var(--ec-color-text);font-size: var(--ec-font-size-sm);text-decoration: none;}.eb-chips a:hover,.eb-chips a:focus-visible{border-color: var(--ec-color-accent);color: var(--eb-accent-text);}.eb-chips span{color: var(--ec-color-text-muted);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);}.eb-group{margin-top: var(--ec-space-6);}.eb-group > h2{margin-bottom: var(--ec-space-4);}.eb-titleblock{display: grid;gap: var(--ec-space-2);margin-bottom: var(--ec-space-5);}.eb-titleblock .ec-title{margin: 0;font-size: clamp(1.75rem,1.25rem + 2vw,2.5rem);}.eb-titleblock .ec-summary{margin: 0;max-width: 46rem;font-size: 1.05rem;}.eb-facts{display: flex;flex-wrap: wrap;gap: var(--ec-space-1) var(--ec-space-4);margin: var(--ec-space-1) 0 0;padding: 0;list-style: none;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-facts li{display: inline-flex;align-items: center;gap: 0.35rem;}.eb-facts .eb-i{color: var(--ec-color-success);stroke-width: 2.4;}@media (min-width: 64rem){#calculator:not(:has(> .ec-panel-wide:not([hidden]))) > .ec-panel:nth-child(2){position: sticky;top: 4.5rem;max-height: calc(100vh - 5.5rem);overflow-y: auto;}}.eb-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--ec-space-2);margin: var(--ec-space-4) 0 var(--ec-space-2);}.eb-btn{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 2.4rem;padding: 0 0.95rem;box-sizing: border-box;background: var(--ec-color-surface);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);color: var(--ec-color-text);font: inherit;font-size: 0.9rem;font-weight: 600;text-decoration: none;cursor: pointer;}.eb-btn:hover{border-color: var(--ec-color-accent);color: var(--eb-accent-text);}.eb-btn-primary{background: var(--ec-color-accent);border-color: var(--ec-color-accent);color: var(--ec-color-accent-text);}.eb-btn-primary:hover{color: var(--ec-color-accent-text);filter: brightness(1.1);}.eb-btn[disabled]{opacity: 0.5;cursor: default;}.eb-action-status{color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-body{display: grid;gap: var(--ec-space-5);margin-top: var(--ec-space-5);}.eb-col{min-width: 0;}.eb-toc{display: flex;flex-wrap: wrap;gap: var(--ec-space-2);margin: 0;}.eb-toc-title{display: none;}.eb-toc a{display: inline-flex;padding: 0.32rem 0.75rem;background: var(--ec-color-surface);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);color: var(--ec-color-text);font-size: var(--ec-font-size-sm);text-decoration: none;}.eb-toc a:hover{color: var(--eb-accent-text);border-color: var(--ec-color-accent);}@media (min-width: 64rem){.eb-body{grid-template-columns: 12.5rem minmax(0,1fr);gap: var(--ec-space-6);}.eb-toc{position: sticky;top: 5rem;align-self: start;flex-direction: column;flex-wrap: nowrap;gap: 0;padding-left: var(--ec-space-3);border-left: 1px solid var(--ec-color-border-strong);}.eb-toc-title{display: block;margin: 0 0 var(--ec-space-2);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);font-weight: 650;letter-spacing: 0.08em;text-transform: uppercase;}.eb-toc a{padding: 0.3rem 0 0.3rem var(--ec-space-2);margin-left: calc(-1 * var(--ec-space-3) - 1px);background: none;border: 0;border-left: 2px solid transparent;border-radius: 0;color: var(--ec-color-text-muted);}.eb-toc a:hover{border: 0;border-left: 2px solid var(--ec-color-border-strong);color: var(--ec-color-text);}.eb-toc a.is-current{border-left-color: var(--ec-color-accent);color: var(--ec-color-text);font-weight: 650;}}.ec-article p,.ec-article li{line-height: 1.65;}.eb-cite{margin-top: var(--ec-space-6);padding: var(--ec-space-4);background: var(--ec-color-surface-alt);border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-md);}.eb-cite h2{margin: 0 0 var(--ec-space-2);font-size: 1.1rem;font-weight: 650;}.eb-cite p{margin: 0 0 var(--ec-space-3);max-width: 72ch;font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);overflow-wrap: anywhere;}.eb-safety{margin: var(--ec-space-2) 0 var(--ec-space-4);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-safety a{color: var(--eb-accent-text);}.eb-author{display: flex;align-items: center;gap: var(--ec-space-3);margin-top: var(--ec-space-5);padding-top: var(--ec-space-4);border-top: 1px solid var(--ec-color-border);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-author a{color: var(--ec-color-text);}.eb-embed{margin-top: var(--ec-space-5);color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-embed summary{color: var(--ec-color-text);font-weight: 650;}.eb-embed textarea{box-sizing: border-box;width: 100%;padding: var(--ec-space-2);border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);background: var(--ec-color-surface);color: var(--ec-color-text);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-xs);}.eb-list{margin: 0;padding: 0;list-style: none;}.eb-list li{padding: var(--ec-space-3) 0;border-bottom: 1px solid var(--ec-color-border);}.eb-list a{display: block;font-weight: 650;text-decoration: none;}.eb-list a:hover,.eb-list a:focus-visible{color: var(--eb-accent-text);text-decoration: underline;}.eb-list span{color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-prose{max-width: 46rem;}.eb-prose h2{margin-top: var(--ec-space-6);font-size: 1.35rem;font-weight: 700;letter-spacing: -0.015em;}.eb-prose p,.eb-prose li{line-height: 1.65;}.eb-prose a{color: var(--eb-accent-text);}.eb-table{overflow-x: auto;border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-md);background: var(--ec-color-surface);}.eb-table table{width: 100%;border-collapse: collapse;font-size: var(--ec-font-size-sm);}.eb-table th,.eb-table td{padding: 0.55rem 0.75rem;border-bottom: 1px solid var(--ec-color-border);text-align: left;white-space: nowrap;}.eb-table tr:last-child > *{border-bottom: 0;}.eb-table thead th{color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);font-weight: 650;letter-spacing: 0.06em;text-transform: uppercase;}.eb-table td{font-family: var(--ec-font-mono);font-variant-numeric: tabular-nums;}.eb-az-tools{display: flex;flex-wrap: wrap;gap: var(--ec-space-3);align-items: center;margin: var(--ec-space-4) 0;}.eb-az-tools input{flex: 1;min-width: min(100%,16rem);max-width: 28rem;padding: 0.6rem 0.8rem;border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);background: var(--ec-color-surface);color: var(--ec-color-text);font: inherit;}.eb-az-tools input:focus{outline: none;border-color: var(--ec-color-focus);box-shadow: var(--ec-focus-ring);}.eb-az-count{color: var(--ec-color-text-muted);font-size: var(--ec-font-size-sm);}.eb-letters{display: flex;flex-wrap: wrap;gap: 4px;margin: 0 0 var(--ec-space-5);}.eb-letters a{display: grid;place-items: center;min-width: 2rem;height: 2rem;border: 1px solid var(--ec-color-border-strong);border-radius: var(--ec-radius-sm);background: var(--ec-color-surface);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);font-weight: 650;text-decoration: none;}.eb-letters a:hover{border-color: var(--ec-color-accent);color: var(--eb-accent-text);}.eb-az-group{display: grid;gap: var(--ec-space-2);margin-bottom: var(--ec-space-5);}.eb-az-group h2{margin: 0;padding-bottom: var(--ec-space-1);border-bottom: 1px solid var(--ec-color-border-strong);color: var(--eb-accent-text);font-family: var(--ec-font-mono);font-size: 1.2rem;}.eb-az-group ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,19rem),1fr));gap: 2px var(--ec-space-5);margin: 0;padding: 0;list-style: none;}.eb-az-group li{display: flex;justify-content: space-between;gap: var(--ec-space-3);padding: 0.35rem 0;border-bottom: 1px dashed var(--ec-color-border);font-size: var(--ec-font-size-sm);}.eb-az-group li a{color: var(--ec-color-text);font-weight: 600;text-decoration: none;}.eb-az-group li a:hover{color: var(--eb-accent-text);text-decoration: underline;}.eb-az-group li span{flex: none;color: var(--ec-color-text-muted);font-size: var(--ec-font-size-xs);}.eb-notfound{display: grid;gap: var(--ec-space-4);justify-items: start;max-width: 40rem;}.eb-notfound .eb-search{width: 100%;}.eb-footer{margin-top: var(--ec-space-7);padding: var(--ec-space-6) 0 var(--ec-space-5);background-color: var(--eb-foot);background-image: linear-gradient(var(--eb-foot-line) 1px,transparent 1px),linear-gradient(90deg,var(--eb-foot-line) 1px,transparent 1px);background-size: 24px 24px;color: var(--eb-foot-muted);font-size: var(--ec-font-size-sm);}.eb-footer-grid,.eb-footer-base{max-width: var(--eb-wide);margin: 0 auto;padding-left: max(16px,env(safe-area-inset-left,0px));padding-right: max(16px,env(safe-area-inset-right,0px));box-sizing: border-box;}.eb-footer-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--ec-space-5);}.eb-footer-about{grid-column: 1 / -1;display: grid;gap: var(--ec-space-2);align-content: start;}.eb-footer .eb-brand{color: var(--eb-foot-ink);}.eb-footer p{margin: 0;}.eb-footer ul{display: grid;gap: 0.3rem;margin: 0;padding: 0;list-style: none;}.eb-footer a{color: var(--eb-foot-muted);text-decoration: none;}.eb-footer a:hover,.eb-footer a:focus-visible{color: var(--eb-foot-ink);text-decoration: underline;}.eb-footer-promise{color: var(--eb-foot-ink);font-size: 1rem;font-weight: 650;}.eb-footer-title{margin-bottom: var(--ec-space-2) !important;color: var(--eb-foot-ink);font-weight: 650;}.eb-footer-base{display: grid;gap: var(--ec-space-2);margin-top: var(--ec-space-6);}.eb-footer-base > :first-child{padding-top: var(--ec-space-4);border-top: 1px solid var(--eb-foot-line);}@media (min-width: 48rem){.eb-footer-grid{grid-template-columns: 2fr 1fr 1fr 1fr;}.eb-footer-about{grid-column: auto;max-width: 22rem;}}:where(a,summary,input,button):focus-visible{outline: 2px solid var(--ec-color-focus);outline-offset: 2px;}.eb-header :where(a,summary,button):focus-visible,.eb-footer a:focus-visible,.eb-promo a:focus-visible{outline-color: var(--eb-hi);}@media (prefers-reduced-motion: no-preference){.eb-card,.eb-field,.eb-chips a,.eb-btn,.eb-search input,.eb-toc a{transition: border-color 0.15s,box-shadow 0.15s,color 0.15s;}}#calculator:empty{min-height: 100vh;}#calculator:empty ~ *,body:has(#calculator:empty) .eb-footer{visibility: hidden;animation: eb-reveal 0s linear 5s forwards;}@keyframes eb-reveal{to{visibility: visible;}}@media print{.eb-header,.eb-footer,.eb-author,.eb-search,.eb-chips,.eb-toc,.eb-embed,.eb-actions,.eb-cite button,.eb-palette,#tests{display: none !important;}.eb-body{display: block;}}.eb-az-group[hidden],.eb-az-group li[hidden]{display: none;}.eb-prose .eb-code{overflow-x: auto;padding: var(--ec-space-3) var(--ec-space-4);background: var(--ec-color-surface);border: 1px solid var(--ec-color-border);border-radius: var(--ec-radius-sm);font-family: var(--ec-font-mono);font-size: var(--ec-font-size-sm);white-space: pre-wrap;word-break: break-all;}