/* Fixed reading order: clock/control, current action, quantities, next action. */
.live-shell .live-body {justify-content:flex-start;padding:32px 24px;gap:0}
.live-clock {display:grid;grid-template-columns:6ch 64px;align-items:center;justify-content:center;gap:24px;flex:none;margin:0 0 32px;font-size:var(--type-display)}
.live-clock-value {font-size:var(--type-display);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0;text-align:right;white-space:nowrap}
.live-toggle {display:grid;place-items:center;box-sizing:border-box;width:64px;height:64px;min-width:64px;min-height:64px;padding:0;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer;flex:none}
.live-toggle svg {width:24px;height:24px;flex:none}
.live-toggle:hover {background:var(--accent);border-color:var(--accent)}
.live-toggle:focus-visible {outline:2px solid var(--accent);outline-offset:4px}
.live-shell .live-body h1 {font-size:var(--type-title);line-height:1.15;margin:0;max-width:22ch}
.live-shell .live-body>p:not(.timer-hint) {margin:16px 0 0;line-height:1.5;max-width:42ch}
.live-shell .live-measures {margin:24px 0 0;gap:24px}
.live-shell .live-measures b {font-size:var(--type-title)}
.live-shell .timer-hint {margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line);max-width:42ch;line-height:1.5}
@media(max-width:800px){
 .live-shell .live-body {padding:32px 16px 48px}
 .live-clock {display:block}
 .live-clock-value {display:block;text-align:center;min-width:5ch}
 .live-shell>footer {display:grid;grid-template-columns:1fr 64px 1fr;gap:16px;position:relative;overflow:visible;border-top:1px solid var(--line);padding:12px 16px max(12px,env(safe-area-inset-bottom))}
 .live-shell>footer .live-toggle {grid-column:2;grid-row:1;transform:translateY(-24px);box-shadow:0 0 0 8px var(--paper)}
 .live-shell>footer [data-action="live-prev"] {grid-column:1;grid-row:1;justify-self:start;padding:0;min-width:48px}
 .live-shell>footer [data-action="live-next"] {grid-column:3;grid-row:1;justify-self:end;width:48px;height:48px;min-width:48px;padding:0;background:transparent;color:var(--ink);border:1px solid var(--line)}
 .live-shell>footer .live-next-label {display:none}
}