/* Site chrome for the ports and alternative fuels note. Article styles stay in their own files. */

.article .section-head{align-items:center;gap:14px}
.article .section-number{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:2px 0 0;
  padding:0;
  border:1px solid #b7ddd2;
  border-radius:13px;
  background:
    radial-gradient(circle at 30% 25%, #fff 0%, rgba(255,255,255,0) 46%),
    linear-gradient(180deg, #f7fcfa 0%, #e4f3ee 100%);
  box-shadow:inset 0 -3px 0 #c5e6dc, 0 1px 0 rgba(16,42,59,.04);
  color:var(--teal);
  font:650 15px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing:.02em;
  opacity:1;
}
.article .section-perspective .section-number{color:var(--teal);background:linear-gradient(180deg,#f7fcfa 0%,#e4f3ee 100%)}
@media(max-width:600px){
  .article .section-head{gap:12px}
  .article .section-number{flex-basis:36px;width:36px;height:36px;border-radius:11px;font-size:13px}
}
.hero h1 + .article-meta{margin-top:0;margin-bottom:18px}
.hero .article-meta + .hero-intro{margin-top:0;margin-bottom:22px}

.hero .article-share--hero{margin-top:18px}
.hero a.share-btn,.share-band a.share-btn{text-decoration:none}
.hero a.share-btn--linkedin,.hero a.share-btn--linkedin:hover,.hero a.share-btn--facebook,.hero a.share-btn--facebook:hover,.share-band a.share-btn--linkedin,.share-band a.share-btn--linkedin:hover,.share-band a.share-btn--facebook,.share-band a.share-btn--facebook:hover{color:#fff}
.article > .article-share--end{margin:6px 0 36px}
.share-band{max-width:1160px;margin:0 auto;padding:8px 0 36px}
.share-band .article-share--end{margin:0}
.share-band .article-share__label{margin:0}
footer.site-footer{padding:38px 24px 46px;color:#abc1ca;background:#0b1e2c;margin-top:8px;text-align:left;border-top:0}
footer.site-footer .site-footer-inner{width:min(1160px,100%);margin:0 auto}
footer.site-footer strong{color:#d4e2e7;display:block;margin-bottom:6px}
footer.site-footer .small{display:block;font-size:13px;color:#abc1ca;line-height:1.7;margin:0}
footer.site-footer .disclaimer{margin:14px 0 0;padding:0;border:0;background:transparent;color:#abc1ca;max-width:760px;font-size:13px;line-height:1.7}
footer.site-footer .disclaimer strong{color:#d4e2e7;font-weight:700;display:inline}
footer.site-footer a{color:#8ff7f1}
@media(max-width:1240px){
  .share-band{margin-left:32px;margin-right:32px}
}
@media(max-width:860px){
  .share-band{margin-left:24px;margin-right:24px}
  footer.site-footer{padding-bottom:110px}
}
@media(max-width:600px){
  .share-band{margin-left:24px;margin-right:24px}
  footer.site-footer{padding-left:24px;padding-right:24px}
  footer.site-footer .small{font-size:12px}
}
@media(max-width:360px){
  .share-band{margin-left:20px;margin-right:20px}
  footer.site-footer{padding-left:20px;padding-right:20px}
}
@media print{
  .reading-progress,.article-share,.share-band,.floating,.toc-dialog{display:none !important}
}