/* Pilates Tropics - the Recalibration page. Requires css/site.css first. */

.recal{background:var(--paper-2)}
.recal .wrap{max-width:1080px}
.recal h1,.recal h2{margin-bottom:14px}
.lede{font-size:clamp(17px,1.9vw,21px);line-height:1.55;color:var(--guava-deep);font-weight:600;max-width:46ch}

.recal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;margin-top:48px}
.recal-main p{font-size:16px;line-height:1.75;color:#3d474b;margin-bottom:20px}
.recal-main p b{color:var(--ink)}
.recal-main p a{color:var(--guava-deep);font-weight:600;text-decoration:none}
.recal-main p a:hover{text-decoration:underline}
.recal-main .group-label{margin-top:40px;margin-bottom:18px}

.recal-side{display:flex;flex-direction:column;gap:26px}
.runs{background:var(--paper);border:1px solid var(--line-dark);padding:28px 30px}
.runs-label{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--apricot-deep);margin-bottom:14px}
.runs p{font-size:14.5px;line-height:1.65;color:#3d474b;padding:10px 0;border-top:1px solid var(--line-dark)}
.runs p:first-of-type{border-top:none}
.runs a{color:var(--guava-deep);font-weight:600;text-decoration:none}
.runs a:hover{text-decoration:underline}

@media(max-width:900px){
  .recal-grid{grid-template-columns:1fr;gap:40px}
}