/* Ma (12 Nov 2026): a Japanese-minded pass over every guest page.
   Restraint, room to breathe, quiet hierarchy, one line where there were two, nothing boxed
   that space can hold, and edges that line up. Same fonts, colours, words and prices.
   Loaded last on every page that has the ink look. To put it back: remove the link in Site.astro
   (the single-hairline and lighter-rule edits live in the stylesheets themselves). */

html body.ink #rt-site.rt-shell #siteWrapper.v2.v2 {
  --ma-line: rgba(23, 46, 70, .1);
  --ma-line-dark: rgba(255, 255, 255, .15);

  /* Quieter labels: the place name over a heading steps back, the heading leads */
  & .v2-kicker { font-size: 17px; margin-bottom: 12px; }
  & h2 { margin-bottom: 26px; }
  & .v2-actions { margin-top: 36px; }

  /* The title strip: a short mark instead of a rule across the page */
  & .v2-tb { position: relative; border-top: 0; padding-top: 22px; font-size: 16px; }
  & .v2-tb::before { content: ""; position: absolute; top: 0; left: 0; width: 32px; border-top: 1px solid currentColor; }
  & .v2-tb span:last-child { font-size: 15px; }

  /* Lists that open things: a hairline, not a heavy blue rule */
  & :is(.v2-index, .v2-faq, .v2-steps, .oc-facts, .oc-menu > div, .v2-mn-small, .v2-mn-nav__list, .rt-tt-card, .hs-legal__head) { border-top-color: var(--ma-line); }
  & :is(.v2-sec--navy, .v2-sec--green, .v2-book) :is(.v2-index, .v2-faq, .v2-steps, .oc-facts, .v2-book__list) { border-top-color: var(--ma-line-dark); }

  /* Nothing boxed that space can hold */
  & .v2-note-box { border: 0; border-top: 1px solid var(--ma-line-dark); padding: 24px 0 0; }

  /* Photo trios sit on one line */
  & .v2-trio figure { margin-top: 0 !important; margin-bottom: 0 !important; }

  /* Links: one fine line, a little space under the words */
  & .v2-link { padding-bottom: 5px; }
  & .v2-more > summary > span { padding-bottom: 3px; }
}

/* Phones: the same calm, without making pages longer than they need to be */
@media (max-width: 600px) {
  html body.ink #rt-site.rt-shell #siteWrapper.v2.v2 {
    & .v2-kicker { font-size: 16px; }
    & h2 { margin-bottom: 20px; }
    & .v2-actions { margin-top: 30px; }
    & .v2-tb { padding-top: 18px; font-size: 15px; gap: 2px; }
    & .v2-tb span:last-child { font-size: 14px; }
    & .v2-note-box { padding-top: 20px; }
  }
}