html[data-davide-embed="1"], html[data-davide-embed="1"] body {
  min-height: 100%;
}
html[data-davide-embed="1"] body {
  overflow-x: hidden;
}
html[data-davide-embed="1"] .app-header {
  display: none;
}
html[data-davide-embed="1"] .container {
  padding-top: 14px;
}
/* 設置先ページの中から、配信元のトップページへ出ていく導線は出さない。 */
html[data-davide-embed="1"] .qa-site-home-link {
  display: none;
}
/*
 * モーダルで開かれたときだけ、文書の末尾に閉じるボタンを出す。
 * 親サイト側のモーダル見出しにも閉じるボタンがあるが、長い診断・チャットの
 * 末尾からその場で閉じられるようにするための2つ目の導線。
 */
html[data-davide-embed="1"] .davide-embed-close-row {
  display: none;
}
html[data-davide-embed="1"][data-davide-embed-presentation="modal"] .davide-embed-close-row {
  display: flex;
  justify-content: center;
  padding: 10px 16px 28px;
}
html[data-davide-embed="1"] .davide-embed-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border: 1px solid var(--border, #d5dced);
  border-radius: 999px;
  background: var(--surface, #ffffff);
  color: var(--brand, #1a305e);
  font: 700 15px/1.4 inherit;
  font-family: inherit;
  cursor: pointer;
}
html[data-davide-embed="1"] .davide-embed-close:hover {
  border-color: var(--brand, #1a305e);
  background: var(--brand-softer, #f3f6fc);
}
html[data-davide-embed="1"] .davide-embed-close:focus-visible {
  outline: 3px solid var(--accent, #b9944e);
  outline-offset: 2px;
}