/* KuduDoc v6 — "Everything KuduDoc does": the feature wall as the page's opening section.
   The page opens on the landing's blue; the wall's heading sits on it and the wall itself crosses
   the blue's lower edge into the paper ground — one shape across the boundary, no seam. */
.page-everything { background: #f8f5ef; }
.page-everything main { position: relative; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ev-top { position: absolute; left: 0; right: 0; top: 0; height: 640px; background: #2a64a0; z-index: 0; }
.page-everything .v6-wall { position: relative; z-index: 1; padding-top: 150px; }
.page-everything .v6-wall .wall-eyebrow { color: #d6eeff; }
.page-everything .v6-wall .wall-title { color: #fff; }
.page-everything .v6-wall .wall-title-quiet { color: rgba(226, 238, 250, .74); }
.page-everything .v6-wall .wall-sub { color: rgba(236, 244, 252, .86); }
.page-everything .v6-wall .wall-more { display: none; }
.ev-close { background: #2a64a0; margin-top: 60px; padding: 120px 0 0; color: var(--on-dark-2); }
.ev-close-inner { max-width: 880px; }
.ev-close .h-close { margin-top: 20px; }
@media (max-width: 900px) { .ev-top { height: 560px; } }
@media (max-width: 640px) { .ev-top { height: 520px; } .page-everything .v6-wall { padding-top: 110px; } .ev-close { padding-top: 90px; } }

/* the catalogue under the wall: one row per capability — name (link), what it does, plan where it matters */
.ev-list { padding: 40px 0 96px; }
.ev-list .wrap { max-width: 1180px; margin: 0 auto; padding: 0 40px; }
.ev-list-h { font: 650 clamp(28px, 3vw, 40px)/1.08 var(--font-display); letter-spacing: -.03em; color: var(--ink); margin-bottom: 28px; }
.ev-group { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); gap: 8px 40px; padding: 26px 0; border-top: 1px solid var(--line-cool); }
.ev-group-head h3 { display: flex; align-items: center; gap: 10px; font: 650 20px/1.2 var(--font-display); letter-spacing: -.02em; color: var(--ink); }
.ev-group-head h3::before { content: ""; width: 3.5px; height: 16px; border-radius: 2px; background: var(--blue); transform: skewX(-14deg) rotate(-8deg); }
.ev-group-head p { margin-top: 8px; font-size: 14.5px; line-height: 1.5; color: var(--slate); }
.ev-rows { display: grid; }
.ev-rows li { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto; gap: 4px 20px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid rgba(16, 45, 73, .06); }
.ev-rows li:last-child { border-bottom: 0; }
.ev-rows a { font-weight: 600; color: var(--ink); text-decoration: none; }
.ev-rows a:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.ev-desc { font-size: 14.5px; line-height: 1.5; color: var(--slate); }
.ev-plan { justify-self: end; white-space: nowrap; font: 600 11.5px/1 var(--font-body); color: var(--blue-700); background: var(--sky-100); padding: 5px 9px; border-radius: 999px; }
@media (max-width: 900px) {
  .ev-group { grid-template-columns: 1fr; }
  .ev-rows li { grid-template-columns: 1fr auto; }
  .ev-desc { grid-column: 1 / -1; }
}
@media (max-width: 640px) { .ev-list .wrap { padding: 0 20px; } }

/* SEO wording pass (27 Sep 2026): the answer-first intro under the list heading, the wall's second way on, the close's text link */
.ev-list-intro { max-width: 760px; margin: -8px 0 34px; font-size: 16.5px; line-height: 1.62; color: var(--slate); }
.ev-list-intro b { font-weight: 650; color: var(--ink); }
.ev-list-intro a { font-weight: 600; color: var(--blue); text-decoration: underline; text-decoration-color: rgba(0, 107, 203, .28); text-decoration-thickness: 1.5px; text-underline-offset: 4px; white-space: nowrap; }
.ev-list-intro a:hover { color: var(--blue-700); text-decoration-color: currentColor; }
.page-everything .v6-wall .wall-more.wall-how { display: inline-flex; }
.ev-close .ctas .tlink { align-self: center; margin: 0 0 0 10px; color: var(--on-dark); }
.ev-close .ctas .tlink:hover { color: #fff; }