body.elf-site-refresh .elf-hub-content {
  padding: 54px 0;
  color: #193b50;
  background: #fff;
  border-top: 1px solid #dce5eb;
}
body.elf-site-refresh .elf-hub-content-tinted { background: #f3f7fa; }
.elf-hub-content-head { max-width: 900px; margin-bottom: 28px; }
.elf-hub-content-kicker { margin: 0 0 10px; color: #075574; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.elf-hub-content h2 { margin: 0 0 18px; font-size: clamp(25px, 3vw, 36px); line-height: 1.2; }
.elf-hub-content h3 { margin: 0 0 14px; font-size: 21px; line-height: 1.35; }
.elf-hub-content p, .elf-hub-content dd { font-size: 16px; line-height: 1.75; }
.elf-hub-content a { color: #075574; text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
.elf-hub-content a:hover { color: #873600; }
.elf-hub-content a:focus-visible, .elf-hub-content summary:focus-visible, .elf-hub-content-table:focus-visible { outline: 3px solid #bc4d00; outline-offset: 4px; }
.elf-hub-content-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 24px 0; padding: 0; }
.elf-hub-content-grid > * { min-width: 0; padding: 24px; border: 1px solid #ccdbe4; border-radius: 9px; background: #fff; }
.elf-hub-content-steps { list-style: none; }
.elf-hub-content-steps li > span { display: inline-block; margin-bottom: 14px; color: #075574; font-size: 24px; font-weight: 800; }
.elf-hub-content-brief dt { margin-bottom: 12px; font-size: 19px; }
.elf-hub-content-brief dd { margin: 0; }
.elf-hub-content-detail { padding: 20px 24px; margin: 16px 0; border: 1px solid #ccdbe4; border-radius: 9px; background: #fff; }
.elf-hub-content-detail summary { cursor: pointer; font-size: 18px; font-weight: 800; line-height: 1.5; }
.elf-hub-content-detail p { max-width: 920px; margin: 16px 0 0; }
.elf-hub-content-table { overflow-x: auto; margin: 24px 0 16px; border: 1px solid #ccdbe4; border-radius: 9px; background: #fff; }
.elf-hub-content-table table { width: 100%; min-width: 640px; margin: 0; border-collapse: collapse; }
.elf-hub-content-table caption { padding: 15px 18px; color: #193b50; font-size: 16px; font-weight: 700; caption-side: top; text-align: left; }
.elf-hub-content-table th, .elf-hub-content-table td { padding: 16px 18px; border-top: 1px solid #dce5eb; color: #193b50; font-size: 16px; line-height: 1.6; text-align: left; vertical-align: top; }
.elf-hub-content-table thead th { background: #eaf1f6; }
.elf-hub-content-table tbody th { min-width: 155px; }
.elf-hub-content .elf-hub-content-source { max-width: 1000px; color: #425d6f; font-size: 14px; }
.elf-hub-content .elf-hub-content-scroll { display: none; color: #425d6f; font-size: 14px; }
.elf-hub-content-chart { max-width: 820px; margin: 28px 0; padding: 24px; border: 1px solid #ccdbe4; border-radius: 9px; background: #fff; }
.elf-hub-content-chart figcaption { margin-bottom: 24px; color: #193b50; font-size: 18px; font-weight: 800; line-height: 1.5; }
.elf-hub-content-axis { display: flex; justify-content: space-between; margin: 0 68px 10px 60px; font-size: 13px; color: #425d6f; }
.elf-hub-content-bar { display: grid; grid-template-columns: 48px minmax(0, 1fr) 56px; align-items: center; gap: 12px; margin-top: 14px; }
.elf-hub-content-bar > div { height: 26px; overflow: hidden; border-radius: 4px; background: #e1eaf0; }
.elf-hub-content-bar > div > span { display: block; height: 100%; background: #075574; }
.elf-hub-content-bar strong { white-space: nowrap; }
@media (max-width: 767px) {
  body.elf-site-refresh .elf-hub-content { padding: 36px 0; }
  .elf-hub-content-grid { grid-template-columns: 1fr; }
  .elf-hub-content .elf-hub-content-scroll { display: block; margin: 20px 0 -8px; }
  .elf-hub-content-grid > *, .elf-hub-content-detail, .elf-hub-content-chart { padding: 20px; }
  .elf-hub-content-bar { gap: 8px; grid-template-columns: 42px minmax(0, 1fr) 48px; }
  .elf-hub-content-axis { margin-left: 50px; margin-right: 56px; }
}

.elf-professional-example{margin:0 0 18px;padding:12px 0;border-top:1px solid #d7e2e9}
.elf-professional-example summary{cursor:pointer;font-weight:700;line-height:1.5;color:#234966}
.elf-professional-example dl{margin:14px 0 0}
.elf-professional-example dt{font-size:13px;color:#173b56;margin-top:13px}
.elf-professional-example dd{margin:4px 0 0;font-size:14px;line-height:1.6;color:#40576b;overflow-wrap:anywhere}
.elf-professional-example summary:focus-visible{outline:3px solid #1878b8;outline-offset:4px}
.elf-professionals-grid>article{scroll-margin-top:110px}
.elf-professionals-grid>article:target{border-color:#1f4e79;box-shadow:0 0 0 2px #c6dce9}

@media(min-width:768px){.elf-professionals-grid[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);max-width:900px}.elf-professionals-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}