/* ════════════════════════════════════════════════════════════════
   legal.css — page stylesheet for returns-and-terms.html
   ----------------------------------------------------------------
   Replaces the former grooming.css dependency. Carries only the
   rules that page actually uses: the shared reset/body base and the
   compact dark page hero. Loaded in the same slot grooming.css
   occupied (after base.css, before chrome.css), so the cascade is
   unchanged.
   ════════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--pp-sans);font-weight:var(--pp-weight-body);background:var(--surface-1);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;line-height:var(--pp-lh-body);overflow-x:hidden;-webkit-text-size-adjust:100%}

/* ── Page hero ── */
.page-hero{padding:clamp(3rem,8vh,5.5rem) 0;min-height:75vh;min-height:75svh;display:flex;align-items:center;background:var(--charcoal)}
.page-hero-eyebrow{color:var(--sage-light)}
.page-hero h1{font-family:var(--pp-serif);line-height:1.05;letter-spacing:var(--pp-track-tight);margin-bottom:1rem;color:var(--ivory)}
.page-hero p{font-size:var(--pp-text-body);font-weight:var(--pp-weight-body);max-width:var(--pp-measure-narrow);line-height:var(--pp-lh-long);color:rgba(247,245,240,.92)}

/* Named replacements for the former pp-inline- hash classes */
.page-hero-inner{padding-top:4rem;padding-bottom:3.5rem;text-align:center}
.page-hero-lede{margin-left:auto;margin-right:auto}

/* ── Focus ── */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:var(--pp-radius-sm)}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

@media(max-width:767.98px){
  .container-pp{padding:0 1.25rem}
}

@media print{
  .sticky-book,.store-actions,nav{display:none!important}
  body{font-size:12pt;background:#fff}
  a[href]::after{content:' (' attr(href) ')';font-size:9pt;color:#666}
  a[href^='tel']::after{content:none}
}