/* Maha Search - Mavorium Network promotion layer Cards inherit the host page's font and theme. They read as results, not as a banner, so the page still behaves like a search engine. */ .mvp-block { display: grid; gap: 18px; margin: 0 0 26px; } .mvp-card { position: relative; padding: 2px 0 2px 14px; border-left: 3px solid var(--mvp-accent, #3B3A8F); max-width: 66ch; } .mvp-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 12px; line-height: 1.4; } .mvp-tag { padding: 1px 7px; border: 1px solid var(--mvp-accent, #3B3A8F); border-radius: 3px; color: var(--mvp-accent, #3B3A8F); font-weight: 600; white-space: nowrap; } .mvp-org { color: var(--promo-muted, #5c6470); } .mvp-title { display: block; font-size: 20px; line-height: 1.25; font-weight: 600; text-decoration: none; color: var(--promo-link, #1a3fb0); } .mvp-title:hover, .mvp-title:focus-visible { text-decoration: underline; } .mvp-url { margin-top: 2px; font-size: 13px; color: var(--promo-muted, #5c6470); } .mvp-desc { margin: 6px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--promo-fg, #23262b); } .mvp-cta { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 600; text-decoration: none; color: var(--mvp-accent, #3B3A8F); border-bottom: 1px solid currentColor; padding-bottom: 1px; } .mvp-cta:hover, .mvp-cta:focus-visible { opacity: .78; } .mvp-card :focus-visible { outline: 2px solid var(--mvp-accent, #3B3A8F); outline-offset: 3px; } /* Dark and colour modes: Maha Search sets one of these on or . If your theme uses a different attribute, add it to this selector list. */ :root[data-theme="dark"] .mvp-card, body.dark .mvp-card, body[data-theme="dark"] .mvp-card, body.theme-color .mvp-card { --promo-fg: #e6e8ec; --promo-muted: #a5adba; --promo-link: #8fb4ff; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mvp-card { --promo-fg: #e6e8ec; --promo-muted: #a5adba; --promo-link: #8fb4ff; } } @media (max-width: 560px) { .mvp-title { font-size: 18px; } .mvp-desc { font-size: 14px; } .mvp-block { gap: 15px; } }