.clinic{margin:2rem 0;padding:1.4rem;border:1px solid #a9b7ac;border-radius:12px;background:#f5f7f2;color:#20372c}
.clinic h2{margin-top:0}
.clinic label{display:block;margin:.9rem 0 .4rem;font-weight:600}
.clinic select,.clinic textarea{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem;border:1px solid #819487;border-radius:6px;background:white;color:#20372c;font:inherit}
.clinic fieldset{margin:1.3rem 0;padding:1rem;border:1px solid #a9b7ac;border-radius:8px}
.clinic fieldset label{font-weight:400}
.clinic input[type=checkbox]{margin-right:.5rem}
.clinic-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.3rem 0}
.clinic button{padding:.75rem 1rem;border:0;border-radius:6px;background:#345244;color:white;font:inherit;cursor:pointer}
.clinic button:focus-visible,.clinic select:focus-visible,.clinic textarea:focus-visible{outline:3px solid #a07b32;outline-offset:2px}
#clinic-reset{background:#596d61}
#clinic-result{padding:1rem;background:white;border-left:4px solid #345244}
.clinic-privacy{font-size:.85rem}
@media(prefers-color-scheme:dark){.clinic{background:#20372c;color:#f5f7f2}.clinic fieldset{border-color:#819487}}


/* Claim Clinic — layout and spacing refinements */
.clinic {
  box-sizing: border-box;
  padding: clamp(24px, 4vw, 44px);
  margin: 32px 0;
}

.clinic > h2 {
  margin: 0 0 12px;
}

.clinic > p {
  margin: 0 0 24px;
  line-height: 1.65;
}

.clinic > label {
  margin: 24px 0 10px;
}

.clinic select,
.clinic textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  margin: 0 0 24px;
  line-height: 1.5;
}

.clinic fieldset {
  min-width: 0;
  padding: 20px 24px;
  margin: 28px 0;
}

.clinic fieldset legend {
  padding: 0 8px;
  font-weight: 700;
}

.clinic fieldset label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0;
  line-height: 1.5;
}

.clinic fieldset input {
  flex-shrink: 0;
  margin-top: 5px;
}

.clinic-actions {
  display: flex;
  gap: 14px;
  margin: 28px 0;
}

.clinic-actions button {
  padding: 14px 22px;
  min-height: 48px;
}

#clinic-result {
  padding: 24px;
  margin-top: 24px;
  border-radius: 8px;
  line-height: 1.65;
}

#clinic-result p {
  margin: 0 0 16px;
}

#clinic-result p:last-child {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .clinic {
    padding: 22px 18px;
  }

  .clinic fieldset {
    padding: 16px;
  }

  .clinic-actions {
    flex-direction: column;
  }

  .clinic-actions button {
    width: 100%;
  }
}

/* Full-width interactive section */
.clinic {
  display: block;
  position: relative;
  width: min(100%, 900px);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 40px auto 64px;
  padding: clamp(24px, 4vw, 48px);
  overflow-wrap: anywhere;
}

.clinic *,
.clinic *::before,
.clinic *::after {
  box-sizing: border-box;
}

.clinic h2,
.clinic p,
.clinic label,
.clinic legend {
  max-width: 100%;
  white-space: normal;
}

.clinic select,
.clinic textarea,
.clinic fieldset,
.clinic-actions,
#clinic-result {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.clinic fieldset label {
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .clinic {
    margin: 24px auto 40px;
    padding: 20px 16px;
  }
}

/* Two-column instructional layout */
.clinic-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  align-items: start;
  gap: clamp(24px, 3vw, 48px);
  width: 100%;
  max-width: 1200px;
  margin: 32px auto 64px;
}

.clinic-explanation,
.clinic-interaction {
  min-width: 0;
  max-width: 100%;
}

.clinic-explanation .method {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.clinic-explanation .method > div {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.clinic-interaction .clinic {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(24px, 3vw, 36px);
}

@media (max-width: 850px) {
  .clinic-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .clinic-interaction .clinic {
    padding: 24px 20px;
  }
}

#clinic-result{color:#20372c} #clinic-result p{white-space:pre-wrap}