/* =====================================================================
KATTAKI 共通ブランドロゴ（唯一の定義／single source of truth）
---------------------------------------------------------------------
使い方（新しいツール／ページを足すときも これだけで統一される）:
1) に:
2) 左上に: KATTAKI.co
マーク（円＋斜線）はこのファイル内のデータURIが唯一の定義。各ページに
SVGをコピペしない（＝以前バラついた原因）。サイズは --kb で微調整可。
例:
===================================================================== */
.kattaki-brand{
display:inline-flex; align-items:center; gap:8px;
font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:600;
letter-spacing:.2em; text-transform:uppercase; color:#ececeb;
text-decoration:none; line-height:1; white-space:nowrap;
}
.kattaki-brand::before{
content:""; flex:none; width:var(--kb,16px); height:var(--kb,16px);
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='40' fill='none' stroke='%23ececeb' stroke-width='5'/%3E%3Cline x1='14' y1='70' x2='60' y2='20' stroke='%23c07a6e' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.kattaki-brand i{ font-style:normal; text-transform:lowercase; font-weight:400; color:#c07a6e; }
.kattaki-brand:hover{ opacity:.82; }