/* Brass title rods with polished cylindrical shading and a machined end face. */
.mf-underlined-title {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.mf-section-divider {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  margin: 14px 0 0;
  border: 0;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgb(244 223 184 / 12%), transparent 28%, rgb(182 145 88 / 7%) 100%),
    linear-gradient(180deg, #b69158 0%, #d9b77b 12%, #f4dfb8 24%, #deb97e 36%, #c4a065 50%, #b69158 64%, #cdaa6f 78%, #f4dfb8 91%, #c7a269 100%);
  box-shadow: inset -.5px 0 .5px rgb(182 145 88 / 24%), 0 1px 2px rgb(59 47 28 / 12%);
  pointer-events: none;
}

/* A restrained edge highlight keeps the brass finish without an outer glow. */
.mf-section-divider::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(255 244 214 / 32%), rgb(244 223 184 / 16%));
  box-shadow: none;
}

.mf-section-divider::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  box-sizing: border-box;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgb(244 223 184 / 32%), transparent 72%),
    conic-gradient(from 25deg at 50% 50%, #d9b77b 0deg, #f4dfb8 65deg, #c4a065 145deg, #d9b77b 180deg, #f4dfb8 245deg, #b69158 325deg, #d9b77b 360deg);
  box-shadow: inset .35px 0 .35px rgb(244 223 184 / 65%), inset -.4px 0 .4px rgb(182 145 88 / 55%);
}
