.post_content .tt-dx,
.tt-dx { margin: 2.2em 0; }

.post_content .tt-dx__form,
.tt-dx__form { margin: 0; }

.post_content .tt-dx__fieldset,
.tt-dx__fieldset {
  min-width: 0;
  margin: 0;
  padding: 1.15em 1.2em 1em;
  border: 1px solid #d9dee5;
  border-left: 4px solid #315b82;
  border-radius: 8px;
  background: #fff;
}

.post_content .tt-dx--exit .tt-dx__fieldset,
.tt-dx--exit .tt-dx__fieldset { border-left-color: #2f6f4e; background: #fbfcfd; }


.post_content .tt-dx__ask,
.tt-dx__ask {
  float: left;
  width: 100%;
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 1.04em;
  font-weight: 700;
  line-height: 1.75;
}

.post_content .tt-dx__fieldset::after,
.tt-dx__fieldset::after { content: ""; display: block; clear: both; }


.post_content .tt-dx__guide,
.tt-dx__guide {
  margin: 0 0 1em;
  color: #5a616b;
  font-size: 0.86em;
  line-height: 1.7;
}



.post_content .tt-dx__radio,
.tt-dx__radio {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.post_content .tt-dx__label,
.tt-dx__label {
  position: relative;
  display: block;
  margin-top: 0.55em;
  padding: 0.8em 0.9em 0.8em 2.7em;
  border: 1px solid #cbd3dc;
  border-radius: 7px;
  background: #fff;
  font-weight: 700;
  line-height: 1.65;
  cursor: pointer;
}
.post_content .tt-dx__label::before,
.tt-dx__label::before {
  content: "";
  position: absolute;
  top: 50%; left: 1em;
  width: 1.05em; height: 1.05em;
  border: 2px solid #718096;
  border-radius: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.post_content .tt-dx__label:hover,
.tt-dx__label:hover { border-color: #315b82; }

.post_content .tt-dx__radio:focus-visible + .tt-dx__label,
.tt-dx__radio:focus-visible + .tt-dx__label {
  outline: 3px solid #91b9df;
  outline-offset: 2px;
}


.post_content .tt-dx__radio:checked + .tt-dx__label,
.tt-dx__radio:checked + .tt-dx__label {
  border-color: #315b82;
  background: #f1f7fc;
}
.post_content .tt-dx__radio:checked + .tt-dx__label::before,
.tt-dx__radio:checked + .tt-dx__label::before {
  border-color: #315b82;
  background: radial-gradient(circle, #315b82 0 45%, #fff 46% 100%);
}


.post_content .tt-dx__result,
.tt-dx__result { display: none; }

.post_content .tt-dx__radio:checked + .tt-dx__label + .tt-dx__result,
.tt-dx__radio:checked + .tt-dx__label + .tt-dx__result {
  display: block;
  margin: 0.1em 0 0;
  padding: 0.8em 0.9em 0.85em 1em;
  border-left: 2px solid #d9dee5;
  margin-left: 1em;
}

.post_content .tt-dx__lead,
.post_content .tt-dx__who,
.tt-dx__lead, .tt-dx__who {
  margin: 0 0 0.55em;
  font-size: 0.9em;
  color: #46505c;
  line-height: 1.75;
}
.post_content .tt-dx__who:last-child,
.tt-dx__who:last-child { margin-bottom: 0; }


.post_content .tt-dx__gain,
.tt-dx__gain {
  margin: 0 0 0.6em;
  font-size: 0.98em;
  font-weight: 700;
  color: #1f2933;
  line-height: 1.8;
}


.post_content .tt-dx__fit,
.tt-dx__fit {
  margin: 0 0 0.6em;
  padding: 0.6em 0.8em;
  border-left: 3px solid #2f6f4e;
  background: #f4f9f6;
  font-size: 0.88em;
  color: #2c3a33;
  line-height: 1.8;
}





.post_content .tt-dx__go,
.tt-dx__go {
  display: inline-block;
  margin: 0.3em 0 0.1em;
  padding: 0.7em 1.3em;
  border-radius: 6px;
  background: #2f6f4e;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.96em;
  line-height: 1.5;
}
.post_content .tt-dx__go:hover,
.tt-dx__go:hover { background: #275f43; color: #fff; }


.post_content .tt-dx__go--off,
.tt-dx__go--off {
  background: transparent;
  color: #5a616b;
  border: 1px dashed #c9ced6;
  font-weight: 400;
  padding: 0.45em 1em;
}


.post_content .tt-dx__stay,
.tt-dx__stay {
  display: inline-block;
  margin: 0.15em 0 0;
  color: #315b82;
  font-weight: 700;
  font-size: 0.92em;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.post_content .tt-dx__stay::after,
.tt-dx__stay::after { content: " ↓"; text-decoration: none; }


.post_content .tt-dx__care,
.tt-dx__care {
  margin: 0.6em 0 0;
  font-size: 0.82em;
  color: #6b7280;
  line-height: 1.7;
}


.post_content .tt-dx__reset,
.tt-dx__reset { display: none; }

.post_content .tt-dx__radio:checked ~ .tt-dx__reset,
.tt-dx__radio:checked ~ .tt-dx__reset {
  display: inline-block;
  margin: 0.9em 0 0;
  padding: 0.3em 0.8em;
  border: 1px solid #d9dee5;
  border-radius: 4px;
  background: #fff;
  color: #6b7280;
  font-size: 0.82em;
  line-height: 1.6;
  cursor: pointer;
}
.post_content .tt-dx__reset:hover,
.tt-dx__reset:hover { border-color: #9aa3ae; color: #46505c; }


.post_content .tt-dx__note,
.tt-dx__note {
  margin: 0.7em 0 0;
  font-size: 0.84em;
  color: #6b7280;
  line-height: 1.75;
}


.tt-prnote {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 0 0 1.3em;
  color: #46505c;
  font-size: 0.84em;
  line-height: 1.5;
}
.tt-prnote__tag {
  display: inline-block;
  flex: 0 0 auto;
  padding: 0.12em 0.5em;
  border: 1px solid #b3261e;
  border-radius: 4px;
  color: #9f1d17;
  background: #fff2f0;
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 0.04em;
}


@media (max-width: 480px) {
  .post_content .tt-dx__fieldset,
  .tt-dx__fieldset { padding: 1em 0.9em 0.9em; }
  .post_content .tt-dx__label,
  .tt-dx__label { padding: 0.75em 0.7em 0.75em 2.5em; }
  .post_content .tt-dx__go,
  .tt-dx__go { display: block; text-align: center; }
}




.post_content .tt-dx--decide .tt-dx__fieldset,
.tt-dx--decide .tt-dx__fieldset { border-left-color: #2b5f86; }
.post_content .tt-dx--split .tt-dx__fieldset,
.tt-dx--split .tt-dx__fieldset { border-left-color: #6b7480; }


.post_content .tt-dx__result--a,
.tt-dx__result--a { border-left-color: #2f6f4e; }
.post_content .tt-dx__result--b,
.tt-dx__result--b { border-left-color: #2b5f86; }


.post_content .tt-dx__self,
.tt-dx__self {
  margin: 0.6em 0 0;
  padding: 0.7em 0.9em;
  border-left: 2px solid #cfd6de;
  background: #fbfcfd;
  border-radius: 0 6px 6px 0;
}
.post_content .tt-dx__selfask,
.tt-dx__selfask {
  margin: 0 0 0.4em;
  color: #46505c;
  font-size: 0.92em;
  font-weight: 600;
}


.post_content .tt-dx__go--self {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: #0b6ea8;
  font-weight: 600;
  text-decoration: underline;
}
.post_content .tt-dx__go--self:hover { text-decoration: none; }


.post_content .tt-prnote__txt,
.tt-prnote__txt { color: inherit; font-size: inherit; }


.post_content .tt-unionnote,
.tt-unionnote {
  margin: .25em 0 1.2em;
  padding: .6em .9em;
  font-size: .86em;
  line-height: 1.75;
  color: var(--tt-muted, #5a5a5a);
  background: var(--tt-soft, #f6f6f4);
  border-left: 3px solid var(--tt-line, #d8d8d4);
  border-radius: 3px;
}