.blue-panel{
--blue:#3a42be; --blue-dark:#2430a0; --text:#111;
background: linear-gradient(135deg, var(--blue), var(--blue-dark));
padding: clamp(16px, 3vw, 40px);
border-radius: 18px; position: relative; overflow: hidden;
}
.blue-panel-grid{ display:grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(16px, 2.5vw, 32px); align-items: center; }
@media (max-width:900px){ .blue-panel-grid{ grid-template-columns:1fr; } }
.blue-panel .etb-anecdote{ background:#fff; color:var(--text); border-radius:16px; padding:clamp(16px, 2.2vw, 28px); max-width:780px; box-shadow:0 8px 24px rgba(0,0,0,.12); line-height:1.65; }
.blue-panel .etb-anecdote-title{ margin:0 0 .5rem; font-size:clamp(22px, 2.2vw, 30px); font-weight:800; letter-spacing:.2px; }
.blue-panel .etb-anecdote-title::before{ content:'Anecdote'; display:inline-block; margin-right:.6rem; padding:.2rem .55rem; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:var(--blue-dark); border-radius:999px; vertical-align:middle; }
.blue-panel .etb-anecdote-content p{ margin:.3rem 0 1rem; font-size:clamp(16px, 1.05vw, 18px); color:#222; }
.blue-panel .etb-anecdote-content strong{ font-weight:800; color:#111; }
.blue-panel .etb-anecdote a{ color:#0b57d0; text-decoration:underline; text-underline-offset:2px; }
.blue-panel .etb-amazon-fallback{ display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1rem; border-radius:999px; text-decoration:none; font-weight:700; border:1px solid rgba(0,0,0,.08); background:#ffd814; box-shadow:0 2px 6px rgba(0,0,0,.08); transition:transform .05s ease, box-shadow .2s ease, filter .2s ease; color:#111 !important; }
.blue-panel .etb-amazon-fallback:hover{ transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.12); filter:saturate(1.05); }
.blue-panel .blue-panel-side{ background:#fff; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.12); overflow:hidden; }
.blue-panel .blue-panel-side img{ display:block; width:100%; height:auto; }
.blue-panel .blue-panel-side .box{ padding:clamp(14px, 2vw, 24px); text-align:center; }
.blue-panel .blue-panel-side .box p{ margin:0 0 1rem; color:#333; line-height:1.55; }
.blue-panel .blue-panel-side .btn{ display:inline-block; padding:.65rem 1.1rem; border-radius:10px; border:1px solid #1f2a72; color:#1f2a72; text-decoration:none; font-weight:700; }
.blue-panel .blue-panel-side .btn:hover{ background:#f2f5ff; }