/* disclosure.css — the N.J.A.C. 11:5-6.1(c) permissible descriptor.
   SINGLE SOURCE. Every page links this, including the three policy pages, which
   otherwise ship their own standalone stylesheet.

   This rule used to be declared four times — once in styles.css and once inside
   each policy page's inline <style>. They happened to agree, but nothing enforced
   it, and an earlier round of this exact problem produced four visibly different
   renderings of the same required text. Change it here and nowhere else.

   LOAD ORDER: link this BEFORE styles.css. styles.css carries the contextual
   overrides — .agent-brokerage (margin) and .footer-brand (colour on dark) — and
   those are more specific, so order does not matter for them. */

.brand-descriptor {
  display: block;
  margin-top: 2px;
  color: #47617a;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* The small-screen size step belongs HERE, not in styles.css. The three policy
   pages ship their own stylesheet and link only this file, so a step living in
   styles.css applied to five pages and not the other three — the descriptor came
   out at 10.88px on the policy pages and 9.6px everywhere else below 700px. */
@media (max-width: 700px) {
  .brand-descriptor { font-size: .6rem; letter-spacing: .1em; }
}
