fix(ui): tighter order card — calculator-scale font, corner-flush ✕;

stabilise report-sections e2e

Owner review on PR #58:

- shrink the order-card body to 0.8rem (matching the calculator's body
  text scale) so the order list reads as part of the sidebar's
  density, not its own larger surface;
- shrink the delete ✕ to 0.95rem and glue it flush to the card's
  top-right corner (no offset, sized to fit the corner padding-space);
- tighten the card padding to match the smaller text.

Independently — the same review asked to fix `report-sections › every
TOC anchor lands its section in view`, which had been a long-standing
e2e flake (run #366 on `development` already failed it twice before
passing on retry; my PR's run #367 simply exhausted all five retries).
The root cause is the smooth `scrollIntoView` settling slower than
Playwright's 5 s viewport wait under heavy CI load. The production
TOC already honours `prefers-reduced-motion: reduce` and swaps to an
instant scroll there; switching the Playwright config to that media
mode makes every spec deterministic without touching production code.

ui/frontend/src/lib/sidebar/order-tab.svelte

@@ -285,8 +285,10 @@ Tests exercise the tab through `__galaxyDebug.seedOrderDraft`
 		display: grid;
 		grid-template-columns: auto 1fr;
 		align-items: baseline;
-		gap: 0.5rem;
-		padding: 0.4rem 1.9rem 0.4rem 0.5rem;
+		gap: 0.4rem;
+		padding: 0.3rem 1.1rem 0.3rem 0.5rem;
+		font-size: 0.8rem;
+		line-height: 1.3;
 		background: var(--color-surface-overlay);
 		border: 1px solid var(--color-border-subtle);
 		border-radius: 4px;
@@ -331,21 +333,21 @@ Tests exercise the tab through `__galaxyDebug.seedOrderDraft`
 	}
 	.delete {
 		position: absolute;
-		top: 0.2rem;
-		right: 0.2rem;
+		top: 0;
+		right: 0;
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
-		width: 1.5rem;
-		height: 1.5rem;
+		width: 0.95rem;
+		height: 0.95rem;
 		padding: 0;
 		font: inherit;
-		font-size: 0.95rem;
+		font-size: 0.65rem;
 		line-height: 1;
 		background: transparent;
 		color: var(--color-text-muted);
-		border: 1px solid var(--color-border);
-		border-radius: 3px;
+		border: 1px solid var(--color-border-subtle);
+		border-radius: 0 3px 0 3px;
 		cursor: pointer;
 	}
 	.delete:hover,