/* Home-battery editorial UX.
   Scoped by body.battery-content, added by home-battery-next-actions.js. */

.battery-content .hero .wrap > div > h2,
.battery-content .hero .wrap > div > h3 {
  margin-top: 32px;
}

.battery-content .hero .wrap > div > h2 + p,
.battery-content .hero .wrap > div > h3 + p {
  margin-top: 12px;
}

.battery-content .hero .wrap > div > p + p {
  margin-top: 16px;
}

.battery-content .hero .wrap > div > p + h2,
.battery-content .hero .wrap > div > p + h3 {
  margin-top: 34px;
}

.battery-content .hero .wrap > div > ul,
.battery-content .hero .wrap > div > ol {
  margin-top: 14px;
  margin-bottom: 0;
  padding-left: 22px;
}

.battery-content .hero .wrap > div > li + li,
.battery-content .hero .wrap > div li + li {
  margin-top: 7px;
}

.battery-content .supporting .wrap > h2 + p,
.battery-content .supporting .wrap > h3 + p {
  margin-top: 12px;
}

.battery-content .supporting .wrap > p + p {
  margin-top: 14px;
}

.battery-content .supporting .grid {
  margin-top: 20px;
}

.battery-content .scard {
  gap: 12px;
}

.battery-content .scard p {
  line-height: 1.62;
}

.battery-content .scard p + p {
  margin-top: 3px;
}

/* A card that is itself an internal link is already the largest possible click target. */
.battery-content a.scard[href^="/"] {
  text-decoration: none;
  cursor: pointer;
  transition: border-color .13s ease, background .13s ease, box-shadow .13s ease;
}

.battery-content a.scard[href^="/"]:hover {
  border-color: var(--rule-strong);
  background: var(--accent-wash);
  box-shadow: var(--shadow);
}

/* Internal destinations presented inside a box should look actionable.
   External/evidence links and links embedded in ordinary prose remain text links. */
.battery-content article.scard > a[href^="/"],
.battery-content .scard > p:last-child > a[href^="/"] {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: auto;
  padding: 7px 11px;
  border: 1px solid var(--rule-strong);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
}

.battery-content article.scard > a[href^="/"]:hover,
.battery-content .scard > p:last-child > a[href^="/"]:hover {
  border-color: var(--ink-4);
  background: var(--surface-sunk);
  color: var(--ink);
}

.battery-content .helpbox p {
  line-height: 1.6;
}

.battery-content .helpbox p + p {
  margin-top: 11px;
}

.battery-content .battery-next-actions .result__actions {
  row-gap: 10px;
}

@media (max-width: 700px) {
  .battery-content .hero {
    padding-top: 40px;
  }

  .battery-content .hero .wrap > div > h2,
  .battery-content .hero .wrap > div > h3,
  .battery-content .hero .wrap > div > p + h2,
  .battery-content .hero .wrap > div > p + h3 {
    margin-top: 28px;
  }

  .battery-content .battery-next-actions .result__actions {
    align-items: stretch;
  }

  .battery-content .battery-next-actions .btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}