:root {
  --bg:#fafafa;
  --ink:#222;
  --muted:#666;
  --line:#e9e9ee;
  --male:#1c75ff;
  --female:#e5007a;
  --chip:#f3f5f7;
  --accent:#0ea5e9;
  --avatar:44px;
}

@media (max-width:480px) {
  :root { --avatar:36px; }
}

html, body {
  background:var(--bg);
  color:var(--ink);
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans JP", sans-serif;
  line-height:1.75;
  margin:0;
}

.wrap {
  max-width:900px;
  margin-inline:auto;
  padding:24px;
}

header.article {
  margin-bottom:24px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
}

.eyebrow {
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}

h1 {
  font-size:clamp(22px,3.2vw,34px);
  line-height:1.25;
  margin:.25em 0;
}

.meta {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--muted);
  font-size:14px;
}

.meta time { white-space:nowrap; }

.layout { display:block; }

.dialogue {
  display:flex;
  flex-direction:column;
  gap:14px;
}

.line {
  display:grid;
  grid-template-columns:var(--avatar) 1fr;
  gap:12px;
  align-items:start;
}

.avatar {
  width:var(--avatar) !important;
  height:var(--avatar) !important;
  border-radius:999px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
}

.avatar svg, .avatar img {
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}

.bubble {
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px 14px;
}

.card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  margin-top:18px;
}

.card h3 {
  font-size:16px;
  margin:0 0 8px;
}

.list {
  margin:0;
  padding-left:18px;
}

.chip {
  display:inline-block;
  background:var(--chip);
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 8px;
  font-size:12px;
  margin:2px 6px 2px 0;
}

table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}

th, td {
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}

th {
  background:#f9fafb;
  text-align:left;
  white-space:nowrap;
}

tr:last-child td { border-bottom:none; }

.callout {
  border-left:4px solid var(--accent);
  background:#ecfeff;
  padding:12px 14px;
  border-radius:10px;
  margin:8px 0;
}

.ai-sponge .line {
  display:grid;
  grid-template-columns:var(--avatar,44px) 1fr;
  gap:12px;
  align-items:start;
  margin:0 0 14px;
}

.ai-sponge .avatar {
  width:var(--avatar,44px) !important;
  height:var(--avatar,44px) !important;
  border-radius:999px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line,#e9e9ee);
  background:#fff;
}

.ai-sponge .avatar svg, .ai-sponge .avatar img {
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}

.ai-sponge .bubble {
  background:#fff;
  border:1px solid var(--line,#e9e9ee);
  border-radius:14px;
  padding:12px 14px;
}

@media (max-width:480px) {
  .ai-sponge .dialogue {
    display:block;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    padding-bottom:12px;
  }
  .ai-sponge .line {
    display:inline-block;
    vertical-align:top;
    width:85%;
    min-width:280px;
    box-sizing:border-box;
    margin-right:14px;
    white-space:normal;
  }
  .ai-sponge .bubble { white-space:normal; }
}

	  
	  
	  @media (max-width: 767px){
  .ai-sponge .dialogue{
    display:flex !important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    gap:16px;
    padding:2px 8px;
    white-space:normal;
  }

  /* テーマ側のgrid指定を無効化 */
  .ai-sponge .dialogue.line,
  .ai-sponge .dialogue .line{
    display:block;
  }

  /* スライド化（1枚=85%幅、調整可） */
  .ai-sponge .dialogue > .line{
    flex:0 0 auto;
    scroll-snap-align:start;
    width:85%;
    max-width:85%;
    box-sizing:border-box;
    margin:0;
  }

  /* 画像/アイコンの崩れ防止 */
  .ai-sponge .dialogue img,
  .ai-sponge .dialogue svg{
    width:100%;
    height:auto;
    display:block;
  }

  /* スクロールバー（控えめ） */
  .ai-sponge .dialogue::-webkit-scrollbar{ height:6px; }
  .ai-sponge .dialogue::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.2); border-radius:3px; }
}
.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}
.wp-block-uagb-advanced-heading.uagb-block-c98812f3.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-c98812f3.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-c98812f3.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-c98812f3.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-c98812f3.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-c98812f3 .uagb-heading-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-010e659d.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-010e659d.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-010e659d.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-010e659d.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-010e659d.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-010e659d .uagb-heading-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-03a889cd.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-03a889cd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-03a889cd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-03a889cd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-03a889cd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-03a889cd .uagb-heading-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-59cff203.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-59cff203.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-59cff203.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-59cff203.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-59cff203.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-59cff203 .uagb-heading-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-919ea326.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-919ea326.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-919ea326.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-919ea326.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-919ea326.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-919ea326 .uagb-heading-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a4552604.wp-block-uagb-advanced-heading {text-align: left;}.wp-block-uagb-advanced-heading.uagb-block-a4552604.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-a4552604.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a4552604.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a4552604.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-a4552604 .uagb-heading-text{margin-bottom: 15px;}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}