/* share.akatana.ai 共通ヘッダー
各ページで を読み、
下記の markup を の先頭に置く。
*/
.site-header {
position: sticky; top: 0; z-index: 100;
display: flex; align-items: center; justify-content: space-between; gap: 16px;
padding: 13px clamp(16px, 3vw, 32px);
background: rgba(0, 0, 0, .72);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border-bottom: 1px solid #333;
flex: none;
}
.site-logo { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.site-logo img { display: block; width: auto; }
.site-logo .symbol { height: 26px; }
.site-logo .typo { height: 18px; }
.site-logo:hover { opacity: .8; }
.site-meta {
font-family: Outfit, sans-serif; font-weight: 300; font-size: 12px; color: #B2B2B2;
white-space: nowrap;
}
@media (max-width: 480px) {
.site-logo .symbol { height: 22px; }
.site-logo .typo { height: 15px; }
.site-meta { font-size: 11px; }
}
