.elementor-22320 .elementor-element.elementor-element-ad0a03c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    .article-wrapper {
      margin: 48px auto;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 20px rgba(0,0,0,0.07);
      padding: 52px 56px;
    }

    /* ─── Title ─── */
    h1.article-title {
      font-size: 2rem;
      font-weight: 700;
      color: #1a1a2e;
      border-right: 5px solid #2563eb;
      padding-right: 16px;
      margin-bottom: 36px;
      line-height: 1.5;
    }

    /* ─── Section headings ─── */
    h2 {
      font-size: 1.3rem;
      font-weight: 700;
      color: #1e3a5f;
      margin-top: 44px;
      margin-bottom: 14px;
      padding-bottom: 6px;
      border-bottom: 2px solid #dbeafe;
    }

    h3 {
      font-size: 1.1rem;
      font-weight: 700;
      color: #1d4ed8;
      margin-top: 28px;
      margin-bottom: 10px;
    }

    /* ─── Body text ─── */
    p {
      margin-bottom: 16px;
      text-align: justify;
    }

    /* ─── Device cards ─── */
    .device-card {
      background: #f0f6ff;
      border-right: 4px solid #2563eb;
      border-radius: 8px;
      padding: 20px 24px;
      margin: 24px 0;
    }

    .device-card h3 {
      margin-top: 0;
      color: #1e3a5f;
    }

    .device-card .label {
      font-weight: 700;
      color: #374151;
    }

    .device-card p { margin-bottom: 8px; }

    /* ─── Shore scale cards ─── */
    .shore-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin: 24px 0;
    }

    .shore-card {
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      border-radius: 8px;
      padding: 20px;
    }

    .shore-card h3 { margin-top: 0; font-size: 1.15rem; }

    .shore-card p { margin-bottom: 6px; font-size: 0.95rem; }

    /* ─── Factors table ─── */
    .factors-list {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 20px 28px;
      margin: 20px 0;
    }

    .factors-list ul { margin-bottom: 0; }

    /* ─── FAQ ─── */
    .faq-section { margin-top: 40px; }

    .faq-item {
      border-bottom: 1px solid #e5e7eb;
      padding: 18px 0;
    }

    .faq-item:last-child { border-bottom: none; }

    .faq-q {
      font-weight: 700;
      color: #1e3a5f;
      margin-bottom: 6px;
      display: flex;
      gap: 8px;
      align-items: flex-start;
    }

    .faq-q::before {
      content: "؟";
      background: #2563eb;
      color: #fff;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      min-width: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.85rem;
      margin-top: 1px;
    }

    .faq-a { padding-right: 32px; color: #374151; }

    /* ─── CTA banner ─── */
    .cta-banner {
      background: linear-gradient(135deg, #1e3a5f, #2563eb);
      color: #fff;
      text-align: center;
      padding: 32px 24px;
      border-radius: 10px;
      margin-top: 48px;
      font-size: 1.1rem;
      font-weight: 600;
    }

    /* ─── Responsive ─── */
    @media (max-width: 640px) {
      .article-wrapper { padding: 28px 20px; margin: 16px; }
      .shore-grid { grid-template-columns: 1fr; }
      h1.article-title { font-size: 1.5rem; }
    }/* End custom CSS */