/* Phone layout for /guides/*.html (loaded at (max-width: 760px)). */
/* Long-form how-to text on a phone: 16px side padding, body copy at 15px,
   the comparison table scrolls inside its own box, and the bell sits in the
   header row ([data-notify-bell] slot) so it scrolls away with the logo. */

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

.guide { padding: 6px 16px calc(56px + env(safe-area-inset-bottom)); }
.guide h1 { font-size: 1.6rem; line-height: 1.2; }
.guide .date { font-size: 12.5px; margin-bottom: 18px; }
.guide h2 { font-size: 1.15rem; line-height: 1.35; margin: 30px 0 10px; }
.guide h3 { font-size: 1rem; }
.guide p, .guide li { font-size: 15px; line-height: 1.6; }
.guide ol, .guide ul { margin-left: 18px; }
.guide a { overflow-wrap: anywhere; }
.answer { padding: 14px; }
.table-wrap { margin: 0 -16px 18px; padding: 0 16px; -webkit-overflow-scrolling: touch; }
.cta { display: block; text-align: center; min-height: 44px; }