/* 投票ダレニの導線バナー。
   投票ダレニ本体は「ほぼ白いページ＋濃い黄色はロゴとボタンだけ」という使い方をしている。
   広い面には --sky-pale(#fdfae0) の淡いクリームを敷き、濃い #f2de3a はボタンにだけ載せる。
   黄色の上に載る文字は #20200a（ほぼ黒）、小さい文字は #6b6000（暗いオリーブ）。 */
.sibling-section{max-width:1120px;margin:0 auto;padding:0 28px 40px}
.sibling-banner{display:flex;align-items:center;justify-content:space-between;gap:34px;overflow:hidden;position:relative;background:linear-gradient(160deg,#fdfae0,#fffdf3);border:1.5px solid #ece0a6;border-radius:24px;color:#20200a;text-decoration:none;box-shadow:0 12px 30px rgba(140,125,30,.10);transition:transform .18s ease,box-shadow .18s ease;padding:38px 44px}
.sibling-banner:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(140,125,30,.16)}
.sibling-banner:focus-visible{outline:3px solid #f2de3a;outline-offset:4px}
.sibling-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;max-width:720px;color:#20200a}
.sibling-eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;color:#6b6000;margin-bottom:10px}
.sibling-copy h2{font-size:clamp(22px,2.4vw,30px);line-height:1.45;margin:0 0 12px;color:#20200a}
.sibling-copy p{font-size:15.5px;color:#4a4a2e;margin:0 0 20px}
.sibling-link{font-size:16px;font-weight:800;color:#20200a;background:#f2de3a;border:1.5px solid #e3ce18;border-radius:999px;padding:12px 20px;align-self:flex-start}
.sibling-symbol{position:relative;z-index:1;flex:0 0 auto;width:120px;height:120px;border:1.5px solid #ece0a6;border-radius:28px;display:grid;place-items:center;color:#20200a;font-size:34px;font-weight:900;background:linear-gradient(120deg,#e3ce18,#f2de3a,#f9f0a0)}
@media(max-width:900px){.sibling-banner{padding:30px 24px}.sibling-symbol{display:none}}
@media(max-width:480px){.sibling-section{padding-left:18px;padding-right:18px}.sibling-banner{padding:26px 20px}}