/* Insights & Articles archive and single-post presentation, scoped to insights pages. */
.insights-page{padding-bottom:6rem}
.insights-breadcrumbs{border-bottom:1px solid #edf1f5;margin-bottom:4.4rem;padding:1.6rem 0;font-size:1.35rem;color:#718095}
.insights-breadcrumbs .container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.insights-breadcrumbs a{color:#1566ab;text-decoration:none}
.insights-breadcrumbs a:hover{text-decoration:underline}
.insights-eyebrow{font-size:1.2rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#008acb;margin:0 0 1.2rem;padding:0}
.insights-archive-intro{max-width:840px;margin:0 0 4rem}
.insights-archive-intro h1,.insights-single-header h1{margin:0 0 1.8rem;line-height:1.15}
.insights-archive-intro>p:last-child{max-width:800px;color:#546a7d;font-size:1.8rem;line-height:1.6;margin:0;padding:0}
.insights-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}
.insights-card{border:1px solid #dce9f2;background:#fff;border-radius:.5rem;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.insights-card:hover{transform:translateY(-3px);box-shadow:0 1.3rem 3rem rgba(13,66,105,.10)}
.insights-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.insights-card-link:hover{text-decoration:none}
.insights-card-image{aspect-ratio:410/260;overflow:hidden;background:#eef5fa}
.insights-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.insights-card-image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0c315b,#176ea8);color:#fff;letter-spacing:.14em;font-size:1.3rem}
.insights-card-image-placeholder b{font-weight:700;margin-left:.5rem}
.insights-card-content{display:flex;flex-direction:column;flex:1;gap:1.2rem;padding:2.5rem}
.insights-card-content time{font-size:1.25rem;color:#6c7f90}
.insights-card-content h2{font-size:2.2rem;line-height:1.3;margin:0;color:#1566ab}
.insights-card-content p{font-size:1.5rem;line-height:1.6;color:#556779;margin:0;padding:0;flex:1}
.insights-card-more{color:#007dc5;font-weight:700;font-size:1.4rem}
.insights-pagination{margin-top:4rem}
.insights-empty{font-size:1.8rem;color:#617389}
.insights-single-header{max-width:1100px;margin:0 auto 3.2rem}
.insights-single-header time{display:block;font-size:1.3rem;color:#718095;margin-top:1.4rem}
.insights-single-intro{max-width:860px;font-size:1.85rem;line-height:1.6;color:#52687c;margin:0;padding:0}
.insights-single-image{max-width:1100px;margin:0 auto 3rem}
.insights-single-image img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:.5rem}
.insights-single-body{max-width:1100px;margin:0 auto;min-width:0}
.insights-single-body img{max-width:100%;height:auto}
.insights-back{max-width:1100px;border-top:1px solid #dce9f2;margin:4rem auto 0;padding-top:2rem;font-weight:700;font-size:1.5rem}
.insights-back a{color:#1566ab}
@media (max-width:1024px){.insights-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}
@media (max-width:767px){.insights-page{padding-bottom:4rem}.insights-breadcrumbs{margin-bottom:2.6rem}.insights-card-grid{grid-template-columns:1fr}.insights-card-content{padding:2rem}.insights-archive-intro{margin-bottom:2.8rem}.insights-archive-intro h1,.insights-single-header h1{font-size:3rem;line-height:1.16}.insights-archive-intro>p:last-child{font-size:1.6rem}.insights-card-content h2{font-size:2rem}}
/* SkyLark SL NEO Media Platform article.
 * Paste at the END of Appearance > Theme File Editor > style.css,
 * or into Appearance > Customize > Additional CSS.
 * All selectors are scoped to .slneo-article to avoid changing product/news pages.
 */
.slneo-article{max-width:1100px;margin:0 auto 6rem;color:#303b49;font-size:1.65rem;line-height:1.7}
.slneo-article p{padding:0;margin:0 0 1.65rem}
.slneo-article a{color:#1566ab;text-decoration:none}
.slneo-article a:hover{text-decoration:underline}
.slneo-article .slneo-hero{padding:4.5rem 5rem;color:#fff;background:linear-gradient(130deg,#10335c 0%,#155d99 67%,#1883be 100%);border-radius:.6rem;margin-bottom:2.8rem}
.slneo-article .slneo-hero p{color:#ecf5fc}
.slneo-article .slneo-eyebrow{font-weight:700;font-size:1.2rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#b8e3ff;margin:0 0 2rem}
.slneo-article .slneo-hero .slneo-eyebrow{color:#b8e3ff}
.slneo-article .slneo-hero-tagline{font-size:2.55rem;line-height:1.28;font-weight:700;color:#fff!important;margin:0 0 2.4rem}
.slneo-article .slneo-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:2.3rem}
.slneo-article .slneo-btn,.slneo-article button.btn.slneo-btn{font:700 1.45rem/1.4 Roboto,Arial,sans-serif;min-height:4.7rem;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.35rem;padding:1.2rem 2.2rem;transition:background .15s ease,border-color .15s ease;text-decoration:none;white-space:normal;text-align:center}
.slneo-article .slneo-btn-primary,.slneo-article button.btn.slneo-btn-primary{background:#00a9e8;color:#fff;border:1px solid #00a9e8}
.slneo-article .slneo-btn-primary:hover,.slneo-article button.btn.slneo-btn-primary:hover{background:#007bb5;border-color:#007bb5;color:#fff;text-decoration:none}
.slneo-article .slneo-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}
.slneo-article .slneo-btn-outline:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.slneo-article .slneo-quicknav{display:flex;flex-wrap:wrap;gap:1rem 2rem;border-bottom:1px solid #dbe9f4;padding:0 0 1.8rem;margin:0 0 4.5rem;align-items:center;font-size:1.4rem}
.slneo-article .slneo-quicknav span{font-weight:700;color:#475b6f}
.slneo-article .slneo-quicknav a{font-weight:600}
.slneo-article .slneo-section{margin:0 0 4.8rem;scroll-margin-top:12rem}
.slneo-article .slneo-section h2{font-size:3rem;line-height:1.25;color:#1566ab;font-weight:700;margin:0 0 1.8rem}
.slneo-article .slneo-section h3{font-size:1.95rem;line-height:1.35;color:#163d65;font-weight:700;margin:0 0 1.35rem}
.slneo-article .slneo-list{margin:0 0 2.4rem;overflow:visible;padding:0 0 0 1.4rem}
.slneo-article .slneo-list li{padding:0 0 .95rem 1.1rem;font:inherit}
.slneo-article .slneo-list li::before{height:.65rem;width:.65rem;top:1.1rem;background:#00acec}
.slneo-article .slneo-diagram{padding:2.7rem;border:1px solid #d8e7f4;border-radius:.6rem;background:#f2f7fb;margin:3rem 0 2.5rem;text-align:center}
.slneo-article .slneo-diagram .slneo-diagram-label{font-weight:700;color:#183b5b;text-transform:uppercase;letter-spacing:.08em;font-size:1.25rem;margin:0 0 1.8rem}
.slneo-article .slneo-diagram-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.slneo-article .slneo-diagram-outputs{grid-template-columns:repeat(3,minmax(0,1fr))}
.slneo-article .slneo-diagram-box{padding:1.7rem 1rem;border-radius:.45rem;border:1px solid #d3e1ef;background:#fff;min-width:0;display:flex;flex-direction:column;gap:.4rem}
.slneo-article .slneo-diagram-box strong{color:#1b456f;font-size:1.55rem;line-height:1.35}
.slneo-article .slneo-diagram-box span{font-size:1.28rem;line-height:1.45;color:#556779}
.slneo-article .slneo-diagram-arrow{font-size:2.8rem;color:#008acb;line-height:1.2;margin:.8rem 0}
.slneo-article .slneo-diagram-core{background:#1566ab;color:#fff;border-radius:.45rem;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}
.slneo-article .slneo-diagram-core strong{font-size:1.9rem}
.slneo-article .slneo-diagram-core span{font-size:1.38rem;color:#e9f6ff}
.slneo-article .slneo-diagram .slneo-diagram-caption{font-size:1.2rem;line-height:1.45;color:#657789;margin:1.8rem 0 0}
.slneo-article .slneo-inline-cta{padding:2rem 2.3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#eaf5fd;border-left:.35rem solid #00acec;border-radius:.2rem}
.slneo-article .slneo-inline-cta span{font-weight:700;color:#21415e}
.slneo-article .slneo-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2.6rem}
.slneo-article .slneo-area{display:flex;flex-direction:column;border:1px solid #d8e6f3;border-radius:.5rem;background:#fff;padding:2.4rem}
.slneo-article .slneo-area h3{font-size:1.85rem;margin:0 0 1.5rem}
.slneo-article .slneo-area ul{margin:0 0 1.8rem;padding:0;overflow:visible}
.slneo-article .slneo-area li{font:400 1.4rem/1.5 Roboto,Arial,sans-serif;position:relative;padding:0 0 .6rem 1.4rem;margin:0}
.slneo-article .slneo-area li::before{width:.5rem;height:.5rem;top:.75rem;left:0;background:#00acec}
.slneo-article .slneo-area .slneo-area-link{font-size:1.35rem;font-weight:700;margin:auto 0 0}
.slneo-article .slneo-portfolio-group{border-top:1px solid #dae6f0;padding:2.6rem 0 1rem;scroll-margin-top:12rem}
.slneo-article .slneo-portfolio-group h3{color:#1566ab}
.slneo-article .slneo-portfolio-group ul{margin:0 0 1.5rem}
.slneo-article .slneo-portfolio-group li{font-size:1.48rem;line-height:1.65}
.slneo-article .slneo-portfolio-group li strong{font-weight:700;color:#243e55}
.slneo-article .slneo-portfolio-group li a{font-weight:700}
.slneo-article .slneo-bottom-cta{margin:0 0 4rem;padding:3.2rem 3.6rem;border-radius:.5rem;background:#12385e;color:#fff}
.slneo-article .slneo-bottom-cta p{color:#f0f7ff}
.slneo-article .slneo-bottom-cta .slneo-bottom-title{font-size:2.3rem;line-height:1.3;font-weight:700;color:#fff}
.slneo-article .slneo-bottom-cta .slneo-btn-outline{color:#fff;border-color:#9ec2db}
@media(max-width:767px){
  .slneo-article{font-size:1.55rem}
  .slneo-article .slneo-hero{padding:3rem 2.2rem}
  .slneo-article .slneo-hero-tagline{font-size:2.1rem}
  .slneo-article .slneo-section h2{font-size:2.35rem}
  .slneo-article .slneo-section{margin-bottom:3.4rem}
  .slneo-article .slneo-areas{grid-template-columns:1fr}
  .slneo-article .slneo-diagram{padding:1.4rem}
  .slneo-article .slneo-diagram-row,.slneo-article .slneo-diagram-outputs{grid-template-columns:1fr}
  .slneo-article .slneo-diagram-box{padding:1.2rem}
  .slneo-article .slneo-inline-cta{flex-direction:column;align-items:stretch;text-align:center}
  .slneo-article .slneo-bottom-cta{padding:2.7rem 2rem}
  .slneo-article .slneo-btn,.slneo-article button.btn.slneo-btn{width:100%}
}

/* --- SL NEO: cohesive landing hero, scoped to the first platform overview only --- */
.insights-single-header.insights-landing-hero {
  max-width: 1100px;
  margin: 0 auto 2.6rem;
  padding: 4.3rem 5rem;
  border-radius: .6rem;
  background: linear-gradient(130deg, #10335c 0%, #155d99 67%, #1883be 100%);
  color: #fff;
  box-shadow: 0 .8rem 2.8rem rgba(20, 73, 120, .11);
}
.insights-single-header.insights-landing-hero .insights-eyebrow {
  color: #b8e3ff;
  margin-bottom: 1.7rem;
}
.insights-single-header.insights-landing-hero h1 {
  color: #fff;
  max-width: 940px;
  font-size: clamp(3rem, 2.7vw, 4.5rem);
  line-height: 1.16;
  margin: 0 0 1.5rem;
}
.insights-single-header.insights-landing-hero .insights-single-intro {
  max-width: 840px;
  color: #edf6fc;
  font-size: 1.9rem;
  line-height: 1.58;
}
.insights-single-header.insights-landing-hero time {
  color: #c4dfef;
  margin-top: 1.7rem;
  font-size: 1.3rem;
}
.insights-landing-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1.2rem;
  margin-top: 2.7rem;
}
.insights-landing-btn,
.insights-landing-actions button.insights-landing-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  min-height: 4.9rem;
  padding: 1.25rem 2.4rem;
  border-radius: .35rem;
  font: 700 1.5rem/1.4 Roboto, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.insights-landing-btn-primary,
.insights-landing-actions button.insights-landing-btn-primary {
  background: #00a9e8;
  color: #fff;
  border: 1px solid #00a9e8;
}
.insights-landing-btn-primary:hover,
.insights-landing-actions button.insights-landing-btn-primary:hover {
  background: #008dc8;
  color: #fff;
  border-color: #008dc8;
  text-decoration: none;
}
.insights-landing-btn-outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.75);
}
.insights-landing-btn-outline:hover {
  background: rgba(255,255,255,.12);
  color: #fff;
  text-decoration: none;
}
.insights-landing-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.slneo-article .slneo-intro {
  max-width: 870px;
  margin-top: 0;
  margin-bottom: 4.5rem;
}
.slneo-article .slneo-intro h2 {
  font-size: 2.7rem;
  line-height: 1.3;
  margin-bottom: 1.8rem;
}
.slneo-architecture-image {
    margin: 2rem 0 2.5rem;
    text-align: center;
}

.slneo-architecture-image img {
    width: 100%;
    max-width: 1400px;
    height: auto;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
}

.slneo-architecture-image figcaption {
    margin-top: 0.9rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #5f7187;
    text-align: center;
}

@media (max-width: 767px) {
  .insights-single-header.insights-landing-hero { padding: 3rem 2.2rem; }
  .insights-single-header.insights-landing-hero h1 { font-size: 3rem; }
  .insights-single-header.insights-landing-hero .insights-single-intro { font-size: 1.6rem; }
  .insights-landing-actions { flex-direction: column; align-items: stretch; }
  .insights-landing-btn,
  .insights-landing-actions button.insights-landing-btn { width: 100%; flex: 0 0 auto; }
  .slneo-article .slneo-intro h2 { font-size: 2.35rem; }
}

.slneo-inline-cta {
    margin: 2rem 0 3rem;
    padding: 1.5rem 1.8rem;
    border: 1px solid #c7d7e8;
    border-left: 4px solid #1aa6df;
    background: #eef5fb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.slneo-inline-cta-text {
    flex: 1 1 auto;
}

.slneo-inline-cta-title {
    margin: 0 0 0.35rem;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 700;
    color: #123b67;
}

.slneo-inline-cta-subtitle {
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
    color: #5f7187;
}

.slneo-inline-cta-action {
    flex: 0 0 auto;
}

.slneo-inline-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    padding: 1rem 1.6rem;
    background: #1aa6df;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.slneo-inline-cta-btn:hover,
.slneo-inline-cta-btn:focus {
    background: #138fc0;
    color: #fff;
}

@media (max-width: 900px) {
    .slneo-inline-cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .slneo-inline-cta-action {
        width: 100%;
    }

    .slneo-inline-cta-btn {
        width: 100%;
        min-width: 0;
    }
}


/* SL NEO — Architecture image caption */
.slneo-article .slneo-architecture-image figcaption {
    margin: 1.2rem auto 0;
    max-width: 950px;
    font-size: 1.4rem;
    line-height: 1.55;
    color: #64788e;
    text-align: center;
}

/* SL NEO — Compact inline CTA */
.slneo-article .slneo-inline-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    margin: 2.4rem 0 3.5rem;
    padding: 2rem 2.5rem;
    background: #edf5fb;
    border: 1px solid #d3e3f0;
    border-left: 3px solid #00a9e8;
    border-radius: 7px;
}

.slneo-article .slneo-inline-cta-text {
    flex: 1 1 auto;
    min-width: 0;
}

.slneo-article .slneo-inline-cta p {
    padding: 0;
}

.slneo-article .slneo-inline-cta .slneo-inline-cta-title {
    margin: 0 0 .6rem;
    font-size: 1.85rem;
    line-height: 1.35;
    font-weight: 700;
    color: #163d65;
}

.slneo-article .slneo-inline-cta .slneo-inline-cta-subtitle {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.5;
    color: #526b82;
}

.slneo-article .slneo-inline-cta-action {
    flex: 0 0 auto;
}

.slneo-article .slneo-inline-cta button.slneo-inline-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 220px;
    min-height: 46px;
    padding: 1rem 2rem;
    font: 700 1.4rem/1.3 Roboto, Arial, sans-serif;
    color: #fff;
    background: #00a9e8;
    border: 1px solid #00a9e8;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    transition: background .2s ease;
}

.slneo-article .slneo-inline-cta button.slneo-inline-cta-btn:hover {
    background: #008dc8;
    border-color: #008dc8;
    color: #fff;
}

@media (max-width: 767px) {
    .slneo-article .slneo-inline-cta {
        flex-direction: column;
        align-items: stretch;
        gap: 1.5rem;
        padding: 2rem;
        text-align: left;
    }

    .slneo-article .slneo-inline-cta-action,
    .slneo-article .slneo-inline-cta button.slneo-inline-cta-btn {
        width: 100%;
        min-width: 0;
    }
}
/* Center text inside the inline CTA button */
.slneo-article .slneo-inline-cta button.slneo-inline-cta-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;

    height: 4.8rem;
    min-height: 4.8rem;
    padding: 0 2rem !important;
    line-height: 1.2 !important;
    margin: 0;
    box-sizing: border-box;
}
/* Inline CTA button label alignment */
.slneo-article .slneo-inline-cta-btn .slneo-inline-cta-label {
    display: block;
    color: #fff;
    line-height: 1.2;
    transform: translateY(-6px);
}


/* Compact inline CTA */
.slneo-article .slneo-inline-cta {
    padding: 1.2rem 2rem;
    gap: 2rem;
    align-items: center;
}

.slneo-article .slneo-inline-cta-text {
    flex: 1 1 auto;
}

.slneo-article .slneo-inline-cta .slneo-inline-cta-title {
    margin-bottom: 0.4rem;
}

.slneo-article .slneo-inline-cta-action {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: 0 0 auto;
}

.slneo-article .slneo-inline-cta button.slneo-inline-cta-btn {
    height: 4.4rem;
    min-height: 4.4rem;
    padding: 0 1.8rem !important;
    margin: 0;
}

.slneo-article .slneo-inline-cta-text {
    transform: translateY(7px);
}

@media (max-width: 767px) {
    .slneo-article .slneo-inline-cta {
        padding: 1.5rem;
        gap: 1.4rem;
    }

    .slneo-article .slneo-inline-cta-action {
        width: 100%;
    }
}

/* Increase left indentation for workflow list */
.slneo-article #slneo-common-workflows .slneo-list {
    padding-left: 4rem;
}

.slneo-article .slneo-core-areas-image {
    margin: 2.4rem 0 0;
}

.slneo-article .slneo-core-areas-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1.6rem;
}

/* Final CTA — full-width button */
.slneo-article .slneo-bottom-cta .slneo-actions {
    display: flex;
    width: 100%;
    margin-top: 2rem;
}

.slneo-article .slneo-bottom-cta button.slneo-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    height: 4.8rem;
    min-height: 4.8rem;
    padding: 0 2rem;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}

/* Optical vertical alignment */
.slneo-article .slneo-bottom-cta .slneo-bottom-cta-label {
    display: block;
    color: #fff;
    line-height: 1.2;
    transform: translateY(-6px);
}