.blog-article-content .gigis-profile { display:flex; align-items:center; gap:1.5rem; margin:1.5rem 0; padding:1.5rem; border:1px solid #725d4f; border-radius:18px; background:#20242d; }
.blog-article-content .gigis-profile img { display:block; width:150px; height:150px; flex:none; border-radius:12px; }
.gigis-profile figcaption { line-height:1.6; color:var(--muted); }
.blog-article-content .gigis-banner { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin:1.5rem 0 2rem; padding:1.5rem; border:1px solid #d5bc96; border-radius:18px; background:#efe5dc; color:#3b2c20; text-decoration:none; }
.gigis-banner > span { display:grid; gap:.45rem; line-height:1.4; }
.gigis-banner strong { font-size:clamp(1.5rem,4vw,2rem); }
.gigis-banner b { flex-shrink:0; padding:.8rem 1rem; border-radius:10px; background:#3b2c20; color:#fff; }
.blog-article-content .gigis-banner:hover { background:#ebd7ba; }
.blog-article-content .gigis-banner:focus-visible { outline:3px solid #7db8ff; outline-offset:5px; }
@media(max-width:640px) { .blog-article-content .gigis-banner { align-items:stretch; flex-direction:column; gap:1rem; padding:1.2rem; } .gigis-banner b { text-align:center; } .blog-article-content .gigis-profile { flex-direction:column; align-items:flex-start; } }