.panel-page{display:block;max-width:1160px;margin:auto;padding:28px 24px 48px;color:var(--ink)}
.panel-intro{max-width:800px;margin:0 0 26px}.panel-intro h1{font-size:32px;margin:8px 0}.panel-intro>p{line-height:1.85;margin:10px 0}.panel-intro .panel-lead{font-size:20px;font-weight:700}.panel-intro>a{font-size:13px}
.panel-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start;padding:0}.panel-settings{display:grid;gap:18px;min-width:0}
.panel-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.panel-section h2{font-size:20px;margin:0 0 18px}.panel-section label{display:block;font-size:13px;line-height:1.7;margin:0 0 14px}.panel-section input:not([type=range]),.panel-section select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:white;border:1px solid #d4dfda;border-radius:7px;padding:10px;min-height:44px;margin-top:6px;box-sizing:border-box}.panel-section input:focus-visible,.panel-section select:focus-visible,.panel-secondary:focus-visible{outline:3px solid #9675c7;outline-offset:2px}.panel-section input[type=range]{display:block;width:100%;min-height:30px;margin:10px 0;accent-color:var(--green)}
.panel-two,.panel-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel-two>*,.panel-candidates>*{min-width:0}.panel-section select{font-size:13px}.panel-note{font-size:12px;line-height:1.85;color:var(--muted);margin:8px 0 14px}.panel-note a{color:var(--green)}.panel-selected{font-size:13px;line-height:1.85;overflow-wrap:anywhere}.panel-total{font-size:13px;font-weight:700;line-height:1.8;background:#edf6f1;padding:12px;border-radius:8px}.panel-secondary{font:inherit;font-size:13px;border:1px solid #b7cdc2;border-radius:7px;padding:10px 14px;background:white;color:var(--ink)}.panel-secondary:hover{background:#eff6f0}
.panel-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px;line-height:1.8}.panel-candidates fieldset{margin:0;padding:14px 12px 0;border:1px solid var(--line);border-radius:10px}.panel-candidates legend{font-size:14px;font-weight:700;padding:0 5px}.panel-candidates fieldset:first-child{background:#f2f7fd}.panel-candidates fieldset:last-child{background:#fff7ec}.panel-advanced{margin-top:16px;padding-top:8px;border-top:1px solid var(--line)}.panel-advanced summary{font-size:14px;padding:12px 0}.panel-advanced summary::after{content:none}.panel-advanced>label{margin-top:12px}.panel-advanced output{font-weight:700;font-variant-numeric:tabular-nums}
.panel-result-inner{position:sticky;top:18px}.panel-result-card .eyebrow{font-size:10px;line-height:1.8}.panel-result-card h2{margin-top:10px}.panel-verdict{font-size:17px;font-weight:700;line-height:1.85;margin:16px 0 22px}.panel-comparison-bars{display:grid;gap:18px;margin:20px 0}.panel-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;margin-bottom:7px}.panel-bar-label strong{font-size:21px;font-variant-numeric:tabular-nums;white-space:nowrap}.panel-bar-track{height:14px;background:#edf0eb;overflow:hidden}.panel-bar-mark{height:100%}.panel-bar-mark.is-stat{background:#5682b5}.panel-bar-mark.is-power{background:#c88230}.panel-boundary{padding:14px 0;border-top:1px solid var(--line);line-height:1.85;font-size:13px}.panel-efficiency{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8}.panel-efficiency th,.panel-efficiency td{padding:9px 0;text-align:left;border-bottom:1px solid var(--line);font-weight:400}.panel-efficiency td{text-align:right;font-variant-numeric:tabular-nums}.panel-efficiency caption{text-align:left;font-weight:700;margin:8px 0}.panel-efficiency-result{font-size:13px;line-height:1.85}.panel-error{color:#a63737;font-size:13px;line-height:1.8;margin:0}.panel-status{line-height:1.8;padding:18px 0}.panel-method{max-width:860px;margin:34px auto 0;line-height:1.95;font-size:14px;scroll-margin-top:20px}.panel-method h2{font-size:23px}.panel-method h3{font-size:17px;margin-top:26px}.panel-method code{background:#f0eee6;border-radius:4px;padding:3px 5px;overflow-wrap:anywhere}.panel-equation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.panel-equation p{background:#f2f5ee;margin:0;padding:16px;border-radius:10px}.panel-equation strong,.panel-equation code{display:block}.panel-equation code{margin-top:8px;background:transparent;font-size:18px;padding:0}
.grid-panel-page [hidden]{display:none!important}
.panel-results{position:relative;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.panel-advanced summary{display:list-item;list-style:disclosure-closed;margin-left:16px}.panel-advanced[open] summary{list-style:disclosure-open}
.panel-table-wrap{overflow-x:auto;margin:18px 0}.panel-examples-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:1.8}.panel-examples-table th,.panel-examples-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal;overflow-wrap:anywhere}.panel-examples-table thead th:first-child{width:46%}.panel-examples-table tbody th{font-weight:500;background:transparent;color:var(--ink);width:46%}.panel-examples-table small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.panel-examples-table td{font-variant-numeric:tabular-nums}.panel-examples-table strong{color:var(--green)}
@media(max-width:520px){.panel-examples-table th,.panel-examples-table td{padding:10px 6px;overflow-wrap:anywhere}.panel-examples-table{font-size:12px}}
@media(max-width:850px){.panel-layout{grid-template-columns:1fr}.panel-result-inner{position:static}.panel-results{grid-row:2}.panel-intro{max-width:none}}
@media(max-width:520px){.panel-page{padding:22px 12px 32px}.panel-section{padding:18px}.panel-intro h1{font-size:27px}.panel-intro .panel-lead{font-size:18px}.panel-two,.panel-candidates{grid-template-columns:1fr}.panel-equation{grid-template-columns:1fr}.panel-bar-label strong{font-size:20px}.panel-verdict{font-size:16px}.panel-method{font-size:13px}.panel-method h2{font-size:21px}}