/* Keep legacy nodes for the embedded scripts, but retire their extra-results UI.
   Explicit display rules also prevent old button/grid CSS overriding hidden. */
:is(#fd-result, #living-result-screen, #fr-result, #vd-result, #ls-result, #hobby-result, #gr-result, #rc-result, #vd-result-screen, #ls-result-screen, #hobby-result-screen, #gr-result-screen, #rc-result-screen) :is([id$="-more-button"], [id$="-more-for-you"], [hidden]) {
  display: none !important;
}
.atlaife-diagnosis-next {
  box-sizing: border-box;
  margin: 26px 0;
  padding: 22px;
  border: 1px solid #d2ddd4;
  border-radius: 18px;
  background: #f3f7f3;
  color: #294735;
  font: 14px/1.8 -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
  text-align: left;
}
.atlaife-diagnosis-next p { margin: 0 0 16px; }
.atlaife-diagnosis-next p:only-child { margin-bottom: 0; }
.atlaife-diagnosis-next h3 { margin: 0 0 8px; color: #294735; font-size: 18px; line-height: 1.6; }
.atlaife-diagnosis-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; }
.atlaife-diagnosis-next a { color: #294735; text-underline-offset: 4px; }
.atlaife-diagnosis-next .atlaife-diagnosis-map-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 24px;
  border: 1px solid #294735;
  border-radius: 999px;
  background: #294735;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
}
.atlaife-diagnosis-next .atlaife-diagnosis-map-link:hover { background: #1d3426; }
.atlaife-diagnosis-next a:focus-visible, .atlaife-diagnosis-next button:focus-visible { outline: 3px solid #9a7133; outline-offset: 4px; }
.atlaife-diagnosis-next-bottom { margin-top: 32px; }
@media (max-width: 600px) {
  .atlaife-diagnosis-next { padding: 18px; }
  .atlaife-diagnosis-actions { flex-direction: column; align-items: stretch; text-align: center; }
  .atlaife-diagnosis-next .atlaife-diagnosis-map-link { width: 100%; padding-inline: 14px; }
}