/* shinta Smart Article Layout 1.2.0 — isolated article-card system */
body.nava-sal-active {
  --nava-ink:#171a1f;
  --nava-muted:#68707b;
  --nava-line:#e8ebef;
  --nava-soft:#f6f8fa;
  --nava-accent:#1246a3;
  --nava-card:#ffffff;
  --nava-article-width:820px;
  --nava-title-size:38px;
  --nava-lead-size:19px;
  --nava-body-size:18px;
  --nava-h2-size:27px;
  --nava-h3-size:22px;
  --nava-meta-size:13px;
  --nava-caption-size:12px;
  --nava-toc-title-size:17px;
  --nava-box-radius:18px;
  --nava-box-padding:28px;
  --nava-box-gap:22px;
  --nava-card-shadow:0 8px 26px rgba(15,23,42,.08);
}

body.nava-sal-active .nava-sal-shell{
  direction:rtl!important;
  text-align:right!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 100%!important;
  grid-column:1 / -1!important;
  float:none!important;
  clear:both!important;
  margin:0!important;
  padding:42px 20px 72px!important;
  box-sizing:border-box!important;
  color:var(--nava-ink)!important;
  background:#f6f7f9!important;
}
body.nava-sal-active .nava-sal-article{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:1120px!important;
  min-width:0!important;
  flex:none!important;
  float:none!important;
  clear:both!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* Shared card language */
body.nava-sal-active .nava-sal-header,
body.nava-sal-active .nava-sal-hero,
body.nava-sal-active .nava-sal-toc,
body.nava-sal-active .nava-sal-section-box,
body.nava-sal-active .nava-sal-footer,
body.nava-sal-active .nava-sal-related{
  background:var(--nava-card)!important;
  border:1px solid var(--nava-line)!important;
  border-radius:var(--nava-box-radius)!important;
  box-shadow:var(--nava-card-shadow)!important;
  box-sizing:border-box!important;
}

body.nava-sal-active .nava-sal-header{
  display:block!important;
  width:100%!important;
  max-width:var(--nava-article-width)!important;
  min-width:0!important;
  margin:0 auto var(--nava-box-gap)!important;
  padding:var(--nava-box-padding)!important;
  float:none!important;
}
body.nava-sal-active .nava-sal-kicker{
  font-size:13px!important;
  font-weight:750!important;
  margin:0 0 12px!important;
  color:var(--nava-accent)!important;
}
body.nava-sal-active .nava-sal-kicker a{color:inherit!important;text-decoration:none!important;}
body.nava-sal-active .nava-sal-title{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  font-size:var(--nava-title-size)!important;
  line-height:1.48!important;
  letter-spacing:-.015em!important;
  margin:0 0 18px!important;
  padding:0!important;
  font-weight:840!important;
  color:var(--nava-ink)!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.nava-sal-active .nava-sal-lead{
  font-size:var(--nava-lead-size)!important;
  line-height:2!important;
  font-weight:620!important;
  color:#353b43!important;
  margin:18px 0 20px!important;
  border-right:3px solid var(--nava-accent)!important;
  background:var(--nava-soft)!important;
  border-radius:max(6px, calc(var(--nava-box-radius) - 8px))!important;
  padding:12px 16px!important;
}
body.nava-sal-active .nava-sal-lead p{margin:0!important;}

/* Author/date/read-time line is always centered. */
body.nava-sal-active .nava-sal-meta{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:9px 12px!important;
  color:var(--nava-muted)!important;
  font-size:var(--nava-meta-size)!important;
  text-align:center!important;
  padding-top:6px!important;
}
body.nava-sal-active .nava-sal-author{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
body.nava-sal-active .nava-sal-author img{border-radius:50%!important;width:36px!important;height:36px!important;}
body.nava-sal-active .nava-sal-meta-sep{opacity:.45!important;}

/* Featured image is its own card. */
body.nava-sal-active .nava-sal-hero{
  display:block!important;
  width:100%!important;
  max-width:var(--nava-article-width)!important;
  margin:0 auto var(--nava-box-gap)!important;
  padding:10px!important;
  float:none!important;
  overflow:hidden!important;
}
body.nava-sal-active .nava-sal-hero img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:680px!important;
  object-fit:cover!important;
  border-radius:max(0px, calc(var(--nava-box-radius) - 7px))!important;
}
body.nava-sal-active .nava-sal-hero figcaption,
body.nava-sal-active .nava-sal-inline-image figcaption,
body.nava-sal-active .nava-sal-content figure figcaption,
body.nava-sal-active .nava-sal-content .wp-caption-text{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  font-size:var(--nava-caption-size)!important;
  line-height:1.8!important;
  color:var(--nava-muted)!important;
  margin:9px 0 0!important;
  padding:0 8px!important;
  text-align:center!important;
}

/* Content wrapper itself is transparent; every child produced by the plugin is a card. */
body.nava-sal-active .nava-sal-content{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--nava-box-gap)!important;
  width:100%!important;
  max-width:var(--nava-article-width)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  float:none!important;
  box-sizing:border-box!important;
  font-size:var(--nava-body-size)!important;
  line-height:2.08!important;
  color:#24282e!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  background:transparent!important;
}
body.nava-sal-active .nava-sal-content-only{padding-top:22px!important;padding-bottom:22px!important;}
body.nava-sal-active .nava-sal-section-box{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--nava-box-padding)!important;
  float:none!important;
  overflow:hidden!important;
}
body.nava-sal-active .nava-sal-section-box > :first-child{margin-top:0!important;}
body.nava-sal-active .nava-sal-section-box > :last-child{margin-bottom:0!important;}
body.nava-sal-active .nava-sal-content p{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 22px!important;
  white-space:normal!important;
  word-break:normal!important;
}
body.nava-sal-active .nava-sal-content h2,
body.nava-sal-active .nava-sal-content h3{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  scroll-margin-top:110px!important;
  color:var(--nava-ink)!important;
  font-weight:820!important;
  line-height:1.65!important;
  white-space:normal!important;
  word-break:normal!important;
}
body.nava-sal-active .nava-sal-content h2{
  font-size:var(--nava-h2-size)!important;
  margin:0 0 17px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid var(--nava-line)!important;
}
body.nava-sal-active .nava-sal-content h3{
  font-size:var(--nava-h3-size)!important;
  margin:26px 0 12px!important;
  padding:0!important;
}
body.nava-sal-active .nava-sal-section-box > h3:first-child{margin-top:0!important;}
body.nava-sal-active .nava-sal-content a{color:var(--nava-accent)!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;}
body.nava-sal-active .nava-sal-content blockquote{
  width:auto!important;
  max-width:100%!important;
  margin:26px 0!important;
  padding:16px 20px!important;
  border-right:4px solid var(--nava-accent)!important;
  background:var(--nava-soft)!important;
  border-radius:max(6px, calc(var(--nava-box-radius) - 8px))!important;
  font-size:calc(var(--nava-body-size) + 1px)!important;
  line-height:1.95!important;
  box-sizing:border-box!important;
}
body.nava-sal-active .nava-sal-content ul,
body.nava-sal-active .nava-sal-content ol{width:auto!important;max-width:100%!important;padding-right:24px!important;margin:16px 0 24px!important;}
body.nava-sal-active .nava-sal-content li{margin:7px 0!important;white-space:normal!important;word-break:normal!important;}
body.nava-sal-active .nava-sal-content table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;margin:24px 0!important;font-size:15px!important;display:block!important;overflow-x:auto!important;}
body.nava-sal-active .nava-sal-content th,
body.nava-sal-active .nava-sal-content td{border:1px solid var(--nava-line)!important;padding:11px!important;min-width:120px!important;}
body.nava-sal-active .nava-sal-content th{background:var(--nava-soft)!important;}
body.nava-sal-active .nava-sal-content img,
body.nava-sal-active .nava-sal-content video,
body.nava-sal-active .nava-sal-content iframe{max-width:100%!important;height:auto;}
body.nava-sal-active .nava-sal-content figure{max-width:100%!important;box-sizing:border-box!important;}
body.nava-sal-active .nava-sal-content pre{
  direction:ltr!important;
  text-align:left!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  white-space:pre!important;
  word-break:normal!important;
  box-sizing:border-box!important;
  padding:18px!important;
  margin:24px 0!important;
  border:1px solid var(--nava-line)!important;
  background:#f7f8fa!important;
  border-radius:max(6px, calc(var(--nava-box-radius) - 8px))!important;
  line-height:1.7!important;
}
body.nava-sal-active .nava-sal-content code{direction:ltr!important;unicode-bidi:embed!important;font-size:.9em!important;}

/* Distributed images stay inside their section card. */
body.nava-sal-active .nava-sal-inline-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:28px 0!important;
  padding:8px!important;
  float:none!important;
  box-sizing:border-box!important;
  background:var(--nava-soft)!important;
  border:1px solid var(--nava-line)!important;
  border-radius:max(6px, calc(var(--nava-box-radius) - 5px))!important;
  overflow:hidden!important;
}
body.nava-sal-active .nava-sal-inline-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:620px!important;
  object-fit:cover!important;
  border-radius:max(4px, calc(var(--nava-box-radius) - 10px))!important;
}
body.nava-sal-active .nava-sal-smart-image{position:relative!important;clear:both!important;}
body.nava-sal-active .nava-sal-smart-image>a{display:block!important;max-width:100%!important;}
body.nava-sal-active .nava-sal-smart-image img{box-shadow:none!important;}

/* TOC: soft border + same configurable shadow. */
body.nava-sal-active .nava-sal-toc{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  overflow:hidden!important;
}
body.nava-sal-active .nava-sal-toc-toggle{
  appearance:none!important;
  width:100%!important;
  border:0!important;
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
  padding:17px 20px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  font:inherit!important;
  font-weight:800!important;
  font-size:var(--nava-toc-title-size)!important;
  cursor:pointer!important;
  color:var(--nava-ink)!important;
  text-align:right!important;
}
body.nava-sal-active .nava-sal-toc-icon{font-size:22px!important;line-height:1!important;font-weight:400!important;}
body.nava-sal-active .nava-sal-toc-list{display:block!important;border-top:1px solid var(--nava-line)!important;margin:0!important;padding:15px 42px 17px 20px!important;background:#fff!important;}
body.nava-sal-active .nava-sal-toc-list li{display:list-item!important;width:auto!important;max-width:100%!important;margin:7px 0!important;font-size:15px!important;line-height:1.85!important;white-space:normal!important;word-break:normal!important;}
body.nava-sal-active .nava-sal-toc-list a{text-decoration:none!important;color:#34383f!important;}
body.nava-sal-active .nava-sal-toc-list a:hover{color:var(--nava-accent)!important;}
body.nava-sal-active .nava-sal-toc-level-3{margin-right:22px!important;font-size:14px!important;}
body.nava-sal-active .nava-sal-toc.is-collapsed .nava-sal-toc-list{display:none!important;}

/* Footer/tag content is also boxed. */
body.nava-sal-active .nava-sal-footer{
  display:block!important;
  width:100%!important;
  max-width:var(--nava-article-width)!important;
  margin:var(--nava-box-gap) auto 0!important;
  padding:18px var(--nava-box-padding)!important;
}
body.nava-sal-active .nava-sal-footer:empty{display:none!important;}
body.nava-sal-active .nava-sal-tags{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;text-align:center!important;}
body.nava-sal-active .nava-sal-tags>span{font-weight:800!important;margin-left:4px!important;}
body.nava-sal-active .nava-sal-tags a{background:var(--nava-soft)!important;color:#333!important;text-decoration:none!important;padding:7px 11px!important;border-radius:999px!important;}

body.nava-sal-active .nava-sal-related{
  display:block!important;
  width:100%!important;
  max-width:var(--nava-article-width)!important;
  margin:var(--nava-box-gap) auto 0!important;
  padding:var(--nava-box-padding)!important;
  float:none!important;
}
body.nava-sal-active .nava-sal-section-heading h2{font-size:var(--nava-h2-size)!important;margin:0 0 20px!important;padding-bottom:12px!important;border-bottom:1px solid var(--nava-line)!important;}
body.nava-sal-active .nava-sal-related-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
body.nava-sal-active .nava-sal-related-card{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  border:1px solid var(--nava-line)!important;
  background:#fff!important;
  border-radius:max(8px, calc(var(--nava-box-radius) - 5px))!important;
  overflow:hidden!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
}
body.nava-sal-active .nava-sal-related-thumb{display:block!important;aspect-ratio:16/10!important;overflow:hidden!important;background:var(--nava-soft)!important;}
body.nava-sal-active .nava-sal-related-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .25s ease!important;}
body.nava-sal-active .nava-sal-related-card:hover img{transform:scale(1.025)!important;}
body.nava-sal-active .nava-sal-related-noimg{display:block!important;width:100%!important;height:100%!important;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)!important;}
body.nava-sal-active .nava-sal-related-body{padding:14px 15px 17px!important;}
body.nava-sal-active .nava-sal-related-body time{font-size:12px!important;color:var(--nava-muted)!important;}
body.nava-sal-active .nava-sal-related-body h3{font-size:16px!important;line-height:1.75!important;margin:7px 0 0!important;}
body.nava-sal-active .nava-sal-related-body h3 a{color:var(--nava-ink)!important;text-decoration:none!important;}

@media (max-width:900px){
  body.nava-sal-active .nava-sal-shell{padding-top:28px!important;}
  body.nava-sal-active .nava-sal-title{font-size:min(var(--nava-title-size), 7vw)!important;}
  body.nava-sal-active .nava-sal-related-grid{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:620px){
  body.nava-sal-active .nava-sal-shell{padding:20px 12px 48px!important;}
  body.nava-sal-active .nava-sal-header,
  body.nava-sal-active .nava-sal-section-box,
  body.nava-sal-active .nava-sal-related{padding:min(var(--nava-box-padding),20px)!important;}
  body.nava-sal-active .nava-sal-footer{padding:16px min(var(--nava-box-padding),20px)!important;}
  body.nava-sal-active .nava-sal-title{font-size:min(var(--nava-title-size), 8.5vw)!important;line-height:1.55!important;}
  body.nava-sal-active .nava-sal-content{font-size:min(var(--nava-body-size),18px)!important;line-height:2!important;}
  body.nava-sal-active .nava-sal-related-grid{grid-template-columns:1fr!important;}
  body.nava-sal-active .nava-sal-meta{justify-content:center!important;align-items:center!important;text-align:center!important;}
  body.nava-sal-active .nava-sal-meta-sep{display:none!important;}
  body.nava-sal-active .nava-sal-toc-toggle{padding:15px 16px!important;}
  body.nava-sal-active .nava-sal-toc-list{padding-right:35px!important;}
}