/* V42 — shared mobile polish, while preserving the V41 design language. */
.paw-mark svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

@media (max-width: 760px) {
  /* One central teddy size on every page: 20% larger than V41. */
  .teddy-guide {
    width: 70px !important;
    height: 70px !important;
    bottom: 52px !important;
  }
  .teddy-guide-bear,
  .teddy-guide-ring {
    width: 70px !important;
  }
  .teddy-guide-ring {
    height: 70px !important;
    border-width: 4px !important;
  }

  /* The familiar Top control appears only at the bottom, on the left. */
  .back-to-top {
    display: grid !important;
    left: 12px !important;
    right: auto !important;
    bottom: 88px !important;
    width: 48px;
    min-height: 62px;
  }

  /* Rating and Ofsted marks share one baseline and one height. */
  .review-trust {
    align-items: stretch !important;
  }
  .review-trust .review-score,
  .review-trust .review-ofsted {
    height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    align-self: stretch;
  }
  .review-trust .review-ofsted {
    display: grid;
    place-items: center;
  }

  /* Review controls now follow the active quote instead of overlapping it. */
  .review-stage {
    min-height: 0 !important;
    height: auto !important;
    padding: 38px 22px 24px !important;
    overflow: hidden !important;
  }
  .review-slides {
    min-height: 0 !important;
    transition: height .3s ease;
  }
  .review-card {
    inset: 0 !important;
    justify-content: flex-start !important;
    gap: 22px !important;
  }
  .review-card footer {
    align-self: center !important;
  }
  .review-nav {
    position: relative !important;
    inset: auto !important;
    margin-top: 18px;
    justify-content: space-between !important;
    transform: none !important;
  }
  .review-dots {
    position: static !important;
    transform: none !important;
  }
  .reviews-source {
    position: relative !important;
    inset: auto !important;
    margin: 16px auto 0 !important;
  }

  /* Our Story actions borrow the compact Home pill and its round arrow. */
  .story-mini-action,
  .service-action {
    min-height: 43px !important;
    width: fit-content !important;
    padding: 5px 6px 5px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid rgba(104,72,97,.12) !important;
    border-radius: 999px !important;
    background: rgba(255,253,249,.92) !important;
    color: #5b4655 !important;
    box-shadow: 0 10px 26px rgba(71,48,61,.09) !important;
    font: 700 .7rem/1 "DM Sans",Arial,sans-serif !important;
  }
  .story-mini-action-icon {
    width: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 31px;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e8d8e7 !important;
    color: #66485f !important;
    font-size: 1rem !important;
  }
  .service-action {
    margin-top: 24px !important;
  }
  .service-action > span:first-child {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .story-actions .story-action {
    border-radius: 999px !important;
    padding: 6px 7px !important;
  }
  .story-actions a > b {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    border-radius: 50%;
    background: #e8d8e7;
    color: #66485f;
  }
  .story-actions .story-primary > b {
    background: rgba(255,255,255,.2);
    color: #fff;
  }
}

@media (max-width: 390px) {
  .teddy-guide,
  .teddy-guide-bear,
  .teddy-guide-ring {
    width: 70px !important;
  }
  .teddy-guide,
  .teddy-guide-ring {
    height: 70px !important;
  }
}