/* Policy pages (terms-and-conditions.php, cancellation-and-refund-policy.php, shipping-and-delivery-policy.php): the text PathShodh
   supplied (Policy/, from the old shop site), word for word, as one reading column. Same frame as the nav bar (--frame, from
   site-nav.css). Tokens from site-tokens.css. Running text is --step-body throughout; only the section headings are larger. */
.ps-policy{background:var(--bg-page);font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;
  padding:clamp(56px,6vw,96px) var(--frame) clamp(80px,8vw,128px)}
.ps-policy *,.ps-policy *::before,.ps-policy *::after{box-sizing:border-box}
.ps-policy .ps-policy-in{max-width:820px}                     /* about 75 characters a line at 20 px */
.ps-policy p,.ps-policy li{font-family:inherit;font-size:var(--step-body);line-height:var(--lh-body);letter-spacing:var(--tr-body);color:var(--text-primary);text-align:left;overflow-wrap:break-word}
.ps-policy p{margin:0 0 22px}
.ps-policy strong{font-weight:500;color:var(--text-primary)}

/* section headings ("Cancellation Policy:", "Refund Policy:") */
.ps-policy h2{margin:clamp(40px,4vw,56px) 0 22px;font-family:inherit;font-size:var(--step-h3);font-weight:500;line-height:var(--lh-h3);letter-spacing:var(--tr-h3);color:var(--text-primary);text-transform:none}
.ps-policy h2::before{content:"";display:block;width:40px;height:3px;margin-bottom:16px;border-radius:2px;background:var(--action-primary)}

/* numbered clauses, the number in crimson */
.ps-policy ol{list-style:decimal;margin:0 0 30px;padding:0 0 0 1.5em}
.ps-policy ol>li{margin:0 0 18px;padding-left:10px}
.ps-policy ol>li::marker{color:var(--text-accent);font-weight:500}
.ps-policy ol>li:last-child{margin-bottom:0}
.ps-policy p+ol,.ps-policy ol+p{margin-top:30px}

/* points under a clause */
.ps-policy ul{list-style:none;margin:12px 0 0;padding:0}
.ps-policy ul>li{position:relative;margin:0 0 10px;padding:0 0 0 26px}
.ps-policy ul>li::before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--action-primary)}
.ps-policy ul>li:last-child{margin-bottom:0}

@media (max-width:767px){
  .ps-policy ol{padding-left:1.25em}
  .ps-policy ol>li{padding-left:6px}
  .ps-policy ul>li{padding-left:22px}
}