/* _facts (tools/sections/_facts.html): one strip of facts; details.html places it as a section, the hero between its buttons and its visual */
.k-details-sec { padding: 0 0 96px; margin-top: 40px; }  /* a clear gap under the hero's visual (Dasha, 2 Nov: it stuck to the video) */
.k-details { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 0; max-width: 1180px; margin: 0 auto; padding: 0; list-style: none;
  border-radius: 24px; background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(24px) saturate(1.5); backdrop-filter: blur(24px) saturate(1.5); box-shadow: var(--k-edge), var(--k-lift); }
.k-details li { display: flex; gap: 14px; align-items: flex-start; padding: 26px 28px; border-left: 1px solid rgba(25, 24, 38, .08); }
.k-details li:first-child { border-left: 0; }
.k-details .k-dic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(110, 114, 242, .1); color: var(--k-blue); }
.k-details .k-dic svg { width: 20px; height: 20px; }
.k-details small { display: block; font: 500 12.5px/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ink2); }
.k-details b { display: block; margin-top: 5px; font: 500 17px/1.35 var(--sans); letter-spacing: -.01em; color: var(--ink); text-wrap: pretty; }
@media (max-width: 1000px) { .k-details, .k-details[style] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .k-details li:nth-child(odd) { border-left: 0; } .k-details li:nth-child(n + 3) { border-top: 1px solid rgba(25, 24, 38, .08); } }
@media (max-width: 560px) { .k-details-sec { margin-top: 24px; padding-bottom: 72px; } .k-details, .k-details[style] { grid-template-columns: minmax(0, 1fr) !important; } .k-details li { border-left: 0; padding: 18px 20px; } .k-details li:nth-child(n + 2) { border-top: 1px solid rgba(25, 24, 38, .08); } }