/* ライト版の外枠（背景は薄い青、画像は使わない） */
.isa-cta-duo-lite {
    background: transparent; /* ページ地は透過 */
}

.isa-cta-duo-lite__inner {
    max-width: 824px;
    margin: 0 auto 43px;
    background: #dceef7;         /* 薄い青パネル */
    border-radius: 24px;
    padding: 40px 32px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* 2カラム */
.isa-cta-duo-lite__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}
@media (max-width: 1100px){
    .isa-cta-duo-lite__cols { grid-template-columns: 1fr; }
}

.isa-cta-duo-lite__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

/* 見出し・説明（改行はACF側 new_lines=br） */
.isa-cta-duo-lite__texts { text-align: center; }
.isa-cta-duo-lite__heading { font-size: 16px; font-weight: 800; color: #1d2b3a; margin: 0 0 6px;
display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1; }
.isa-cta-duo-lite__heading::before,
.isa-cta-duo-lite__heading::after {
  width: 1px;
  height: 20px;
  content: "";
  background: repeating-linear-gradient(
    to bottom,
    #1d2b3a 0,
    #1d2b3a 2px,
    transparent 2px,
    transparent 4px
  );
}

.isa-cta-duo-lite__heading::before {
  margin-right: 1em;
  transform: rotate(-30deg);
}

.isa-cta-duo-lite__heading::after {
  margin-left: 1em;
  transform: rotate(30deg);
}
.isa-cta-duo-lite__desc {
    font-size: 16px;
    color: #1d2b3a;
    margin: 0 0 6px;
    letter-spacing: -0.05em; }

/* ボタン（色はCSS変数をPHPが注入） */
.isa-cta-duo-lite__btn {
    --btn-icon: none;
    --btn-bg: #0a66c2;
    --btn-bg-hover: #095caf;
    --btn-shadow-rgb: 10,102,194;

    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 68px;
    padding: 18px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;

    background: var(--btn-bg);
    color: #fff;
    box-shadow: 0 6px 18px rgba(var(--btn-shadow-rgb), .25);
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease, background-color .12s ease;
}

.isa-cta-duo-lite__btn:hover {
    background: var(--btn-bg-hover);
    box-shadow: 0 10px 24px rgba(var(--btn-shadow-rgb), .35);
    opacity: .98;
}

.isa-cta-duo-lite__btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(var(--btn-shadow-rgb), .35);
}

/* アイコン（任意） */
.isa-cta-duo-lite__btn::before{
    content:""; position:absolute; right:20px; width:14px; height:14px;
    background-image:var(--btn-icon); background-size:contain; background-repeat:no-repeat; background-position:center;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.12));
}

.isa-cta-duo-lite__btn-label { display:inline-block; word-break:keep-all; }

/* アクセシビリティ */
.isa-cta-duo-lite__btn:focus-visible { outline: 3px solid #111; outline-offset: 2px; }

/* 編集時の注意ボックス共通 */
.isa-cta-duo__notice { padding:12px; border:1px dashed #ccc; background:#fff; text-align:center; }