/* styles-home-promo.css
   메인 페이지 안내 문구 · 강조 안내 · 후원 배너 · 사이드바 후원 링크
   (분할 전 styles.css 의 275~422 줄 — 선언 순서 그대로 옮김) */
/* 메인 페이지 상단 안내 문구 */
.main-intro {
    max-width: 1100px;
    width: 90%;
    margin: 16px auto 0 auto;
    padding: 14px 20px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-sizing: border-box;
}
.main-intro-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--muted);
}
.main-intro-text a {
    color: var(--brand);
    text-decoration: none;
}
.main-intro-text a:hover {
    text-decoration: underline;
}

/* 메인 페이지 강조 안내 (눈에 띄는 한 줄 요약) */
.main-notice {
    max-width: 1100px;
    width: 90%;
    margin: 12px auto 0 auto;
    padding: 14px 20px;
    background: linear-gradient(135deg, rgba(90, 162, 255, 0.12) 0%, rgba(90, 162, 255, 0.06) 100%);
    border: 1px solid rgba(90, 162, 255, 0.35);
    border-left: 4px solid var(--brand);
    border-radius: 12px;
    box-sizing: border-box;
}
.main-notice-text {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text);
    font-weight: 600;
}
.main-notice-text .main-notice-badge {
    flex-shrink: 0;
}
.main-notice-badge {
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--brand);
    background: rgba(90, 162, 255, 0.2);
    border-radius: 6px;
    vertical-align: middle;
}
.main-notice-text strong {
    flex: 1;
    min-width: 0;
}
.main-notice-text a {
    color: var(--brand);
    text-decoration: none;
}
.main-notice-text a:hover {
    text-decoration: underline;
}

/* 홈 후원 배너 — 사용자 시선이 가는 위치에 가볍게 노출 */
.sponsor-banner {
    max-width: 1100px;
    width: 90%;
    margin: 12px auto 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, rgba(255, 205, 0, 0.18) 0%, rgba(90, 162, 255, 0.12) 100%);
    border: 1px solid rgba(255, 205, 0, 0.45);
    border-left: 4px solid #f5b300;
    border-radius: 12px;
    box-sizing: border-box;
}
.sponsor-banner-text {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.sponsor-banner-emoji {
    font-size: 22px;
    line-height: 1;
}
.sponsor-banner-text strong {
    display: block;
    font-size: 15px;
    color: var(--text);
    line-height: 1.5;
}
.sponsor-banner-sub {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: var(--muted);
    line-height: 1.5;
}
.sponsor-banner-cta {
    flex-shrink: 0;
    padding: 9px 16px;
    background: var(--brand);
    color: #ffffff;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: filter 0.15s ease, transform 0.06s ease;
}
.sponsor-banner-cta:hover { filter: brightness(0.93); }
.sponsor-banner-cta:active { transform: translateY(1px); }

/* 사이드바 후원 링크 강조 */
.sidebar-quick-link-sponsor {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #b07b00;
    background: linear-gradient(135deg, rgba(255, 205, 0, 0.18) 0%, rgba(255, 205, 0, 0.06) 100%);
    border: 1px solid rgba(255, 205, 0, 0.45);
}
.sidebar-quick-link-sponsor:hover {
    color: #8a5e00;
    background: rgba(255, 205, 0, 0.24);
}
.dark .sidebar-quick-link-sponsor {
    color: #ffd24d;
    background: linear-gradient(135deg, rgba(255, 205, 0, 0.20) 0%, rgba(255, 205, 0, 0.06) 100%);
}
.dark .sidebar-quick-link-sponsor:hover {
    color: #ffe27a;
}