@charset "UTF-8";
/* ---------------------------------------------------------------------------
   LONE LINK — a 44px touch target for a standalone link set at prose size.
   Added 2026-08-20 with the Retreat Type page rebuild (nodes 20, 21, 22, 47).

   The painted box stays the size it should look and an invisible ::before
   carries the real target. Sizing the visible box to 44px instead would put a
   button-sized slab where a line of prose belongs.

   ONLY STANDALONE LINKS. An inline link inside a sentence is exempt under WCAG
   2.5.8 and a hit region would actively break it by overlapping the words
   around it, so those are left alone. Buttons are excluded too — a `.btn` is
   already a large target and belongs to a shared theme component.

   GATED ON max-width, NOT (pointer: coarse). A coarse pointer cannot be
   emulated from a resize in this project's browser automation, so a rule gated
   that way could not be verified here and would ship unconfirmed. 800px is the
   theme's most-used step.
   --------------------------------------------------------------------------- */
.lone-link a {
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 800px) {
  .lone-link a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
  }
}
/* ---------------------------------------------------------------------------
   ONE ADJACENCY RULE, for /about-center. Added 2026-08-21.

   The About Comfort block is a bare `.photo-gallery` grid of six images with a
   "See photographs of the grounds" link added under it. Nothing put a gap
   between them: the sitewide `p, ul, ol` rule at critical.css:471 spaces a
   paragraph from what FOLLOWS it, never from what precedes it, and
   `.photo-gallery` carries no bottom margin. Measured before this rule: 0px.
   The same defect appeared on the home page photo teaser and was caught by the
   maintainer, not by a geometry check.

   clamped(16px, 24px) is not a new value. It is byte-identical to what that
   sitewide rule already gives every paragraph, so the link sits off the grid by
   exactly one paragraph's rhythm.

   WHY IT IS NOT IN components/photo-gallery.scss, where it more obviously
   belongs: that file and its library are the pre-rebuild gallery's, deliberately
   left untouched when /photo-gallery was rebuilt, and /about-center is the only
   page still served by them. The selector is inert everywhere else — no other
   page carries both a `.photo-gallery` and a `.lone-link` — so it costs those
   pages nothing to carry it here.
   --------------------------------------------------------------------------- */
.photo-gallery + .lone-link {
  margin-top: clamp(1rem, 0.722rem + 0.889vw, 1.5rem);
}

/*# sourceMappingURL=lone-link.css.map */