.summary{padding:14px;display:grid;gap:12px}.summary__top{position:relative;display:flex;align-items:flex-start;justify-content:center;padding:0 44px}.summary__header{text-align:center;margin-bottom:2px}.summary__header .summary__note{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin:4px 0 0;text-align:center}.summary__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin-bottom:2px}.summary__subtitle{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted)}.summary__layout{display:grid;gap:12px;grid-template-columns:minmax(260px,1fr)}.summary__main{border-radius:14px;padding:14px;background:color-mix(in oklab,var(--surface) 96%,transparent);border:1px solid color-mix(in oklab,var(--text) 8%,transparent);box-shadow:0 8px 18px #0000000a;display:grid;gap:6px;justify-items:start}.summary__main-label{color:var(--muted)}.summary__main-value{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);font-variant-numeric:tabular-nums;overflow-wrap:normal;white-space:nowrap}.summary__grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary__item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px;border-radius:12px;background:color-mix(in oklab,var(--surface) 96%,transparent);border:1px solid color-mix(in oklab,var(--text) 8%,transparent);box-shadow:0 4px 12px #0000000a}.summary__item--divider{grid-column:1/-1;border-top:1px solid color-mix(in oklab,var(--text) 16%,transparent);padding-top:14px;margin-top:2px}.summary__divider-spacer{grid-column:1/-1;border-top:1px solid color-mix(in oklab,var(--text) 12%,transparent)}.summary__label{color:var(--muted)}.summary__value{font-variant-numeric:tabular-nums;overflow-wrap:normal;white-space:nowrap}.summary__note{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);text-align:left}.summary__action{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0}.summary__extra{display:grid;gap:10px}
