/* 記事本文の「実際に届けたおもちゃのデータ」カード。
   テーマ側のボックス装飾には一切依存しない独自スタイル。
   本文の内部リンクや商品カードと色が競合しないよう、
   サイトに前例のないプラムを差し色に使う。 */
.kl-plan-related-module {
    --klpc-accent: #7a4a6d;
    --klpc-tint: #f9f4f8;
    --klpc-ink: #1c2b3a;
    --klpc-sub: #7b8794;
    margin: 26px auto;
    width: 92%;
    max-width: 620px;
    font-feature-settings: "palt";
}

.kl-plan-related-module .kl-plan-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 10px;
    background: var(--klpc-tint);
    text-decoration: none;
    transition: filter .18s ease;
}

.kl-plan-related-module .kl-plan-card:hover { filter: brightness(.98); }
.kl-plan-related-module .kl-plan-card:focus-visible { outline: 2px solid var(--klpc-accent); outline-offset: 2px; }

.kl-plan-card__mark {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--klpc-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.kl-plan-card__mark svg { width: 17px; height: 17px; color: #fff; }

.kl-plan-card__body { flex: 1; min-width: 0; }

.kl-plan-card__lead {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .09em;
    color: var(--klpc-sub);
}

.kl-plan-card__title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--klpc-ink);
}

.kl-plan-card__summary {
    display: block;
    margin-top: 3px;
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--klpc-sub);
}

.kl-plan-card__arrow { flex: none; width: 16px; height: 16px; color: var(--klpc-accent); transition: transform .18s ease; }
.kl-plan-related-module .kl-plan-card:hover .kl-plan-card__arrow { transform: translateX(3px); }

@media (max-width: 767px) {
    .kl-plan-related-module { width: 100%; }
    .kl-plan-related-module .kl-plan-card { gap: 12px; padding: 14px 15px; }
    .kl-plan-card__mark { width: 30px; height: 30px; }
    .kl-plan-card__mark svg { width: 15px; height: 15px; }
    .kl-plan-card__title { font-size: 14.5px; }
}