/* 로가허브 샘플 띠 — 랜딩 30종 모두 맨 아래 왼쪽에 붙는다. 랜딩 디자인을 덮지 않게 작고 중립적으로 */
.rh-ribbon { position: fixed; left: 12px; bottom: 12px; z-index: 9999; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px 8px 10px; border-radius: 999px; background: rgba(255,255,255,.92); color: #161B26; font: 500 12.5px/1 "IBM Plex Sans KR", system-ui, sans-serif; text-decoration: none; box-shadow: 0 4px 16px rgba(0,0,0,.18); backdrop-filter: blur(6px); }
.rh-ribbon b { font-weight: 700; letter-spacing: .02em; }
.rh-ribbon i { font-style: normal; color: #C81E63; }
.rh-ribbon:hover { background: #161B26; color: #fff; } .rh-ribbon:hover i { color: #FF8DB8; }
.rh-ribbon:focus-visible { outline: 2px solid #C81E63; outline-offset: 2px; }
@media (max-width: 520px) { .rh-ribbon span { display: none; } }
@media print { .rh-ribbon { display: none; } }