/*
 * Odnaleźć Sens 1.10.28
 * Ujednolicenie ilustracji kredkowo-pastelowych, czytelności i kart.
 * Plik jest ładowany jako ostatni, aby bezpiecznie korygować także starsze
 * reguły responsywne bez naruszania logiki szablonów i adresów URL.
 */

/* -------------------------------------------------------------------------
   Naturalne tło bez osi lustrzanych i widocznych łączeń
   ------------------------------------------------------------------------- */
.odns-about-hero,
.odns-offer-hero.odns-offer-pencil {
  background-color: #eaf1e7;
  background-image:
    linear-gradient(rgba(234, 241, 231, .08), rgba(234, 241, 231, .08)),
    url("../textures/kredka-jasna-szalwia.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.odns-about-hero-art img,
.odns-offer-hero-art img {
  mix-blend-mode: multiply;
  filter: saturate(1.02) contrast(1.04);
  -webkit-mask-image: radial-gradient(ellipse 49% 48% at 50% 50%, #000 58%, rgba(0, 0, 0, .76) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse 49% 48% at 50% 50%, #000 58%, rgba(0, 0, 0, .76) 78%, transparent 100%);
}

/* Usunięcie podobnych osi na pozostałych dużych, szałwiowych polach. */
.odns-home-pencil,
.odns-individual-sage,
.odns-family-sage,
.odns-couples-sage,
.odns-youth-sage,
.odns-online-sage,
.odns-practices-sage {
  background-color: #eaf1e7;
  background-image:
    linear-gradient(rgba(234, 241, 231, .1), rgba(234, 241, 231, .1)),
    url("../textures/kredka-jasna-szalwia.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* -------------------------------------------------------------------------
   Oferta — jednolite kadrowanie całej serii ilustracji
   ------------------------------------------------------------------------- */
.odns-offer-service-visual {
  border-color: rgba(214, 166, 82, .24);
  background:
    linear-gradient(rgba(251, 248, 241, .16), rgba(251, 248, 241, .16)),
    url("../textures/cream-paper-seamless.webp") center / cover no-repeat;
}

.odns-offer-service-visual img {
  width: 112%;
  height: 112%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
  filter: saturate(1.03) contrast(1.07);
  -webkit-mask-image: radial-gradient(ellipse 52% 52%, #000 66%, rgba(0, 0, 0, .78) 83%, transparent 100%);
  mask-image: radial-gradient(ellipse 52% 52%, #000 66%, rgba(0, 0, 0, .78) 83%, transparent 100%);
}

/* -------------------------------------------------------------------------
   Zuzanna Kowalska — brak beżowego prostokąta w hero i bogatsze karty
   ------------------------------------------------------------------------- */
.odns-zuzanna-hero-art {
  z-index: 2;
  mix-blend-mode: multiply;
  filter: saturate(1.04) contrast(1.07);
  -webkit-mask-image: radial-gradient(ellipse 48% 50% at 53% 50%, #000 57%, rgba(0, 0, 0, .74) 78%, transparent 100%);
  mask-image: radial-gradient(ellipse 48% 50% at 53% 50%, #000 57%, rgba(0, 0, 0, .74) 78%, transparent 100%);
}

.odns-zuzanna-hero-copy {
  z-index: 4;
}

.odns-zuzanna-card,
.odns-karolina-card,
.odns-monika-card,
.odns-kacper-card,
.odns-agnieszka-card,
.odns-individual-card,
.odns-family-card,
.odns-couples-card,
.odns-youth-card,
.odns-online-card,
.odns-practices-card {
  background-color: rgba(255, 253, 250, .52);
  background-image:
    linear-gradient(rgba(255, 253, 250, .22), rgba(255, 253, 250, .22)),
    url("../textures/paper-overlay-seamless.webp"),
    url("../textures/cream-paper-seamless.webp");
  background-size: auto, 2508px 2508px, 2508px 2508px;
  background-blend-mode: normal, multiply, normal;
  box-shadow: 0 6px 18px rgba(23, 59, 99, .045);
}

.odns-zuzanna-experience-grid,
.odns-monika-experience-grid,
.odns-kacper-experience-grid {
  margin-bottom: 16px;
  gap: 16px;
}

.odns-zuzanna-experience-card,
.odns-monika-experience-card,
.odns-kacper-experience-card {
  min-height: 178px;
  padding: 13px 18px;
  grid-template-columns: clamp(126px, 10vw, 150px) minmax(0, 1fr);
  gap: 10px;
}

.odns-zuzanna-experience-card > img,
.odns-monika-experience-card > img,
.odns-kacper-experience-card > img {
  width: 100%;
  height: clamp(130px, 11vw, 158px);
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.09) contrast(1.1);
  -webkit-mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
}

.odns-zuzanna-work-grid,
.odns-monika-work-grid,
.odns-kacper-work-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.odns-zuzanna-work-card,
.odns-monika-work-card,
.odns-kacper-work-card {
  display: grid;
  min-height: 232px;
  padding: 14px 22px 14px 16px;
  grid-template-columns: clamp(150px, 14vw, 190px) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.odns-zuzanna-work-card > img,
.odns-monika-work-card > img,
.odns-kacper-work-card > img {
  width: 100%;
  height: clamp(172px, 16vw, 210px);
  margin: 0;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.09) contrast(1.1);
  -webkit-mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
}

body.odns-specialist-zuzanna .odns-zuzanna-work-card h3,
body.odns-specialist-monika .odns-monika-work-card h3,
body.odns-specialist-kacper .odns-kacper-work-card h3 {
  min-height: 0;
  font-size: clamp(1.45rem, 1.7vw, 1.75rem);
}

/* Karolina i Agnieszka — duże ilustracyjne karty zamiast małych ikon. */
.odns-karolina-value-card,
.odns-agnieszka-value-card {
  min-height: 178px;
  grid-template-columns: clamp(130px, 11vw, 158px) minmax(0, 1fr);
}

.odns-karolina-value-card > img,
.odns-agnieszka-value-card > img {
  width: 100%;
  height: clamp(138px, 12vw, 166px);
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.1);
  -webkit-mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
}

.odns-karolina-experience-card {
  min-height: 280px;
  grid-template-columns: clamp(185px, 16vw, 228px) minmax(0, 1fr);
  gap: 16px;
}

.odns-karolina-experience-card > img {
  height: clamp(215px, 19vw, 250px);
  object-fit: cover;
}

.odns-agnieszka-work-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.odns-agnieszka-work-card {
  display: grid;
  min-height: 250px;
  padding: 16px 22px;
  grid-template-columns: clamp(170px, 15vw, 215px) minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  text-align: left;
}

.odns-agnieszka-work-card > img {
  width: 100%;
  height: clamp(190px, 18vw, 230px);
  margin: 0;
  object-fit: cover;
  mix-blend-mode: multiply;
  -webkit-mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
}

.odns-agnieszka-work-card h3 {
  min-height: 0;
  text-align: left;
}

/* -------------------------------------------------------------------------
   Bogatsze ikony na HOME, online i praktykach
   ------------------------------------------------------------------------- */
.odns-service-card .odns-card-icon {
  width: 126px;
  height: 126px;
  margin-top: -6px;
  margin-bottom: 8px;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.08);
  -webkit-mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
}

.odns-process-icon-wrap {
  width: 118px;
  height: 118px;
  background: rgba(255, 253, 250, .25);
}

.odns-process-icon-wrap .odns-card-icon,
.odns-why-card .odns-card-icon {
  width: 112px;
  height: 112px;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.08);
  -webkit-mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 60%, transparent 100%);
}

.odns-online-choice-card > img {
  height: 138px;
  margin-top: -8px;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.09);
  -webkit-mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
}

.odns-online-process-card > img,
.odns-online-benefit-card > img {
  width: 110px;
  height: 110px;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.09);
  -webkit-mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
}

.odns-online-benefit-card {
  min-height: 158px;
  grid-template-columns: 112px minmax(0, 1fr);
}

.odns-couples-concern-card > img,
.odns-couples-outcomes-grid img,
.odns-youth-concern-card > img,
.odns-youth-benefits-grid img {
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.1);
  -webkit-mask-image: radial-gradient(ellipse, #000 62%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 62%, transparent 100%);
}

.odns-couples-concern-card > img {
  height: 152px;
  margin-top: -8px;
}

.odns-couples-process-icon {
  width: 106px;
  height: 106px;
}

.odns-couples-process-icon img,
.odns-couples-principles-list img {
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.1);
}

.odns-couples-outcomes-grid img {
  height: 132px;
}

.odns-youth-concern-card > img {
  height: 150px;
  margin-top: -7px;
}

.odns-youth-process-icon {
  width: 98px;
  height: 98px;
}

.odns-youth-process-icon img,
.odns-youth-parents-art {
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.1);
}

.odns-youth-benefits-grid img {
  height: 132px;
}

.odns-practices-panel > summary img {
  width: 112px;
  height: 112px;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.09);
  -webkit-mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
}

.odns-practices-skill-card > summary img,
.odns-practices-work-list img,
.odns-practices-outcome-card img {
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(1.08) contrast(1.09);
  -webkit-mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
  mask-image: radial-gradient(ellipse, #000 61%, transparent 100%);
}

.odns-practices-skill-card > summary img {
  width: 84px;
  height: 84px;
}

.odns-practices-work-list img {
  width: 70px;
  height: 70px;
}

/* Mniejszy pusty pas nad hero praktyk. */
.odns-practices-hero {
  padding-top: 10px;
}

.odns-practices-breadcrumbs {
  margin-bottom: 0;
}

.odns-practices-hero-grid {
  min-height: 410px;
}

.odns-practices-hero-copy {
  padding-top: 10px;
  padding-bottom: 32px;
}

.odns-practices-hero-art {
  min-height: 410px;
}

/* -------------------------------------------------------------------------
   Czytelność — minimum dla opisów, bez zmniejszania leadów i mott hero
   ------------------------------------------------------------------------- */
.odns-service-card p,
.odns-process-step p,
.odns-why-card p,
.odns-offer-service-copy p,
.odns-individual-card p,
.odns-family-card p,
.odns-couples-card p,
.odns-youth-card p,
.odns-online-card p,
.odns-online-preparation-list p,
.odns-practices-card p,
.odns-practices-work-list p,
.odns-practices-application-list p,
.odns-knowledge-category-card p,
.odns-knowledge-article-copy > p:not(.odns-knowledge-meta) {
  font-size: clamp(.875rem, .9vw, .94rem);
  line-height: 1.6;
}

.odns-online-choice-card p,
.odns-online-process-card p,
.odns-online-benefit-card p,
.odns-youth-concern-card p,
.odns-youth-specialists-grid p,
.odns-couples-concern-card p,
.odns-couples-principles-list p,
.odns-couples-specialists-grid p,
.odns-family-concern-card p,
.odns-family-process-step p,
.odns-family-team-card p {
  font-size: clamp(.86rem, .88vw, .92rem);
}

.odns-couples-process-grid p,
.odns-couples-outcomes-grid p,
.odns-youth-process-grid p,
.odns-youth-benefits-grid p,
.odns-youth-parents-grid p,
.odns-youth-parents-grid li {
  font-size: clamp(.84rem, .86vw, .9rem);
  line-height: 1.55;
}

.odns-couples-process-grid h3,
.odns-youth-process-grid h3 {
  font-size: clamp(.82rem, .86vw, .94rem) !important;
  line-height: 1.38 !important;
}

.odns-couples-faq-list summary,
.odns-youth-faq-list summary,
.odns-family-faq-list summary,
.odns-online-faq-list summary,
.odns-practices-faq-list summary {
  font-size: clamp(.82rem, .85vw, .9rem);
}

.odns-online-preparation-list h3 {
  font-size: clamp(1.25rem, 1.4vw, 1.5rem);
}

.odns-practices-panel-body p,
.odns-practices-work-list p,
.odns-practices-application-list p,
.odns-practices-outcome-card p {
  font-size: clamp(.86rem, .88vw, .93rem);
}

/* Profile — opisy nie mniejsze niż 13 px, bez ingerencji w hero. */
.odns-monika-about-copy p,
.odns-monika-approach-copy p,
.odns-kacper-about-copy p,
.odns-kacper-approach-copy p,
.odns-zuzanna-about-copy p,
.odns-zuzanna-approach-copy p,
.odns-agnieszka-about-copy p,
.odns-agnieszka-approach-copy p,
.odns-zb-about-copy p,
.odns-zb-approach-copy p,
.odns-karolina-about-copy p,
.odns-karolina-approach-copy p {
  font-size: clamp(.875rem, .9vw, .95rem);
  line-height: 1.58;
}

body.odns-specialist .odns-zb-experience-card ul,
body.odns-specialist .odns-monika-card p,
body.odns-specialist .odns-kacper-card p,
body.odns-specialist .odns-zuzanna-card p,
body.odns-specialist .odns-agnieszka-card p,
body.odns-specialist .odns-zb-card p,
body.odns-specialist .odns-karolina-card p {
  font-size: clamp(.85rem, .87vw, .92rem);
  line-height: 1.55;
}

/* Drobne etykiety zachowują hierarchię, ale pozostają czytelne. */
.odns-online-eyebrow,
.odns-practices-eyebrow,
.odns-offer-eyebrow,
.odns-knowledge-meta,
.odns-article-meta,
.odns-article-breadcrumbs,
.odns-youth-breadcrumbs,
.odns-family-breadcrumbs,
.odns-couples-breadcrumbs,
.odns-online-breadcrumbs {
  font-size: .72rem;
}

/* -------------------------------------------------------------------------
   Artykuły — ilustracja ma wtapiać się w hero, bez prostokątnej wklejki
   ------------------------------------------------------------------------- */
.odns-article-hero-art {
  overflow: visible;
  isolation: isolate;
}

.odns-article-hero-art::before {
  inset: 9% 5%;
  border-radius: 50%;
  background: rgba(234, 241, 231, .2);
  filter: blur(26px);
}

body.odns-knowledge-article .odns-article-hero-art img {
  width: 108%;
  max-width: none;
  max-height: 510px;
  margin-left: -4%;
  object-fit: cover;
  mix-blend-mode: multiply;
  filter: saturate(.96) contrast(1.04);
  -webkit-mask-image: radial-gradient(ellipse 49% 49% at 50% 50%, #000 55%, rgba(0, 0, 0, .76) 74%, rgba(0, 0, 0, .28) 87%, transparent 100%);
  mask-image: radial-gradient(ellipse 49% 49% at 50% 50%, #000 55%, rgba(0, 0, 0, .76) 74%, rgba(0, 0, 0, .28) 87%, transparent 100%);
}

@media (max-width: 1100px) {
  .odns-zuzanna-work-card,
  .odns-monika-work-card,
  .odns-kacper-work-card,
  .odns-agnieszka-work-card {
    grid-template-columns: 135px minmax(0, 1fr);
  }

  .odns-zuzanna-work-card > img,
  .odns-monika-work-card > img,
  .odns-kacper-work-card > img,
  .odns-agnieszka-work-card > img {
    height: 165px;
  }

  .odns-karolina-experience-card {
    grid-template-columns: 150px minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .odns-zuzanna-experience-grid,
  .odns-monika-experience-grid,
  .odns-kacper-experience-grid,
  .odns-zuzanna-work-grid,
  .odns-monika-work-grid,
  .odns-kacper-work-grid,
  .odns-agnieszka-work-grid {
    grid-template-columns: 1fr;
  }

  .odns-online-choice-card > img {
    height: 118px;
  }

  .odns-practices-hero-grid,
  .odns-practices-hero-art {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .odns-zuzanna-experience-card,
  .odns-monika-experience-card,
  .odns-kacper-experience-card,
  .odns-zuzanna-work-card,
  .odns-monika-work-card,
  .odns-kacper-work-card,
  .odns-agnieszka-work-card,
  .odns-karolina-experience-card {
    display: grid;
    min-height: 0;
    padding: 14px;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
  }

  .odns-zuzanna-experience-card > img,
  .odns-monika-experience-card > img,
  .odns-kacper-experience-card > img,
  .odns-zuzanna-work-card > img,
  .odns-monika-work-card > img,
  .odns-kacper-work-card > img,
  .odns-agnieszka-work-card > img,
  .odns-karolina-experience-card > img {
    width: 108px;
    height: 118px;
    margin: 0;
  }

  .odns-karolina-value-card,
  .odns-agnieszka-value-card {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .odns-karolina-value-card > img,
  .odns-agnieszka-value-card > img {
    height: 110px;
  }

  .odns-service-card p,
  .odns-process-step p,
  .odns-why-card p,
  .odns-offer-service-copy p,
  .odns-individual-card p,
  .odns-family-card p,
  .odns-couples-card p,
  .odns-youth-card p,
  .odns-online-card p,
  .odns-online-preparation-list p,
  .odns-practices-card p,
  .odns-practices-work-list p,
  .odns-practices-application-list p,
  .odns-knowledge-category-card p,
  .odns-knowledge-article-copy > p:not(.odns-knowledge-meta),
  .odns-monika-about-copy p,
  .odns-monika-approach-copy p,
  .odns-kacper-about-copy p,
  .odns-kacper-approach-copy p,
  .odns-zuzanna-about-copy p,
  .odns-zuzanna-approach-copy p,
  .odns-agnieszka-about-copy p,
  .odns-agnieszka-approach-copy p,
  .odns-zb-about-copy p,
  .odns-zb-approach-copy p,
  .odns-karolina-about-copy p,
  .odns-karolina-approach-copy p,
  body.odns-specialist .odns-monika-card p,
  body.odns-specialist .odns-kacper-card p,
  body.odns-specialist .odns-zuzanna-card p,
  body.odns-specialist .odns-agnieszka-card p,
  body.odns-specialist .odns-zb-card p,
  body.odns-specialist .odns-karolina-card p {
    font-size: .9rem;
  }

  .odns-service-card .odns-card-icon,
  .odns-process-icon-wrap .odns-card-icon,
  .odns-why-card .odns-card-icon {
    width: 104px;
    height: 104px;
  }

  .odns-service-card {
    min-height: 142px;
    padding: 14px;
    grid-template-columns: 104px minmax(0, 1fr) 22px;
    gap: 3px 12px;
  }

  .odns-service-card .odns-card-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
  }

  body.odns-site .odns-service-card h3 {
    grid-column: 2;
    min-height: 0;
    font-size: 1.35rem;
    text-align: left;
  }

  .odns-service-card p {
    grid-column: 2;
    display: block;
    margin: .25rem 0 0;
    text-align: left;
  }

  .odns-service-card > a {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .odns-process-step,
  .odns-why-card {
    min-height: 134px;
    padding: 14px;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 3px 12px;
  }

  .odns-process-icon-wrap {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 104px;
    height: 104px;
    margin: 0;
  }

  .odns-why-card .odns-card-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
  }

  body.odns-site .odns-process-step h3,
  body.odns-site .odns-why-card h3 {
    grid-column: 2;
    font-size: 1.3rem;
    text-align: left;
  }

  .odns-process-step p,
  .odns-why-card p {
    grid-column: 2;
    max-width: none;
    margin: .2rem 0 0;
    text-align: left;
  }

  .odns-online-choice-card {
    min-height: 132px;
    padding: 12px 14px;
    grid-template-columns: 94px minmax(0, 1fr) 18px;
    grid-template-rows: auto auto;
    gap: 3px 12px;
  }

  .odns-online-choice-card > img {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 92px;
    height: 92px;
    margin: 0;
  }

  .odns-online-choice-card h3 {
    grid-column: 2;
    min-height: 0;
    margin: 0;
    font-size: 1.34rem;
    text-align: left;
  }

  .odns-online-choice-card p {
    grid-column: 2;
    display: block;
    margin: .2rem 0 0;
    text-align: left;
  }

  .odns-online-mobile-arrow {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
  }

  .odns-online-process-card,
  .odns-online-benefit-card {
    min-height: 124px;
    padding: 12px;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 3px 11px;
  }

  .odns-online-process-card > img,
  .odns-online-benefit-card > img {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 84px;
    height: 84px;
    margin: 0;
  }

  .odns-online-process-card h3,
  .odns-online-benefit-card h3 {
    grid-column: 2;
    margin: 0;
    font-size: 1.24rem;
  }

  .odns-online-process-card p,
  .odns-online-benefit-card p {
    grid-column: 2;
    margin: .2rem 0 0;
  }

  .odns-practices-panel > summary,
  .odns-practices-skill-card > summary {
    min-height: 116px;
    padding: 12px 14px;
    grid-template-columns: 92px minmax(0, 1fr) 22px;
    gap: 10px;
  }

  .odns-practices-panel > summary img,
  .odns-practices-skill-card > summary img {
    width: 90px;
    height: 90px;
    margin: 0;
  }

  .odns-practices-panel > summary h3,
  .odns-practices-skill-card > summary h3 {
    margin: 0;
    font-size: 1.3rem;
    text-align: left;
  }

  .odns-practices-panel-body {
    padding: .15rem 1rem 1rem 116px;
  }

  .odns-practices-panel-body p {
    font-size: .9rem;
  }

  body.odns-knowledge-article .odns-article-hero-art img {
    width: 116%;
    margin-left: -8%;
  }
}

@media (max-width: 430px) {
  .odns-service-card,
  .odns-process-step,
  .odns-why-card {
    grid-template-columns: 92px minmax(0, 1fr) 18px;
  }

  .odns-process-step,
  .odns-why-card {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .odns-service-card .odns-card-icon,
  .odns-process-icon-wrap,
  .odns-process-icon-wrap .odns-card-icon,
  .odns-why-card .odns-card-icon {
    width: 90px;
    height: 90px;
  }

  .odns-online-choice-card {
    grid-template-columns: 86px minmax(0, 1fr) 16px;
  }

  .odns-online-choice-card > img {
    width: 84px;
    height: 84px;
  }

  .odns-practices-panel > summary,
  .odns-practices-skill-card > summary {
    grid-template-columns: 82px minmax(0, 1fr) 20px;
  }

  .odns-practices-panel > summary img,
  .odns-practices-skill-card > summary img {
    width: 80px;
    height: 80px;
  }

  .odns-practices-panel-body {
    padding-left: 106px;
  }
}