/* Lead-focused story sections — Rattinan Clinic liposuction page (uses the page's existing CI) */
.rs{--rs-brand:#00abb1;--rs-brand-dark:#00868b;--rs-ink:#383838;--rs-muted:#6b7a80;--rs-soft:#eef9f9;--rs-line:#dde7ea;
  font-family:"DB Heavent",sans-serif;color:var(--rs-ink);font-size:22px;line-height:1.4;padding:72px 15px}
.rs *{box-sizing:border-box}
.rs-wrap{max-width:1194px;margin:0 auto}
.rs-eyebrow{display:inline-block;color:var(--rs-brand);font-size:20px;letter-spacing:.02em;margin-bottom:8px}
.rs-h{font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-weight:700;font-size:52px;line-height:1.08;color:var(--rs-ink);margin:0 0 14px}
.rs-h em{font-style:normal;color:var(--rs-brand)}
.rs-lead{font-size:24px;color:var(--rs-muted);max-width:720px;margin:0 0 32px}
.rs-center{text-align:center}
.rs-center .rs-lead{margin-left:auto;margin-right:auto}

/* Buttons — same pill shape as the theme's buttons */
.rs .rs-btn,.rs .rs-btn:hover,.rs .rs-btn:focus{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 32px;border:0;border-radius:28px;
  background:var(--rs-brand);color:#fff!important;font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-size:23px;text-decoration:none!important;cursor:pointer;
  box-shadow:0 10px 24px rgba(0,171,177,.28);transition:background .15s,transform .15s;letter-spacing:normal;text-transform:none;line-height:1}
.rs .rs-btn:hover{background:var(--rs-brand-dark);transform:translateY(-1px)}
.rs .rs-btn.is-light,.rs .rs-btn.is-light:hover{background:#fff;color:var(--rs-brand-dark)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.rs-btn-arrow{font-size:26px;line-height:1}
.rs-note{display:block;margin-top:10px;font-size:18px;color:var(--rs-muted)}

/* 1. Pain points + area picker */
.rs-pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.rs-pain{background:#fff;border:1px solid var(--rs-line);border-radius:20px;padding:22px 20px}
.rs-pain-ico{width:44px;height:44px;border-radius:12px;background:var(--rs-soft);color:var(--rs-brand);display:grid;place-items:center;font-size:22px;margin-bottom:12px}
.rs-pain h3{font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-size:24px;line-height:1.2;margin:0 0 6px;color:var(--rs-ink)}
.rs-pain p{margin:0;font-size:19px;color:var(--rs-muted)}
.rs-picker{background:var(--rs-soft);border-radius:28px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.rs-picker h3{font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-size:30px;margin:0 0 4px;color:var(--rs-ink)}
.rs-picker p{margin:0 0 16px;color:var(--rs-muted);font-size:20px}
.rs-chips{display:flex;flex-wrap:wrap;gap:8px}
.rs .rs-chip,.rs .rs-chip:hover,.rs .rs-chip:focus{height:44px;padding:0 18px;border:1.5px solid #bfe3e5;border-radius:22px;background:#fff;color:var(--rs-ink)!important;
  font-family:"DB Heavent",sans-serif;font-size:20px;cursor:pointer;letter-spacing:normal;text-transform:none;line-height:1;transition:all .15s}
.rs .rs-chip,.rs .rs-chip:focus{background:#fff!important;border:1.5px solid #bfe3e5!important;padding:0 18px!important}
.rs .rs-chip:hover{border-color:var(--rs-brand)!important;background:#fff!important}
.rs .rs-chip[aria-pressed="true"],.rs .rs-chip[aria-pressed="true"]:hover{background:var(--rs-brand)!important;border-color:var(--rs-brand)!important;color:#fff!important}
.rs .rs-btn,.rs .rs-btn:focus{background:var(--rs-brand)!important;border:0!important;padding:0 32px!important}
.rs .rs-btn:hover{background:var(--rs-brand-dark)!important}
.rs .rs-btn.is-light,.rs .rs-btn.is-light:hover{background:#fff!important}

/* 2. Mid-page CTA band */
.rs-band{padding:0 15px;margin:56px 0}
.rs-band-inner{max-width:1194px;margin:0 auto;border-radius:32px;padding:44px 48px;background:linear-gradient(120deg,#00abb1 0%,#36c2c7 100%);color:#fff;
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;position:relative;overflow:hidden}
.rs-band-inner::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}
.rs-band h2{font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-weight:700;font-size:40px;line-height:1.1;margin:0 0 6px;color:#fff}
.rs-band p{margin:0;font-size:22px;color:rgba(255,255,255,.9)}
.rs-band .rs-btn{position:relative;z-index:1}

/* 3. Steps */
.rs-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0 36px;counter-reset:rs}
.rs-step{position:relative;background:#fff;border:1px solid var(--rs-line);border-radius:22px;padding:28px 24px 24px}
.rs-step-num{width:48px;height:48px;border-radius:50%;background:var(--rs-brand);color:#fff;display:grid;place-items:center;font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-size:26px;margin-bottom:14px}
.rs-step h3{font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-size:26px;line-height:1.2;margin:0 0 6px;color:var(--rs-ink)}
.rs-step p{margin:0;color:var(--rs-muted);font-size:20px}
.rs-step-tag{display:inline-block;margin-top:12px;background:var(--rs-soft);color:var(--rs-brand-dark);border-radius:999px;padding:2px 12px;font-size:17px}
.rs-assure{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;color:var(--rs-muted);font-size:20px;margin-top:16px}
.rs-assure span::before{content:"✓ ";color:var(--rs-brand)}

/* 4. Final CTA with doctor team */
.rs-final{background:linear-gradient(180deg,#fff 0%,var(--rs-soft) 100%)}
.rs-final-card{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:end;background:#fff;border-radius:36px;box-shadow:0 30px 70px rgba(0,80,85,.10);overflow:hidden}
.rs-final-copy{padding:48px 0 48px 48px;align-self:center}
.rs-final-img{align-self:end;display:flex;justify-content:center}
.rs-final-img img{display:block;width:100%;max-width:560px;height:auto}
.rs-faq{max-width:860px;margin:56px auto 0}
.rs-faq h3{font-family:"DB Heavent Ext","DB Heavent",sans-serif;font-size:32px;text-align:center;margin:0 0 18px}
.rs-faq details{background:#fff;border:1px solid var(--rs-line);border-radius:18px;padding:0 22px;margin-bottom:10px}
.rs-faq summary{list-style:none;cursor:pointer;padding:18px 32px 18px 0;font-size:22px;position:relative;color:var(--rs-ink)}
.rs-faq summary::-webkit-details-marker{display:none}
.rs-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:28px;color:var(--rs-brand)}
.rs-faq details[open] summary::after{content:"–"}
.rs-faq details p{margin:0 0 18px;color:var(--rs-muted);font-size:20px}

/* Old WPForms block: collapsed behind a toggle so the quiz is the main path */
.rs-oldform-toggle{text-align:center;margin:8px 0 0}
.rs-oldform-toggle button,.rs-oldform-toggle button:hover{background:none!important;border:0!important;color:var(--rs-muted,#6b7a80)!important;font-family:"DB Heavent",sans-serif;font-size:20px;text-decoration:underline;cursor:pointer;padding:8px}
.rs-oldform-collapsed{display:none!important}

@media (max-width:1024px){
  .rs-pain-grid{grid-template-columns:repeat(2,1fr)}
  .rs-final-card{grid-template-columns:1fr}
  .rs-final-copy{padding:36px 28px 0}
}
@media (max-width:767px){
  .rs{padding:52px 16px;font-size:20px}
  .rs-h{font-size:38px}
  .rs-lead{font-size:21px;margin-bottom:24px}
  .rs-pain-grid{grid-template-columns:1fr 1fr;gap:10px}
  .rs-pain{padding:16px 14px}
  .rs-pain h3{font-size:21px}
  .rs-pain p{font-size:17px}
  .rs-picker{grid-template-columns:1fr;padding:22px 18px}
  .rs-picker h3{font-size:26px}
  .rs-band{padding:0 16px;margin:40px 0}
  .rs-band-inner{grid-template-columns:1fr;padding:30px 22px;border-radius:24px}
  .rs-band h2{font-size:31px}
  .rs-steps{grid-template-columns:1fr}
  .rs .rs-btn{width:100%}
  .rs-final-card{border-radius:26px}
  .rs-final-copy{padding:28px 20px 0}
  .rs-faq h3{font-size:28px}
  .rs-faq summary{font-size:20px}
}

/* Legal footer rendered by /assets/site-config.js */
.site-legal{background:#0f3d40;color:#d5eeee;font-family:"DB Heavent",Tahoma,sans-serif;padding:28px 16px 96px}
.site-legal-inner{max-width:1194px;margin:0 auto;text-align:center}
.site-legal p{margin:4px 0;font-size:18px;line-height:1.5;color:#d5eeee}
.site-legal-name{font-size:20px!important;font-weight:700;color:#fff!important}
.site-legal a{color:#9fe3e6;text-decoration:underline}
