/* Vectors keep the same quiet, monochrome UI on every phone and desktop. */
.site-ui-icon {
  display:inline-block;
  width:1em;
  height:1em;
  flex:none;
  vertical-align:-.12em;
  pointer-events:none;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.site-ui-icon--play {fill:currentColor;stroke:none;}
.v7-media-mark .site-ui-icon,
.personal-film-play .site-ui-icon {width:17px;height:17px;vertical-align:0;}
.handoff-checklist .site-ui-icon {width:20px;height:20px;vertical-align:0;}
.handoff-path b .site-ui-icon {width:1em;height:1em;}
/* Links read as links without a repeated directional decoration. */
:is(a,button) > [aria-hidden="true"]:empty {display:none;}
.color-tabs button[aria-selected=true]::after {content:none;}
.pill-button,.home-v7 .pill-button {justify-content:center;gap:12px;}
.opening-copy .hero-watch {justify-content:flex-start;}
.hero-watch>span:first-child {font-size:inherit;}
.education-flow-controls button {grid-template-columns:1fr;}
.reel-links a,.opening-bottom a,.back-bar a,.text-link {
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.3em;
  text-decoration-color:currentColor;
}
.pill-button:active,.contact-link:active,.opening-copy .hero-watch:active {
  background:#9ac9ec;
  border-color:#9ac9ec;
  color:#101111;
}
.resource-link:hover,.resource-link:focus-visible,.deeper-grid>a:hover,.deeper-grid>a:focus-visible {
  background:#9ac9ec0a;
}