Template:Hatnote/styles.css

.hatnote { margin-top: 0.6rem; margin-bottom: 0.8rem; border-radius: 8px; padding: 10px 15px; color: var(--color-base--subtle); background: var(--background-color-framed); font-size: 0.875rem; line-height: 1.4; display: flex; align-items: center; }

.hatnote-icon img { opacity: var(--opacity-icon-base); margin-right: 10px; width: 14px; height: auto; }

/* Dark theme */ html.skin-citizen-dark .hatnote-icon img { filter: invert(1); }

.hatnote-container.navigation-not-searchable { padding-left: 1.6em; margin-bottom: 0.5em; font-style: italic; line-height: 1.6; }