body {
     margin:0;
     background:#ffffff;
     color:#252525;
     font-family:davis-sans, sans-serif;
     font-weight:300;
}
 .engineer-magazine {
     background:#ffffff;
     color:#252525;
     font-family:davis-sans, sans-serif;
     font-weight:300;
}
 .engineer-magazine *, .engineer-magazine *:before, .engineer-magazine *:after {
     box-sizing:border-box;
}
 .engineer-magazine .mag-shell {
     width:100%;
     max-width:1440px;
     margin:0 auto;
     padding-left:24px;
     padding-right:24px;
}
 .engineer-magazine a {
     color:inherit;
}
 .engineer-magazine .mag-header {
     background:#ffffff;
     padding-top:2rem;
}
 .engineer-magazine .mag-brand-row {
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:2rem;
     padding-bottom:1.15rem;
     border-bottom:1px solid #d8d8d8;
}
 .engineer-magazine .mag-brand {
     display:flex;
     align-items:baseline;
     gap:.65rem;
     text-decoration:none;
}
 .engineer-magazine .mag-brand-primary {
     color:#cc4e0b;
     font-family:sweet-sans-pro, sans-serif;
     font-size:1.8rem;
     font-weight:800;
     letter-spacing:2px;
     text-transform:uppercase;
}
 .engineer-magazine .mag-brand-secondary {
     color:#0b2341;
     font-family:Georgia, serif;
     font-size:1.15rem;
     font-style:italic;
     letter-spacing:1px;
}
 .engineer-magazine .mag-utility {
     display:flex;
     align-items:center;
     justify-content:flex-end;
     gap:1rem;
     flex-wrap:wrap;
     font-family:sweet-sans-pro, sans-serif;
     font-size:.72rem;
}
 .engineer-magazine .mag-utility a {
     color:#252525;
     text-decoration:none;
}
 .engineer-magazine .mag-utility a:hover, .engineer-magazine .mag-utility a:focus {
     color:#cc4e0b;
}
 .engineer-magazine .mag-social {
     display:flex;
     align-items:center;
     gap:.55rem;
     padding-left:.9rem;
     border-left:1px solid #d0d0d0;
}
 .engineer-magazine .mag-social a {
     color:#0b2341;
     font-size:.8rem;
}
 .engineer-magazine .mag-search {
     padding-left:.9rem;
     border-left:1px solid #d0d0d0;
     color:#808080;
}
 .engineer-magazine .mag-nav {
     border-bottom:1px solid #e4e4e4;
}
 .engineer-magazine .mag-nav-list {
     display:flex;
     align-items:center;
     justify-content:space-between;
     gap:.4rem;
     list-style:none;
     padding:.8rem 0;
     margin:0;
     overflow-x:auto;
}
 .engineer-magazine .mag-nav-list li {
     flex:0 0 auto;
}
 .engineer-magazine .mag-nav-list a {
     display:block;
     padding:.35rem .55rem;
     color:#404040;
     font-size:.78rem;
     font-weight:400;
     text-decoration:none;
     white-space:nowrap;
}
 .engineer-magazine .mag-nav-list a:hover, .engineer-magazine .mag-nav-list a:focus, .engineer-magazine .mag-nav-list a.active {
     color:#cc4e0b;
}
 .engineer-magazine .feature-heading {
     text-align:center;
     padding:5rem 1rem 3rem;
}
 .engineer-magazine .feature-kicker {
     margin-bottom:.55rem;
     color:#cc4e0b;
     font-family:sweet-sans-pro, sans-serif;
     font-size:.95rem;
     font-weight:700;
     letter-spacing:4px;
     text-transform:uppercase;
}

 .engineer-magazine .feature-kicker.mag-category {
     margin-bottom:.55rem;
     color:#cc4e0b;
     font-family:sweet-sans-pro, sans-serif;
     font-size:2rem;
     font-weight:700;
     letter-spacing:4px;
     text-transform:uppercase;
}

 .engineer-magazine .feature-heading h1 {
     margin:0;
     color:#222222;
     font-family:davis-sans, sans-serif;
     font-size:clamp(2rem, 4vw, 3.2rem);
     font-weight:300;
     letter-spacing:.5px;
     line-height:1.15;
}
 .engineer-magazine .feature-meta {
     margin-top:.6rem;
     color:#4d4d4d;
     font-size:.82rem;
}
 .engineer-magazine .feature-meta .divider {
     margin:0 .45rem;
     color:#cc4e0b;
}
 .engineer-magazine .feature-hero {
     margin:0;
}
 .engineer-magazine .feature-hero img {
     display:block;
     width:100%;
     height:auto;
}
 .engineer-magazine .feature-caption {
     margin:.7rem 0 0;
     color:#666666;
     font-size:.68rem;
     font-style:italic;
     line-height:1.4;
}
 .engineer-magazine .feature-body {
     padding-top:3.3rem;
     padding-bottom:4rem;
}
 .engineer-magazine .feature-body > .row {
     margin-left:0;
     margin-right:0;
}
 .engineer-magazine .article-copy {
     padding-left:0;
     padding-right:3rem;
}
 .engineer-magazine .article-copy p {
     margin:0 0 1.35rem;
     font-size:1rem;
     line-height:1.58;
}
 .engineer-magazine .mag-sidebar {
     padding-right:0;
     padding-left:2.5rem;
     border-left:1px solid #b8b8b8;
}

 .engineer-magazine .podcast-logo {
     color:#0b2341;
     font-family:sweet-sans-pro, sans-serif;
     font-size:2rem;
     font-weight:900;
     letter-spacing:1px;
     line-height:1;
     border: 0;
    border-bottom: 0;
}

.engineer-magazine .podcast-logo img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    text-decoration: none;
}

 .engineer-magazine .podcast-logo .podcast-orange {
     color:#cc4e0b;
}
 .engineer-magazine .podcast-tag {
     display:block;
     margin-top:.25rem;
     color:#cc4e0b;
     font-family:sweet-sans-pro, sans-serif;
     font-size:.7rem;
     font-weight:700;
     letter-spacing:3px;
     text-transform:uppercase;
}
 .engineer-magazine .sidebar-link {
     display:flex;
     align-items:center;
     justify-content:flex-start;
     gap:1rem;
     width:100%;
     padding:1rem 0;
     border-bottom:1px solid #a9a9a9;
     font-family:sweet-sans-pro, sans-serif;
     font-size:.82rem;
     font-weight:700;
     letter-spacing:3px;
     text-decoration:none;
     text-transform:uppercase;
}

 .engineer-magazine .sidebar-link:after {
     content:"\F231";
     flex:0 0 auto;
     color:#cc4e0b;
     font-family:"bootstrap-icons";
     font-size:1.2rem;
     transition:transform .2s ease;
}
 .engineer-magazine .sidebar-link:hover:after, .engineer-magazine .sidebar-link:focus:after {
     transform:translateX(5px);
}
 .engineer-magazine .sidebar-heading {
     margin:1.5rem 0 1.2rem;
     color:#cc4e0b;
     font-family:sweet-sans-pro, sans-serif;
     font-size:.85rem;
     font-weight:800;
     letter-spacing:3px;
     text-transform:uppercase;
}
 .engineer-magazine .news-item {
     margin-bottom:1.5rem;
}
 .engineer-magazine .news-item h3 {
     margin:0 0 .25rem;
     color:#222222;
     font-family:sweet-sans-pro, sans-serif;
     font-size:.8rem;
     font-weight:800;
     line-height:1.25;
     text-transform:uppercase;
}
 .engineer-magazine .news-item p {
     margin:0;
     color:#555555;
     font-size:.78rem;
     line-height:1.42;
}
 .engineer-magazine .mag-footer {
     background:#0b2341;
     color:#ffffff;
     padding:2.5rem 0;
}
 .engineer-magazine .mag-footer-brand {
     color:#cc4e0b;
     font-family:sweet-sans-pro, sans-serif;
     font-size:1.25rem;
     font-weight:800;
     letter-spacing:2px;
     text-transform:uppercase;
}
 .engineer-magazine .footer-au {
     margin-top:1.4rem;
     color:#ffffff;
     font-family:sweet-sans-pro, sans-serif;
     font-size:1rem;
     font-weight:700;
     letter-spacing:1px;
     text-transform:uppercase;
}
 .engineer-magazine .footer-au .au-mark {
     display:block;
     margin-bottom:.5rem;
     color:#cc4e0b;
     font-size:1.7rem;
     font-weight:900;
}
 .engineer-magazine .mag-footer p {
     margin:0 0 .4rem;
     color:#e2e5e9;
     font-size:.68rem;
     line-height:1.45;
}
 .engineer-magazine .footer-column {
     min-height:100%;
}
 .engineer-magazine .footer-divider {
     border-left:1px solid rgba(255,255,255,.25);
}
 .engineer-magazine .footer-credit {
     margin-bottom:.35rem;
}
 .engineer-magazine .footer-credit strong {
     color:#ffffff;
     font-weight:600;
}
 @media (max-width:991.98px) {
     .engineer-magazine .mag-brand-row {
         align-items:flex-start;
         flex-direction:column;
         gap:1rem;
    }
     .engineer-magazine .mag-utility {
         justify-content:flex-start;
    }
     .engineer-magazine .feature-heading {
         padding-top:3rem;
         padding-bottom:2rem;
    }
     .engineer-magazine .article-copy {
         padding-right:0;
    }
     .engineer-magazine .mag-sidebar {
         margin-top:2.5rem;
         padding-top:2rem;
         padding-left:0;
         border-top:1px solid #b8b8b8;
         border-left:0;
    }
     .engineer-magazine .footer-divider {
         margin-top:1.5rem;
         padding-top:1.5rem;
         border-top:1px solid rgba(255,255,255,.25);
         border-left:0;
    }
}
 @media (max-width:575.98px) {
     .engineer-magazine .mag-shell {
         padding-left:18px;
         padding-right:18px;
    }
     .engineer-magazine .mag-brand-primary {
         font-size:1.35rem;
    }
     .engineer-magazine .mag-brand-secondary {
         font-size:.95rem;
    }
     .engineer-magazine .mag-utility {
         gap:.65rem;
    }
     .engineer-magazine .mag-social {
         padding-left:0;
         border-left:0;
    }
     .engineer-magazine .feature-heading {
         padding-left:0;
         padding-right:0;
    }
     .engineer-magazine .article-copy p {
         font-size:.95rem;
    }
}

a .au-orange  {
    color: #cc4e0b;
    font-family: sweet-sans-pro, sans-serif;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase
}

a .au-orange:hover {
    text-decoration: underline;
}

 span.au-blue {
    color: #0b2341;
    font-family: Georgia, serif;
    font-size: .95rem;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-style: italic;
}

/*==================================================================================================================*/
/* Magazine Category CSS */
.au-hover-story {
  width: 100%;
  margin: 0;
}
 
.au-hover-story-label {
  color: #0b2341;
  font-family: sweet-sans-pro, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
 
.au-hover-story-card {
  background-color: #0b2341;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%;
}
 
.au-hover-story-image {
  display: block;
  height: auto;
  margin: 0;
  transition: transform 0.45s ease;
  width: 100%;
}
 
.au-hover-story-overlay {
  align-items: flex-end;
  background-color: rgba(11, 35, 65, 0.92);
  color: #ffffff;
  display: flex;
  inset: 0;
  opacity: 0;
  padding: 8%;
  position: absolute;
  transition: opacity 0.35s ease;
  visibility: hidden;
}
 
.au-hover-story-content {
  max-width: 850px;
}
 
.au-hover-story-title {
  color: #ffffff;
  font-family: davis-sans, sans-serif;
  font-size: clamp(1.35rem, 2.3vw, 2.2rem);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.25;
  margin: 0 0 1.5rem;
}
 
.au-hover-story-text {
  color: #ffffff;
  font-family: davis-sans, sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  font-weight: 300;
  line-height: 1.55;
  margin: 0 0 1.5rem;
}
 
.au-hover-story-cta {
  color: #ffffff;
  display: inline-block;
  font-family: sweet-sans-pro, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 2px;
  position: relative;
  text-transform: uppercase;
}
 
.au-hover-story-cta:after {
  color: #cc4e0b;
  content: "\F138";
  font-family: "bootstrap-icons";
  margin-left: 10px;
  position: relative;
  top: 1px;
  transition: margin-left 0.25s ease;
}
 
/* Desktop hover */
@media (hover: hover) and (pointer: fine) {
 
  .au-hover-story-card:hover .au-hover-story-overlay,
  .au-hover-story-card:focus .au-hover-story-overlay,
  .au-hover-story-card:focus-visible .au-hover-story-overlay {
    opacity: 1;
    visibility: visible;
  }
 
  .au-hover-story-card:hover .au-hover-story-image,
  .au-hover-story-card:focus .au-hover-story-image {
    transform: scale(1.025);
  }
 
  .au-hover-story-card:hover .au-hover-story-cta:after,
  .au-hover-story-card:focus .au-hover-story-cta:after {
    margin-left: 20px;
  }
}
 

 
/* Mobile */
@media (max-width: 767.98px) {

  .au-hover-story-label {
    font-size: 0.9rem;
    letter-spacing: 3px;
  }

  .au-hover-story-card {
    background-color: #ffffff;
    overflow: visible;
  }

  .au-hover-story-image {
    width: 100%;
    height: auto;
    transform: none !important;
  }

  .au-hover-story-overlay {
    position: static;
    inset: auto;

    display: block;
    visibility: visible;
    opacity: 1;

    background-color: #0b2341;
    padding: 1.5rem;
  }

  .au-hover-story-content {
    max-width: none;
  }

  .au-hover-story-title {
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0.5px;
    margin: 0 0 0.85rem;
  }

  .au-hover-story-text {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1rem;
  }

  .au-hover-story-cta {
    font-size: 0.85rem;
    letter-spacing: 1.5px;
  }

  .au-hover-story-cta:after {
    margin-left: 8px;
  }
}
 
/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
 
  .au-hover-story-image,
  .au-hover-story-overlay,
  .au-hover-story-cta:after {
    transition: none;
  }
}





/****************************************************/

/* =====================================================
   Plain story cards — no featured image
   Match the original navy hover overlay appearance
   ===================================================== */

.au-story-plain {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    width: 100%;
    height: 100%;
    min-height: 320px;
    margin: 0;

    padding: 8%;

    background-color: #0b2341;
    color: #ffffff;
    border: none;
}

/* Match original hover title typography */
.au-story-plain-title {
    color: #ffffff;
    font-family: davis-sans, sans-serif;
    font-size: clamp(1.35rem, 2.3vw, 2.2rem);
    font-style: italic;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.25;

    margin: 0 0 1.5rem;
}

.au-story-plain-title a {
    color: #ffffff;
    text-decoration: none;
}

/* No visual hover animation */
.au-story-plain-title a:hover,
.au-story-plain-title a:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

/* Match original hover description */
.au-story-plain-desc {
    color: #ffffff;
    font-family: davis-sans, sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.3rem);
    font-weight: 300;
    line-height: 1.55;

    margin: 0 0 1.5rem;
}

/* Match original hover CTA */
.au-story-plain-cta {
    color: #ffffff;
    display: inline-block;
    font-family: sweet-sans-pro, sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

/* Reuse existing Bootstrap icon */
.au-story-plain-cta::after {
    color: #cc4e0b;
    content: "\F138";
    font-family: "bootstrap-icons";
    margin-left: 10px;
}

/* Ensure consistent two-column card height */
#magazine-grid > .col-6 {
    display: flex;
    flex-direction: column;
}

#magazine-grid > .col-6 > .au-story-plain {
    flex: 1;
}

/* Mobile: match original overlay padding and typography */
@media (max-width: 767.98px) {

    .au-story-plain {
        min-height: 220px;
        padding: 1.5rem;
    }

    .au-story-plain-title {
        font-size: 1.25rem;
        letter-spacing: 0.5px;
        line-height: 1.3;
        margin-bottom: 0.85rem;
    }

    .au-story-plain-desc {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .au-story-plain-cta {
        font-size: 0.85rem;
        letter-spacing: 1.5px;
    }
}


/* Fully clickable navy card */
a.au-story-plain,
a.au-story-plain:hover,
a.au-story-plain:focus {
    color: #ffffff;
    text-decoration: none;
}

a.au-story-plain:focus-visible {
    outline: 3px solid #cc4e0b;
    outline-offset: 3px;
}

/* Retain white typography in all states */
a.au-story-plain .au-story-plain-title,
a.au-story-plain .au-story-plain-desc,
a.au-story-plain .au-story-plain-cta {
    color: #ffffff;
}



/* Pagination */

.mag-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 45px auto 25px;
}

.mag-pagination[hidden] {
    display: none;
}

.mag-page-button {
    padding: 10px 22px;
    border: 1px solid #1b3a5c;
    background: #1b3a5c;
    color: #fff;
    cursor: pointer;
    font: inherit;
}

.mag-page-button:hover:not(:disabled) {
    background: #2b6cb0;
}

.mag-page-button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.mag-page-info {
    font-weight: 600;
}

#magazine-status:not(:empty) {
    padding: 20px 0;
}

@media (max-width: 600px) {
    .mag-pagination {
        gap: 12px;
    }

    .mag-page-button {
        padding: 9px 12px;
    }
}