/* EWW Knowledge Base — frontend v1.0 */
.eww-kb-list,
.eww-kb-list *,
.eww-kb-list *::before,
.eww-kb-list *::after,
.eww-article,
.eww-article *,
.eww-article *::before,
.eww-article *::after {
  box-sizing: border-box !important;
  font-family: "Poppins", Arial, sans-serif !important;
}

.eww-kb-list,
.eww-article {
  --ewwkb-ink: #0e1b38;
  --ewwkb-ink-2: #16264c;
  --ewwkb-lime: #12B8A6;
  --ewwkb-lime-2: #0A7E70;
  --ewwkb-base: #eef2f8;
  --ewwkb-tint: #e3ecfa;
  --ewwkb-tint-2: #d6e5f8;
  --ewwkb-card: rgba(255,255,255,.76);
  --ewwkb-muted: rgba(14,27,56,.62);
  --ewwkb-line: rgba(14,27,56,.10);
  --ewwkb-line-2: rgba(14,27,56,.17);
  --ewwkb-r-lg: 24px;
  --ewwkb-r: 18px;
  --ewwkb-r-sm: 12px;
  --ewwkb-ease: cubic-bezier(.23,1,.32,1);
  color: var(--ewwkb-ink) !important;
  -webkit-font-smoothing: antialiased;
}

.eww-kb-list :where(h1,h2,h3,p),
.eww-article :where(h1,h2,h3,p,ul,ol,figure,blockquote) {
  margin: 0 !important;
}

.eww-kb-list :where(a,a:hover,a:focus,a:active),
.eww-article :where(a,a:hover,a:focus,a:active) {
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.eww-kb-list .screen-reader-text,
.eww-article .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* =========================================================
   CATALOG
   ========================================================= */
.eww-kb-list {
  width: 100% !important;
  padding: clamp(22px,4vw,52px) 20px clamp(54px,7vw,88px) !important;
  background: transparent !important;
  overflow: hidden !important;
}

.eww-kb-list__inner {
  width: 100% !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
}

.eww-kb-list__banner {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 20px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(14,27,56,.08) !important;
  border-radius: var(--ewwkb-r-lg) !important;
  background: rgba(227,236,250,.72) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.eww-kb-list__banner-copy { min-width: 0 !important; }

.eww-kb-list__banner-kicker {
  display: block !important;
  margin-bottom: 5px !important;
  color: rgba(14,27,56,.48) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.eww-kb-list__banner-title {
  color: var(--ewwkb-ink) !important;
  font-size: clamp(18px,2vw,24px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -.03em !important;
}

.eww-kb-list__count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(14,27,56,.08) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  color: rgba(14,27,56,.62) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.eww-kb-list__toolbar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  margin-bottom: 22px !important;
  padding: 10px !important;
  border: 1px solid var(--ewwkb-line) !important;
  border-radius: var(--ewwkb-r) !important;
  background: rgba(255,255,255,.62) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.eww-kb-list__filters {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}
.eww-kb-list__filters::-webkit-scrollbar { display: none !important; }

.eww-kb-list__filter {
  appearance: none !important;
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding: 4px 7px 4px 15px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(14,27,56,.62) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background-color .18s ease,color .18s ease,transform .2s var(--ewwkb-ease),border-color .18s ease !important;
}

.eww-kb-list__filter-label {
  display: inline-block !important;
  white-space: nowrap !important;
}

.eww-kb-list__filter-count {
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(14,27,56,.07) !important;
  color: var(--ewwkb-ink) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  transition: background-color .18s ease,color .18s ease,transform .2s var(--ewwkb-ease) !important;
}

.eww-kb-list__filter.is-active {
  background: var(--ewwkb-ink) !important;
  color: #fff !important;
  border-color: var(--ewwkb-ink) !important;
}

.eww-kb-list__filter.is-active .eww-kb-list__filter-count {
  background: var(--ewwkb-lime) !important;
  color: var(--ewwkb-ink) !important;
}

.eww-kb-list__sort-wrap {
  position: relative !important;
  min-width: 190px !important;
}

.eww-kb-list__sort {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 38px 0 14px !important;
  border: 1px solid rgba(14,27,56,.10) !important;
  border-radius: 999px !important;
  background: rgba(227,236,250,.72) !important;
  color: var(--ewwkb-ink) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

.eww-kb-list__sort-wrap::after {
  content: "" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.6px solid var(--ewwkb-ink) !important;
  border-bottom: 1.6px solid var(--ewwkb-ink) !important;
  transform: translateY(-70%) rotate(45deg) !important;
  pointer-events: none !important;
}

.eww-kb-list__grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
}

.eww-kb-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ewwkb-line) !important;
  border-radius: var(--ewwkb-r) !important;
  background: var(--ewwkb-card) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  transform: translateZ(0) !important;
  transition: transform .28s var(--ewwkb-ease),border-color .2s ease,background-color .2s ease,opacity .2s ease !important;
}

.eww-kb-card.is-updating {
  opacity: .25 !important;
  transform: translateY(5px) scale(.99) !important;
}

.eww-kb-card[hidden] { display: none !important; }

.eww-kb-card__media {
  position: relative !important;
  display: block !important;
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  background: var(--ewwkb-tint) !important;
}

.eww-kb-card__media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  filter: saturate(.94) contrast(1.01) !important;
  transform: scale(1.01) !important;
  transition: transform .65s var(--ewwkb-ease),filter .25s ease !important;
}

.eww-kb-card__badge {
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;
  z-index: 2 !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.84) !important;
  color: var(--ewwkb-ink) !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.eww-kb-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 19px !important;
}

.eww-kb-card__title {
  color: var(--ewwkb-ink) !important;
  font-size: clamp(17px,1.55vw,20px) !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
  letter-spacing: -.026em !important;
  text-wrap: balance !important;
}

.eww-kb-card__desc {
  margin-top: 10px !important;
  color: var(--ewwkb-muted) !important;
  font-size: 12.8px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  text-wrap: pretty !important;
}

.eww-kb-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 20px !important;
  color: rgba(14,27,56,.50) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.eww-kb-card__arrow {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--ewwkb-tint) !important;
  color: var(--ewwkb-ink) !important;
  transition: background-color .18s ease,transform .24s var(--ewwkb-ease) !important;
}
.eww-kb-card__arrow svg { width: 15px !important;height: 15px !important;display: block !important; }

.eww-kb-list__empty {
  display: none !important;
  margin-top: 14px !important;
  padding: 26px !important;
  border: 1px dashed var(--ewwkb-line-2) !important;
  border-radius: var(--ewwkb-r) !important;
  color: var(--ewwkb-muted) !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  background: rgba(255,255,255,.5) !important;
}
.eww-kb-list.is-empty .eww-kb-list__empty { display: block !important; }

.eww-kb-list :is(button,select,a):focus-visible,
.eww-article :is(button,a):focus-visible {
  outline: 3px solid rgba(18,184,166,.86) !important;
  outline-offset: 4px !important;
}

@media (hover:hover) and (pointer:fine) {
  .eww-kb-list__filter:not(.is-active):hover { background: var(--ewwkb-tint) !important;color: var(--ewwkb-ink) !important;transform: translateY(-1px) !important; }
  .eww-kb-list__filter:not(.is-active):hover .eww-kb-list__filter-count { background: rgba(14,27,56,.11) !important;transform: scale(1.04) !important; }
  .eww-kb-card:hover { transform: translateY(-5px) !important;border-color: var(--ewwkb-line-2) !important;background: #fff !important; }
  .eww-kb-card:hover .eww-kb-card__media img { transform: scale(1.055) !important;filter: saturate(1.02) contrast(1.02) !important; }
  .eww-kb-card:hover .eww-kb-card__arrow { background: var(--ewwkb-lime) !important;transform: translate(2px,-2px) !important; }
}

/* =========================================================
   SINGLE ARTICLE
   ========================================================= */
.eww-article {
  width: 100% !important;
  background: transparent !important;
}

.eww-article__progress {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 99999 !important;
  width: 100% !important;
  height: 3px !important;
  pointer-events: none !important;
}
.eww-article__progress span { display: block !important;width: 0;height: 100%;background: var(--ewwkb-lime) !important; }

.eww-article__hero {
  padding: clamp(126px,11vw,170px) 20px clamp(42px,6vw,72px) !important;
  background: rgba(227,236,250,.82) !important;
  border-bottom: 1px solid var(--ewwkb-line) !important;
}

.eww-article__hero-inner,
.eww-article__cover,
.eww-article__layout,
.eww-article__related-inner {
  width: 100% !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
}

.eww-article__breadcrumbs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 22px !important;
  color: rgba(14,27,56,.52) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}
.eww-article__breadcrumbs svg { width: 13px !important;height: 13px !important; }

.eww-article__category {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(14,27,56,.08) !important;
  color: var(--ewwkb-ink) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.eww-article__title {
  max-width: 18ch !important;
  margin-top: 18px !important;
  color: var(--ewwkb-ink) !important;
  font-size: clamp(34px,5.2vw,64px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
}

.eww-article__intro {
  max-width: 70ch !important;
  margin-top: 20px !important;
  color: var(--ewwkb-muted) !important;
  font-size: clamp(15px,1.35vw,18px) !important;
  line-height: 1.65 !important;
  text-wrap: pretty !important;
}

.eww-article__meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-top: 28px !important;
}

.eww-article__meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  color: rgba(14,27,56,.52) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

.eww-article__share { display: flex !important;gap: 8px !important;flex-wrap: wrap !important; }
.eww-article__share button {
  appearance: none !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(14,27,56,.10) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.68) !important;
  color: var(--ewwkb-ink) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: transform .2s var(--ewwkb-ease),background-color .18s ease !important;
}

.eww-article__cover { padding: 24px 20px 0 !important; }
.eww-article__cover figure {
  overflow: hidden !important;
  border-radius: var(--ewwkb-r-lg) !important;
  background: var(--ewwkb-tint) !important;
  border: 1px solid var(--ewwkb-line) !important;
}
.eww-article__cover img { width: 100% !important;height: clamp(300px,44vw,610px) !important;display: block !important;object-fit: cover !important; }
.eww-article__cover figcaption { padding: 12px 16px !important;color: rgba(14,27,56,.48) !important;font-size: 10.5px !important;line-height: 1.45 !important;background: rgba(255,255,255,.76) !important; }

.eww-article__layout {
  display: grid !important;
  grid-template-columns: 210px minmax(0,1fr) 245px !important;
  gap: clamp(24px,3.2vw,44px) !important;
  align-items: start !important;
  padding: clamp(42px,6vw,74px) 20px !important;
}

.eww-article__toc {
  position: sticky !important;
  top: 110px !important;
  padding: 17px !important;
  border: 1px solid var(--ewwkb-line) !important;
  border-radius: var(--ewwkb-r) !important;
  background: rgba(255,255,255,.66) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.eww-article__toc-title { margin-bottom: 12px !important;color: var(--ewwkb-ink) !important;font-size: 12px !important;font-weight: 600 !important; }
.eww-article__toc nav { display: grid !important;gap: 4px !important; }
.eww-article__toc a { display: block !important;padding: 8px 10px !important;border-radius: 10px !important;color: rgba(14,27,56,.56) !important;font-size: 11.5px !important;line-height: 1.4 !important;transition: background-color .18s ease,color .18s ease !important; }
.eww-article__toc a.is-active { background: var(--ewwkb-tint) !important;color: var(--ewwkb-ink) !important;font-weight: 600 !important; }

.eww-article__body { min-width: 0 !important; }
.eww-article__body > * + * { margin-top: 18px !important; }
.eww-article__body h2 {
  scroll-margin-top: 130px !important;
  margin-top: 42px !important;
  color: var(--ewwkb-ink) !important;
  font-size: clamp(24px,2.8vw,34px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.04em !important;
}
.eww-article__body h3 { margin-top: 30px !important;color: var(--ewwkb-ink) !important;font-size: 20px !important;font-weight: 600 !important;line-height: 1.25 !important;letter-spacing: -.025em !important; }
.eww-article__body p,
.eww-article__body li { color: rgba(14,27,56,.72) !important;font-size: 15px !important;line-height: 1.78 !important;font-weight: 400 !important; }
.eww-article__body ul,
.eww-article__body ol { padding-left: 22px !important;display: grid !important;gap: 8px !important; }
.eww-article__body li::marker { color: var(--ewwkb-ink) !important;font-weight: 600 !important; }
.eww-article__body a:not(.eww-article__cta a) { color: var(--ewwkb-ink) !important;text-decoration: underline !important;text-decoration-color: var(--ewwkb-lime) !important;text-decoration-thickness: 3px !important;text-underline-offset: 3px !important; }

.eww-kb-leadbox,
.eww-kb-callout {
  padding: 20px !important;
  border-radius: var(--ewwkb-r) !important;
  border: 1px solid rgba(14,27,56,.08) !important;
  background: rgba(227,236,250,.72) !important;
}
.eww-kb-leadbox strong,
.eww-kb-callout strong { display: block !important;margin-bottom: 7px !important;color: var(--ewwkb-ink) !important;font-size: 14px !important;font-weight: 600 !important; }
.eww-kb-leadbox p,
.eww-kb-callout p { font-size: 13.5px !important;line-height: 1.65 !important; }
.eww-kb-callout { border-left: 4px solid var(--ewwkb-lime) !important;background: rgba(255,255,255,.72) !important; }

.eww-article__body blockquote {
  padding: 20px 22px !important;
  border-left: 4px solid var(--ewwkb-ink) !important;
  border-radius: 0 var(--ewwkb-r) var(--ewwkb-r) 0 !important;
  background: rgba(255,255,255,.74) !important;
}
.eww-article__body blockquote p { color: var(--ewwkb-ink) !important;font-size: 15px !important;font-weight: 500 !important;line-height: 1.65 !important; }

.eww-kb-steps { display: grid !important;gap: 8px !important;counter-reset: ewwkb-step !important; }
.eww-kb-steps > div {
  position: relative !important;
  padding: 16px 16px 16px 54px !important;
  border: 1px solid var(--ewwkb-line) !important;
  border-radius: var(--ewwkb-r-sm) !important;
  background: rgba(255,255,255,.66) !important;
  counter-increment: ewwkb-step !important;
}
.eww-kb-steps > div::before {
  content: counter(ewwkb-step,decimal-leading-zero) !important;
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--ewwkb-lime) !important;
  color: var(--ewwkb-ink) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
.eww-kb-steps strong { display: block !important;color: var(--ewwkb-ink) !important;font-size: 13.5px !important;font-weight: 600 !important; }
.eww-kb-steps p { margin-top: 4px !important;font-size: 12.5px !important;line-height: 1.55 !important; }

.eww-article__cta {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 20px !important;
  align-items: center !important;
  margin-top: 44px !important;
  padding: 22px !important;
  border-radius: var(--ewwkb-r-lg) !important;
  background: var(--ewwkb-ink) !important;
  color: #fff !important;
}
.eww-article__cta h3 { margin: 0 !important;color: #fff !important;font-size: 20px !important; }
.eww-article__cta p { margin-top: 7px !important;color: rgba(255,255,255,.7) !important;font-size: 12.8px !important;line-height: 1.55 !important; }
.eww-article__cta a { display: inline-flex !important;align-items: center !important;justify-content: center !important;min-height: 46px !important;padding: 0 18px !important;border-radius: 999px !important;background: var(--ewwkb-lime) !important;color: var(--ewwkb-ink) !important;font-size: 12.5px !important;font-weight: 600 !important;white-space: nowrap !important; }

.eww-article__side { display: grid !important;gap: 12px !important;position: sticky !important;top: 110px !important; }
.eww-article__side-card { padding: 17px !important;border: 1px solid var(--ewwkb-line) !important;border-radius: var(--ewwkb-r) !important;background: rgba(255,255,255,.68) !important; }
.eww-article__author { display: grid !important;grid-template-columns: 44px minmax(0,1fr) !important;gap: 12px !important;align-items: center !important; }
.eww-article__author-avatar { width: 44px !important;height: 44px !important;border-radius: 999px !important;overflow: hidden !important;background: var(--ewwkb-tint) !important; }
.eww-article__author-avatar img { width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important; }
.eww-article__author strong { display: block !important;color: var(--ewwkb-ink) !important;font-size: 12.5px !important;font-weight: 600 !important;line-height: 1.3 !important; }
.eww-article__author span { display: block !important;margin-top: 3px !important;color: var(--ewwkb-muted) !important;font-size: 10.5px !important; }
.eww-article__side-card h3 { color: var(--ewwkb-ink) !important;font-size: 16px !important;font-weight: 600 !important;line-height: 1.25 !important;letter-spacing: -.025em !important; }
.eww-article__side-card p { margin-top: 8px !important;color: var(--ewwkb-muted) !important;font-size: 11.5px !important;line-height: 1.55 !important; }
.eww-article__side-card > a { display: inline-flex !important;margin-top: 13px !important;min-height: 38px !important;align-items: center !important;padding: 0 13px !important;border-radius: 999px !important;background: var(--ewwkb-tint) !important;color: var(--ewwkb-ink) !important;font-size: 11px !important;font-weight: 600 !important; }

.eww-article__related { padding: 0 20px clamp(54px,7vw,88px) !important; }
.eww-article__related-inner { padding-top: 34px !important;border-top: 1px solid var(--ewwkb-line) !important; }
.eww-article__related-head { display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 18px !important;margin-bottom: 18px !important; }
.eww-article__related-head h2 { color: var(--ewwkb-ink) !important;font-size: clamp(22px,2.6vw,32px) !important;font-weight: 600 !important;line-height: 1.15 !important;letter-spacing: -.04em !important; }
.eww-article__related-head a { font-size: 11.5px !important;font-weight: 600 !important;color: rgba(14,27,56,.58) !important; }
.eww-article__related-grid { display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 14px !important; }
.eww-related-card { display: grid !important;grid-template-columns: 112px minmax(0,1fr) !important;min-width: 0 !important;overflow: hidden !important;border: 1px solid var(--ewwkb-line) !important;border-radius: var(--ewwkb-r) !important;background: rgba(255,255,255,.72) !important;transition: transform .24s var(--ewwkb-ease),border-color .18s ease !important; }
.eww-related-card img { width: 112px !important;height: 100% !important;min-height: 128px !important;object-fit: cover !important;display: block !important; }
.eww-related-card__body { padding: 15px !important;align-self: center !important; }
.eww-related-card__body span { display: block !important;margin-bottom: 7px !important;color: rgba(14,27,56,.5) !important;font-size: 10px !important;font-weight: 500 !important; }
.eww-related-card__body h3 { color: var(--ewwkb-ink) !important;font-size: 13.5px !important;font-weight: 600 !important;line-height: 1.35 !important;letter-spacing: -.02em !important; }

.eww-article__toast {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 99999 !important;
  max-width: min(360px,calc(100vw - 32px)) !important;
  padding: 14px 18px !important;
  border-radius: var(--ewwkb-r) !important;
  background: var(--ewwkb-ink) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  opacity: 0 !important;
  transform: translateY(14px) scale(.96) !important;
  pointer-events: none !important;
  transition: opacity .25s ease,transform .35s var(--ewwkb-ease) !important;
}
.eww-article__toast.is-visible { opacity: 1 !important;transform: none !important; }

@media (hover:hover) and (pointer:fine) {
  .eww-article__share button:hover { transform: translateY(-2px) !important;background: #fff !important; }
  .eww-article__toc a:hover { background: var(--ewwkb-tint) !important;color: var(--ewwkb-ink) !important; }
  .eww-related-card:hover { transform: translateY(-4px) !important;border-color: var(--ewwkb-line-2) !important; }
}

@media (max-width: 1060px) {
  .eww-kb-list__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .eww-article__layout { grid-template-columns: 190px minmax(0,1fr) !important; }
  .eww-article__side { display: none !important; }
  .eww-article__related-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  .eww-kb-list__toolbar { grid-template-columns: 1fr !important;gap: 10px !important;padding: 9px !important; }
  .eww-kb-list__sort-wrap { min-width: 0 !important;width: 100% !important; }
  .eww-article__meta-row { align-items: flex-start !important;flex-direction: column !important; }
  .eww-article__layout { grid-template-columns: 1fr !important; }
  .eww-article__toc { position: relative !important;top: auto !important; }
  .eww-article__toc nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .eww-article__cta { grid-template-columns: 1fr !important; }
}

@media (max-width: 680px) {
  .eww-kb-list { padding: 18px 16px 60px !important; }
  .eww-kb-list__banner { grid-template-columns: minmax(0,1fr) auto !important;padding: 16px !important;gap: 10px !important; }
  .eww-kb-list__banner-title { font-size: 18px !important; }
  .eww-kb-list__count { min-height: 34px !important;padding: 0 10px !important;font-size: 10.5px !important; }
  .eww-kb-list__grid { grid-template-columns: 1fr !important;gap: 12px !important; }
  .eww-kb-card__body { padding: 17px !important; }
  .eww-kb-card__title { font-size: 18px !important; }

  .eww-article__hero { padding: 110px 16px 38px !important; }
  .eww-article__title { max-width: 100% !important;font-size: clamp(31px,10vw,43px) !important; }
  .eww-article__intro { font-size: 14px !important;line-height: 1.6 !important; }
  .eww-article__cover { padding: 14px 16px 0 !important; }
  .eww-article__cover img { height: 260px !important; }
  .eww-article__layout { padding: 32px 16px 52px !important;gap: 24px !important; }
  .eww-article__toc nav { grid-template-columns: 1fr !important; }
  .eww-article__body h2 { margin-top: 34px !important;font-size: 26px !important; }
  .eww-article__body p,.eww-article__body li { font-size: 14px !important;line-height: 1.72 !important; }
  .eww-article__related { padding: 0 16px 60px !important; }
  .eww-article__related-head { align-items: flex-start !important;flex-direction: column !important;gap: 8px !important; }
  .eww-related-card { grid-template-columns: 92px minmax(0,1fr) !important; }
  .eww-related-card img { width: 92px !important;min-height: 116px !important; }
  .eww-article__toast { left: 16px !important;right: 16px !important;bottom: 16px !important;text-align: center !important; }
}

@media (prefers-reduced-motion: reduce) {
  .eww-kb-list *,
  .eww-kb-list *::before,
  .eww-kb-list *::after,
  .eww-article *,
  .eww-article *::before,
  .eww-article *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@media print {
  .eww-article__progress,
  .eww-article__share,
  .eww-article__toc,
  .eww-article__side,
  .eww-article__related,
  .eww-article__toast,
  header:not(.eww-article__hero),
  footer { display: none !important; }
  .eww-article__hero { padding: 20px 0 !important;background: #fff !important; }
  .eww-article__cover { padding: 0 !important; }
  .eww-article__layout { display: block !important;padding: 30px 0 !important; }
  .eww-article__body { max-width: 100% !important; }
}