.assessment-navigation { position: relative; z-index: 2; background: #f2f7f8; border-bottom: 1px solid #dce5e8; color: #071c2c; font: 14px/1.5 Arial, sans-serif; padding: 10px 20px; }
.assessment-navigation-inner { width: min(1100px, 100%); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px 24px; flex-wrap: wrap; }
.assessment-navigation a, .assessment-navigation button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; color: #075f6a; background: transparent; border: 1px solid transparent; border-radius: 6px; padding: 6px 10px; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
.assessment-navigation a:hover, .assessment-navigation button:hover { background: #e2eff1; color: #071c2c; }
.assessment-navigation a:focus-visible, .assessment-navigation button:focus-visible { outline: 3px solid #16a4ae; outline-offset: 2px; }
.assessment-share-controls { display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; }
.assessment-share-label { color: #63737b; font-size: 13px; }
.assessment-share-status { color: #267765; font-size: 13px; }
.assessment-share-fallback { display: block; width: 100%; max-width: 600px; margin: 8px auto 0; padding: 8px; color: #071c2c; background: #fff; border: 1px solid #bdcbd0; }
.assessment-share-fallback[hidden] { display: none !important; }
@media(max-width:650px) { .assessment-navigation { padding: 8px 12px; } .assessment-navigation-inner { gap: 4px; } .assessment-share-label { width: 100%; } }
@media print { .assessment-navigation { display: none !important; } }