/* Layout block hamstern_hinweis_box (global/hamish-note.php). Source: docs/design/referenz/04-bausteine.html. */
.hint { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: start; }
.hint img { width: 64px; height: 64px; border-radius: 50%; background: var(--avatar); object-fit: cover; }
.bubble { background: var(--avatar); border-radius: 4px var(--r-lg) var(--r-lg) var(--r-lg); padding: 14px 16px; position: relative; }
.bubble b { display: block; font-family: var(--f-display); font-size: 14px; margin-bottom: 4px; }
.bubble p { font-size: 15px; color: var(--ink); }