/* SSD page – mobile readability & hierarchy */
@media (max-width: 768px){
  .dsk-page-ssd body{
    text-align:left;
  }
  .dsk-page-ssd #service-template .sb-text-image__content,
  .dsk-page-ssd #service-template .sb-title{
    min-width:0;
  }
  .dsk-page-ssd #service-template .sb-title{
    display:block;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:auto;
  }

  /* Headings inside content */
  .dsk-page-ssd #service-template .sb-text-image__content-paragraph h2{
    margin: var(--sp-h2-mt) 0 var(--sp-h2-mb);
    font-size: var(--fs-h2);
    line-height: var(--lh-heading) !important;
    font-weight: var(--fw-h2) !important;
    color: #111827;
    letter-spacing: var(--ls-h2);
}
  .dsk-page-ssd #service-template .sb-text-image__content-paragraph h3{
    margin: var(--sp-h3-mt) 0 var(--sp-h3-mb);
    font-size: var(--fs-h3);
    line-height: var(--dsk-h3-lh);
    font-weight: var(--fw-h3);
    color: #111827;
    letter-spacing: var(--ls-h3);
}

  /* Paragraphs */
  .dsk-page-ssd #service-template .sb-text-image__content-paragraph p{
    margin: 0 0 var(--sp-p-mb);
    font-size: var(--fs-body) !important;
    line-height: var(--lh-body) !important;
    color: #444;
    font-weight: var(--fw-body);
    letter-spacing: var(--ls-body);
}

  /* Sub-navigation (service links) */
  .dsk-page-ssd .dsk-subnav{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:12px 0 20px;
  }
  .dsk-page-ssd .dsk-subnav__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    background:#fff;
    border:1px solid rgba(0,0,0,.10);
    border-radius:14px;
    text-decoration:none;
    color:#111827;
    font-weight:700;
    box-shadow:0 10px 22px rgba(0,0,0,.06);
  }
  .dsk-page-ssd .dsk-subnav__item::after{
    content:"›";
    font-size:1.25rem;
    opacity:.55;
    margin-left:12px;
  }

  /* Icon lists */
  .dsk-page-ssd .dsk-icon-list{
    list-style:none;
    padding:0;
    margin:12px 0 18px;
  }
  .dsk-page-ssd .dsk-icon-list > li{
    position:relative;
    padding:12px 12px 12px 42px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    background:rgba(0,0,0,.02);
    margin:10px 0;
    color:#2b2b2b;
  }
  .dsk-page-ssd .dsk-icon-list > li::before{
    content:"✓";
    position:absolute;
    left:14px;
    top:11px;
    font-weight:900;
    color:#16a34a;
  }
  .dsk-page-ssd .dsk-icon-list--symptoms > li::before{
    content:"⚠";
    color:#f59e0b;
  }
  .dsk-page-ssd .dsk-alert-steps > li::before{
    content:"⛔";
    color:#ef4444;
  }

  /* Method callout */
  .dsk-page-ssd .dsk-method-list{
    list-style:none !important;
    padding:0 !important;
    margin:12px 0 18px !important;
  }
  .dsk-page-ssd .dsk-method-list > li{
    padding:12px 12px 12px 14px;
    border-radius:14px;
    background:rgba(22,163,74,.08);
    border:1px solid rgba(22,163,74,.20);
    border-left:6px solid #16a34a;
    color:#1f2d1f;
  }
  .dsk-page-ssd .dsk-method-list > li strong{
    color:#14532d;
  }

  /* Alert box */
  .dsk-page-ssd .alert-box{
    padding:14px 14px;
    border-radius:16px;
    background:rgba(239,68,68,.06);
    border:1px solid rgba(239,68,68,.22);
    border-left:6px solid #ef4444;
    margin:16px 0 20px;
  }
  .dsk-page-ssd .alert-box p{
    margin:0 0 10px !important;
    color:#3a1b1b !important;
  }

  /* Step list (ordered) */
  .dsk-page-ssd .dsk-steps-ol{
    list-style:none;
    padding:0;
    margin:12px 0 18px;
    counter-reset:dskstep;
  }
  .dsk-page-ssd .dsk-steps-ol > li{
    counter-increment:dskstep;
    position:relative;
    padding:12px 12px 12px 44px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    background:#fff;
    margin:10px 0;
    color:#2b2b2b;
    box-shadow:0 10px 22px rgba(0,0,0,.04);
  }
  .dsk-page-ssd .dsk-steps-ol > li::before{
    content: counter(dskstep);
    position:absolute;
    left:14px;
    top:10px;
    width:22px;
    height:22px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.8125rem;
    font-weight:800;
  }
}

/* merged from dsk-ssd-mobile-rhythm-etap43 */
/* etap43: tighten mobile helper blocks on SSD service pages */
@media (max-width: 767px){
  .dsk-page-ssd .dsk-subnav{gap:8px;margin:10px 0 16px;}
  .dsk-page-ssd .dsk-subnav__item{padding:10px 12px;border-radius:12px;box-shadow:0 6px 18px rgba(5,10,22,.12);font-size:.95rem;}
  .dsk-page-ssd .dsk-icon-list,
  .dsk-page-ssd .dsk-method-list,
  .dsk-page-ssd .dsk-steps-ol{margin:10px 0 14px;}
  .dsk-page-ssd .dsk-icon-list > li{padding:10px 10px 10px 38px;border-radius:12px;margin-bottom:8px;}
  .dsk-page-ssd .dsk-method-list > li{padding:10px 10px 10px 12px !important;border-radius:12px !important;margin-bottom:8px !important;}
  .dsk-page-ssd .alert-box{padding:12px !important;margin:12px 0 16px !important;border-radius:14px !important;}
  .dsk-page-ssd .alert-box p{margin-bottom:10px !important;}
  .dsk-page-ssd .dsk-steps-ol > li{padding:10px 10px 10px 40px;border-radius:12px;margin-bottom:8px;}
  .dsk-page-ssd .dsk-steps-ol > li::before{left:12px;}
}
@media (max-width: 390px){
  .dsk-page-ssd .dsk-subnav{gap:6px;margin:8px 0 14px;}
  .dsk-page-ssd .dsk-subnav__item{padding:9px 10px;font-size:.92rem;}
  .dsk-page-ssd .dsk-icon-list,
  .dsk-page-ssd .dsk-method-list,
  .dsk-page-ssd .dsk-steps-ol{margin:8px 0 12px;}
  .dsk-page-ssd .dsk-icon-list > li{padding:9px 9px 9px 34px;}
  .dsk-page-ssd .dsk-method-list > li{padding:9px 9px 9px 11px !important;}
  .dsk-page-ssd .alert-box{padding:10px !important;margin:10px 0 14px !important;border-radius:12px !important;}
  .dsk-page-ssd .dsk-steps-ol > li{padding:9px 9px 9px 36px;}
  .dsk-page-ssd .dsk-steps-ol > li::before{left:10px;top:9px;}
}