/* Reading pages: the paper world of the legal pages, plus the plates. */
@import "/legal.css";

.kicker { display: block; margin-top: 28px; }
h1 { margin-top: 10px; }
.portrait p:first-of-type { font-size: 20px; margin-top: 32px; }

.plate {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--hairline);
}
.plate h2 {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  font-size: 26px;
  line-height: 1.25;
}
.plate .by { margin-top: 8px; }
.plate .why { margin-top: 18px; }

.cta {
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid var(--hairline);
  font-size: 20px;
}
.cta a { text-decoration-thickness: 1px; text-underline-offset: 4px; }

.stores {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
}
.stores a { display: inline-flex; text-decoration: none; outline-offset: 4px; }
.stores img { height: 52px; width: auto; display: block; }
@media (max-width: 400px) {
  .stores a { flex: 1 1 100%; }
  .stores img { height: auto; width: 100%; max-width: 240px; }
}

.index-list { margin-top: 40px; padding: 0; list-style: none; }
.index-list li { margin-top: 0; }
.index-list a {
  display: block;
  padding: 22px 0;
  border-top: 1px solid var(--hairline);
  text-decoration: none;
}
.index-list .t { display: block; font-size: 21px; line-height: 1.3; }
.index-list .d { display: block; margin-top: 6px; color: var(--ink-muted); font-size: 17px; }