/* Import all component styles */
@import url('/assets/css/main.css');
@import url('/assets/css/stemcell.css');
@import url('/assets/css/form.css');

@import url('/assets/css/heromobile.css');
@import url('/assets/css/social-statistics.css');
@import url('/assets/css/desktopheaderstyles.css');
@import url('/assets/css/desktopfooterstyles.css');
@import url('/assets/css/aclmethodology.css');
@import url('/assets/css/aclgentleapproach.css');
@import url('/assets/css/aclthreestrategicpaths.css');
@import url('/assets/css/aclhowitworks.css');
@import url('/assets/css/kneehub.css');
@import url('/assets/css/cards.css');
@import url('/assets/css/hipconditions.css');



/* Screen Reader Only Utility Class */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        
        .sr-only-focusable:focus {
            position: static;
            width: auto;
            height: auto;
            overflow: visible;
            clip: auto;
            white-space: normal;
        }

/* Focus styles for accessibility */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #0a3d62;
    outline-offset: 2px;
}

/* Skip to main content link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background: #0a3d62;
    color: white;
    padding: 8px;
    z-index: 1000;
    text-decoration: none;
}

.skip-to-content:focus {
    top: 0;
}