.proxy-demo{--proxy-blue:#16486a;--proxy-orange:#b65b20;--proxy-paper:#faf7f0;color:#19303e;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem) 3rem}.proxy-demo .demonstration-entry{display:block;min-height:0;padding:1.2rem 0 0}.proxy-demo .proxy-opening{padding:clamp(1.5rem,5vw,4rem) 0 2.5rem;max-width:960px}.proxy-demo h1{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.06;max-width:850px;color:var(--proxy-blue)}.proxy-demo h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.16;color:var(--proxy-blue)}.proxy-demo h3{font-family:Georgia,serif;font-size:1.6rem;margin-top:1.6rem;color:var(--proxy-blue)}.proxy-demo p{line-height:1.65;max-width:85ch}.proxy-demo .proxy-lede{font-size:1.2rem;max-width:58ch}.proxy-demo .proxy-section{display:block;min-height:0;border-top:1px solid #c6d0d4;padding:2rem 0 3rem;scroll-margin-top:130px}.proxy-demo .proxy-section h2{margin:.6rem 0 1.3rem;max-width:30ch}.proxy-demo figure{margin:1.5rem 0}.proxy-demo .proxy-index{font:600 .82rem/1.4 system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--proxy-orange)}.proxy-demo .proxy-ribbon{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1.5rem 0;align-items:center}.proxy-demo button,.proxy-demo select,.proxy-demo input[type=search]{min-height:44px;font:inherit;padding:.55rem .85rem;border:1px solid #b5c4cc;border-radius:4px;background:#fff;color:var(--proxy-blue);max-width:100%}.proxy-demo button{cursor:pointer}.proxy-demo button[aria-pressed=true]{background:var(--proxy-blue);color:#fff;border-color:var(--proxy-blue)}.proxy-demo :focus-visible{outline:3px solid var(--proxy-orange);outline-offset:3px}.proxy-demo .proxy-weights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.proxy-demo .proxy-weight{border-bottom:3px solid var(--proxy-blue);padding:1.2rem;background:var(--proxy-paper)}.proxy-demo .proxy-weight input{width:100%;accent-color:var(--proxy-orange);min-height:44px;cursor:pointer}.proxy-demo .proxy-weight output{font:2rem Georgia,serif;color:var(--proxy-orange);display:block;margin:.5rem 0}.proxy-demo .proxy-weight span{font-size:.95rem;line-height:1.5;display:block}.proxy-demo .proxy-stats{font:1.25rem/1.6 Georgia,serif;border-left:3px solid var(--proxy-orange);padding-left:1rem;max-width:75ch}.proxy-demo .proxy-plot{width:100%;height:auto;max-height:430px;background:var(--proxy-paper);border-bottom:1px solid #c6d0d4}.proxy-demo .proxy-plot text{fill:var(--proxy-blue);font-family:system-ui;font-size:13px}.proxy-demo .proxy-plot .proxy-dot{fill:var(--proxy-blue);opacity:.6;transition:cx .25s,cy .25s}.proxy-demo .proxy-plot .proxy-dot.is-selected{fill:var(--proxy-orange);opacity:1;stroke:#fff;stroke-width:2}.proxy-demo .proxy-table-wrap{overflow-x:auto;max-width:100%;margin:1.2rem 0}.proxy-demo table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:560px}.proxy-demo th,.proxy-demo td{text-align:left;padding:.8rem;border-bottom:1px solid #d1d9dc;vertical-align:top;line-height:1.45}.proxy-demo th{color:var(--proxy-blue);background:var(--proxy-paper)}.proxy-demo .proxy-pillars{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem 0}.proxy-demo .proxy-pillar-value{font:2.6rem Georgia,serif;color:var(--proxy-blue);display:block}.proxy-demo .proxy-small{font-size:.9rem;color:#435760}.proxy-demo .proxy-status{padding:.8rem 0;font-weight:600;color:var(--proxy-orange)}.proxy-demo details{border-top:1px solid #d1d9dc;padding:1rem 0;margin-top:1rem}.proxy-demo summary{font-weight:600;cursor:pointer;min-height:44px;display:list-item}.proxy-demo .proxy-source-list{padding-left:1.2rem;line-height:1.7;overflow-wrap:anywhere}.proxy-demo .proxy-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0}.proxy-demo .proxy-path li{border-top:2px solid var(--proxy-blue);padding:1rem 0;line-height:1.6}.proxy-demo .proxy-motion{animation:proxy-arrive .4s ease-out both}@keyframes proxy-arrive{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:640px){.proxy-demo .proxy-weights,.proxy-demo .proxy-pillars,.proxy-demo .proxy-path{grid-template-columns:1fr}.proxy-demo .proxy-weight{padding:1rem}.proxy-demo .proxy-plot text{font-size:16px}.proxy-demo .proxy-opening{padding-top:1rem}.proxy-demo .proxy-ribbon>*{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.proxy-demo .proxy-motion{animation:none}.proxy-demo .proxy-dot{transition:none}}@media print{.proxy-demo button,.proxy-demo input,.proxy-demo select{display:none}.proxy-demo details{display:block}.proxy-demo .proxy-section{break-inside:avoid}.proxy-demo .proxy-motion{animation:none}.proxy-demo .proxy-weights{grid-template-columns:repeat(3,1fr)}}