/* PL /jak-to-dziala visual polish: balanced process, wide hero and FAQ. */
@media (min-width: 1181px) {
  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-control-panel {
    order: -1;
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
    grid-template-rows: auto 1fr;
    column-gap: clamp(24px, 2.4vw, 40px);
    row-gap: 8px;
    align-items: start;
    padding: clamp(22px, 2vw, 30px);
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-control-panel .dsk-section-kicker,
  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-control-panel h3 {
    grid-column: 1;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-control-panel h3 {
    margin-bottom: 0;
    max-inline-size: 24ch;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-control-panel .dsk-control-list {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-self: stretch;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-control-panel .dsk-control-list span {
    min-height: 100%;
    padding: 12px 14px;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding-left: 0;
    border-left: 0;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step {
    min-width: 0;
    padding-left: 0;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step::before {
    display: none;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__card {
    height: 100%;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: none;
    align-items: start;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq__list > details:first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1920px) {
  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content #jak-to-hero .dsk-about-hero__title {
    max-inline-size: min(100%, 19ch);
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content #jak-to-hero .dsk-about-hero__subtitle {
    max-inline-size: min(100%, 66ch);
  }
}

/* 2026-07-14: lighter mobile process flow and one-layer information groups. */
@media (max-width:560px) {
  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-warning {
    padding-bottom:16px
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-diagnosis {
    padding-top:16px;
    padding-bottom:16px
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content #logistyka.dsk-logistics {
    padding-top:16px
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq {
    padding-bottom:16px
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content #powiazane-uslugi.dsk-servicebar {
    padding-top:16px
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content #powiazane-uslugi .dsk-servicebar__wrap {
    padding-top:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline {
    gap:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step {
    padding:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__card {
    padding:15px 0;
    border:0;
    border-bottom:1px solid rgba(15,118,110,.14);
    border-radius:0;
    background:transparent;
    box-shadow:none
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step:last-child .dsk-step__card {
    border-bottom:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__header {
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    margin-block-end:8px
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__num {
    min-inline-size:40px;
    block-size:30px;
    padding-inline:7px;
    border-radius:9px;
    font-size:.84rem
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__title {
    font-size:1.06rem;
    line-height:1.2
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__hint {
    font-size:.86rem;
    line-height:1.28
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-lab-timeline .dsk-step__card > p {
    margin:0;
    font-size:.94rem;
    line-height:1.52
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-warning-card {
    padding:15px 14px;
    border-radius:14px;
    box-shadow:none
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-warning-card h3 {
    margin-block-end:6px;
    font-size:1.08rem
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-warning-rows {
    gap:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-warning-rows > span {
    min-block-size:0;
    padding:10px 0;
    border:0;
    border-bottom:1px solid rgba(15,118,110,.13);
    border-radius:0;
    background:transparent;
    line-height:1.42
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-warning-rows > span:last-child {
    border-bottom:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-grid {
    gap:0;
    padding:2px 14px;
    border:1px solid rgba(15,118,110,.14);
    border-radius:14px;
    background:#fff
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-card {
    block-size:auto;
    min-block-size:0;
    padding:13px 0;
    border:0;
    border-bottom:1px solid rgba(15,118,110,.13);
    border-radius:0;
    background:transparent;
    box-shadow:none
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-card:last-child {
    border-bottom:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-card > span {
    min-block-size:0;
    margin-block-end:5px;
    padding:0;
    border-radius:0;
    background:transparent;
    line-height:1.2
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-card > p {
    font-size:.93rem;
    line-height:1.46
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq__list {
    gap:0;
    padding-inline:14px;
    border:1px solid rgba(15,118,110,.14);
    border-radius:14px;
    background:#fff;
    overflow:hidden
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq__list > details {
    border:0;
    border-bottom:1px solid rgba(15,118,110,.13);
    border-radius:0;
    background:transparent;
    box-shadow:none
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq__list > details:last-child {
    border-bottom:0
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq summary {
    padding:13px 0;
    gap:12px;
    line-height:1.32
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-process-faq details > p {
    padding:0 0 13px;
    font-size:.93rem;
    line-height:1.48
  }
}

/* 2026-07-15: intentional two-column diagnosis matrix on tablets */
@media (min-width: 641px) and (max-width: 1180px) {
  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"] #main-content .dsk-diagnosis-grid > .dsk-diagnosis-card {
    grid-column: auto;
    grid-row: auto;
  }
}

/* 2026-07-16: use the available tablet hero track without stretching body copy. */
@media (min-width: 768px) and (max-width: 899px) {
  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"]
    #main-content #jak-to-hero .dsk-about-hero__title {
    max-inline-size: min(100%, 21ch);
  }

  html[lang="pl"] .dsk-page-jak-to-dziala.dsk-how-page[data-page-type="process"]
    #main-content #jak-to-hero .dsk-about-hero__subtitle {
    max-inline-size: min(100%, 64ch);
  }
}