/* Public service social bar: shared theme, visible labels and stable targets. */
html body.lf-public-service .service-social {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:16px;
  width:100%;
  max-width:680px;
  min-width:0;
  margin:40px auto;
  padding:24px!important;
  background:#f4f9f6!important;
  border:1px solid #dce7e1;
  border-radius:5px;
  box-shadow:none;
  text-align:left;
}
html body.lf-public-service .service-social .license-header,
html body.lf-public-service .service-social .license-header :is(b,i) {
  margin:0!important;
  color:#47605a;
  font:600 12px/1.6 Montserrat,Arial,sans-serif!important;
  letter-spacing:.08em;
  text-align:left;
  user-select:text;
}
html body.lf-public-service .service-social [id="social"] {
  width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;
}
html body.lf-public-service .service-social #social::before,
html body.lf-public-service .service-social #social::after {content:none;display:none}
html body.lf-public-service .service-social #social .wrapper {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  width:100%;max-width:none;margin:0;padding:0;
}
html body.lf-public-service .service-social #social a.button-social {
  box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;gap:8px;
  position:relative;float:none;
  width:100%!important;max-width:none;min-width:0;
  height:auto!important;min-height:48px;margin:0;padding:12px 8px;
  border:1px solid #dce7e1;border-radius:5px;
  background:#fff!important;color:#08777d;
  font:600 12px/1.5 Montserrat,Arial,sans-serif;
  text-decoration:none;box-shadow:none;overflow:visible;
  transform:none!important;transition:background-color .15s,border-color .15s;
}
html body.lf-public-service .service-social #social a.button-social .icon {
  display:grid;place-items:center;flex:0 0 18px;
  width:18px;height:18px;margin:0;padding:0;border:0;border-radius:0;
  background:transparent!important;color:inherit;
}
html body.lf-public-service .service-social #social a.button-social .icon i {
  display:flex;align-items:center;justify-content:center;
  width:18px;height:18px;color:inherit;line-height:1;transition:none;
}
html body.lf-public-service .service-social #social a.button-social svg {width:18px;height:18px}
html body.lf-public-service .service-social #social a.button-social>span {
  position:static;width:auto;height:auto;margin:0;padding:0;
  overflow:visible;clip:auto;clip-path:none;white-space:normal;
  color:inherit;font:inherit;line-height:1.5;
}
html body.lf-public-service .service-social #social a.button-social:is(:hover,:focus,:active) {
  width:100%!important;transform:none!important;
  background:#e7f2ed!important;border-color:#08777d;color:#06666b;
}
html body.lf-public-service .service-social #social a.button-social:focus-visible {
  outline:3px solid #20a7ad;outline-offset:3px;
}
@media(max-width:800px) {
  html body.lf-public-service .service-social #social .wrapper {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  html body.lf-public-service .service-social {padding:20px!important}
}
@media(max-width:379px) {
  html body.lf-public-service .service-social {padding:16px!important}
  html body.lf-public-service .service-social #social .wrapper {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce) {
  html body.lf-public-service .service-social #social a.button-social {transition:none}
}