/* ============================================
   Board Head — 게시판 페이지 공통 헤더/래퍼/버튼
   ============================================
   건의함(ocs-suggestions), 공지(ocs_notice 아카이브),
   패치(ocs_patch 아카이브)가 함께 사용하는 공통 자산.

   원래 ocs-suggestions 플러그인의 suggestions.css 에 있던
   .ocs-sug-page / .ocs-sug-head / .ocs-sug-title / .ocs-sug-btn 정의를
   테마로 이전해 단일 출처로 공유한다.
   ============================================ */

/* 페이지 래퍼 */
.ocs-sug-page {
    max-width: var(--content-max, 1100px);
    margin: 0 auto;
    padding: 40px 20px 80px;
    color: var(--ink, #222);
}

/* 상단 헤더 — 제목(좌) + 액션 버튼(우) */
.ocs-sug-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.ocs-sug-title {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.01em;
    color: var(--ink, #222);
}

/* 버튼 — auth.css 버튼과 톤 통일 (의존 없이 자체 정의) */
.ocs-sug-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border: 1px solid var(--line, #e3e3e3);
    background: #fff;
    color: var(--ink, #222);
    font-size: 13px;
    text-decoration: none;
    border-radius: 2px;
    transition: background var(--t-fast, .15s), border-color var(--t-fast, .15s), color var(--t-fast, .15s);
    cursor: pointer;
    font-family: inherit;
}
.ocs-sug-btn:hover {
    border-color: var(--brass, #b08a4a);
    color: var(--brass, #b08a4a);
}
.ocs-sug-btn-primary {
    background: var(--brass, #b08a4a);
    border-color: var(--brass, #b08a4a);
    color: #fff;
}
.ocs-sug-btn-primary:hover {
    background: #946f33;
    border-color: #946f33;
    color: #fff;
}

@media (max-width: 640px) {
    .ocs-sug-page { padding: 24px 16px 60px; }
    .ocs-sug-title { font-size: 22px; }
}