/* PAYA — guides and guides hub only (/guides/, /th/guides/ and their articles), loaded after styles.css.
   styles.css is not edited: the service pages never load this file. Merged from guides/guides.css-snippet-gel-nail-finishes.txt (A4)
   + the hub cards. Built only by build_prod.py --guides. */

/* Title block: compact page-hero, as on /prices/ */
.page-hero h1 { font-size: clamp(1.9rem, 1.5rem + 2vw, 2.6rem); margin-bottom: var(--s-3); }
.page-hero .breadcrumb { margin-bottom: var(--s-4); }

/* Article sections: air above an H3 that follows a paragraph or an H2 (h1-h4 have margin-top 0 in styles.css) */
article .container--narrow p + h3,
article .container--narrow h2 + h3 { margin-top: var(--s-5); }

/* Two photos side by side in a narrow column: same 4:3 crop as /nails/ */
article .container--narrow .split .photo-frame img { aspect-ratio: 4 / 3; }
article .container--narrow .split,
article .container--narrow .photo-strip,
article .container--narrow .btn-row { margin-top: var(--s-5); }

/* Hub: the one-sentence answer stays visible on phones (styles.css hides .card__text below 600px on the service cards) */
@media (max-width: 599px) {
  .guide-cards .card__text { display: block; font-size: var(--fs-xs); line-height: 1.45; }
}