/* Shared navigation and keyboard styles for the standalone teaching tools. */
.site-header { background: #fff; border-bottom: 1px solid #ccd7dc; }
.header-inner { max-width: 1480px; margin: auto; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.5rem; }
.site-name { color: #18364a; font-size: 1.05rem; font-weight: 700; text-decoration: none; }
.site-header nav, .learning-footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1rem; }
.site-header nav { font-size: .94rem; }
.site-header nav a, .learning-footer a { color: #176b72; text-underline-offset: 3px; }
.site-header nav a { padding: .45rem .25rem; }
.site-header nav a[aria-current="page"] { color: #18364a; font-weight: 700; text-decoration-thickness: 2px; }
.learning-footer, .marketing-lab .learning-footer { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: .8rem 1.5rem; font-size: .875rem; color: #425b68; }
.learning-footer p { margin: 0; }
.learning-footer nav { font-size: .875rem; }
.learning-footer a { display: inline-block; padding: .35rem 0; }
input:not([type="checkbox"]):not([aria-invalid="true"]), select:not([aria-invalid="true"]), .secondary { border-color: #718590; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible, rect:focus-visible, .table-scroll:focus-visible, .button:focus-within { outline: 3px solid #176b72; outline-offset: 3px; }
.page-heading button:focus-visible, .page-heading a:focus-visible { outline-color: #fff; outline-offset: 4px; }
.skip:focus { top: .75rem; color: #18364a; border: 2px solid #176b72; }
@media (max-width: 700px) {
  .header-inner { padding: .8rem 1rem; align-items: flex-start; }
  .site-header nav { width: 100%; flex-direction: row; gap: .2rem .8rem; }
  .site-header nav a { min-height: 36px; }
  .learning-footer { display: flex; }
}
@media print { .site-header, .learning-footer { display: none; } }