@charset "utf-8";
/* ==========================================================
   accessibility.css - 접근성 관련 공통 스타일
   - 스킵 내비게이션
   - 고대비 모드 (글로벌)
   - 폰트 크기 변경
   ========================================================== */

/* ==========================================
   1. Skip Navigation
   ========================================== */
#skipNavigation {
    position: absolute;
    width: 100%;
    top: -200px;
    left: 0;
    margin: 0 auto;
    z-index: 9999;
}

#skipNavigation a {
    display: block;
    height: 35px;
    background-color: #1c80cc;
    color: #fff;
    text-align: center;
}

#skipNavigation a:active,
#skipNavigation a:focus {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    color: #fff;
    background: #1c80cc;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
}

/* ==========================================
   2. High Contrast Mode (Global Base)
   - 컴포넌트별 고대비 스타일은 각 CSS 파일에서 관리
   - (header.css, board.css, artMarket.css 등)
   ========================================== */
body.high-contrast {
    background-color: #000 !important;
    color: #fff !important;
}

body.high-contrast .container,
body.high-contrast .inner-padding {
    border-color: #333 !important;
}

body.high-contrast img {
    /* 이미지 대비 향상 (필요시 활성화) */
    /* filter: contrast(1.2); */
}

/* ==========================================
   3. Font Size Adjustment
   ========================================== */
body.font-size-up {
    font-size: 1.25em !important;
}

body.font-size-up .h-tit-st1 {
    font-size: 5.5rem;
}

body.font-size-up .b-txt-st1,
body.font-size-up .b-txt-st2 {
    font-size: 1.2em;
}

/* ==========================================
   4. Screen Reader Only (Hidden but Accessible)
   ========================================== */
.sr-only {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}