/* Area pages (the weekly content page, Inbox request #239): her clinic for one city, on the treatment page's layout. */
.ap-treats{max-width:1320px;margin:96px auto 0;padding:0 28px}
.ap-head h2{font-size:clamp(28px,3.2vw,42px);font-weight:300;margin:0}
.ap-head p{max-width:760px;margin:10px 0 0;color:var(--ink-2);font-size:17px;line-height:1.8}
.ap-group{font-size:22px;font-weight:400;margin:44px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.ap-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ap-img{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.ap-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ap-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.ap-body h4{margin:0;font-size:18px;font-weight:500}
.ap-body h4 a{text-decoration:none;color:var(--ink)}
.ap-body p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.65;flex:1}
.ap-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:baseline;margin-top:8px}
.ap-more{font-size:14.5px;color:var(--bronze-2)}
.ap-book-lead{font-size:17px;margin:8px 0 0}
.ap-steps{list-style:none;margin:24px 0 0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:12px}
.ap-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.ap-steps li::before{content:counter(s);grid-row:span 2;font:300 26px/1 var(--fl);color:var(--gold)}
.ap-steps b{font-weight:500}
.ap-steps span{color:var(--ink-2);line-height:1.65}
.ap-tips{margin-top:28px;background:var(--pearl);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.ap-tips h3{font-size:19px;font-weight:500;margin:0}
.ap-tips .tp-ticks{margin-top:14px}
.ap-tips .tp-ticks li{font-size:16px}
@media (max-width:980px){.ap-treats{margin-top:64px}}
@media (max-width:620px){
 .ap-treats{padding-inline:18px}
 .ap-grid{grid-template-columns:1fr}
 .ap-img{aspect-ratio:16/10}
 .ap-group{margin-top:34px}
 .ap-steps li{grid-template-columns:34px 1fr;padding:14px}
 .ap-steps li::before{font-size:22px}
}
.is-area .tp-cta img{object-position:50% 22%}