@charset "UTF-8";

/* ==================================================
   公開記事 + Gutenberg 共通
   記事本文の色はこのファイルで一元管理する
================================================== */

:root {
  /* ライトモード：現在の子テーマの値を維持 */
  --article-h1-size: 20pt;
  --article-heading-h2-bg: #393e4c;
  --article-heading-h2-text: #ffffff;
  --article-heading-h2-border: #d4d9ec;
  --article-heading-h3-bg: #eef1f6;
  --article-heading-h3-text: #222222;
  --article-heading-h3-border: #696969;
  --article-heading-h4-border: #696969;
  --article-special-list-border: #ffa200;
  --article-special-list-text: #0055b2;
  --article-code-bg: #d9dde3;
  --article-code-text: #222222;
  --article-code-border: #b8bec7;
  --article-code-button-bg: #c6cbd3;
  --article-code-button-hover-bg: #b9bec7;
  --article-code-button-border: #a8aeb8;

  /* ダークモード：公開記事とGutenbergで共用 */
  --article-dark-bg: #181a1b;
  --article-dark-text: #e6e6e6;
  --article-dark-text-strong: #f2f2f2;
  --article-link-color: #8ab4f8;
  --article-heading-bg: #393e4c;
  --article-heading-border: #6f7688;
  --article-heading-h3-dark-bg: #202225;
  --article-heading-h3-dark-border: #9a9a9a;
  --article-list-marker: #cfd3d8;
  --article-special-list-dark-bg: #202225;
  --article-special-list-dark-border: #d99000;
  --article-special-list-dark-text: #9fc5ff;
  --article-code-dark-bg: #202329;
  --article-code-dark-text: #e8e8e8;
  --article-code-dark-border: #444954;
  --article-code-button-dark-bg: #353941;
  --article-code-button-dark-hover-bg: #414650;
  --article-code-button-dark-border: #505662;
  --article-table-bg: #1f2226;
  --article-table-head-bg: #393e4c;
  --article-table-cell-bg: #25282d;
  --article-table-even-bg: #2b2e33;
  --article-table-border: #4a4f58;
  --article-table-head-border: #565c68;
  --article-quote-bg: #2c291f;
  --article-quote-text: #f3f0e8;
  --article-quote-border: #6f6240;
  --article-quote-accent: #d9b84a;
}

/* ==================================================
   見出し
================================================== */

.article h1,
.editor-styles-wrapper h1 {
  padding: 0.2em;
  font-size: var(--article-h1-size);
  border: none;
}

.article h2,
.editor-styles-wrapper h2 {
  padding: 0.5em;
  color: var(--article-heading-h2-text);
  background: var(--article-heading-h2-bg);
  border: none;
  border-bottom: solid 3px var(--article-heading-h2-border);
  border-radius: 0.2em;
}

.article h3,
.editor-styles-wrapper h3 {
  display: inline-block;
  width: auto;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  padding: 0.3em 0.7em;
  color: var(--article-heading-h3-text);
  font-size: 20px;
  background: var(--article-heading-h3-bg);
  border: none;
  border-left: solid 5px var(--article-heading-h3-border);
  border-radius: 0.1em;
}

.article h4,
.editor-styles-wrapper h4 {
  padding: 5px 10px;
  font-size: 20px;
  background: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: solid 10px var(--article-heading-h4-border);
}

.article h5,
.article h6,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  padding: 0;
  border-bottom: none;
}

/* ==================================================
   記事内の特殊な箇条書き
================================================== */

.article ul.main-body-list-disc,
.entry-content ul.main-body-list-disc,
.editor-styles-wrapper ul.main-body-list-disc {
  padding: 0.5em 1em 0.5em 2.3em;
  border: solid 2px var(--article-special-list-border);
  border-radius: 5px;
}

.article ul.main-body-list-disc li,
.entry-content ul.main-body-list-disc li,
.editor-styles-wrapper ul.main-body-list-disc li {
  padding: 0.5em 0;
  color: var(--article-special-list-text);
  line-height: 1.5;
}

/* ==================================================
   div形式の番号付きリスト
================================================== */

.entry-content .ol,
.article .ol,
.editor-styles-wrapper .ol {
  margin: 1.2em 0 1.4em !important;
  padding-left: 1.4em !important;
}

.entry-content .ol .li,
.article .ol .li,
.editor-styles-wrapper .ol .li {
  margin: 0 0 0.45em !important;
  padding: 0 !important;
}

.entry-content .ol .li > div,
.article .ol .li > div,
.editor-styles-wrapper .ol .li > div {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.65 !important;
}

/* ==================================================
   コードブロック
================================================== */

.code-block-wrap,
.editor-styles-wrapper .code-block-wrap {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 1.5em 0 !important;
  overflow-x: clip !important;
  contain: inline-size;
  box-sizing: border-box !important;
}

body .entry-content .code-block-wrap pre.wp-block-code,
body .code-block-wrap pre.wp-block-code,
.editor-styles-wrapper pre.wp-block-code {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  max-height: 400px !important;
  margin: 0 !important;
  padding: 52px 18px 18px !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  color: var(--article-code-text) !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  background: var(--article-code-bg) !important;
  border: 1px solid var(--article-code-border) !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: auto !important;
  overscroll-behavior-x: none !important;
}

body .entry-content .code-block-wrap pre.wp-block-code code,
body .code-block-wrap pre.wp-block-code code,
.editor-styles-wrapper pre.wp-block-code code {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

body .entry-content .code-block-wrap pre.wp-block-code *,
body .code-block-wrap pre.wp-block-code *,
.editor-styles-wrapper pre.wp-block-code * {
  max-width: 100% !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
}

body .entry-content .code-block-wrap pre.wp-block-code.code-expanded,
body .code-block-wrap pre.wp-block-code.code-expanded,
.editor-styles-wrapper pre.wp-block-code.code-expanded {
  max-height: none !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.code-action-button {
  position: absolute !important;
  top: 10px !important;
  z-index: 10 !important;
  padding: 6px 12px !important;
  color: var(--article-code-text) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  background: var(--article-code-button-bg) !important;
  border: 1px solid var(--article-code-button-border) !important;
  border-radius: 5px !important;
  cursor: pointer !important;
}

.code-expand-button {
  right: 78px !important;
}

.code-copy-button {
  right: 10px !important;
}

.code-action-button:hover {
  background: var(--article-code-button-hover-bg) !important;
}

@media screen and (max-width: 768px) {
  .code-block-wrap,
  .editor-styles-wrapper .code-block-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  body .entry-content .code-block-wrap pre.wp-block-code,
  body .code-block-wrap pre.wp-block-code,
  .editor-styles-wrapper pre.wp-block-code {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 320px !important;
    padding: 52px 12px 14px !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
    font-size: 12px !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }

  body .entry-content .code-block-wrap pre.wp-block-code.code-expanded,
  body .code-block-wrap pre.wp-block-code.code-expanded,
  .editor-styles-wrapper pre.wp-block-code.code-expanded {
    max-height: none !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  .code-action-button {
    padding: 5px 8px !important;
    font-size: 11px !important;
  }

  .code-expand-button {
    right: 68px !important;
  }

  .code-copy-button {
    right: 8px !important;
  }
}

/* ==================================================
   記事本文のダークモード
================================================== */

@media (prefers-color-scheme: dark) {
  .article,
  .entry-content,
  .editor-styles-wrapper {
    color: var(--article-dark-text) !important;
  }

  .article p,
  .article li,
  .article dt,
  .article dd,
  .entry-content p,
  .entry-content li,
  .entry-content dt,
  .entry-content dd,
  .editor-styles-wrapper p,
  .editor-styles-wrapper li,
  .editor-styles-wrapper dt,
  .editor-styles-wrapper dd {
    color: var(--article-dark-text);
  }

  .article a:not(.lkc-link),
  .entry-content a:not(.lkc-link),
  .editor-styles-wrapper a {
    color: var(--article-link-color);
  }

  .article strong,
  .article b,
  .entry-content strong,
  .entry-content b,
  .editor-styles-wrapper strong,
  .editor-styles-wrapper b {
    color: inherit;
  }

  .article h1,
  .editor-styles-wrapper h1 {
    color: var(--article-dark-text-strong) !important;
  }

  .article h2,
  .editor-styles-wrapper h2 {
    color: var(--article-heading-h2-text) !important;
    background: var(--article-heading-bg) !important;
    border-bottom-color: var(--article-heading-border) !important;
  }

  .article h3,
  .editor-styles-wrapper h3 {
    color: #eeeeee !important;
    background: var(--article-heading-h3-dark-bg) !important;
    border-left-color: var(--article-heading-h3-dark-border) !important;
  }

  .article h4,
  .editor-styles-wrapper h4 {
    color: #eeeeee !important;
    border-left-color: var(--article-heading-h3-dark-border) !important;
  }

  .article h5,
  .article h6,
  .editor-styles-wrapper h5,
  .editor-styles-wrapper h6 {
    color: #eeeeee !important;
  }

  .article ul.main-body-list-disc,
  .entry-content ul.main-body-list-disc,
  .editor-styles-wrapper ul.main-body-list-disc {
    background-color: var(--article-special-list-dark-bg) !important;
    border-color: var(--article-special-list-dark-border) !important;
  }

  .article ul.main-body-list-disc li,
  .entry-content ul.main-body-list-disc li,
  .editor-styles-wrapper ul.main-body-list-disc li {
    color: var(--article-special-list-dark-text) !important;
  }

  .article ol,
  .article ol li,
  .article ol li p,
  .entry-content ol,
  .entry-content ol li,
  .entry-content ol li p,
  .editor-styles-wrapper ol,
  .editor-styles-wrapper ol li,
  .editor-styles-wrapper ol li p,
  .entry-content .ol,
  .entry-content .ol .li,
  .entry-content .ol .li > div,
  .article .ol,
  .article .ol .li,
  .article .ol .li > div,
  .editor-styles-wrapper .ol,
  .editor-styles-wrapper .ol .li,
  .editor-styles-wrapper .ol .li > div {
    color: var(--article-dark-text) !important;
  }

  .article ol li::marker,
  .entry-content ol li::marker,
  .editor-styles-wrapper ol li::marker {
    color: var(--article-list-marker) !important;
  }

  body .entry-content .code-block-wrap pre.wp-block-code,
  body .code-block-wrap pre.wp-block-code,
  .editor-styles-wrapper pre.wp-block-code {
    color: var(--article-code-dark-text) !important;
    background: var(--article-code-dark-bg) !important;
    border-color: var(--article-code-dark-border) !important;
  }

  .code-action-button {
    color: #eeeeee !important;
    background: var(--article-code-button-dark-bg) !important;
    border-color: var(--article-code-button-dark-border) !important;
  }

  .code-action-button:hover {
    background: var(--article-code-button-dark-hover-bg) !important;
  }

  .article table,
  .entry-content table,
  .wp-block-table table,
  .editor-styles-wrapper table {
    color: var(--article-dark-text) !important;
    background: var(--article-table-bg) !important;
    border-color: var(--article-table-border) !important;
  }

  .article table th,
  .entry-content table th,
  .wp-block-table th,
  .editor-styles-wrapper table th {
    color: #ffffff !important;
    background: var(--article-table-head-bg) !important;
    border-color: var(--article-table-head-border) !important;
  }

  .article table td,
  .article table td p,
  .article table td span,
  .entry-content table td,
  .entry-content table td p,
  .entry-content table td span,
  .wp-block-table td,
  .wp-block-table td p,
  .wp-block-table td span,
  .editor-styles-wrapper table td,
  .editor-styles-wrapper table td p,
  .editor-styles-wrapper table td span {
    color: var(--article-dark-text) !important;
    border-color: var(--article-table-border) !important;
  }

  .article table td,
  .entry-content table td,
  .wp-block-table td,
  .editor-styles-wrapper table td {
    background: var(--article-table-cell-bg) !important;
  }

  .article table tbody tr:nth-child(even) td,
  .entry-content table tbody tr:nth-child(even) td,
  .wp-block-table tbody tr:nth-child(even) td,
  .editor-styles-wrapper table tbody tr:nth-child(even) td {
    background: var(--article-table-even-bg) !important;
  }

  .article .wp-block-quote,
  .article blockquote,
  .entry-content .wp-block-quote,
  .entry-content blockquote,
  .editor-styles-wrapper .wp-block-quote,
  .editor-styles-wrapper blockquote {
    color: var(--article-quote-text) !important;
    background: var(--article-quote-bg) !important;
    border: 1px solid var(--article-quote-border) !important;
    border-left: 5px solid var(--article-quote-accent) !important;
    box-shadow: 0 0 0 1px rgba(255, 215, 90, 0.04) !important;
  }

  .article .wp-block-quote p,
  .article blockquote p,
  .entry-content .wp-block-quote p,
  .entry-content blockquote p,
  .editor-styles-wrapper .wp-block-quote p,
  .editor-styles-wrapper blockquote p {
    color: var(--article-quote-text) !important;
  }

  .article .wp-block-quote::before,
  .article .wp-block-quote::after,
  .article blockquote::before,
  .article blockquote::after,
  .entry-content .wp-block-quote::before,
  .entry-content .wp-block-quote::after,
  .entry-content blockquote::before,
  .entry-content blockquote::after,
  .editor-styles-wrapper .wp-block-quote::before,
  .editor-styles-wrapper .wp-block-quote::after,
  .editor-styles-wrapper blockquote::before,
  .editor-styles-wrapper blockquote::after {
    color: var(--article-quote-accent) !important;
  }

  /* Cocoonの記事内ボックスは背景・枠を親テーマに任せ、文字色だけ揃える。 */
  .article .information-box,
  .article .question-box,
  .article .alert-box,
  .article .memo-box,
  .article .comment-box,
  .article .ok-box,
  .article .ng-box,
  .article .good-box,
  .article .bad-box,
  .entry-content .information-box,
  .entry-content .question-box,
  .entry-content .alert-box,
  .entry-content .memo-box,
  .entry-content .comment-box,
  .entry-content .ok-box,
  .entry-content .ng-box,
  .entry-content .good-box,
  .entry-content .bad-box,
  .editor-styles-wrapper .information-box,
  .editor-styles-wrapper .question-box,
  .editor-styles-wrapper .alert-box,
  .editor-styles-wrapper .memo-box,
  .editor-styles-wrapper .comment-box,
  .editor-styles-wrapper .ok-box,
  .editor-styles-wrapper .ng-box,
  .editor-styles-wrapper .good-box,
  .editor-styles-wrapper .bad-box {
    color: var(--article-dark-text) !important;
  }
}

/* BEGIN LHS REVIEW SPEECH SHARED v1.0 - Amazon validation 16 */
/* LHS shared review speech v1.0 / verified P5 extraction. Opt-in .lhs-review-talk only. */
.lhs-review-talk{
  --lhs-review-chat-text: #f2f6f8;
  margin: 24px 0 30px;
}.lhs-review-talk .lhs-review-message{
  --lhs-review-bubble-bg: #1f353d;
  --lhs-review-bubble-border: #568592;
  --lhs-review-bubble-accent: #a1d9e2;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 22px 0;
}.lhs-review-talk .lhs-review-message--concern{
  --lhs-review-bubble-bg: #3d3028;
  --lhs-review-bubble-border: #a28362;
  --lhs-review-bubble-accent: #edc99b;
}.lhs-review-talk .lhs-review-message--owner{
  --lhs-review-bubble-bg: #233149;
  --lhs-review-bubble-border: #6688b1;
  --lhs-review-bubble-accent: #b9d1f0;
  flex-direction: row-reverse;
}.lhs-review-talk .speech-person{
  flex: 0 0 72px;
  width: 72px;
  min-width: 72px;
  max-width: 72px;
}.lhs-review-talk .speech-icon{
  margin: 0;
}.lhs-review-talk .speech-icon img{
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 2px solid var(--lhs-review-bubble-border);
  border-radius: 50%;
  background: #293740;
}.lhs-review-talk .speech-name{
  margin-top: 7px;
  padding: 4px 2px;
  border-radius: 5px;
  background: #293740 !important;
  color: var(--lhs-review-chat-text) !important;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}.lhs-review-talk .speech-balloon{
  position: relative;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 17px 20px;
  border: 1px solid var(--lhs-review-bubble-border) !important;
  border-radius: 10px;
  background: var(--lhs-review-bubble-bg) !important;
  color: var(--lhs-review-chat-text) !important;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}.lhs-review-talk .speech-balloon p,
.lhs-review-talk .speech-balloon strong{
  color: var(--lhs-review-chat-text) !important;
  font-size: 17px;
  line-height: 1.8;
}.lhs-review-talk .speech-balloon p{
  margin: 0;
}.lhs-review-talk .speech-balloon .lhs-review-message-topic{
  margin: 0 0 6px;
  color: var(--lhs-review-bubble-accent) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}.lhs-review-talk .speech-balloon::before,
.lhs-review-talk .speech-balloon::after{
  content: "";
  position: absolute;
  right: auto;
  bottom: auto;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  background: transparent;
}.lhs-review-talk .speech-balloon::before{
  top: 23px;
  left: -12px;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-right: 12px solid var(--lhs-review-bubble-border);
}.lhs-review-talk .speech-balloon::after{
  top: 24px;
  left: -10px;
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-right: 11px solid var(--lhs-review-bubble-bg);
}.lhs-review-talk .lhs-review-message--owner .speech-balloon::before{
  right: -12px;
  left: auto;
  border-right: 0;
  border-left: 12px solid var(--lhs-review-bubble-border);
}.lhs-review-talk .lhs-review-message--owner .speech-balloon::after{
  right: -10px;
  left: auto;
  border-right: 0;
  border-left: 11px solid var(--lhs-review-bubble-bg);
}.lhs-review-talk .lhs-review-source{
  margin: 26px 0 0;
  padding: 11px 14px;
  border: 1px solid #567583;
  border-radius: 7px;
  background: #23313a !important;
  color: var(--lhs-review-chat-text) !important;
  font-size: 14px;
  line-height: 1.8;
}.lhs-review-talk .lhs-review-source a{
  color: #a9def3 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}.lhs-review-talk .lhs-review-source a:focus-visible{
  outline: 2px solid #a9def3;
  outline-offset: 3px;
}@media (max-width: 480px){.lhs-review-talk .lhs-review-message{
    gap: 12px;
    margin: 20px 0;
  }.lhs-review-talk .speech-person{
    flex-basis: 54px;
    width: 54px;
    min-width: 54px;
    max-width: 54px;
  }.lhs-review-talk .speech-name{
    font-size: 11px;
  }.lhs-review-talk .speech-balloon{
    padding: 13px 14px;
  }.lhs-review-talk .speech-balloon p,
.lhs-review-talk .speech-balloon strong{
    font-size: 16px;
  }.lhs-review-talk .speech-balloon .lhs-review-message-topic{
    font-size: 12px;
  }
}.lhs-review-talk{
  --lhs-review-chat-text: #f3f7fa;
  margin: 28px 0 30px;
}.lhs-review-talk .lhs-review-message{
  --lhs-review-bubble-bg: #203a44;
  --lhs-review-bubble-border: #608b98;
  --lhs-review-bubble-accent: #b0e4ea;
  width: 94%;
  max-width: 700px;
  gap: 16px;
  margin: 24px 0 28px;
  flex-direction: row;
}.lhs-review-talk .speech-person{
  flex: 0 0 60px;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}.lhs-review-talk .speech-icon img{
  border: 2px solid var(--lhs-review-bubble-border);
}.lhs-review-talk .speech-name{
  padding: 0;
  margin-top: 6px;
  background: transparent !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .03em;
}.lhs-review-talk .speech-balloon{
  padding: 18px 23px;
  border-radius: 28px;
  min-width: 0;
}.lhs-review-talk .speech-balloon p{
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 1.8;
}.lhs-review-talk .speech-balloon .lhs-review-message-topic{
  font-size: 12px;
  margin-bottom: 7px;
}.lhs-review-talk .lhs-review-message--good .speech-balloon::before{
  top: 22px;
  left: -12px;
  right: auto;
}.lhs-review-talk .lhs-review-message--good .speech-balloon::after{
  top: 23px;
  left: -10px;
  right: auto;
}.lhs-review-talk .lhs-review-message--concern{
  --lhs-review-bubble-bg: #49352c;
  --lhs-review-bubble-border: #b08560;
  --lhs-review-bubble-accent: #f3d2a4;
  flex-direction: row-reverse;
  margin-left: auto;
  margin-right: 0;
}.lhs-review-talk .lhs-review-message--concern .speech-balloon{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  padding: 24px 28px;
  isolation: isolate;
}.lhs-review-talk .lhs-review-message--concern .speech-balloon::before{
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  background: var(--lhs-review-bubble-bg);
  z-index: -1;
  clip-path: polygon(0 12px,12px 10px,14px 0,26px 8px,calc(50% - 10px) 8px,50% 0,calc(50% + 10px) 8px,calc(100% - 27px) 8px,calc(100% - 13px) 0,calc(100% - 10px) 12px,100% 14px,calc(100% - 6px) 30px,100% 46px,calc(100% - 6px) calc(100% - 26px),100% calc(100% - 14px),calc(100% - 13px) calc(100% - 10px),calc(100% - 16px) 100%,calc(100% - 28px) calc(100% - 8px),calc(50% + 10px) calc(100% - 8px),50% 100%,calc(50% - 10px) calc(100% - 8px),27px calc(100% - 8px),13px 100%,10px calc(100% - 12px),0 calc(100% - 14px),6px calc(100% - 28px),0 46px,6px 28px);
}.lhs-review-talk .lhs-review-message--concern .speech-balloon::after{
  top: 27px;
  left: auto;
  right: -11px;
  border: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid var(--lhs-review-bubble-bg);
}.lhs-review-talk .lhs-review-message--owner{
  --lhs-review-bubble-bg: #263a59;
  --lhs-review-bubble-border: #7798c3;
  --lhs-review-bubble-accent: #c8ddfa;
  width: 100%;
  max-width: 720px;
  flex-direction: row;
  margin-top: 36px;
}.lhs-review-talk .lhs-review-message--owner .speech-balloon{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  padding: 24px 30px;
  isolation: isolate;
}.lhs-review-talk .lhs-review-message--owner .speech-balloon::before{
  inset: -3px -3px;
  width: auto;
  height: auto;
  border: 0;
  z-index: -1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M38 17C53 2 89 2 107 14C131 1 172 1 195 12C223 1 266 1 289 13C320 1 363 1 387 14C417 1 459 2 481 16C516 3 554 9 563 27C595 31 601 55 586 72C602 94 597 117 577 127C593 154 569 171 540 164C518 181 473 179 449 167C420 180 376 180 354 168C325 181 281 180 258 168C232 181 184 180 162 167C132 180 92 176 76 163C43 173 14 156 20 133C-2 120-2 95 14 78C-1 52 5 31 38 17Z' fill='%23263a59' stroke='%237798c3' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}.lhs-review-talk .lhs-review-message--owner .speech-balloon::after{
  top: 26px;
  left: -15px;
  right: auto;
  width: 9px;
  height: 9px;
  border: 1px solid var(--lhs-review-bubble-border);
  border-radius: 50%;
  background: var(--lhs-review-bubble-bg);
  box-shadow: -9px 10px 0 -2px var(--lhs-review-bubble-bg);
}.lhs-review-talk .lhs-review-source{
  margin: 24px 0 0;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: inherit !important;
  opacity: .8;
  font-size: 12px;
  line-height: 1.7;
}.lhs-review-talk .lhs-review-source a{
  color: inherit !important;
}@media (max-width: 480px){.lhs-review-talk .lhs-review-message{
    width: 100%;
    gap: 12px;
    margin-top: 24px;
    margin-bottom: 26px;
  }.lhs-review-talk .speech-person{
    flex-basis: 48px;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
  }.lhs-review-talk .speech-name{font-size: 11px;}.lhs-review-talk .speech-balloon{padding: 15px 17px;}.lhs-review-talk .lhs-review-message--concern .speech-balloon{padding: 23px 20px;}.lhs-review-talk .lhs-review-message--owner{margin-top: 34px;}.lhs-review-talk .lhs-review-message--owner .speech-balloon{padding: 24px 22px;}.lhs-review-talk .speech-balloon .lhs-review-message-topic{font-size: 11px;}
}.lhs-review-talk .lhs-review-message--owner .speech-balloon::before{background:var(--lhs-review-bubble-bg)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M38 17C53 2 89 2 107 14C131 1 172 1 195 12C223 1 266 1 289 13C320 1 363 1 387 14C417 1 459 2 481 16C516 3 554 9 563 27C595 31 601 55 586 72C602 94 597 117 577 127C593 154 569 171 540 164C518 181 473 179 449 167C420 180 376 180 354 168C325 181 281 180 258 168C232 181 184 180 162 167C132 180 92 176 76 163C43 173 14 156 20 133C-2 120-2 95 14 78C-1 52 5 31 38 17Z' fill='%23263a59' stroke='%237798c3' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180' preserveAspectRatio='none'%3E%3Cpath d='M38 17C53 2 89 2 107 14C131 1 172 1 195 12C223 1 266 1 289 13C320 1 363 1 387 14C417 1 459 2 481 16C516 3 554 9 563 27C595 31 601 55 586 72C602 94 597 117 577 127C593 154 569 171 540 164C518 181 473 179 449 167C420 180 376 180 354 168C325 181 281 180 258 168C232 181 184 180 162 167C132 180 92 176 76 163C43 173 14 156 20 133C-2 120-2 95 14 78C-1 52 5 31 38 17Z' fill='%23263a59' stroke='%237798c3' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 0 1px var(--lhs-review-bubble-border));}.lhs-review-talk .lhs-review-message--concern .speech-balloon::before{inset:0!important;inset-inline:0!important;inset-block:0!important;width:auto!important;height:auto!important;}
/* END LHS REVIEW SPEECH SHARED v1.0 */