/* Approved pricing layout. Scoped to the homepage pricing section. */
#pricing .pricing-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px}
#pricing .pricing-heading h2{margin-bottom:0}
#pricing .pricing-portraits{display:flex;flex:none;padding-left:20px}
#pricing .pricing-portraits img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #fff;margin-left:-20px;display:block}
#pricing .pricing-portraits img:first-child{object-position:50% 28%}
#pricing .pricing-portraits img:nth-child(2){object-position:50% 27%}
#pricing .pricing-portraits img:last-child{object-position:50% 30%}
#pricing .pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
#pricing .pricing-toolbar>p{font-size:16px;color:var(--muted);margin:0}
#pricing .currency-picker{width:320px;flex:0 1 320px;align-self:auto;margin:0}
#pricing .currency-picker>label{font-size:12px;margin-bottom:7px}
#pricing .currency-picker #currency-note{font-size:12px;line-height:1.6;min-height:3.2em;margin:8px 0 0}
#pricing .price-card.featured{border-top-color:var(--blue)}
#pricing .price-card .tier-intro{border:0;padding:0;margin:0 0 24px;flex:1;font-weight:400;font-size:15px;line-height:1.8}
#pricing .price-card .price{margin-top:0}
#pricing .price-card .weekly-plan-details{border-top:1px solid var(--line);padding:18px 0 0;margin:0 0 22px;flex:none;min-height:148px;font-size:14px;line-height:1.75}
#pricing .weekly-plan-details li{padding-left:18px;margin-bottom:10px}
#pricing .weekly-plan-details li::before{content:'•';color:var(--muted);font-weight:400}
#pricing .price-card .button{margin-top:auto}
#pricing [hidden]{display:none!important}
#pricing .online-package-overview{padding-top:28px;border-top:1px solid var(--line);margin-top:28px}
#pricing .online-package-overview>h3{font-size:22px;margin-bottom:20px}
#pricing .online-package-overview .package-controls{margin:0 0 24px}
#pricing .online-package-overview table{min-width:0;table-layout:fixed;font-size:15px}
#pricing .online-package-overview th,#pricing .online-package-overview td{overflow-wrap:break-word}
#pricing #package-note{font-size:14px;color:var(--muted)}
#pricing .pricing-overview-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:23px 0;margin-top:28px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:600 16px/1.6 var(--sans);text-align:left;cursor:pointer;min-height:64px}
#pricing .pricing-overview-toggle .summary-icon{font-size:24px;flex:none;line-height:1;width:24px;text-align:center;transform:none}
@media(max-width:1000px) and (min-width:801px){#pricing .price-card{padding-left:20px;padding-right:20px}#pricing .price-card .weekly-plan-details{min-height:185px}#pricing .pricing-portraits img{width:88px;height:88px}}
@media(max-width:800px){#pricing .pricing-heading{align-items:flex-start;flex-wrap:wrap;gap:24px}#pricing .pricing-portraits img{width:80px;height:80px}#pricing .pricing-toolbar{align-items:flex-start;flex-direction:column;gap:20px}#pricing .currency-picker{width:min(100%,360px);flex:auto}#pricing .price-card .weekly-plan-details{min-height:0}#pricing .price-card .button{width:100%}#pricing .price-card .tier-intro{font-size:16px}#pricing .online-package-overview table{font-size:13px}#pricing .online-package-overview th,#pricing .online-package-overview td{padding:14px 6px}#pricing .pricing-overview-toggle{font-size:14px;gap:16px}#pricing .package-controls button{font-size:13px;padding:11px 8px}}
/* Desktop: portraits and supporting copy form one group opposite currency.
   Keep the original DOM and mobile arrangement, without duplicate images. */
@media(min-width:801px){
  #pricing.pricing-with-portraits{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,300px);column-gap:20px;align-items:center}
  #pricing.pricing-with-portraits> *{grid-column:1/-1;min-width:0}
  #pricing .pricing-heading,#pricing .pricing-toolbar{display:contents}
  #pricing .pricing-heading>div:first-child{grid-column:1/-1;grid-row:1;margin-bottom:30px}
  #pricing .pricing-portraits{grid-column:1;grid-row:2;align-self:center;padding-left:16px}
  #pricing .pricing-portraits img{width:68px;height:68px;margin-left:-16px;border-width:3px}
  #pricing .pricing-toolbar>p{grid-column:2;grid-row:2;max-width:350px;line-height:1.7;margin:0}
  #pricing .pricing-toolbar>.currency-picker{grid-column:3;grid-row:2;width:100%;margin:0;align-self:center}
  #pricing .currency-picker #currency-note{min-height:0}
  #pricing .pricing-grid{margin-top:28px}
}

#pricing .price-card .tier-intro{min-height:0;margin:0 0 24px;flex:1;font-size:15px;line-height:1.8;font-weight:400}
#pricing .price-card .weekly-plan-details{min-height:130px}
@media(max-width:800px){#pricing .price-card .tier-intro{font-size:16px;flex:none}#pricing .price-card .weekly-plan-details{min-height:0}}

/* Quiet score accents and visible plan check marks. */
#pricing .tier-score{font-weight:inherit;white-space:nowrap;background:#e8f1fc;color:#205a9f;border-radius:3px;padding:.05em .22em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#pricing .price-card>ul>li::before{content:'✓';color:var(--blue,#2468ce);font-weight:400}

#pricing .tier-score.tier-experience{white-space:normal}