/* Dorax Finance — a curiosity since v255: a post of the blog, as one line to tap (js/features/ahead/curios.view.js). The mark, "Did you know?"
   small over the post's title (two lines at most), the arrow; the close button beside it. The same on a computer and a phone; the notice's own
   colours (css/screens/ahead.css; in the look every person has, css/look/look-land-notices.css). Loaded after both, so its own rules win. */
.curio.blog { align-items: center; gap: 4px; padding: 6px 6px 6px 8px; }
.curio.blog .cu-open { all: unset; box-sizing: border-box; cursor: pointer; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 4px 4px 4px 2px; border-radius: 16px; -webkit-tap-highlight-color: transparent; }
.curio.blog .cu-open:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.curio.blog .cu-open .fl-ico { flex: none; width: 38px; height: 38px; }
.curio.blog .cu-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.curio.blog .cu-t small { font-size: 12px; font-weight: 600; line-height: 1.2; color: var(--nt-ink-2); }
.curio.blog .cu-t b { font-size: 14.5px; font-weight: 600; line-height: 1.3; letter-spacing: 0; white-space: normal; color: var(--nt-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.curio.blog .cu-open > svg { flex: none; width: 16px; height: 16px; color: var(--nt-ink-2); }
.curio.blog > .x { position: static; flex: none; margin: 0; align-self: center; }
@media (hover: hover) and (pointer: fine) { .curio.blog .cu-open:hover .cu-t b { text-decoration: underline; text-underline-offset: 3px; } }
@media (max-width: 920px) { .curio.blog { width: 100%; } .curio.blog > .x { min-width: 44px; min-height: 44px; } }
/* the look every person has: the lightbulb on its lime circle, "Did you know?" in lime (white on the company's side), the title white */
:root.land .curio.blog { padding: 6px 6px 6px 8px; }
:root.land .curio.blog .cu-open .fl-ico.nt-art { width: 40px; height: 40px; }
:root.land .curio.blog .cu-t small { color: var(--lk-lime); }
:root.land.side-co .curio.blog .cu-t small { color: #FFFFFF; }
:root.land .curio.blog .cu-t b { color: #FFFFFF; font-size: 15px; }
:root.land .curio.blog .cu-open > svg { color: var(--lk-soft); }
:root.land .curio.blog .cu-open:focus-visible { outline-color: var(--lk-lime); }
/* in the bell: the post's title, a link */
.nt-blog { text-align: left; font-weight: 500; }
/* the look puts a notice's close button in its corner (look-land-notices.css); this one keeps it beside the line */
:root.land .curio.blog:not(.sig) > .x { position: static; margin: 0; align-self: center; }
:root.land .curio.blog:not(.sig) { padding-right: 6px; }