/* diag-cta block. Page-specific declaration differences are scoped with data-page. */
.diag-cta{position:relative; display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:36px; align-items:center; padding:40px 48px;
      border-radius:26px; background:#ffffff; border:1.5px dashed rgba(104,124,97,0.55);
      box-shadow:0 20px 48px rgba(40,34,77,0.08), 0 2px 6px rgba(40,34,77,0.04);}
.diag-cta__panda{width:150px; margin-top:-64px; filter:drop-shadow(0 8px 16px rgba(40,34,77,0.12));}
.diag-cta__en{display:block; font-family:var(--serif); font-size:15px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--green);}
.diag-cta__body b{display:block; margin-top:6px; font-family:var(--display); font-size:26px; font-weight:700; letter-spacing:0.03em;}
/* 折り返す場合は必ず「相続・実家の／不安チェック」で切る。 */
.diag-cta__line{display:inline-block;}
.diag-cta__desc{display:block; margin-top:10px; font-size:15px; font-weight:400; color:var(--ink-soft); line-height:1.9;}
.diag-cta__btn{display:inline-flex; align-items:center; gap:8px; padding:17px 30px; border-radius:999px; background:var(--green); color:#ffffff;
      font-size:16px; font-weight:700; line-height:1; white-space:nowrap; box-shadow:0 8px 20px rgba(104,124,97,0.28);}
.diag-cta__btn svg{width:15px; height:15px;}
.page[data-page] .diag-cta:hover{color:inherit;}
.page[data-page] .diag-cta:hover .diag-cta__btn{background:#57694f;}