.purchase-comparison{margin:44px 0;padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--panel);scroll-margin-top:100px}
.purchase-comparison>header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}
.purchase-comparison h3{font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.12;letter-spacing:-.05em;margin:18px 0 0;color:var(--data-blue,#205b86)}
.purchase-comparison>header>p{max-width:400px;color:var(--muted);font-size:18px}
.pie-modes{display:inline-flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.pie-modes button{font:inherit;font-size:17px;padding:10px 24px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.pie-modes button[aria-pressed=true]{background:var(--data-blue,#205b86);color:var(--bg)}
.pie-period{font-size:17px;color:var(--muted);margin:20px 0 0}
.pie-layout{display:grid;grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:40px;padding:18px 0}
.pie-visual{position:relative;width:100%;max-width:320px;margin:auto}
.pie-visual svg{display:block;width:100%;height:auto;overflow:visible}
.pie-segment{cursor:pointer;stroke:var(--panel);stroke-width:1.5;transition:filter .18s,opacity .18s;transform-origin:center}
.pie-segment.is-highlighted{filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--ink) 18%,transparent))}
.pie-segment:focus-visible{outline:none;stroke:var(--ink);stroke-width:3}
.pie-gold{fill:var(--pie-gold,#b08a18);background:var(--pie-gold,#b08a18)}
.pie-blue{fill:var(--data-blue,#205b86);background:var(--data-blue,#205b86)}
.pie-slate{fill:#818b7b;background:#818b7b}
.pie-center{pointer-events:none;position:absolute;inset:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pie-center strong{font-size:clamp(28px,4vw,46px);font-weight:600;letter-spacing:-.055em;line-height:1.1;color:var(--ink)}
.pie-center span{font-size:15px;line-height:1.4;margin-top:10px;color:var(--muted)}
.pie-total{margin:0 0 20px;font-size:17px;color:var(--muted)}
.pie-total strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-.045em;color:var(--ink);margin-top:5px;font-weight:600}
.pie-total>span{display:block;font-size:15px;margin-top:4px}
.pie-legend{padding:0;margin:0;list-style:none}
.pie-legend li+li{border-top:1px solid var(--line)}
.pie-legend button{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:0;border-radius:5px;padding:15px 8px;background:transparent;color:var(--ink);font:inherit;font-size:17px;cursor:pointer}
.pie-legend button.is-highlighted{background:var(--bg)}
.pie-legend small{display:block;margin-top:3px;font-size:15px;color:var(--muted)}
.pie-legend b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.pie-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.pie-detail{border-top:1px solid var(--line);margin-top:12px;padding:16px 8px 0;min-height:70px}
.pie-detail strong{display:block;font-size:20px;color:var(--data-blue,#205b86);letter-spacing:-.035em}
.pie-detail span{display:block;font-size:15px;color:var(--muted);margin-top:3px}
.pie-note,.pie-coverage,.pie-method{font-size:17px;line-height:1.7;color:var(--muted)}
.pie-coverage{border-left:2px solid var(--data-blue,#205b86);padding-left:14px;margin:10px 0 16px}
.pie-method{margin:16px 0}
.pie-method summary,.pie-table summary{cursor:pointer;color:var(--ink);font-size:17px}
.pie-method p{margin:12px 0 0!important;font-size:17px!important}
.pie-table{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;overflow-x:auto}
.pie-table table{width:100%;font-size:15px;border-collapse:collapse;margin-top:12px}
.pie-table caption{text-align:left;padding-bottom:10px;color:var(--muted)}
.pie-table th,.pie-table td{padding:10px 6px;text-align:right;border-bottom:1px solid var(--line)}
.pie-table th:first-child{text-align:left;font-weight:400}
.pie-footnote{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;color:var(--muted);font-size:15px;line-height:1.7}
.pie-footnote>p{margin:0;font-size:15px!important;line-height:1.7}
.pie-footnote-mark{color:var(--data-blue,#205b86);font-weight:600}
.pie-footnote .pie-method{margin:10px 0 0}
.pie-footnote .pie-method summary{font-size:15px}
.pie-footnote strong{font-weight:600}
.pie-empty{padding:28px 0;font-size:18px;color:var(--muted);min-height:160px}
.pie-insight{font-size:18px!important;border-top:1px solid var(--line);padding-top:18px!important}
.pie-insight strong{color:var(--data-blue,#205b86)}
.global-context.global-pie{background:var(--panel);border-color:var(--line);padding:26px}
.global-pie h3{font-size:26px;letter-spacing:-.045em;line-height:1.15;margin:14px 0 20px;color:var(--data-blue,#205b86)}
.global-pie .pie-layout{grid-template-columns:1fr;gap:12px;padding-top:8px}
.global-pie .pie-visual{max-width:210px}
.global-pie .pie-center strong{font-size:34px}
.global-pie .pie-period{font-size:15px;margin-top:16px}
.global-pie .pie-total{text-align:center;margin-bottom:10px}.global-pie .pie-total strong{display:inline;font-size:20px;margin-left:5px}
.global-pie .pie-detail{display:none}
.global-pie .pie-note{font-size:15px;margin:14px 0}
.global-pie .pie-legend button{padding:10px 5px}
.global-pie .pie-insight{color:var(--data-blue,#205b86);font-weight:600;font-size:17px!important;margin:10px 0!important}
.global-pie .global-source{display:inline-block;margin-top:6px}
.cw-packages .global-pie{--line:var(--border);--panel:var(--surface);--gold:var(--cw-gold);--data-blue:#205b86}
[data-theme=dark] .global-pie,[data-theme=dark] .purchase-comparison{--data-blue:#9bc6e6;--pie-gold:#d6b357}
.cw-workspace[data-theme=dark] .global-pie{--data-blue:#9bc6e6}
@media(max-width:720px){.purchase-comparison{padding:22px}.purchase-comparison>header{display:block}.purchase-comparison>header>p{margin-top:16px}.pie-layout{grid-template-columns:1fr;gap:10px}.pie-visual{max-width:280px}.pie-center strong{font-size:38px}.pie-total{text-align:center}.pie-legend button{font-size:17px}.pie-legend b{font-size:18px}.global-context.global-pie{padding:22px}.pie-modes{display:flex}.pie-modes button{flex:1}}
@media(prefers-reduced-motion:reduce){.pie-segment{transition:none}}