.study-graphic { background: var(--pale); border-top: 4px solid var(--teal); padding: 1.5rem 1.7rem; margin-top: 1.5rem; }
.study-graphic figcaption { font-family: var(--display); font-size: 1.5rem; line-height: 1.3; margin-bottom: 1.5rem; }
.study-rows { list-style: none; padding: 0; }
.study-rows li { margin-bottom: 1.25rem; }
.study-rows p { font-size: 1rem; margin-bottom: .55rem; }
.study-track { height: .8rem; background: var(--white); }
.study-bar { display: block; height: 100%; background: var(--teal); }
.study-bar-short { width: 12.5%; }
.study-bar-middle { width: 37.5%; }
.study-bar-long { width: 100%; }
.study-graphic > p { color: var(--ink); font-size: 1rem; }
.record-line { list-style: none; padding: .3rem 0 .1rem 1rem; margin-block: 1.2rem; border-left: 4px solid var(--brick); }
.record-line li { padding: .45rem 0 .85rem .4rem; }
.record-line p { font-size: 1rem; }
@media (max-width: 640px) {
  .study-graphic { padding: 1.2rem; }
}