.margin-summary{padding:14px;display:grid;gap:14px}.margin-summary__top{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:12px;padding:0 44px}.margin-summary__header{display:grid;gap:8px;justify-items:center;text-align:center}.margin-summary__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.margin-summary__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.margin-summary__chip{border:1px solid var(--field-border);font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);border-radius:999px;padding:4px 10px;color:var(--muted);background:color-mix(in oklab,var(--surface) 96%,transparent)}.margin-summary__action{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:0;right:0}.margin-summary__action .icon-button{flex-shrink:0}.margin-summary__hero{border:1px solid var(--field-border);border-radius:14px;border-color:color-mix(in oklab,var(--primary) 22%,transparent);background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 10%,var(--surface)),color-mix(in oklab,var(--primary) 3%,var(--surface)));padding:18px 16px;display:grid;gap:6px;justify-items:center;text-align:center}.margin-summary__hero-label{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.margin-summary__hero-value{font-size:2rem;font-weight:700;line-height:1.2;color:var(--primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.margin-summary__hero-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px}.margin-summary__delta{font-size:12px;font-weight:700;line-height:1.5;font-family:var(--font-sans);border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);border-radius:999px;padding:2px 10px;color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--surface));font-variant-numeric:tabular-nums}.margin-summary__delta--negative{border-color:color-mix(in oklab,var(--danger) 30%,transparent);color:var(--danger);background:color-mix(in oklab,var(--danger) 8%,var(--surface))}.margin-summary__meter{display:grid;gap:8px}.margin-summary__meter-title{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);margin:0;color:var(--muted)}.margin-summary__meter-track{display:flex;height:14px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--text) 9%,transparent)}.margin-summary__meter-seg{display:block;width:var(--seg-width, 0%);height:100%}.margin-summary__meter-seg+.margin-summary__meter-seg{border-left:1px solid color-mix(in oklab,var(--surface) 60%,transparent)}.margin-summary__meter-seg--profit{background:var(--chart-profit)}.margin-summary__meter-seg--base{background:var(--chart-neutral)}.margin-summary__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.margin-summary__legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans)}.margin-summary__swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.margin-summary__swatch--profit{background:var(--chart-profit)}.margin-summary__swatch--base{background:var(--chart-neutral)}.margin-summary__legend-label{color:var(--muted)}.margin-summary__legend-pct{font-variant-numeric:tabular-nums;font-weight:600}.margin-summary__meter-note{font-size:12px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin:0;color:var(--danger)}.margin-summary__metrics{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.margin-summary__metric{border:1px solid var(--field-border);padding:12px;border-radius:12px;background:color-mix(in oklab,var(--surface) 96%,transparent);display:grid;gap:4px}.margin-summary__metric-label{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted)}.margin-summary__metric-value{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:480px){.margin-summary__hero-value{font-size:1.6rem}}#marginCalculatorResult{scroll-margin-top:80px}.margin-calculator-page__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin-bottom:12px}.margin-calculator-page__top-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:flex-start}.margin-calculator-page__top-row--with-ad{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.margin-calculator-page__inputs,.margin-calculator-page__top-ad{min-width:0}.margin-calculator-page__top-ad{display:flex;align-items:stretch;min-height:300px}.margin-calculator-page__top-ad .ad-slot{width:100%;min-height:100%;margin:0}.margin-calculator-page__results{display:block}@media(max-width:760px){.margin-calculator-page{display:flex;flex-direction:column}.margin-calculator-page__top-row,.margin-calculator-page__top-row--with-ad{display:contents}.margin-calculator-page__inputs{order:1;width:100%;margin-bottom:12px}.margin-calculator-page__results{order:2}.margin-calculator-page__top-ad{order:3;width:100%;margin:12px 0}.margin-calculator-page__rest{order:4}}