/* =========================================================================
   /ai-writing/ 固有（AI添削プラン.dc.html の Problem / Solution / Strength / Contents）
   共通部品は site.css。色は site.css のトークン経由。
   ========================================================================= */

/* Problem: 丸アイコン 84px（Tweaks problemImgSize の既定値）＋本文 */
.problem-card { display: flex; flex-direction: column; align-items: center; text-align: center; }
.problem-card__img { width: 84px; height: 84px; border-radius: 50%; overflow: hidden; margin-bottom: 18px; }
.problem-card__img img { display: block; width: 84px; height: 84px; object-fit: contain; }
.problem-card__text { font-size: 14.5px; line-height: 1.85; color: var(--ink-reading); margin: 0; }

/* Solution */
.solution__title { margin: 0; }
.sec-title + .solution__lead { margin-top: 16px; line-height: 1.85; }

/* Strength: 5カード */
.strength-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px; }
.strength-card {
  background: var(--c-card); border: 1px solid var(--c-line); border-radius: 16px; padding: 28px 22px;
  text-align: center; box-shadow: var(--shadow-card);
}
.strength-card__icon { height: 72px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.strength-card__img { display: block; width: 72px; height: 72px; border-radius: 12px; object-fit: cover; }
.strength-card__img--wide { width: 132px; }
.strength-card__title { font-size: 14px; font-weight: 700; color: var(--c-text); margin: 0 0 8px; line-height: 1.5; }
.strength-card__body { font-size: 13.5px; color: var(--c-sub); line-height: 1.8; margin: 0; }

/* Contents（PlanList を埋め込む） */
.contents__lead { max-width: 42em; }