diff --git a/web/src/shell.css b/web/src/shell.css
index 9d1542c..7b685ce 100644
--- a/web/src/shell.css
+++ b/web/src/shell.css
@@ -67,6 +67,18 @@ main { position: fixed; inset: 0; }
 .card .gantry[data-fill="on"] { background: var(--color-signal-orange); }
 .card-actions { display: flex; gap: var(--spacing-space-sm); padding-top: var(--spacing-space-sm); }
 
+/* Device-gate feedback (2026-10-24): shell cards place text elements as direct
+   .card children — the theme's .card carries no body padding of its own, so
+   text sat at the card edges. Token-only inline padding on direct children;
+   the header plate keeps its own. */
+.card > .text-headline-md,
+.card > .text-body-md,
+.card > .text-body-sm { padding-inline: var(--spacing-space-md); }
+.card > .text-headline-md { padding-top: var(--spacing-space-sm); }
+.card > .text-body-sm:last-child { padding-bottom: var(--spacing-space-sm); }
+.card > .card-actions { padding-inline: var(--spacing-space-md); padding-bottom: var(--spacing-space-sm); }
+.card > .card-header + .text-headline-md { padding-top: var(--spacing-space-xs); }
+
 /* bottom register: recenter control (40x40 plate, >=44x44 hit target) */
 .recenter {
   position: absolute; right: var(--spacing-margin); bottom: calc(var(--safe-bottom, 0px) + var(--spacing-space-sm));