/* How it works: the diagrams, drawn from the rings of the USC mark (2026-11-01). Loaded after site.css. */
.hw.dg{max-width:760px;margin:36px 0 16px}
.hw .c-ring{fill:var(--white);stroke:var(--navy);stroke-width:3}
.hw .c-line{fill:none;stroke:var(--navy);stroke-width:3}
.hw .c-soft{fill:none;stroke:var(--line-2);stroke-width:3}
.hw .c-navy{fill:var(--navy)}
.hw .c-tint{fill:var(--navy-tint);stroke:var(--navy);stroke-width:3}
.hw .t-in{font:500 17px var(--sans);fill:var(--white)}
.hw .t-in.ink{fill:var(--navy)}
.hw .t-big{font:300 30px var(--sans);fill:var(--white);letter-spacing:-.02em}
.hw .t-h{font:500 22px var(--sans);fill:var(--ink)}
.hw .t-s{font:400 16px var(--sans);fill:var(--ink-2)}
.hw .t-s.strong{fill:var(--ink);font-weight:500}
.hw .t-n{font:400 14px var(--sans);fill:var(--ink-3)}
.hw .hw-arrow{fill:none;stroke:var(--navy);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hw .dg-plot{overflow:visible}
@media(max-width:600px){
  .hw .dg-tall{max-width:none}
  .hw.dg-chains .t-h{font-size:19px}
  .hw .t-s{font-size:19px}.hw .t-n{font-size:16px}.hw .t-h{font-size:22px}.hw .t-in{font-size:19px}
}