Navigation styles

<div class="pt-tabs-u" role="tablist">
  <span class="pt-bar2"></span>
  <button role="tab" aria-selected="true">Overview</button>
  <button role="tab" aria-selected="false">Activity</button>
  <button role="tab" aria-selected="false">Settings</button>
</div>

<div class="pt-tabs-b" role="tablist">
  <button role="tab" aria-selected="true">Files</button>
  <button role="tab" aria-selected="false">Notes</button>
  <button role="tab" aria-selected="false">Log</button>
</div>

<nav class="pt-crumb">
  <a href="#">Home</a>
  <i>/</i>
  <a href="#">Projects</a>
  <i>/</i>
  <span>Atlas</span>
</nav>

<div class="pt-pager">
  <button>‹</button>
  <button>1</button>
  <button aria-current="page">2</button>
  <button>3</button>
  <button>4</button>
  <button>›</button>
</div>

<ol class="pt-steps">
  <li class="pt-done">
    <b>
      <svg viewBox="0 0 20 20" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="square">
        <path d="M4.5 10.5l3.5 3.5 7.5-8" />
      </svg>
    </b>
    <em>Plan</em>
  </li>
  <li class="pt-done">
    <b>
      <svg viewBox="0 0 20 20" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="square">
        <path d="M4.5 10.5l3.5 3.5 7.5-8" />
      </svg>
    </b>
    <em>Build</em>
  </li>
  <li class="pt-now">
    <b>3</b>
    <em>Review</em>
  </li>
  <li>
    <b>4</b>
    <em>Ship</em>
  </li>
</ol>

<div class="pt-menu">
  <button class="pt-mini" aria-haspopup="true" aria-expanded="false">Actions <span class="pt-car">▾</span></button>
  <ul>
    <li>
      <button>Rename</button>
    </li>
    <li>
      <button>Duplicate</button>
    </li>
    <li>
      <button>Archive</button>
    </li>
  </ul>
</div>