/* JLC News-detail styles extracted from the approved News Detail design. */
:root {
        --ink: #11161b;
        --steel: #7d8a92;
        --muted: #5d666d;
        --line: rgba(17, 22, 27, 0.14);
        --white: #fff;
        --shadow: 0 26px 70px rgba(17, 22, 27, 0.14);
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        font-family: "IBM Plex Sans", Arial, sans-serif;
        color: var(--ink);
        background:
          linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(180, 188, 194, 0.2), rgba(255, 255, 255, 0.72)),
          linear-gradient(180deg, #eef2f4, #f8fafb 48%, #eceff0);
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      img {
        display: block;
        max-width: 100%;
      }

      .container {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
      }

      .article-hero {
        padding: 138px 0 42px;
        color: var(--white);
        background:
          linear-gradient(90deg, rgba(8, 11, 14, 0.92), rgba(8, 11, 14, 0.46)),
          url("/skin/static/images/jlc/industrial-aluminum-production-flow.png") center / cover no-repeat;
      }

      .eyebrow,
.article-date {
        color: rgba(255, 255, 255, 0.68);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
      }

      h1,
h2,
h3 {
        font-family: "Archivo", sans-serif;
      }

      h1 {
        max-width: 920px;
        margin: 16px 0;
        font-size: 58px;
        line-height: 1;
      }

      .article-summary {
        max-width: 760px;
        margin: 0;
        color: rgba(255, 255, 255, 0.76);
        font-size: 18px;
      }

      .article-wrap {
        width: min(1000px, calc(100% - 40px));
        margin: 0 auto;
        padding: 58px 0 72px;
      }

      .back-link {
        display: inline-flex;
        margin-bottom: 24px;
        color: var(--muted);
        font-weight: 800;
      }

      .article-card {
        padding: 42px;
        border: 1px solid rgba(255, 255, 255, 0.76);
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.84);
        box-shadow: var(--shadow);
      }

      .article-body {
        color: var(--muted);
        font-size: 18px;
        line-height: 1.78;
      }

      .article-body p {
        margin: 0 0 20px;
      }

      .article-body p:last-child {
        margin-bottom: 0;
      }

      .article-body strong {
        color: var(--ink);
        font-weight: 800;
      }

      .article-body a {
        color: #1c5f8f;
        font-weight: 700;
        text-decoration: none;
      }

      @media (max-width: 680px) {
        .container,
.article-wrap {
          width: min(100% - 28px, 1180px);
        }

        h1 {
          font-size: 38px;
        }

        .article-card {
          padding: 26px;
        }

        .article-body {
          font-size: 16px;
        }
      }
      /* End unified homepage navigation */

/* EmpireCMS news-detail additions */
.article-date {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
}

.article-main-image {
  margin: 0 0 34px;
}

.article-main-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.article-body img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 26px auto;
  border-radius: 4px;
}

.article-body h2,
.article-body h3,
.article-body h4 {
  margin: 34px 0 16px;
  color: var(--ink);
  line-height: 1.25;
}

.article-body ul,
.article-body ol {
  margin: 0 0 22px;
  padding-left: 26px;
}

.article-body blockquote {
  margin: 26px 0;
  border-left: 4px solid #1c5f8f;
  padding: 4px 0 4px 20px;
  color: var(--ink);
}

.article-body table {
  width: 100%;
  margin: 26px 0;
  border-collapse: collapse;
  background: var(--white);
}

.article-body th,
.article-body td {
  border: 1px solid var(--line);
  padding: 12px;
  text-align: left;
}