/* Ink Ink desktop correction layer — minor review pass.
   Global styles.css is the locked last-known-good copy.
   This file changes only the explicitly requested desktop items. */

@media (min-width:701px){
  /* Use the site's original divider class/gradient. These inserted dividers are desktop-only. */
  .desktop-review-divider{display:block !important;}

  /* Remove the temporary full-width solid hero borders from the prior desktop patch. */
  body.piercing-page .about-hero,
  body.studio-page:not(.contact-page) .about-hero{
    border-bottom:0 !important;
  }

  /* Tattoo artist profile: all four actions use one identical footprint. */
  body.tattoo-page #tattoo-artists .team-profile-grid .actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.85rem !important;
    width:100% !important;
  }
  body.tattoo-page #tattoo-artists .team-profile-grid .actions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    flex:0 0 58px !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    margin:0 !important;
    padding:.72rem .85rem !important;
    line-height:1.14 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  /* Piercer profile: every action, including Paulie730.com, uses the same footprint. */
  body.piercing-page #piercers .team-profile-grid .actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.85rem !important;
    width:100% !important;
  }
  body.piercing-page #piercers .team-profile-grid .actions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    flex:0 0 58px !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
    margin:0 !important;
    padding:.72rem .85rem !important;
    line-height:1.14 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  /* Aftercare opening four cards: keep the card geometry, only contain the text. */
  body.resources-safe-fix #resources .resource-grid > article{
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  body.resources-safe-fix #resources .resource-grid > article .eyebrow.mini{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:clamp(1.15rem,1.55vw,1.55rem) !important;
    line-height:1.22 !important;
    letter-spacing:.09em !important;
    text-align:center !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
  body.resources-safe-fix #resources .resource-grid > article h3{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
  body.resources-safe-fix #resources .resource-grid > article p:not(.eyebrow){
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
}

/* Do not introduce these new divider elements into the already-approved mobile layout. */
@media (max-width:700px){
  .desktop-review-divider{display:none !important;}
  .desktop-paulie-link{display:none !important;}
}

/* Final Aftercare desktop text-fit correction — first two card labels only. */
@media (min-width:701px){
  body.resources-safe-fix #resources .resource-grid > article:nth-child(-n+2) .eyebrow.mini{
    font-size:1.05rem !important;
    line-height:1.18 !important;
    letter-spacing:.055em !important;
    width:10.5ch !important;
    max-width:10.5ch !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}