/* Labiaplasty education module — scoped so it can be loaded beside either site theme. */
.lab-guide {
  --lab-ink: var(--plum, #1e1418);
  --lab-muted: var(--muted, #5f5350);
  --lab-rose: var(--rose, #7a2233);
  --lab-rose-deep: var(--rose-deep, #5e1826);
  --lab-sage: #edf0e5;
  --lab-ivory: #fffaf3;
  --lab-line: var(--line, rgba(30, 20, 24, .16));
  color: var(--lab-ink);
}
.lab-guide .lab-figure { margin: clamp(1.8rem, 4vw, 3.2rem) 0; }
.lab-guide .lab-figure-frame {
  overflow: hidden;
  border: 1px solid var(--lab-line);
  border-radius: var(--radius, 18px);
  background: var(--lab-ivory);
  box-shadow: 0 18px 42px rgba(30, 20, 24, .08);
}
.lab-guide .lab-figure img { width: 100%; height: auto; margin: 0; border-radius: 0; }
.lab-guide .lab-figure figcaption { max-width: 50rem; margin: .8rem auto 0; color: var(--lab-muted); font-size: .94rem; line-height: 1.55; text-align: center; }
.lab-guide .lab-key { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }
.lab-guide .lab-key li { display: flex; align-items: baseline; gap: .6rem; min-width: 0; margin: 0; color: var(--lab-ink); }
.lab-guide .lab-key b { display: grid; flex: 0 0 1.8rem; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: var(--lab-rose); color: #fff; font-family: var(--sans, system-ui, sans-serif); font-size: .82rem; line-height: 1; }
.lab-guide .lab-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 1.8rem); margin: clamp(1.8rem, 4vw, 3rem) 0; }
.lab-guide .lab-compare > * { min-width: 0; }
.lab-guide .lab-method { padding: clamp(1rem, 2.5vw, 1.45rem); border: 1px solid var(--lab-line); border-radius: var(--radius, 18px); background: var(--lab-ivory); }
.lab-guide .lab-method h3 { margin: 0 0 .55rem; color: var(--lab-rose-deep); }
.lab-guide .lab-method p { margin: 0; color: var(--lab-muted); font-size: 1rem; }
.lab-guide .lab-fact { margin: clamp(1.8rem, 4vw, 3rem) 0; padding: clamp(1.1rem, 3vw, 1.6rem); border-left: 4px solid var(--lab-rose); border-radius: 0 var(--radius, 18px) var(--radius, 18px) 0; background: var(--lab-sage); color: var(--lab-ink); }
.lab-guide .lab-fact > :last-child { margin-bottom: 0; }
[data-theme="comic"] .lab-guide .lab-figure-frame,
[data-theme="comic"] .lab-guide .lab-method { border: 3px solid var(--lab-ink); border-radius: 14px; box-shadow: 6px 6px 0 var(--lab-ink); }
[data-theme="comic"] .lab-guide .lab-key b { border: 2px solid var(--lab-ink); box-shadow: 2px 2px 0 var(--lab-ink); }
[data-theme="comic"] .lab-guide .lab-fact { border: 3px solid var(--lab-ink); border-left-width: 6px; border-radius: 14px; box-shadow: 5px 5px 0 var(--lab-ink); }
@media (max-width: 680px) {
  .lab-guide .lab-key,
  .lab-guide .lab-compare { grid-template-columns: 1fr; }
  .lab-guide .lab-figure figcaption { text-align: left; }
}

.lab-guide #birlikte-islemler { scroll-margin-top: 2rem; }
.lab-guide .lab-related {
  padding: 1rem 1.2rem;
  border: 1px solid var(--lab-line);
  border-radius: var(--radius, 18px);
  background: var(--lab-ivory);
}
.lab-guide .lab-related a {
  display: inline-block;
  color: var(--lab-rose-deep);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .22em;
}
.lab-guide .lab-related a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
