/* Shared hierarchy for the existing website, including both themes. */
:root{--section-secondary:#c4c4cc;--section-copy:#c2c2ca;--section-title-size:clamp(20px,1.7vw,22px);}
html[data-theme="light"]{--section-secondary:#52525b;--section-copy:#51515a;}
html[data-theme] .s-title em,html[data-theme] .hero-h em,
#features .s-title em,#dashboard .s-title em{color:var(--section-secondary);font-weight:400;}
.s-title{line-height:1.16;}
.hero-p{width:100%;max-width:640px;text-wrap:balance;}
.hero-crm{white-space:nowrap;}
.s-desc,#features .fx-intro,#dashboard .pg-intro,#usecases .bc-intro{font-size:clamp(17px,1.4vw,18px);line-height:1.7;color:var(--section-copy);}
.pb-card h3,.stp h3,.hand-step h3,.ic h3,.fc h3,
#features .fx-copy h3,#usecases .bc-copy h3,#dashboard .pg-copy h3{font-size:var(--section-title-size);line-height:1.35;}
.pb-card p,.stp p,.hand-step p,.ic p,.fc p,.pl-txt p,
#features .fx-copy p,#usecases .bc-summary,#usecases .bc-full,#dashboard .pg-summary{font-size:16px;line-height:1.7;color:var(--section-copy);}
#features .fx-tab{font-size:16px;}
#pricing .price-desc,#pricing .price-features li,
#pricing .pricing-shared-features li,#pricing .pricing-shared-highlight p,
#pricing .pricing-details p{font-size:16px;line-height:1.7;color:var(--section-copy);}
#pricing .pricing-shared-features strong{font-size:16px;}
.problem-header{margin-bottom:36px;}
.problem-photos{margin-bottom:40px;}
.ph-fig figcaption{position:static;background:var(--card);padding:20px 22px;font-size:16px;font-weight:400;line-height:1.6;color:var(--section-copy);text-align:left;}
.ph-label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--white);}
.ph-fig:nth-child(2) .ph-label,.pb-fix b{color:var(--orange);}
html[data-theme="light"] .ph-fig:nth-child(2) .ph-label,
html[data-theme="light"] .pb-fix b{color:var(--orange-ink);}
.pb-hdr{font-size:13px;letter-spacing:1px;color:var(--section-copy);}
.pb-label{display:block;margin:16px 0 7px;font-size:13px;font-weight:700;color:var(--section-copy);}
.pb-fix{flex-direction:column;gap:7px;font-size:16px;line-height:1.7;margin-top:20px;padding-top:18px;}
.pb-fix b{font-size:13px;}
@supports(grid-template-rows:subgrid){
  .pb-grid{row-gap:0;}
  .pb-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;margin-bottom:24px;}
  .pb-icon{align-self:start;}
}
@media(max-width:600px){
  .ph-fig figcaption{padding:18px;}
  .problem-header{margin-bottom:28px;}
  .problem-photos{margin-bottom:32px;}
  .pb-card{padding:26px 22px;}
}
