/* The salon pages (/salon-websites, /solo-stylist-websites, /salon-team-websites): screenshot frames and the
   two-version cards. Everything else comes from site.css, home.css and repair.css. */
.ws-phone-only { display: block; width: 260px; max-width: 70%; margin-inline: auto; border: 4px solid var(--bg-inverse); border-radius: 18px; box-shadow: var(--shadow); }
.ws-wide { display: block; width: 100%; border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow); }
.salon-versions { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: 20px; }
.salon-versions a.rs-card { display: grid; gap: 10px; color: inherit; text-decoration: none; }
.salon-versions a.rs-card:hover, .salon-versions a.rs-card:focus-visible { border-color: var(--accent); }
.salon-versions img { width: 160px; height: auto; border-radius: 8px; border: 1px solid var(--border); }
.salon-versions .more { color: var(--accent); font-weight: 600; }