/*
 * 記事制作詳細。構図は採用画像、文字尺度は既存サービス/機能詳細を正本とする。
 * h2/eyebrow/body: page-improvement-review、紙面見出し: page-improvement-draft、
 * 図内ラベル/本文/注記: service-evidence。承認済みの他ページは変更しない。
 */
.article-creation-wordpress,
.article-creation-start,
.article-creation-review,
.article-creation-outline,
.article-creation-body,
.article-creation-publication {
  --article-heading-size: clamp(36px, 3vw, 48px);
  --article-eyebrow-size: 15px;
  --article-body-size: 17px;
  --article-sheet-heading-size: 23px;
  --article-item-heading-size: 20px;
  --article-diagram-body-size: 16px;
  --article-note-size: 14px;
}

/* 01. 採用案の検討シートと3つの資料 */
.article-creation-start {
  position: relative;
  overflow: hidden;
  padding-block: 80px 88px;
  background: #fff;
}
.article-creation-start__decoration {
  position: absolute;
  width: 280px;
  height: auto;
  pointer-events: none;
}
.article-creation-start__decoration--top {
  top: -55px;
  right: -35px;
}
.article-creation-start__decoration--bottom {
  bottom: -100px;
  left: -45px;
  transform: rotate(180deg);
}
.article-creation-start__inner {
  position: relative;
  z-index: 1;
  width: calc(100% - 96px);
  max-width: 1440px;
}
.article-creation-start__header {
  max-width: 1000px;
  margin-inline: auto;
  text-align: center;
}
.article-creation-start__eyebrow {
  margin: 0;
  color: #6954e8;
  font-size: var(--article-eyebrow-size);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.8;
}
.article-creation-start__eyebrow::before,
.article-creation-start__eyebrow::after {
  display: inline-block;
  width: 38px;
  margin: 0 14px 5px;
  border-top: 1px solid currentcolor;
  content: "";
}
.article-creation-start__header h2 {
  margin: 18px 0 14px;
  color: #071344;
  font-size: var(--article-heading-size);
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.65;
}
.article-creation-start__header > p:last-child {
  max-width: 780px;
  margin: 0 auto;
  color: #243b68;
  font-size: var(--article-body-size);
  line-height: 2;
}
.article-creation-start__header > p:last-child span {
  display: block;
}
.article-creation-start__content {
  position: relative;
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.35fr);
  gap: 52px;
  align-items: center;
  margin: 52px auto 0;
}
.article-creation-start__theme {
  position: relative;
  padding: 36px 40px 30px;
  border: 1px solid #eef7ff;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 30px rgb(44 150 235 / 8%);
}
.article-creation-start__theme h3 {
  margin: 0;
  color: #071344;
  font-size: var(--article-sheet-heading-size);
  font-weight: 700;
  line-height: 1.6;
}
.article-creation-start__theme h3::before {
  display: block;
  width: 66px;
  margin-bottom: 20px;
  border-top: 6px solid #329dfc;
  content: "";
}
.article-creation-start__theme-intro {
  margin: 12px 0 24px;
  color: #40567d;
  font-size: var(--article-body-size);
  font-weight: 400;
  line-height: 1.8;
}
.article-creation-start__theme ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-creation-start__theme li {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding-block: 14px 22px;
}
.article-creation-start__theme li > span {
  display: grid;
  width: 44px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid #329dff;
  border-radius: 50%;
  color: #071344;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}
.article-creation-start__theme li strong {
  display: table;
  padding: 5px 12px;
  border-radius: 12px;
  background: #e3f1ff;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.6;
}
.article-creation-start__theme li:nth-child(2) strong {
  background: #ece6ff;
}
.article-creation-start__theme li p {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  margin: 10px 0 0 8px;
  color: #40567d;
  font-size: var(--article-diagram-body-size);
  font-weight: 400;
  line-height: 1.8;
}
.article-creation-start__theme li p img {
  margin-top: 5px;
}
.article-creation-start__connector {
  position: absolute;
  z-index: 3;
  top: 28px;
  left: 355px;
  width: calc(43.5cqw - 395px);
  height: 16px;
  overflow: hidden;
  pointer-events: none;
}
.article-creation-start__connector img {
  display: block;
  width: 900px;
  max-width: none;
  height: 16px;
}
.article-creation-start__theme li:nth-child(2) .article-creation-start__connector {
  left: 206px;
  width: calc(62.6cqw - 246px);
  filter: hue-rotate(37deg);
}
.article-creation-start__theme li:nth-child(3) .article-creation-start__connector {
  left: 285px;
  width: calc(82cqw - 325px);
}
.article-creation-start__theme-note {
  margin: 4px 0 0;
  padding-top: 20px;
  border-top: 1px solid #b7bfdd;
  color: #40567d;
  font-size: var(--article-body-size);
  font-weight: 400;
  line-height: 2;
}
.article-creation-start__sources {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}
.article-creation-start__source {
  position: relative;
  z-index: 4;
  min-width: 0;
  padding: 32px 20px 24px;
  border: 1px solid #eef7ff;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 6px 28px rgb(44 150 235 / 8%);
}
.article-creation-start__tape {
  position: absolute;
  top: -1px;
  left: 50%;
  width: 108px;
  height: auto;
  /* 画像自体の傾きを打ち消し、装飾の中心をカード上辺へ揃える。 */
  transform: translate(-50%, -50%) rotate(-2.44deg);
}
.article-creation-start__source--search .article-creation-start__tape {
  transform: translate(-50%, -50%) rotate(-2.88deg);
}
.article-creation-start__source h3 {
  min-height: 58px;
  margin: 0;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.6;
}
.article-creation-start__source h3::after {
  display: block;
  width: 48px;
  margin-top: 10px;
  border-top: 4px solid #329dfc;
  content: "";
}
.article-creation-start__source--search h3::after {
  border-color: #9574f3;
}
.article-creation-start__illustration {
  display: block;
  width: 100%;
  height: auto;
  margin: 12px auto 20px;
}
.article-creation-start__source ul {
  margin: 0;
  padding-left: 1.2em;
  list-style: disc;
}
.article-creation-start__source li {
  padding-block: 4px;
  color: #40567d;
  font-size: var(--article-diagram-body-size);
  font-weight: 400;
  line-height: 1.7;
}
.article-creation-start__source li::marker {
  color: #329dfc;
}
.article-creation-start__source--search li::marker {
  color: #9574f3;
}
.article-creation-start__source > p {
  margin: 16px 0 0;
  border-top: 1px solid #e4def8;
  padding-top: 12px;
  color: #526789;
  font-size: var(--article-note-size);
  font-weight: 400;
  line-height: 1.8;
}
.article-creation-start__source li span,
.article-creation-start__source h3 span,
.article-creation-start__source > p span,
.article-creation-start__theme-note span {
  display: inline-block;
  white-space: nowrap;
}
.article-creation-start__theme li p,
.article-creation-start__theme-note,
.article-creation-start__source > p {
  text-wrap: pretty;
}

/* 02. 採用済みの候補比較シート。構図・素材は保持。 */
.article-creation-review {
  position: relative;
  overflow: visible;
  padding-block: 80px 88px;
  background: #fff;
}

.article-creation-review__decorations {
  position: absolute;
  z-index: 0;
  /* 装飾の描画域だけを前後へ広げ、横方向のはみ出しはこの層で切る。 */
  inset: -180px 0;
  overflow: hidden;
  pointer-events: none;
}
.article-creation-review__circle,
.article-creation-review__dots {
  position: absolute;
  height: auto;
  pointer-events: none;
}
.article-creation-review__circle--top {
  top: 30px;
  right: -200px;
  width: 480px;
}
.article-creation-review__circle--bottom {
  bottom: 55px;
  left: -185px;
  width: 340px;
}
.article-creation-review__dots { width: 100px; }
.article-creation-review__dots--top { top: 252px; left: 40px; }
.article-creation-review__dots--bottom { bottom: 224px; right: 26px; }
.article-creation-review + .site-content {
  position: relative;
  z-index: 1;
}

.article-creation-review__inner {
  position: relative;
  z-index: 1;
  width: calc(100% - 10.4%);
  max-width: 1440px;
}

.article-creation-review__header {
  max-width: 1200px;
  margin-inline: auto;
  text-align: center;
}

.article-creation-review__eyebrow {
  margin: 0;
  color: #6954e8;
  font-size: var(--article-eyebrow-size);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.8;
}

.article-creation-review__eyebrow::before,
.article-creation-review__eyebrow::after {
  display: inline-block;
  width: 50px;
  height: 1px;
  margin: 0 14px 5px;
  background: currentcolor;
  content: "";
  vertical-align: middle;
}

.article-creation-review__header h2 {
  margin: 18px 0 14px;
  color: #071344;
  font-size: var(--article-heading-size);
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.65;
}

.article-creation-review__header > p:last-child {
  max-width: 780px;
  margin: 0 auto;
  color: #243b68;
  font-size: var(--article-body-size);
  font-weight: 500;
  line-height: 2;
}

.article-creation-review__content {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(64px, 6.5vw, 100px);
  align-items: start;
  margin: 40px auto 0;
}

.article-creation-review__arrow {
  position: absolute;
  top: 42%;
  left: 50%;
  width: clamp(54px, 5.1vw, 76px);
  height: auto;
  transform: translate(-50%, -50%);
}

.article-creation-review__section-heading h3::before,
.article-creation-review__theme h3::before {
  display: block;
  width: 66px;
  margin-bottom: 19px;
  border-top: 6px solid #329dfc;
  content: "";
}

.article-creation-review__section-heading h3,
.article-creation-review__theme h3 {
  margin: 0;
  color: #071344;
  font-size: var(--article-sheet-heading-size);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.6;
}

.article-creation-review__section-heading > p {
  margin: 8px 0 25px;
  color: #40567d;
  font-size: var(--article-body-size);
  font-weight: 400;
  line-height: 1.65;
}

.article-creation-review__candidates ol {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article-creation-review__candidates li {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 120px;
  gap: 22px;
  align-items: center;
  min-height: 165px;
  padding: 22px 24px;
  border: 1px solid #f0f7fd;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 28px rgb(44 150 235 / 7%);
}

.article-creation-review__number {
  display: grid;
  align-self: start;
  width: 54px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid #0867f2;
  border-radius: 50%;
  color: #071344;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.article-creation-review__candidates strong {
  display: block;
  max-width: 294px;
  padding: 6px 17px;
  border-radius: 13px;
  background: #e3f1ff;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1.6;
}

.article-creation-review__candidates li p {
  margin: 10px 0 0;
  color: #40567d;
  font-size: var(--article-diagram-body-size);
  font-weight: 400;
  line-height: 1.8;
}

.article-creation-review__candidates strong span {
  display: inline-block;
}

.article-creation-review__candidates li > img {
  width: 120px;
  height: auto;
  opacity: .85;
}

.article-creation-review__theme {
  position: relative;
  padding: 30px 38px 20px;
  border: 1px solid #eef7ff;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 32px rgb(44 150 235 / 9%);
}

.article-creation-review__tape {
  position: absolute;
  top: -1px;
  left: 50%;
  width: 144px;
  height: auto;
  transform: translate(-50%, -50%) rotate(-2.88deg);
}

.article-creation-review__theme h3 {
  padding: 0;
}

.article-creation-review__theme h3::before {
  margin-bottom: 14px;
}

.article-creation-review__chosen-theme {
  margin: 10px 0;
  padding: 6px 18px;
  border-radius: 13px;
  background: #e3f1ff;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  line-height: 1.4;
}

.article-creation-review__theme dl {
  margin: 0;
}

.article-creation-review__theme dl > div {
  position: relative;
  padding-block: 18px 8px;
}

.article-creation-review__theme dl > div + div {
  border-top: 1px solid #b7bfdd;
}

.article-creation-review__theme dt {
  padding-left: 72px;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  line-height: 1.6;
}

.article-creation-review__theme dt img {
  position: absolute;
  top: 18px;
  left: -5px;
  width: 66px;
  height: 66px;
}

.article-creation-review__theme dd {
  margin: 2px 0 0 72px;
  color: #40567d;
  font-size: var(--article-diagram-body-size);
  font-weight: 400;
  line-height: 1.8;
}

.article-creation-review__theme dd ul {
  margin: 0;
  padding-left: 1.3em;
  list-style: disc;
}

.article-creation-review__theme dd li::marker {
  color: #6865e8;
}

.article-creation-review__theme-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin: 0 -6px;
  padding: 16px 20px;
  background: #f5f3ff;
  color: #40567d;
  font-size: var(--article-note-size);
  font-weight: 400;
  line-height: 1.6;
}

.article-creation-review__theme-note > span:first-child {
  padding-right: 18px;
  border-right: 1px solid #bfb0fa;
  color: #372b81;
  font-weight: 800;
  white-space: nowrap;
}


/* 03. 採用された構成シート。背景円は追加しない。 */
.article-creation-outline {
  padding-block: 80px 100px;
  background: #fff;
}
.article-creation-outline__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
  width: 84%;
  max-width: 1360px;
}
.article-creation-outline__eyebrow {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  color: #6954e8;
  font-size: var(--article-eyebrow-size);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.8;
}
.article-creation-outline__eyebrow::before,
.article-creation-outline__eyebrow::after {
  width: 50px;
  border-top: 1px solid currentcolor;
  content: "";
}
.article-creation-outline__header h2 {
  margin: 28px 0 24px;
  color: #071344;
  font-size: var(--article-heading-size);
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.65;
}
.article-creation-outline__header h2 span { display: block; }
.article-creation-outline__header > p:last-child {
  margin: 0;
  color: #243b68;
  font-size: var(--article-body-size);
  font-weight: 400;
  line-height: 2;
  text-wrap: pretty;
}
.article-creation-outline__checks {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}
.article-creation-outline__checks li {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 24px;
  padding-block: 28px;
}
.article-creation-outline__checks li + li { border-top: 1px solid #cbdff4; }
.article-creation-outline__checks li:last-child { padding-bottom: 0; }
.article-creation-outline__icon,
.article-creation-outline__number {
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  background: url('../img/article-review-circle.webp') center / contain no-repeat;
}
.article-creation-outline__icon { width: 76px; }
.article-creation-outline__icon img { width: 38px; height: 38px; }
.article-creation-outline__checks h3,
.article-creation-outline__headings h5 {
  margin: 0;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  line-height: 1.6;
}
.article-creation-outline__checks p,
.article-creation-outline__headings p {
  margin: 8px 0 0;
  color: #40567d;
  font-size: var(--article-diagram-body-size);
  font-weight: 400;
  line-height: 1.8;
  text-wrap: pretty;
}
.article-creation-outline__sheet {
  position: relative;
  padding: 42px 44px 54px;
  border: 1px solid #e1f0ff;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 30px rgb(44 150 235 / 7%);
}
.article-creation-outline__tape {
  position: absolute;
  top: -1px;
  left: 50%;
  width: 144px;
  height: auto;
  transform: translate(-50%, -50%) rotate(-2.44deg);
}
.article-creation-outline__sheet > h3 {
  margin: 0;
  color: #071344;
  font-size: var(--article-sheet-heading-size);
  font-weight: 700;
  line-height: 1.6;
}
.article-creation-outline__sheet > h3::after {
  display: block;
  width: 60px;
  margin-top: 14px;
  border-top: 4px solid #329dfc;
  content: "";
}
.article-creation-outline__theme {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  margin: 30px 0;
  border-radius: 12px;
  background: #e3f1ff;
  color: #071344;
  font-size: var(--article-item-heading-size);
  font-weight: 700;
  line-height: 1.6;
}
.article-creation-outline__theme > span {
  padding: 12px 20px;
  border-right: 1px solid #fff;
}
.article-creation-outline__theme strong { padding: 12px 20px; }
.article-creation-outline__title-label {
  margin: 0 0 8px;
  color: #071344;
  font-size: var(--article-diagram-body-size);
  font-weight: 700;
  line-height: 1.6;
}
.article-creation-outline__article-title {
  width: fit-content;
  margin: 0 0 30px;
  padding-bottom: 8px;
  border-bottom: 4px solid #a381ef;
  color: #071344;
  font-size: var(--article-sheet-heading-size);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.6;
}
.article-creation-outline__headings {
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-creation-outline__headings li {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding-block: 26px;
  border-top: 1px solid #cbdff4;
}
.article-creation-outline__number {
  width: 64px;
  color: #071344;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.article-creation-outline__checks h3 span,
.article-creation-outline__theme strong span,
.article-creation-outline__article-title span,
.article-creation-outline__headings h5 span,
.article-creation-outline__headings p span,
.article-creation-outline__next span {
  display: inline-block;
}
.article-creation-outline__illustration {
  position: absolute;
  right: -82px;
  bottom: -72px;
  width: 240px;
  height: auto;
  pointer-events: none;
}
.article-creation-outline__next {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 40px 0 0;
  color: #40567d;
  font-size: var(--article-diagram-body-size);
  font-weight: 400;
  line-height: 1.8;
}
.article-creation-outline__next::before,
.article-creation-outline__next::after {
  width: 44px;
  margin-inline: 18px;
  border-top: 1px solid #afc1db;
  content: "";
}
@media (min-width: 1081px) and (max-width: 1320px) {
  .article-creation-outline__inner { gap: 36px; width: 90%; }
  .article-creation-outline__sheet { padding-inline: 28px; }
  .article-creation-outline__checks li { grid-template-columns: 60px minmax(0, 1fr); gap: 18px; }
  .article-creation-outline__icon { width: 60px; }
  .article-creation-outline__headings li { grid-template-columns: 52px minmax(0, 1fr); gap: 18px; }
  .article-creation-outline__number { width: 52px; }
  .article-creation-outline__illustration { right: -32px; width: 150px; }
}
@media (max-width: 1080px) {
  .article-creation-outline { padding-block: 76px; }
  .article-creation-outline__inner { grid-template-columns: 1fr; gap: 64px; width: 84%; max-width: 690px; }
  .article-creation-outline__illustration { right: -30px; }
}
@media (max-width: 767px) {
  .article-creation-outline__inner { width: calc(100% - 36px); gap: 48px; }
  .article-creation-outline__eyebrow { gap: 14px; }
  .article-creation-outline__eyebrow::before { width: 26px; }
  .article-creation-outline__eyebrow::after { display: none; }
  .article-creation-outline__header h2 { margin-block: 16px 20px; }
  .article-creation-outline__checks { margin-top: 20px; }
  .article-creation-outline__checks li { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; padding-block: 22px; }
  .article-creation-outline__icon { width: 48px; }
  .article-creation-outline__icon img { width: 28px; height: 28px; }
  .article-creation-outline__sheet { padding: 28px 20px 80px; }
  .article-creation-outline__tape { width: 110px; }
  .article-creation-outline__theme { margin-block: 24px; }
  .article-creation-outline__theme > span { padding: 10px; font-size: var(--article-diagram-body-size); }
  .article-creation-outline__theme strong { padding: 10px; }
  .article-creation-outline__article-title { margin-bottom: 22px; }
  .article-creation-outline__headings li { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding-block: 20px; }
  .article-creation-outline__number { width: 36px; font-size: 18px; }
  .article-creation-outline__illustration { right: -8px; bottom: -30px; width: 130px; }
  .article-creation-outline__next { margin-top: 48px; }
  .article-creation-outline__next::before,
  .article-creation-outline__next::after { width: 20px; margin-inline: 8px; }
}
@media (forced-colors: active) {
  .article-creation-outline__tape,
  .article-creation-outline__illustration { display: none; }
  .article-creation-outline__icon,
  .article-creation-outline__number { background: none; }
  .article-creation-outline__sheet { border-color: CanvasText; }
}

@media (min-width: 1081px) and (max-width: 1320px) {
  .article-creation-start__content { gap: 32px; }
  .article-creation-start__theme { padding-inline: 26px; }
  .article-creation-start__source { padding-inline: 14px; }
  .article-creation-start__source h3 { font-size: 18px; min-height: 76px; }
  .article-creation-start__connector { display: none; }
  .article-creation-review__candidates li {
    grid-template-columns: 44px minmax(0, 1fr) 90px;
    gap: 14px;
    padding-inline: 18px;
  }
  .article-creation-review__number { width: 44px; }
  .article-creation-review__candidates strong { padding-inline: 10px; }
  .article-creation-review__candidates li > img { width: 90px; }
  .article-creation-review__theme { padding-inline: 28px; }
}
@media (max-width: 1080px) {
  .article-creation-start,
  .article-creation-review { padding-block: 64px 76px; }
  .article-creation-start__content {
    grid-template-columns: 1fr;
    max-width: 760px;
    gap: 56px;
  }
  .article-creation-start__theme { max-width: 650px; }
  .article-creation-start__connector { display: none; }
  .article-creation-start__source h3 { min-height: 80px; }
  .article-creation-review__content {
    grid-template-columns: 1fr;
    gap: 70px;
    max-width: 690px;
  }
  .article-creation-review__arrow { display: none; }
}
@media (max-width: 767px) {
  .article-creation-review__circle--top { top: 105px; right: -150px; width: 230px; }
  .article-creation-review__circle--bottom { bottom: 110px; left: -120px; width: 180px; }
  .article-creation-review__dots { width: 46px; }
  .article-creation-review__dots--top { top: 190px; left: 18px; }
  .article-creation-review__dots--bottom { bottom: 192px; right: 18px; }
  .article-creation-start__decoration { width: 130px; }
  .article-creation-start__decoration--top { top: -45px; right: -30px; }
  .article-creation-start__decoration--bottom { bottom: -60px; left: -30px; }
  .article-creation-wordpress,
  .article-creation-start,
  .article-creation-review,
  .article-creation-outline,
  .article-creation-body,
  .article-creation-publication {
    --article-heading-size: clamp(27px, 8.2vw, 34px);
    --article-eyebrow-size: 12px;
    --article-body-size: 15px;
    --article-sheet-heading-size: 20px;
    --article-item-heading-size: 17px;
    --article-diagram-body-size: 14px;
    --article-note-size: 13px;
    padding-block: 58px 64px;
  }
  .article-creation-start__inner,
  .article-creation-review__inner { width: calc(100% - 36px); }
  .article-creation-start__header,
  .article-creation-review__header { text-align: left; }
  .article-creation-start__eyebrow::before,
  .article-creation-review__eyebrow::before { width: 26px; margin-left: 0; }
  .article-creation-start__eyebrow::after,
  .article-creation-review__eyebrow::after { display: none; }
  .article-creation-start__header h2,
  .article-creation-review__header h2 {
    margin-top: 16px;
    line-height: 1.65;
    letter-spacing: .01em;
  }
  .article-creation-start__header h2 span,
  .article-creation-review__header h2 span { display: inline-block; }
  .article-creation-start__content { margin-top: 36px; }
  .article-creation-start__theme { padding: 26px 20px; }
  .article-creation-start__theme li {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    padding-block: 12px 18px;
  }
  .article-creation-start__theme li > span { width: 30px; font-size: 18px; }
  .article-creation-start__theme li strong { padding: 5px 8px; }
  .article-creation-start__sources {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .article-creation-start__source { padding: 30px 24px 24px; }
  .article-creation-start__source h3 { min-height: 0; }
  .article-creation-start__illustration { max-width: 220px; margin-block: 20px; }
  .article-creation-review__content { gap: 42px; margin-top: 36px; }
  .article-creation-review__section-heading > p { margin-block: 12px 22px; }
  .article-creation-review__candidates li {
    grid-template-columns: 31px minmax(0, 1fr) 58px;
    min-height: 130px;
    gap: 9px;
    padding: 20px 12px;
  }
  .article-creation-review__number { width: 31px; font-size: 18px; }
  .article-creation-review__candidates strong { padding: 6px 8px; border-radius: 8px; }
  .article-creation-review__candidates li > img { width: 58px; }
  .article-creation-review__theme { padding: 26px 18px 18px; }
  .article-creation-review__tape { width: 110px; }
  .article-creation-review__chosen-theme { padding-inline: 10px; }
  .article-creation-review__theme dl > div { padding-block: 17px; }
  .article-creation-review__theme dt { padding-left: 49px; }
  .article-creation-review__theme dt img { top: 16px; left: 0; width: 38px; height: 38px; }
  .article-creation-review__theme dd { margin: 5px 0 0 49px; line-height: 1.75; }
  .article-creation-review__theme-note { grid-template-columns: 1fr; gap: 8px; padding: 15px; }
  .article-creation-review__theme-note > span:first-child {
    width: fit-content;
    padding: 0 0 5px;
    border-right: 0;
    border-bottom: 1px solid #bfb0fa;
  }
  .article-creation-review__line-break { display: none; }
}
@media (max-width: 360px) {
  /* 記事制作専用CSS内で、末尾CTAの短い語尾だけの折り返しを防ぐ。 */
  #site-closing-title .home-closing__highlight { display: inline-block; text-wrap: balance; }
  .article-creation-review__candidates li {
    position: relative;
    grid-template-columns: 31px minmax(0, 1fr);
  }
  .article-creation-review__candidates strong {
    min-height: 54px;
    margin-right: 58px;
  }
  .article-creation-review__candidates li > img {
    position: absolute;
    top: 24px;
    right: 12px;
    width: 48px;
  }
  .article-creation-review__theme dd {
    margin: 16px 0 0;
  }
}

@media (forced-colors: active) {
  .article-creation-start__decoration { display: none; }
  .article-creation-start__connector,
  .article-creation-start__tape,
  .article-creation-review__circle,
  .article-creation-review__dots,
  .article-creation-review__arrow,
  .article-creation-review__tape { display: none; }
  .article-creation-start__header h2,
  .article-creation-start__theme h3,
  .article-creation-start__theme li strong,
  .article-creation-start__source h3,
  .article-creation-review__header h2,
  .article-creation-review__section-heading h3,
  .article-creation-review__theme h3,
  .article-creation-review__candidates strong,
  .article-creation-review__chosen-theme,
  .article-creation-review__theme dt { color: CanvasText; }
  .article-creation-start__theme,
  .article-creation-start__source,
  .article-creation-review__candidates li,
  .article-creation-review__theme { border-color: CanvasText; }
}

/* 第3の「左上の丸なし」を優先。第2の円は切らず、その領域内へ戻す。 */
.article-creation-review:has(+ .article-creation-outline) .article-creation-review__circle--bottom {
  bottom: 180px;
}

/* 04. 採用2：確認した構成から本文案へ進むワークシート */
.article-creation-body { position: relative; padding-block: 64px 52px; background: #fff; }
.article-creation-body__inner { width: calc(100% - 160px); max-width: 1320px; margin-inline: auto; }
.article-creation-body p:not(.article-creation-body__eyebrow) { font-weight: 400; text-wrap: pretty; }
.article-creation-body__header { text-align: center; }
.article-creation-body__eyebrow { margin: 0; color: #6954e8; font-size: var(--article-eyebrow-size); font-weight: 700; line-height: 1.8; }
.article-creation-body__eyebrow::before,
.article-creation-body__eyebrow::after { display: inline-block; width: 50px; margin: 0 18px 5px; border-top: 1px solid currentcolor; content: ""; }
.article-creation-body__header h2 { margin: 30px 0 14px; color: #071344; font-size: var(--article-heading-size); line-height: 1.65; letter-spacing: .01em; }
.article-creation-body__header h2 span,
.article-creation-body__article-title span,
.article-creation-body__outline strong span,
.article-creation-body__excerpt h5 span,
.article-creation-body__checks h3 span,
.article-creation-body__note span { display: inline-block; }
.article-creation-body__header > p:last-child { margin: 0; color: #243b68; font-size: var(--article-body-size); line-height: 2; }
.article-creation-body__header > p:last-child span { display: block; }
.article-creation-body__worksheet { position: relative; display: grid; grid-template-columns: minmax(0, .5fr) minmax(0, 1fr); align-items: center; gap: 100px; width: calc(100% - 120px); margin: 52px auto 0; }
.article-creation-body__outline h3,
.article-creation-body__sheet > h3 { margin: 0; color: #071344; font-size: var(--article-sheet-heading-size); line-height: 1.6; }
.article-creation-body__outline h3::after,
.article-creation-body__sheet > h3::after { display: block; width: 54px; margin-top: 14px; border-bottom: 4px solid #2a94ff; content: ""; }
.article-creation-body__outline ol { margin: 10px 0 0; padding: 0; list-style: none; }
.article-creation-body__outline li { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 6px; padding-block: 24px; }
.article-creation-body__outline li + li { border-top: 1px solid #cadff2; }
.article-creation-body__number { display: grid; place-items: center; width: 64px; aspect-ratio: 1; background: url('../img/article-review-circle.webp') center / contain no-repeat; color: #071344; font-size: 26px; font-weight: 700; }
.article-creation-body__outline strong { padding: 10px 16px; color: #071344; font-size: var(--article-diagram-body-size); line-height: 1.8; }
.article-creation-body__outline li:first-child strong { border-radius: 10px; background: #e1f0ff; }
.article-creation-body__arrow { position: absolute; top: 50%; left: calc((100% - 100px) / 3 + 24px); width: 52px; height: 40px; object-fit: fill; transform: translateY(-50%); }
.article-creation-body__sheet { position: relative; min-width: 0; padding: 30px 40px 28px; border: 1px solid #d2e7f8; border-radius: 6px; background: #fff; box-shadow: 0 12px 30px rgb(78 157 222 / 5%); }
.article-creation-body__tape { position: absolute; top: -1px; left: 50%; width: 140px; height: auto; transform: translate(-50%, -50%) rotate(-2.44deg); pointer-events: none; }
.article-creation-body__article-title { width: fit-content; margin: 20px 0 30px; padding-bottom: 10px; border-bottom: 3px solid #a981ff; color: #071344; font-size: var(--article-sheet-heading-size); line-height: 1.6; }
.article-creation-body__excerpt { position: relative; }
.article-creation-body__excerpt + .article-creation-body__excerpt { margin-top: 26px; padding-top: 26px; border-top: 1px solid #cadff2; padding-right: 70px; }
.article-creation-body__excerpt h5 { margin: 0; padding-left: 27px; border-left: 4px solid #2a94ff; color: #071344; font-size: var(--article-item-heading-size); line-height: 1.65; }
.article-creation-body__excerpt p { margin: 8px 0 0 31px; color: #304a78; font-size: var(--article-diagram-body-size); line-height: 1.9; }
.article-creation-body__illustration { position: absolute; right: -78px; bottom: -35px; width: 190px; height: auto; pointer-events: none; }
.article-creation-body__checks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 52px 0 0; padding: 40px 0 0; border-top: 1px solid #cadff2; list-style: none; }
.article-creation-body__checks li { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: start; gap: 24px; min-width: 0; }
.article-creation-body__checks li + li { padding-left: 30px; border-left: 1px solid #cadff2; }
.article-creation-body__icon { display: grid; place-items: center; width: 76px; aspect-ratio: 1; background: url('../img/article-review-circle.webp') center / contain no-repeat; }
.article-creation-body__icon img { width: 36px; height: 36px; object-fit: contain; }
.article-creation-body__checks h3 { margin: 0 0 12px; color: #071344; font-size: var(--article-item-heading-size); line-height: 1.65; }
.article-creation-body__checks p { margin: 0; color: #304a78; font-size: var(--article-diagram-body-size); line-height: 1.9; }
.article-creation-body__note { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 46px 0 0; color: #425b84; font-size: var(--article-note-size); line-height: 1.8; }
.article-creation-body__note::before,
.article-creation-body__note::after { width: 50px; margin-inline: 14px; border-top: 1px solid #98aad0; content: ""; }
@media (max-width: 1320px) {
  .article-creation-body__inner { width: calc(100% - 96px); }
  .article-creation-body__worksheet { width: calc(100% - 60px); gap: 70px; }
  .article-creation-body__arrow { left: calc((100% - 70px) / 3 + 15px); width: 40px; }
  .article-creation-body__sheet { padding-inline: 28px; }
  .article-creation-body__checks { gap: 20px; }
  .article-creation-body__checks li { grid-template-columns: 56px minmax(0, 1fr); gap: 14px; }
  .article-creation-body__checks li + li { padding-left: 20px; }
  .article-creation-body__icon { width: 56px; }
}
@media (max-width: 1080px) {
  .article-creation-body__worksheet { grid-template-columns: 1fr; max-width: 690px; gap: 44px; }
  .article-creation-body__outline { max-width: 460px; }
  .article-creation-body__arrow { display: none; }
  .article-creation-body__checks { grid-template-columns: 1fr; max-width: 690px; margin-inline: auto; }
  .article-creation-body__checks li + li { padding: 20px 0 0; border-left: 0; border-top: 1px solid #e4edf7; }
}
@media (max-width: 767px) {
  .article-creation-body { padding-block: 58px 64px; }
  .article-creation-body__inner { width: calc(100% - 36px); }
  .article-creation-body__header { text-align: left; }
  .article-creation-body__eyebrow::before { width: 26px; margin-left: 0; }
  .article-creation-body__eyebrow::after { display: none; }
  .article-creation-body__header h2 { margin-top: 16px; }
  .article-creation-body__worksheet { width: 100%; margin-top: 32px; gap: 40px; }
  .article-creation-body__outline li { grid-template-columns: 44px minmax(0, 1fr); padding-block: 18px; }
  .article-creation-body__number { width: 44px; font-size: 20px; }
  .article-creation-body__outline strong { padding: 10px; }
  .article-creation-body__sheet { padding: 26px 20px 96px; }
  .article-creation-body__tape { width: 110px; }
  .article-creation-body__article-title { margin-block: 20px 24px; }
  .article-creation-body__excerpt h5 { padding-left: 12px; }
  .article-creation-body__excerpt p { margin-left: 16px; }
  .article-creation-body__excerpt + .article-creation-body__excerpt { padding-right: 0; margin-top: 20px; padding-top: 20px; }
  .article-creation-body__illustration { width: 130px; right: -14px; bottom: -14px; }
  .article-creation-body__checks { margin-top: 32px; padding-top: 26px; }
  .article-creation-body__checks h3 { margin-bottom: 6px; }
  .article-creation-body__icon img { width: 30px; height: 30px; }
  .article-creation-body__note { flex-wrap: wrap; margin-top: 32px; gap: 0; }
  .article-creation-body__note::before,
  .article-creation-body__note::after { display: none; }
}
@media (forced-colors: active) {
  .article-creation-body__tape,
  .article-creation-body__illustration { display: none; }
  .article-creation-body__number,
  .article-creation-body__icon { background: none; }
  .article-creation-body__sheet { border-color: CanvasText; }
}

/* 05. 採用1：画像追加・公開先への反映・公開記録の3段階 */
.article-creation-publication { padding-block: 64px 76px; background: #fff; }
.article-creation-publication__inner { width: calc(100% - 128px); max-width: 1360px; margin-inline: auto; }
.article-creation-publication__header { text-align: center; }
.article-creation-publication__eyebrow { margin: 0; color: #6954e8; font-size: var(--article-eyebrow-size); font-weight: 700; line-height: 1.8; }
.article-creation-publication__eyebrow::before,
.article-creation-publication__eyebrow::after { display: inline-block; width: 50px; margin: 0 18px 5px; border-top: 1px solid currentcolor; content: ""; }
.article-creation-publication__header h2 { margin: 30px 0 20px; color: #071344; font-size: var(--article-heading-size); line-height: 1.65; letter-spacing: .01em; }
.article-creation-publication__header h2 span,
.article-creation-publication__step-heading h3 span,
.article-creation-publication__steps > li > p span,
.article-creation-publication__note span { display: inline-block; }
.article-creation-publication__header > p:last-child { margin: 0; color: #243b68; font-size: var(--article-body-size); font-weight: 400; line-height: 2; text-wrap: pretty; }
.article-creation-publication__header > p:last-child span { display: block; }
.article-creation-publication__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 64px; margin: 70px 0 0; padding: 0; list-style: none; }
.article-creation-publication__steps > li { min-width: 0; }
.article-creation-publication__step-heading { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 24px; align-items: center; min-height: 80px; }
.article-creation-publication__number { display: grid; place-items: center; width: 72px; aspect-ratio: 1; background: url('../img/article-review-circle.webp') center / contain no-repeat; color: #071344; font-size: 28px; font-weight: 700; }
.article-creation-publication__step-heading h3 { margin: 0; color: #071344; font-size: var(--article-item-heading-size); font-weight: 700; line-height: 1.7; }
.article-creation-publication__step-heading h3 span { display: block; }
.article-creation-publication__visual { position: relative; display: flex; align-items: center; justify-content: center; height: 360px; margin-top: 28px; }
.article-creation-publication__illustration { display: block; width: 100%; height: 100%; object-fit: contain; }
@media (min-width: 1081px) {
  .article-creation-publication__steps > li:nth-child(2) .article-creation-publication__illustration { transform: scale(1.08); }
}
.article-creation-publication__arrow { position: absolute; top: calc(50% - 20px); right: -52px; width: 40px; height: 40px; }
.article-creation-publication__steps > li > p { margin: 28px 0 0; color: #304a78; font-size: var(--article-diagram-body-size); font-weight: 400; line-height: 1.9; text-align: center; text-wrap: pretty; }
.article-creation-publication__note { display: flex; align-items: center; justify-content: center; margin: 74px 0 0; color: #425b84; font-size: var(--article-note-size); font-weight: 400; line-height: 1.8; }
.article-creation-publication__note::before,
.article-creation-publication__note::after { width: 50px; margin-inline: 20px; border-top: 1px solid #98aad0; content: ""; }
@media (min-width: 1081px) and (max-width: 1320px) {
  .article-creation-publication__inner { width: calc(100% - 80px); }
  .article-creation-publication__steps { gap: 40px; }
  .article-creation-publication__step-heading { grid-template-columns: 52px minmax(0, 1fr); gap: 14px; min-height: 102px; }
  .article-creation-publication__number { width: 52px; font-size: 24px; }
  .article-creation-publication__visual { height: 310px; }
  .article-creation-publication__arrow { width: 30px; right: -35px; }
}
@media (max-width: 1080px) {
  .article-creation-publication__steps { grid-template-columns: 1fr; max-width: 600px; gap: 48px; margin-inline: auto; }
  .article-creation-publication__step-heading { min-height: 0; }
  .article-creation-publication__visual { max-width: 430px; height: 350px; margin-inline: auto; }
  .article-creation-publication__arrow { display: none; }
  .article-creation-publication__steps > li + li { padding-top: 36px; border-top: 1px solid #e4edf7; }
  .article-creation-publication__steps > li > p { margin-top: 18px; }
}
@media (max-width: 767px) {
  .article-creation-publication { padding-block: 58px 64px; }
  .article-creation-publication__inner { width: calc(100% - 36px); }
  .article-creation-publication__header { text-align: left; }
  .article-creation-publication__eyebrow::before { width: 26px; margin-left: 0; }
  .article-creation-publication__eyebrow::after { display: none; }
  .article-creation-publication__header h2 { margin-top: 16px; }
  .article-creation-publication__steps { margin-top: 38px; gap: 32px; }
  .article-creation-publication__step-heading { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
  .article-creation-publication__number { width: 44px; font-size: 20px; }
  .article-creation-publication__visual { height: auto; aspect-ratio: 1.12; margin-top: 20px; }
  .article-creation-publication__steps > li + li { padding-top: 28px; }
  .article-creation-publication__note { flex-wrap: wrap; margin-top: 38px; text-align: center; }
  .article-creation-publication__note::before,
  .article-creation-publication__note::after { display: none; }
}
@media (forced-colors: active) {
  .article-creation-publication__number { background: none; }
  .article-creation-publication__arrow { display: none; }
}

/* 06. 採用3：任意のWordPress連携と通常の掲載方法 */
.article-creation-wordpress { padding-block: 80px 86px; background: #fff; }
.article-creation-wordpress__inner { width: calc(100% - 160px); max-width: 1360px; margin-inline: auto; }
.article-creation-wordpress__layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1fr); align-items: center; gap: 52px; }
.article-creation-wordpress__eyebrow { margin: 0; color: #6954e8; font-size: var(--article-eyebrow-size); font-weight: 700; line-height: 1.8; }
.article-creation-wordpress__eyebrow::before,
.article-creation-wordpress__eyebrow::after { display: inline-block; width: 50px; margin: 0 18px 5px; border-top: 1px solid currentcolor; content: ""; }
.article-creation-wordpress__eyebrow::before { margin-left: 0; }
.article-creation-wordpress__header h2 { margin: 32px 0 30px; color: #071344; font-size: var(--article-heading-size); line-height: 1.5; letter-spacing: -.015em; }
.article-creation-wordpress__header h2 > span { display: block; }
.article-creation-wordpress__header h2 > span > span { display: inline-block; }
.article-creation-wordpress__header > p:last-child { margin: 0; color: #243b68; font-size: var(--article-body-size); font-weight: 400; line-height: 2; text-wrap: pretty; }
.article-creation-wordpress__choices { margin: 48px 0 0; padding: 0; list-style: none; }
.article-creation-wordpress__choices li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 32px; align-items: center; padding-block: 12px 30px; }
.article-creation-wordpress__choices li + li { border-top: 1px solid #cadff2; padding-block: 30px 0; }
.article-creation-wordpress__choices h3 { margin: 0 0 10px; color: #071344; font-size: var(--article-item-heading-size); line-height: 1.65; }
.article-creation-wordpress__choices h3 span { display: inline-block; }
.article-creation-wordpress__choices p { margin: 0; color: #304a78; font-size: var(--article-diagram-body-size); font-weight: 400; line-height: 1.9; text-wrap: pretty; }
.article-creation-wordpress__brand { width: 96px; height: 96px; font-size: 96px; color: #00749a; }
.article-creation-wordpress__copy-icon { display: grid; place-items: center; width: 96px; height: 96px; background: url('../img/article-review-circle.webp') center / contain no-repeat; color: #0780ff; }
.article-creation-wordpress__copy-icon img { width: 52px; height: 52px; }
.article-creation-wordpress__sheet { position: relative; min-width: 0; margin: 42px 0 0; padding: 36px 18px 18px; border: 1px solid #bddcfa; border-radius: 5px; background: #fff; }
.article-creation-wordpress__tape { position: absolute; top: -1px; left: 50%; width: 140px; height: auto; transform: translate(-50%, -50%) rotate(-2.44deg); pointer-events: none; }
.article-creation-wordpress__sheet figcaption { margin: 0 10px; color: #071344; font-size: var(--article-sheet-heading-size); font-weight: 700; line-height: 1.6; }
.article-creation-wordpress__sheet figcaption::after { display: block; width: 54px; margin-top: 14px; border-bottom: 4px solid #2a94ff; content: ""; }
.article-creation-wordpress__diagram { display: block; width: 100%; height: auto; margin-top: 54px; }
.article-creation-wordpress__mobile-caption { display: none; }
.article-creation-wordpress__note { display: flex; align-items: center; justify-content: center; gap: 28px; margin: 104px 0 0; color: #425b84; font-size: var(--article-note-size); line-height: 1.8; text-align: center; }
.article-creation-wordpress__note > span > span { display: block; }
.article-creation-wordpress__note::before,
.article-creation-wordpress__note::after { width: 50px; border-top: 1px solid #98aad0; content: ""; }
@media (min-width: 1081px) and (max-width: 1320px) {
  .article-creation-wordpress__inner { width: calc(100% - 80px); }
  .article-creation-wordpress__layout { gap: 32px; }
  .article-creation-wordpress__choices li { grid-template-columns: 68px minmax(0, 1fr); gap: 20px; }
  .article-creation-wordpress__brand { width: 68px; height: 68px; font-size: 68px; }
  .article-creation-wordpress__copy-icon { width: 68px; height: 68px; }
  .article-creation-wordpress__sheet { padding-inline: 18px; }
}
@media (max-width: 1080px) {
  .article-creation-wordpress { padding-block: 70px; }
  .article-creation-wordpress__layout { grid-template-columns: 1fr; gap: 48px; max-width: 720px; margin-inline: auto; }
  .article-creation-wordpress__sheet { margin-top: 0; }
  .article-creation-wordpress__note { margin-top: 64px; }
}
@media (max-width: 767px) {
  .article-creation-wordpress { padding-block: 58px 64px; }
  .article-creation-wordpress__inner { width: calc(100% - 36px); }
  .article-creation-wordpress__eyebrow::before { width: 26px; }
  .article-creation-wordpress__eyebrow::after { display: none; }
  .article-creation-wordpress__header h2 { margin-block: 16px 24px; }
  .article-creation-wordpress__header h2 > span { display: inline; }
  .article-creation-wordpress__header h2 > span:last-child { display: inline-block; }
  .article-creation-wordpress__choices { margin-top: 30px; }
  .article-creation-wordpress__choices li { grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; padding-bottom: 24px; }
  .article-creation-wordpress__choices li + li { padding-top: 24px; }
  .article-creation-wordpress__brand { width: 56px; height: 56px; font-size: 56px; }
  .article-creation-wordpress__copy-icon { width: 56px; height: 56px; }
  .article-creation-wordpress__copy-icon img { width: 32px; height: 32px; }
  .article-creation-wordpress__sheet { padding: 26px 14px 20px; }
  .article-creation-wordpress__sheet figcaption { margin-inline: 0; }
  .article-creation-wordpress__tape { width: 110px; }
  .article-creation-wordpress__diagram { margin-top: 24px; }
  .article-creation-wordpress__mobile-caption { display: block; margin: 18px 0 0; color: #304a78; font-size: var(--article-diagram-body-size); line-height: 1.9; }
  .article-creation-wordpress__note { margin-top: 38px; text-align: left; }
  .article-creation-wordpress__note::before,
  .article-creation-wordpress__note::after { display: none; }
}
@media (forced-colors: active) {
  .article-creation-wordpress__copy-icon { background: none; }
  .article-creation-wordpress__tape { display: none; }
  .article-creation-wordpress__sheet { border-color: CanvasText; }
}