/* dgm_section_feeds, layout "knowledge" (Akademie brief 07, home portal, 2026-11-13). Additive: loaded only by an
   element in that layout; only .dkn*. News of the CRM as picture cards (the CRM's own title pictures, square), the next
   dates of a type beside them, two quiet links below. No boxes: pictures and hairlines on the section's ground. Navy
   #003e52 text, #00abe3 links and focus, Heading-Font for titles, body 16 px, nothing below 13 px. */
#crm__widgets .frame-type-dgm_section_feeds:has(> .dkn) { max-width: 1152px; padding-left: 0; padding-right: 0; }
#crm__widgets .dkn { --kn-ink: #003e52; --kn-text: #355466; --kn-muted: #566b7c; --kn-acc: #00abe3; --kn-deep: #007aa8; --kn-line: rgb(0 62 82 / .12);
  --kn-sky: #e6f6fd; --kn-head: "Heading-Font", "Inter Tight", Inter, system-ui, sans-serif; --kn-body: "Theme-Font", Inter, system-ui, sans-serif;
  display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); grid-template-areas: "news dates" "links links"; gap: 0 56px;
  color: var(--kn-text); font: 400 16px/1.55 var(--kn-body); text-align: left; }
#crm__widgets .dkn *, #crm__widgets .dkn *::before, #crm__widgets .dkn *::after { box-sizing: border-box; }
#crm__widgets .dkn :where(h3, p, ul, li) { margin: 0; padding: 0; }
#crm__widgets .dkn ul { list-style: none; }
#crm__widgets .dkn a { text-decoration: none; }
#crm__widgets .dkn a:focus-visible { outline: 3px solid var(--kn-acc); outline-offset: 4px; border-radius: 10px; }
#crm__widgets .dkn ::selection { background: rgb(0 171 227 / .22); color: var(--kn-ink); }
#crm__widgets .dkn svg { flex: none; width: 16px; height: 16px; transition: transform .2s ease; }
#crm__widgets .dkn__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* the heads of the two parts: a title, the link at the end of the same line */
#crm__widgets .dkn__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 20px; min-height: 44px; margin-bottom: 16px; }
#crm__widgets .dkn__h { color: var(--kn-ink); font: 700 22px/1.25 var(--kn-head); letter-spacing: -.012em; }
#crm__widgets .dkn__all { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--kn-acc); font: 600 16px/1.3 var(--kn-body); white-space: nowrap; }
#crm__widgets .dkn__all:hover { color: var(--kn-deep); }
#crm__widgets .dkn__all:hover svg { transform: translateX(3px); }

/* the news: three picture cards */
#crm__widgets .dkn__news { grid-area: news; min-width: 0; }
#crm__widgets .dkn__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; }
#crm__widgets .dkn__a { display: flex; flex-direction: column; color: var(--kn-ink); }
#crm__widgets .dkn__pic { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 14px; background: linear-gradient(160deg, #0b4a60, #003e52); }
#crm__widgets .dkn__pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.16, 1, .3, 1); }
#crm__widgets .dkn__date { display: block; margin-top: 14px; color: var(--kn-muted); font: 500 14px/1.4 var(--kn-body); font-variant-numeric: tabular-nums; }
#crm__widgets .dkn__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 4px; color: var(--kn-ink);
  font: 700 18px/1.32 var(--kn-head); letter-spacing: -.008em; text-wrap: balance; hyphens: manual; }
#crm__widgets a.dkn__a:hover .dkn__pic img { transform: scale(1.035); }
#crm__widgets a.dkn__a:hover .dkn__t { color: var(--kn-deep); }

/* the next dates: rows on hairlines, a date tile in pale cyan */
#crm__widgets .dkn__dates { grid-area: dates; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
#crm__widgets .dkn__dates .dkn__head { align-self: stretch; margin-bottom: 4px; }
#crm__widgets .dkn__lead { margin-bottom: 14px; color: var(--kn-text); font-size: 15px; line-height: 1.5; text-wrap: pretty; }
#crm__widgets .dkn__list { align-self: stretch; border-bottom: 1px solid var(--kn-line); }
#crm__widgets .dkn__list li { border-top: 1px solid var(--kn-line); }
#crm__widgets .dkn__d { display: grid; gap: 3px; padding: 14px 0; color: var(--kn-ink); }
/* the date is the strong line (as on the finder's course card), the name below it, the place or "Online" last */
#crm__widgets .dkn__when { color: var(--kn-ink); font: 700 17px/1.35 var(--kn-body); font-variant-numeric: tabular-nums; }
#crm__widgets .dkn__dn { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--kn-text); font: 500 16px/1.4 var(--kn-body); text-wrap: pretty; }
#crm__widgets .dkn__dm { color: var(--kn-muted); font: 400 14px/1.4 var(--kn-body); }
#crm__widgets a.dkn__d:hover .dkn__dn { color: var(--kn-deep); text-decoration: underline; text-underline-offset: 3px; }
#crm__widgets .dkn__dates .dkn__all { margin-top: 8px; }
#crm__widgets .dkn__empty { padding: 14px 0; border-top: 1px solid var(--kn-line); color: var(--kn-text); }

/* two quiet links across the foot */
#crm__widgets .dkn__links { grid-area: links; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; margin-top: 48px; }
#crm__widgets .dkn__l { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t go" "x go"; gap: 2px 20px; align-items: center;
  padding: 18px 0; border-top: 1px solid var(--kn-line); border-bottom: 1px solid var(--kn-line); color: var(--kn-ink); }
#crm__widgets .dkn__lt { grid-area: t; color: var(--kn-ink); font: 700 18px/1.3 var(--kn-head); }
#crm__widgets .dkn__lx { grid-area: x; color: var(--kn-text); font-size: 15px; line-height: 1.5; text-wrap: pretty; }
#crm__widgets .dkn__l svg { grid-area: go; color: var(--kn-acc); width: 18px; height: 18px; }
#crm__widgets .dkn__l:hover .dkn__lt { color: var(--kn-deep); }
#crm__widgets .dkn__l:hover svg { transform: translateX(3px); }

/* the links alone (no news, no dates): up to three columns of plain link rows on hairlines */
#crm__widgets .dkn--links { display: block; }
#crm__widgets .dkn--links .dkn__links { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 40px; margin-top: 0; }
#crm__widgets .dkn--links .dkn__l { grid-template-rows: auto 1fr; align-items: start; height: 100%; padding: 20px 0 22px; }
#crm__widgets .dkn--links .dkn__lt { font: 600 18px/1.3 var(--kn-head); }
#crm__widgets .dkn--links .dkn__l svg { margin-top: 4px; }
@media (max-width: 1023.98px) {
  #crm__widgets .dkn { grid-template-columns: minmax(0, 1fr); grid-template-areas: "news" "dates" "links"; }
  #crm__widgets .dkn__dates { margin-top: 44px; }
  #crm__widgets .dkn__links { margin-top: 40px; }
}
/* phones: the news as rows (a square picture beside date and title), the links one below the other */
@media (max-width: 639.98px) {
  #crm__widgets .dkn__cards { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #crm__widgets .dkn__card + .dkn__card { border-top: 1px solid var(--kn-line); }
  #crm__widgets .dkn__a { display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "p d" "p t"; gap: 2px 14px; align-content: start; padding: 12px 0; }
  #crm__widgets .dkn__pic { grid-area: p; border-radius: 10px; }
  #crm__widgets .dkn__date { grid-area: d; margin: 0; font-size: 13px; }
  #crm__widgets .dkn__t { grid-area: t; align-self: start; margin: 0; font-size: 16px; }
  #crm__widgets .dkn__date { align-self: end; }
  #crm__widgets .dkn__links, #crm__widgets .dkn--links .dkn__links { grid-template-columns: minmax(0, 1fr); }
  #crm__widgets .dkn--links .dkn__l { height: auto; }
  #crm__widgets .dkn__links li + li .dkn__l { border-top: 0; }
  #crm__widgets .dkn__h { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #crm__widgets .dkn * { transition: none !important; }
}