/* Phone layout for /terms.html (loaded at (max-width: 760px)). */
/* Same treatment as privacy.css: ragged-right instead of justified (rivers
   at 340px), body copy up to 15px, 16px side padding, and the bell in the
   header row ([data-notify-bell] slot) so it doesn't float over the text.
   The all-caps warranty/liability paragraphs get a touch of tracking back
   and a smaller size so they stay readable in a narrow column. */

.back { padding: 14px 0 10px; }
.back .shell { min-height: 44px; }

.policy { padding: 10px 16px calc(56px + env(safe-area-inset-bottom)); }
.policy h1 { font-size: 1.7rem; line-height: 1.15; }
.policy .date { font-size: 12.5px; margin-bottom: 18px; }
.policy h2 { font-size: 1rem; line-height: 1.35; margin: 26px 0 8px; }
.policy p, .policy li { font-size: 15px; line-height: 1.6; text-align: left; }
.policy .caps { font-size: 14px; letter-spacing: .01em; }
.policy ol { margin-left: 18px; padding-left: 0; }
.policy a { overflow-wrap: anywhere; }