/* Routinely's website: a plain document (Jordan, 2026-10-22: "as basic as
   possible"). White page, the iPhone's own font, one text size for
   everything but headings, blue links. LIGHT, even when the phone is in
   dark mode (Jordan, 2026-10-23: "make the website light mode not dark
   mode"), unless the home page's Dark mode button is tapped (theme.js). */
:root {
  color-scheme: light;
  --page: #ffffff;
  --text: #1c1c1e;
  --muted: #6c6c70;
  --link: #0a66d6;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #000000; --text: #f2f2f7; --muted: #aeaeb2; --link: #4ea1ff;
}
* { box-sizing: border-box; }
html, body { background: var(--page); }
body {
  margin: 0;
  font: 17px/1.5 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  color: var(--text);
  -webkit-text-size-adjust: 100%;
}
main {
  max-width: 600px;
  margin: 0 auto;
  padding: 28px max(20px, env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
}
h1 { font-size: 28px; line-height: 1.2; margin: 0 0 6px; text-wrap: balance; }
/* 60 between groups (Jordan, 2026-10-23). */
h2 { font-size: 20px; line-height: 1.3; margin: 60px 0 8px; text-wrap: balance; }
p { margin: 0 0 12px; }
/* Blue, no underline, as links are in iOS (Jordan, 2026-10-23). */
a { color: var(--link); text-decoration: none; }
ul { padding-left: 20px; margin: 0 0 12px; }
li { margin-bottom: 8px; }
.muted { color: var(--muted); }
.foot { margin-top: 32px; }
.icon { display: block; width: 64px; height: 64px; border-radius: 15px; margin-bottom: 4px; }

/* Bold-label lines without bullets (Jordan, 2026-10-23: "get rid of the •"). */
ul.plain { list-style: none; padding-left: 0; }

/* THE HOME PAGE (Jordan, 2026-10-23): only the links, at the bottom of
   the screen. The name is in the tab's title. */
main.home { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column;
  /* As far from the top and bottom as from the sides (Jordan: "more bottom aligned"). */
  padding-top: max(20px, env(safe-area-inset-top));
  padding-bottom: max(20px, env(safe-area-inset-bottom)); }
main.home ul.plain { margin: auto 0 0; }
main.home ul.plain li:last-child { margin-bottom: 0; }

/* THE FOOTER LINKS IN ONE ROW, blue dots between (Jordan, 2026-10-23), on
   the privacy page. Wraps between links, never inside one,
   and a dot ends a line rather than starting the next. */
ul.plain.foot li { display: inline; margin: 0; white-space: nowrap; }
ul.plain.foot li:not(:last-child)::after { content: " •"; color: var(--link); }

/* The light and dark crossfade (theme.js), a little slower than the default. */
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.4s; }

/* Long lines of code (the robot page's user agent) wrap rather than widen the page. */
code { overflow-wrap: anywhere; }