* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
    }
    body {
      background-color: #f8fafc;
      color: #334155;
      -webkit-font-smoothing: antialiased;
    }
    a {
      text-decoration: none;
      color: inherit;
    }

    /* ⚠️ CRITICAL - 블로그차트 공식 상단 헤더 & GNB 메뉴바 규격 */
    .bc-top-header {
      background: #ffffff;
      border-bottom: 1px solid #f1f5f9;
      position: relative;
      height: 70px;
      display: flex;
      align-items: center;
    }
    .bc-header-inner {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      padding: 0 1.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .bc-logo-wrap {
      display: flex;
      align-items: flex-end;
      gap: 0;
      text-decoration: none;
    }
    .bc-logo-img {
      height: 44px;
      display: block;
    }
    .bc-logo-slogan {
      font-size: 0.76rem;
      font-weight: 500;
      color: #64748b;
      letter-spacing: -0.02em;
      white-space: nowrap;
      line-height: 1;
      padding-bottom: 0;
      margin-bottom: -1px;
      margin-left: -10px;
    }
    @media (max-width: 640px) {
      .bc-logo-wrap {
        gap: 0;
      }
      .bc-logo-img {
        height: 38px;
      }
      .bc-logo-slogan {
        font-size: 0.68rem;
        padding-bottom: 0;
        margin-bottom: -1px;
        margin-left: -7px;
      }
    }
    @media (max-width: 380px) {
      .bc-logo-slogan {
        display: none;
      }
    }
    .bc-header-right {
      display: flex;
      align-items: center;
    }
    .bc-insight-btn {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 7px 15px;
      background: #ffffff;
      color: #f05050 !important;
      border: 1px solid #f05050;
      border-radius: 4px;
      font-size: 13.5px;
      font-weight: 700;
      text-decoration: none;
      transition: all 0.25s ease;
      cursor: pointer;
    }
    .bc-insight-btn:hover {
      background: #f05050;
      color: #ffffff !important;
    }

    /* 모바일 햄버거 토글 버튼 */
    .bc-mobile-toggle {
      display: none;
      background: none;
      border: none;
      font-size: 1.5rem;
      color: #334155;
      cursor: pointer;
      padding: 0.5rem;
    }

    /* 2. 블로그차트 공식 GNB 메뉴바 (#464e65 + #4f79d9 호버) */
    .bc-gnb-bar {
      background: #464e65;
      height: 40px;
      width: 100%;
    }
    .bc-gnb-inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0;
    }
    .bc-gnb-nav {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      margin: 0;
      padding: 0;
      height: 40px;
      width: 100%;
    }
    .bc-gnb-item {
      height: 40px;
      width: 100%;
      text-align: center;
    }
    .bc-gnb-link {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      height: 40px;
      width: 100%;
      color: #ffffff;
      font-size: 13.5px;
      font-weight: 600;
      text-decoration: none;
      transition: background 0.15s ease;
      white-space: nowrap;
    }
    .bc-gnb-link:hover {
      background: #4f79d9;
      color: #ffffff;
    }
    .bc-lightning-icon {
      color: #facc15;
    }

    /* ========================================================
       3. 메인 대시보드 레이아웃
       ======================================================== */
    .bc-main-container {
      max-width: 1200px;
      margin: 2rem auto;
      padding: 0 1.5rem;
    }

    /* 트렌드 키워드 헤더 */
    .bc-trend-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
    }
    .bc-trend-title-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .bc-fire-badge {
      font-size: 1.25rem;
    }
    .bc-trend-title {
      font-size: 1.25rem;
      font-weight: 800;
      color: #1e293b;
      letter-spacing: -0.5px;
    }
    .bc-page-control {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .bc-page-indicator {
      font-size: 0.85rem;
      font-weight: 700;
      color: #64748b;
    }
    .bc-nav-btn {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: 1px solid #cbd5e1;
      background: #ffffff;
      color: #64748b;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .bc-nav-btn:hover {
      background: #f1f5f9;
      color: #1e293b;
      border-color: #94a3b8;
    }

    /* 10개 키워드 버튼 그리드 */
    .bc-tag-grid-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 1.25rem;
      margin-bottom: 0.75rem;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    }
    .bc-tag-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0.75rem;
    }
    .kw-tag-btn {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 8px;
      padding: 0.75rem 1rem;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.9rem;
      font-weight: 600;
      color: #334155;
      cursor: pointer;
      transition: all 0.2s ease;
      text-decoration: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .kw-tag-btn:hover {
      background: #f1f5f9;
      border-color: #cbd5e1;
      color: #0f172a;
      transform: translateY(-1px);
    }
    .kw-tag-btn.active {
      background: #20c997;
      border-color: #20c997;
      color: #ffffff !important;
      font-weight: 700;
      box-shadow: 0 4px 12px rgba(32, 201, 151, 0.35);
    }
    .kw-rank-num {
      color: #0ca678;
      font-weight: 800;
      font-size: 0.82rem;
    }
    .kw-tag-btn.active .kw-rank-num {
      color: #ffffff;
    }

    /* 🌟 상단 큐레이션 브리핑 소제목 및 우측 정렬 옵션 */
    .bc-curation-heading-wrap {
      margin: 1.25rem 0 0.85rem 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.75rem;
    }
    .bc-curation-heading-title {
      font-size: 1.25rem;
      font-weight: 800;
      color: #0ca678;
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0;
    }
    /* 🌟 포털형 세그먼트 필터 트랙 바 (제목과 확실히 구분되는 다크 차콜/슬레이트 필터 스타일) */
    .bc-sort-wrap {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      background: #f1f5f9;
      border: 1px solid #e2e8f0;
      padding: 3px;
      border-radius: 10px;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
    }
    .bc-sort-btn {
      color: #64748b;
      background: transparent;
      border: none;
      text-decoration: none;
      font-weight: 600;
      font-size: 0.83rem;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 12px;
      border-radius: 7px;
      transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
      user-select: none;
    }
    .bc-sort-btn i {
      font-size: 0.8rem;
      color: #94a3b8;
      transition: color 0.15s ease;
    }
    .bc-sort-btn:hover {
      color: #0f172a;
      background: rgba(255, 255, 255, 0.85);
    }
    .bc-sort-btn:hover i {
      color: #475569;
    }
    /* 활성 필터 탭 (제목의 청록색과 완전히 대비되는 모던 딥 차콜/네이비) */
    .bc-sort-btn.active {
      color: #ffffff !important;
      background: #0f172a !important;
      font-weight: 700;
      box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2);
    }
    .bc-sort-btn.active i {
      color: #38bdf8 !important; /* 선명한 스카이블루 포인트 아이콘 */
    }
    .bc-sort-btn.active i.fa-trophy {
      color: #fbbf24 !important; /* 트로피는 골드 포인트 */
    }
    .bc-sort-btn.active i.fa-users {
      color: #a78bfa !important; /* 방문자순은 퍼플 포인트 */
    }
    .bc-sort-divider {
      display: none;
    }

    /* 데스크탑 / 모바일 반응형 컨테이너 기본값 */
    .bc-heading-controls-desktop {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .bc-sort-desktop {
      display: inline-flex;
    }
    .bc-mobile-controls-wrap,
    .bc-mobile-sort-container {
      display: none;
    }

    /* 🌟 공유하기 독립형 캡슐 버튼 (방안 A) */
    .bc-share-trigger-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      height: 38px;
      padding: 0 14px;
      background: #ffffff;
      color: #334155;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      font-size: 0.86rem;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      transition: all 0.18s ease;
      user-select: none;
      white-space: nowrap;
      box-sizing: border-box;
    }
    .bc-share-trigger-btn:hover {
      background: #f8fafc;
      color: #0f172a;
      border-color: #94a3b8;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
      transform: translateY(-1px);
    }
    .bc-share-trigger-btn:active {
      transform: translateY(0);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    .bc-share-trigger-btn i {
      color: #0ca678;
      font-size: 0.88rem;
    }

    /* 요약 브리핑 & 사이드 패널 래퍼 */
    .bc-summary-split-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 380px;
      gap: 1.25rem;
      max-width: 1200px;
      margin: 1.5rem auto 2rem auto;
      align-items: stretch;
    }

    /* 좌측 메인 컬럼 */
    .bc-summary-main-col {
      display: flex;
      flex-direction: column;
      height: 100%;
      min-width: 0;
    }

    /* 요약 브리핑 카드 */
    .bc-summary-card {
      flex: 1 1 auto;
      height: 100%;
      min-height: 0;
      max-height: none;
      box-sizing: border-box;
      overflow-y: auto;
      margin-bottom: 0;
      padding: 1.5rem 1.75rem;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    }

    /* 인기 상승 아티클 섹션 */
    .bc-trend-issues-section {
      grid-column: 1 / -1;
      width: 100%;
      box-sizing: border-box;
      background: linear-gradient(180deg, #fff5f7 0%, #fff0f3 100%); /* 🌸 은은하고 사랑스러운 파스텔 핑크 배경 */
      border: 1.5px solid #fecdd3; /* 부드러운 로즈 핑크 테두리 */
      border-radius: 14px;
      padding: 1.15rem 1.25rem 1.25rem 1.25rem;
      box-shadow: 0 4px 18px rgba(244, 63, 94, 0.09); /* 입체감 있는 파스텔 글로우 */
      margin-top: 0.5rem;
    }

    .bc-ti-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 0.75rem;
      margin-bottom: 0.9rem;
      border-bottom: 1px solid #fce7f3; /* 헤더 구분선 파스텔 핑크 */
    }

    .bc-ti-main-title {
      margin: 0;
      font-size: 1rem;
      font-weight: 800;
      color: #0f172a;
      display: flex;
      align-items: center;
      gap: 6px;
      letter-spacing: -0.02em;
    }

    .bc-ti-bolt {
      color: #f43f5e; /* 파스텔 로즈 핑크 포인트 */
      font-size: 1.05rem;
    }

    .bc-ti-sub-text {
      font-size: 0.78rem;
      color: #94a3b8;
      font-weight: 500;
    }

    .bc-trend-issues-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 0.85rem;
      width: 100%;
      box-sizing: border-box;
    }

    .bc-trend-issue-card {
      display: flex;
      flex-direction: column;
      text-decoration: none;
      background: transparent;
      border-radius: 8px;
      overflow: hidden;
      transition: transform 0.2s ease;
    }

    .bc-trend-issue-card:nth-child(n+7) {
      display: none;
    }

    .bc-ti-thumb-wrap {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 6px;
      overflow: hidden;
      background-color: #f1f5f9;
    }

    .bc-ti-badge {
      position: absolute;
      top: 6px;
      left: 6px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 2px;
      padding: 2px 7px;
      border-radius: 6px;
      font-size: 0.74rem;
      font-weight: 800;
      line-height: 1.3;
      letter-spacing: -0.01em;
      color: #ffffff;
      background: rgba(15, 23, 42, 0.78);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      pointer-events: none;
    }

    .bc-ti-badge.rank-1 {
      background: linear-gradient(135deg, #ff4b2b 0%, #ff416c 100%);
      box-shadow: 0 2px 8px rgba(255, 75, 43, 0.4);
    }

    .bc-ti-thumb {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      transition: transform 0.25s ease;
    }

    .bc-trend-issue-card:hover .bc-ti-thumb {
      transform: scale(1.04);
    }

    .bc-ti-body {
      padding: 0.45rem 0.1rem 0.1rem 0.1rem;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .bc-ti-title {
      margin: 0;
      font-size: 0.82rem;
      font-weight: 700;
      color: #1e293b;
      line-height: 1.38;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
      letter-spacing: -0.015em;
      transition: color 0.15s ease;
    }

    .bc-trend-issue-card:hover .bc-ti-title {
      color: #e11d48;
    }
    /* 요약 카드 커스텀 스크롤바 */
    .bc-summary-card::-webkit-scrollbar {
      width: 6px;
    }
    .bc-summary-card::-webkit-scrollbar-track {
      background: #f8fafc;
      border-radius: 4px;
    }
    .bc-summary-card::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 4px;
    }
    .bc-summary-card::-webkit-scrollbar-thumb:hover {
      background: #94a3b8;
    }

    /* 데스크탑 본문 문단 간 광고 슬롯 */
    .bc-desktop-ad-slot-1 {
      margin: 1.25rem 0;
      width: 100%;
      min-height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }
    .bc-desktop-ad-slot-1 .bc-coupang-banner-card {
      width: 100% !important;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 0.65rem 0.85rem;
      box-sizing: border-box;
      overflow: hidden;
      margin: 0 !important;
    }
    .bc-desktop-ad-slot-1 .bc-coupang-banner-card iframe {
      max-width: 100% !important;
      border: none !important;
      margin: 0 auto !important;
      display: block !important;
    }
    .bc-coupang-ftc-header {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      text-align: right;
      margin-bottom: 6px;
      line-height: 1.35;
    }
    .bc-coupang-ftc-text {
      font-size: 0.75rem;
      font-weight: 400;
      color: #64748b;
      letter-spacing: -0.02em;
      display: inline-block;
      text-align: right;
    }
    .bc-coupang-banner-card > div:not(.bc-coupang-ftc-header) {
      display: flex !important;
      justify-content: center !important;
      width: 100% !important;
    }
    .bc-desktop-ad-slot-1 .bc-coupang-desktop-slot {
      width: 100%;
      display: block;
    }

    .bc-desktop-infeed-google-ad {
      margin: 1.25rem 0;
      width: 100%;
      min-height: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ffffff;
      border: 1px solid #f1f5f9;
      border-radius: 10px;
      box-sizing: border-box;
      overflow: hidden;
      padding: 0.5rem;
    }
    .bc-desktop-infeed-google-ad .adsbygoogle {
      width: 100%;
      display: block;
    }

    /* 사이드 패널 컬럼 */
    .bc-summary-side-col {
      display: flex;
      flex-direction: column;
      height: 100%;
      gap: 1rem;
      width: 100%;
      box-sizing: border-box;
    }

    /* 사이드 패널 내 인기 상승 아티클 2열 그리드 (1위~8위) */
    .bc-summary-side-col .bc-trend-issues-section {
      width: 100%;
      margin: 0;
      padding: 0;
      background: transparent;
      border: none;
      display: flex;
      flex-direction: column;
    }
    .bc-summary-side-col .bc-ti-header {
      margin-bottom: 0.75rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .bc-summary-side-col .bc-trend-issues-grid {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 0.85rem 0.65rem !important;
      width: 100%;
      box-sizing: border-box;
    }
    .bc-summary-side-col .bc-trend-issue-card {
      display: flex !important;
      flex-direction: column;
    }
    .bc-summary-side-col .bc-trend-issue-card:nth-child(n+7) {
      display: flex !important;
    }
    .bc-summary-side-col .bc-trend-issue-card:nth-child(n+9) {
      display: none !important;
    }
    .bc-summary-side-col .bc-ti-thumb-wrap {
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 6px;
      overflow: hidden;
      position: relative;
    }
    .bc-summary-side-col .bc-ti-title {
      font-size: 0.82rem;
      line-height: 1.35;
      color: #1e293b;
      font-weight: 700;
      margin-top: 0.35rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 사이드 배너 박스 */
    .bc-summary-ad-box {
      height: 260px;
      min-height: 260px;
      max-height: 260px;
      box-sizing: border-box;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 0.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    }
    .bc-summary-ad-box .adsbygoogle {
      width: 100%;
      height: 100%;
      min-height: 250px;
      display: block;
    }

    /* 트렌드 차트 카드 */
    .bc-summary-side-col .bc-trend-chart-card {
      grid-column: auto !important;
      width: 100% !important;
      height: 255px !important;
      min-height: 255px !important;
      max-height: 255px !important;
      margin: 0 !important;
      background: #fdfbf7;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
      padding: 0.9rem 1.25rem 0.9rem 1.25rem;
      box-sizing: border-box;
      flex: none !important;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    /* 사이드바 배너 카드 */
    .bc-summary-side-col .bc-coupang-banner-card {
      width: 100% !important;
      height: 255px !important;
      min-height: 255px !important;
      max-height: 255px !important;
      margin: 0 !important;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
      padding: 8px 10px !important;
      box-sizing: border-box;
      flex: none !important;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .bc-summary-side-col .bc-coupang-banner-card iframe {
      width: 338px !important;
      height: 220px !important;
      max-width: 100% !important;
      max-height: 220px !important;
      border: none !important;
      display: block !important;
      margin: 0 auto !important;
    }
    .bc-summary-side-col .bc-trend-chart-card .bc-chart-svg-wrap {
      height: 165px;
      min-height: 165px;
      overflow: visible;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .bc-summary-side-col .bc-trend-chart-card .bc-chart-svg-wrap .bc-svg-chart {
      width: 100%;
      height: 100%;
      max-height: 170px;
      overflow: visible;
      display: block;
    }
    .bc-chart-point-group .bc-svg-tooltip {
      filter: drop-shadow(0 4px 12px rgba(15, 23, 42, 0.35));
    }
    .bc-svg-chart text {
      user-select: none;
    }

    /* 대체 배너 카드 */
    .bc-summary-side-col .bc-rdurl-banner-card {
      width: 100% !important;
      min-height: 240px !important;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
      padding: 1.15rem 1.25rem 1rem 1.25rem;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      text-decoration: none !important;
      color: inherit !important;
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
      cursor: pointer;
    }
    .bc-summary-side-col .bc-rdurl-banner-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(12, 166, 120, 0.12);
      border-color: #0ca678;
    }
    .bc-rdurl-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 0.72rem;
      font-weight: 700;
      color: #0ca678;
      background: rgba(12, 166, 120, 0.08);
      padding: 3px 8px;
      border-radius: 6px;
      width: fit-content;
      margin-bottom: 0.5rem;
      letter-spacing: 0.02em;
    }
    .bc-rdurl-content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.75rem;
    }
    .bc-rdurl-text-wrap {
      flex: 1;
      min-width: 0;
    }
    .bc-rdurl-line {
      font-size: 0.88rem;
      font-weight: 600;
      color: #475569;
      margin: 0 0 3px 0;
      line-height: 1.35;
      letter-spacing: -0.01em;
    }
    .bc-rdurl-title {
      font-size: 1.08rem;
      font-weight: 800;
      color: #0f172a;
      margin: 6px 0 0 0;
      line-height: 1.3;
      letter-spacing: -0.02em;
    }
    .bc-rdurl-thumb-wrap {
      width: 72px;
      height: 72px;
      flex-shrink: 0;
      border-radius: 12px;
      overflow: hidden;
      background: #f8fafc;
      border: 1px solid #f1f5f9;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .bc-rdurl-thumb {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }
    .bc-rdurl-action {
      width: 100%;
    }
    .bc-rdurl-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      width: 100%;
      padding: 10px 16px;
      background: #0ca678;
      color: #ffffff !important;
      font-size: 0.92rem;
      font-weight: 700;
      border-radius: 8px;
      box-sizing: border-box;
      text-align: center;
      transition: background 0.15s ease, transform 0.15s ease;
      box-shadow: 0 2px 6px rgba(12, 166, 120, 0.25);
    }
    .bc-summary-side-col .bc-rdurl-banner-card:hover .bc-rdurl-btn {
      background: #099268;
    }

    .bc-summary-ad-box:has(ins[data-ad-status="unfilled"]) {
      display: none !important;
    }
    .bc-summary-split-wrap:has(.bc-summary-side-col:empty) {
      grid-template-columns: 1fr;
    }

    .bc-summary-title {
      font-size: 1.25rem;
      font-weight: 800;
      color: #0ca678;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .bc-summary-desc, .bc-summary-body {
      font-size: 0.98rem;
      line-height: 1.8;
      color: #334155;
      word-break: keep-all;
    }
    .bc-summary-p {
      margin: 0 0 1rem 0;
      line-height: inherit;
    }
    .bc-summary-p:last-child {
      margin-bottom: 0;
    }

    /* 블로그 그리드 */
    .bc-blog-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.25rem;
      margin-bottom: 2rem;
    }
    .bc-blog-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      text-decoration: none;
      color: inherit;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
      transition: all 0.25s ease;
      position: relative;
    }
    .bc-blog-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.08);
      border-color: #20c997;
    }
    .bc-ad-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 285px;
      max-height: 285px;
      min-height: 280px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
      padding: 0.5rem;
      box-sizing: border-box;
    }
    .bc-ad-card.bc-ad-card-2col {
      grid-column: span 2;
      height: 285px;
      max-height: 285px;
    }
    .bc-ad-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.08);
      border-color: #cbd5e1;
    }
    .bc-ad-card .adsbygoogle {
      width: 100%;
      height: 100%;
      max-height: 275px;
      display: block;
    }
    /* 모바일 인피드 래퍼 */
    .bc-top-infeed-ad-wrap,
    .bc-mid-infeed-ad-wrap {
      display: none;
    }
    /* 배너 래퍼 */
    .bc-top-banner-ad-wrap,
    .bc-infeed-banner-ad-wrap,
    .bc-bottom-banner-ad-wrap {
      max-width: 1200px;
      width: 100%;
      height: auto;
      margin: 0.75rem auto;
      padding: 0 !important;
      text-align: center;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bc-bottom-banner-ad-wrap {
      max-height: 200px;
    }
    .bc-top-banner-ad-wrap .adsbygoogle,
    .bc-infeed-banner-ad-wrap .adsbygoogle,
    .bc-bottom-banner-ad-wrap .adsbygoogle {
      width: 100%;
      height: auto;
      display: block;
    }
    .bc-bottom-banner-ad-wrap .adsbygoogle {
      max-height: 200px;
    }
    /* PC 전용 구글 광고 래퍼 (안정적인 레이아웃 및 CLS 방지) */
    .bc-pc-ad-wrap {
      max-width: 1200px;
      width: 100%;
      height: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }
    .bc-pc-ad-top {
      min-height: 110px;
      margin: 14px auto 20px;
    }
    .bc-pc-ad-bottom {
      min-height: 110px;
      margin: 24px auto 16px;
    }
    .bc-pc-ad-wrap .adsbygoogle {
      width: 100%;
      height: auto;
      display: block;
    }
    /* 블로그 그리드 하단 여백 */
    .bc-blog-grid-bottom {
      margin-bottom: 0.75rem !important;
    }
    ins.adsbygoogle[data-ad-status="unfilled"] {
      display: none !important;
    }
    .bc-top-banner-ad-wrap:has(ins[data-ad-status="unfilled"]),
    .bc-infeed-banner-ad-wrap:has(ins[data-ad-status="unfilled"]),
    .bc-bottom-banner-ad-wrap:has(ins[data-ad-status="unfilled"]),
    .bc-top-infeed-ad-wrap:has(ins[data-ad-status="unfilled"]),
    .bc-mid-infeed-ad-wrap:has(ins[data-ad-status="unfilled"]),
    .bc-summary-ad-box:has(ins[data-ad-status="unfilled"]),
    .bc-ad-card:has(ins[data-ad-status="unfilled"]),
    .bc-pc-ad-wrap:has(ins[data-ad-status="unfilled"]) {
      display: none !important;
      min-height: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
    }
    .bc-card-thumb-wrap {
      width: 100%;
      height: 165px;
      background: #f1f5f9;
      position: relative;
      overflow: hidden;
    }
    .bc-blog-rank-badge {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px 8px;
      border-radius: 7px;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: -0.2px;
      line-height: 1;
      pointer-events: none;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      transition: transform 0.25s ease;
    }
    .bc-blog-card:hover .bc-blog-rank-badge {
      transform: translateY(-1px) scale(1.03);
    }
    .bc-rank-crown {
      background: linear-gradient(135deg, #C084FC 0%, #7C3AED 100%);
      color: #ffffff;
      border: 1px solid rgba(255, 255, 255, 0.5);
      box-shadow: 0 4px 14px rgba(124, 58, 237, 0.45);
    }
    .bc-rank-diamond {
      background: linear-gradient(135deg, #A5F3FC 0%, #22D3EE 60%, #0891B2 100%);
      color: #0c2a33;
      border: 1px solid rgba(255, 255, 255, 0.6);
      box-shadow: 0 4px 14px rgba(34, 211, 238, 0.45);
    }
    .bc-rank-trophy {
      background: linear-gradient(135deg, #FFE066 0%, #F59F00 100%);
      color: #1a1500;
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-shadow: 0 4px 14px rgba(245, 159, 0, 0.45);
    }
    .bc-rank-rocket {
      background: linear-gradient(135deg, #6B7280 0%, #374151 100%);
      color: #F9FAFB;
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 12px rgba(55, 65, 81, 0.4);
    }
    .bc-card-thumb {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.3s ease;
    }
    .bc-blog-card:hover .bc-card-thumb {
      transform: scale(1.04);
    }
    .bc-card-body {
      padding: 1.1rem;
      display: flex;
      flex-direction: column;
      flex: 1;
    }
    .bc-card-tag-row {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
      margin-bottom: 0.5rem;
    }
    .bc-card-tag-row .bc-curation-tag {
      margin-bottom: 0;
    }
    .bc-card-tag-row .bc-visitor-badge {
      font-size: 0.68rem;
      padding: 2px 6px;
      border-radius: 4px;
    }
    .bc-card-title {
      font-size: 0.95rem;
      font-weight: 700;
      color: #1e293b;
      line-height: 1.45;
      margin-bottom: 0.75rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 2.9em;
    }
    .bc-card-meta {
      margin-top: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.8rem;
      color: #94a3b8;
      border-top: 1px solid #f1f5f9;
      padding-top: 0.75rem;
    }
    .bc-card-author-wrap {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      min-width: 0;
      flex: 1;
      max-width: calc(100% - 80px);
    }
    .bc-card-author {
      font-weight: 600;
      color: #64748b;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      min-width: 0;
    }
    .bc-card-date {
      font-size: 0.75rem;
      color: #94a3b8;
      white-space: nowrap;
      margin-left: auto;
      flex-shrink: 0;
    }
    .bc-visitor-badge {
      display: inline-flex;
      align-items: center;
      font-size: 0.68rem;
      font-weight: 700;
      line-height: 1;
      padding: 1.5px 5px;
      border-radius: 4px;
      white-space: nowrap;
      letter-spacing: -0.2px;
      flex-shrink: 0;
      vertical-align: middle;
      cursor: help;
      position: relative;
    }
    /* 🌟 배지 호버 시 말풍선(Tooltip) 본체 */
    .bc-visitor-badge:hover::after {
      content: attr(data-tooltip);
      position: absolute;
      bottom: calc(100% + 7px);
      left: 50%;
      transform: translateX(-50%);
      background: rgba(15, 23, 42, 0.95);
      color: #ffffff;
      font-size: 0.68rem;
      font-weight: 500;
      padding: 4px 8px;
      border-radius: 5px;
      white-space: nowrap;
      pointer-events: none;
      z-index: 100;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      line-height: 1.2;
      animation: bcTooltipFadeIn 0.15s ease-out forwards;
    }
    /* 🌟 배지 호버 시 말풍선 아래 꼬리(화살표) */
    .bc-visitor-badge:hover::before {
      content: '';
      position: absolute;
      bottom: calc(100% + 2px);
      left: 50%;
      transform: translateX(-50%);
      border-width: 5px 4px 0 4px;
      border-style: solid;
      border-color: rgba(15, 23, 42, 0.95) transparent transparent transparent;
      pointer-events: none;
      z-index: 100;
      animation: bcTooltipFadeIn 0.15s ease-out forwards;
    }
    @keyframes bcTooltipFadeIn {
      from { opacity: 0; transform: translate(-50%, 2px); }
      to { opacity: 1; transform: translate(-50%, 0); }
    }
    .bc-visitor-badge .bc-tri {
      color: #ef4444;
      font-size: 0.6rem;
      margin-left: 1.5px;
      display: inline-block;
      transform: translateY(-0.5px);
    }
    .bc-visitor-red {
      background: #fef2f2;
      color: #b91c1c;
      border: 1px solid #fecaca;
    }
    .bc-visitor-fire {
      background: #fff7ed;
      color: #c2410c;
      border: 1px solid #ffedd5;
    }
    .bc-visitor-rocket {
      background: #f0fdf4;
      color: #15803d;
      border: 1px solid #dcfce7;
    }
    .bc-visitor-dia {
      background: #eff6ff;
      color: #1d4ed8;
      border: 1px solid #dbeafe;
    }
    .bc-visitor-trophy {
      background: #fefce8;
      color: #854d0e;
      border: 1px solid #fef08a;
    }
    .bc-card-date {
      font-size: 0.75rem;
    }

    /* ⚠️ CRITICAL - 블로그차트 공식 푸터 규격 (배경색: #343b4f) */
    .bc-footer {
      background: #343b4f;
      color: #cbd5e1;
      padding: 3.5rem 0 2.5rem;
      border-top: 1px solid #282e3e;
      font-size: 0.85rem;
      line-height: 1.6;
    }
    .bc-footer-inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1.5rem;
    }
    .bc-footer-grid {
      display: grid;
      grid-template-columns: 1.3fr 1.6fr 1fr 1.1fr;
      gap: 2.5rem;
      margin-bottom: 2.5rem;
    }
    .bc-footer-col h4 {
      color: #ffffff;
      font-size: 0.95rem;
      font-weight: 700;
      margin-bottom: 1.2rem;
      letter-spacing: -0.3px;
    }
    .bc-footer-col p {
      font-size: 0.82rem;
      line-height: 1.8;
      color: #94a3b8;
      margin-bottom: 0.4rem;
    }
    .bc-footer-col ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .bc-footer-col ul li {
      margin-bottom: 0.6rem;
    }
    .bc-footer-col ul li a {
      color: #94a3b8;
      font-size: 0.82rem;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .bc-footer-col ul li a:hover {
      color: #ffffff;
      text-decoration: underline;
    }
    .bc-footer-logo-watermark {
      height: 32px;
      margin-bottom: 1rem;
      opacity: 0.85;
      display: block;
    }

    /* 반응형 */
    @media (max-width: 1024px) {
      .bc-tag-grid {
        grid-template-columns: repeat(3, 1fr);
      }
      .bc-blog-grid {
        grid-template-columns: repeat(3, 1fr);
      }
      .bc-footer-grid {
        grid-template-columns: 1fr 1fr;
      }
    }
    .bc-gnb-insight {
      display: none;
    }
    @media (max-width: 768px) {
      /* 🌟 모바일 스티키 헤더: 스크롤 시 상단 고정 & 슬림화 */
      .bc-top-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #ffffff;
        height: 60px;
        transition: height 0.25s ease, box-shadow 0.25s ease;
      }
      .bc-top-header.is-scrolled {
        height: 50px; /* 스크롤 시 헤더 폭을 50px로 슬림하게 축소 */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
      }
      .bc-logo-img {
        height: 36px;
        transition: height 0.25s ease;
      }
      .bc-top-header.is-scrolled .bc-logo-img {
        height: 28px; /* 스크롤 시 로고 크기 축소 */
      }
      .bc-logo-slogan {
        font-size: 0.65rem;
        margin-left: -7px;
        margin-bottom: -1px;
        transition: font-size 0.25s ease;
      }
      .bc-top-header.is-scrolled .bc-logo-slogan {
        font-size: 0.58rem; /* 스크롤 시 슬로건 비례 축소 */
      }
      .bc-gnb-insight {
        display: block;
      }
      .bc-insight-btn {
        display: none !important;
      }
      .bc-mobile-toggle {
        display: block;
        padding: 6px;
        font-size: 1.3rem;
      }
      /* 🌟 스티키 헤더 바로 아래 밀착 고정 드롭다운 메뉴 */
      .bc-gnb-bar {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 999;
        background: #1e293b;
        border-bottom: 1px solid #334155;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
        height: auto;
        transition: top 0.25s ease;
      }
      .bc-top-header.is-scrolled ~ .bc-gnb-bar {
        top: 50px;
        max-height: calc(100vh - 50px);
      }
      .bc-gnb-bar.mobile-open {
        display: block;
      }
      .bc-gnb-nav {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 0;
        gap: 0;
      }
      .bc-gnb-item {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #334155;
      }
      .bc-gnb-link {
        display: block;
        height: auto;
        padding: 14px 20px;
        font-size: 0.92rem;
        text-align: left;
        color: #f1f5f9 !important;
      }
      .bc-trend-header {
        margin-bottom: 0.5rem;
      }
      .bc-trend-title {
        font-size: 1.05rem;
      }
      .bc-page-control {
        display: none;
      }
      .bc-tag-grid-card {
        padding: 0.6rem 0.5rem;
        margin-bottom: 1rem;
        border-radius: 10px;
      }
      .bc-tag-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0.45rem;
        padding: 2px 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }
      .bc-tag-grid::-webkit-scrollbar {
        display: none;
      }
      .kw-tag-btn {
        flex: 0 0 auto;
        display: inline-flex !important;
        padding: 6px 14px;
        font-size: 0.84rem;
        border-radius: 18px;
        white-space: nowrap;
      }
      /* 모바일 컨테이너 */
      .bc-main-container {
        padding: 0 12px !important;
        margin: 1rem auto !important;
      }

      /* 모바일 블로그 피드 */
      .bc-blog-grid {
        grid-template-columns: 1fr !important;
        gap: 0.85rem;
      }
      .bc-blog-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 12px;
        padding: 10px;
        background: #ffffff;
        border: 1px solid #f1f5f9;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.02);
      }
      .bc-card-thumb-wrap {
        flex: 0 0 120px !important;
        width: 120px !important;
        height: auto !important;
        min-height: 94px !important;
        align-self: stretch !important;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
      }
      .bc-card-thumb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .bc-blog-rank-badge {
        top: 5px;
        left: 5px;
        padding: 2.5px 6px;
        font-size: 0.68rem;
        border-radius: 5px;
      }
      .bc-card-body {
        flex: 1;
        min-width: 0;
        padding: 2px 0 2px 0 !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .bc-card-tag-row {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 4px;
      }
      .bc-card-tag-row .bc-curation-tag {
        margin-bottom: 0;
        font-size: 0.7rem;
      }
      .bc-card-tag-row .bc-visitor-badge {
        font-size: 0.65rem;
        padding: 1.5px 5px;
      }
      .bc-card-title {
        font-size: 0.95rem !important;
        font-weight: 700;
        line-height: 1.4 !important;
        color: #1e293b;
        margin-bottom: 6px !important;
        height: auto !important;
        max-height: 2.8em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }
      .bc-card-meta {
        border-top: none !important;
        padding-top: 0 !important;
        margin-top: auto;
        font-size: 0.76rem;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100%;
      }
      .bc-card-author-wrap {
        max-width: calc(100% - 75px);
        min-width: 0;
        flex: 1;
      }
      .bc-card-author {
        font-size: 0.78rem;
        font-weight: 600;
        color: #64748b;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
      }
      .bc-card-date {
        font-size: 0.75rem;
        color: #94a3b8;
        white-space: nowrap;
        margin-left: auto !important;
        flex-shrink: 0;
      }

      .bc-ad-card.bc-ad-card-2col {
        grid-column: 1 / -1 !important;
        height: 285px !important;
        max-height: 285px !important;
        min-height: 280px !important;
        width: 100% !important;
      }
      /* 모바일 배너 래퍼 */
      .bc-top-banner-ad-wrap,
      .bc-infeed-banner-ad-wrap,
      .bc-bottom-banner-ad-wrap {
        height: auto !important;
        min-height: 0 !important;
        max-height: 200px !important;
        margin: 0.5rem auto !important;
        padding: 0 !important;
      }
      .bc-top-banner-ad-wrap .adsbygoogle,
      .bc-infeed-banner-ad-wrap .adsbygoogle,
      .bc-bottom-banner-ad-wrap .adsbygoogle {
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
      }
      .bc-footer-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }
      .bc-footer-cta {
        flex-direction: column !important;
        text-align: center !important;
        gap: 1rem !important;
      }
      .bc-footer-cta > div {
        justify-content: center !important;
        text-align: center !important;
      }
    }
    @media (max-width: 480px) {
      .bc-main-container {
        padding: 0 10px !important;
      }
      .bc-blog-grid {
        grid-template-columns: 1fr !important;
        gap: 0.75rem;
      }
      .bc-card-thumb-wrap {
        flex: 0 0 110px !important;
        width: 110px !important;
        height: auto !important;
        min-height: 90px !important;
        align-self: stretch !important;
      }
      .bc-card-title {
        font-size: 0.9rem !important;
        line-height: 1.38 !important;
      }
      .bc-ad-card.bc-ad-card-2col {
        grid-column: 1 / -1 !important;
        height: 285px !important;
        max-height: 285px !important;
        min-height: 280px !important;
        width: 100% !important;
      }
    }

/* ══════════════════════════════════════════════════════════════
   하단 2열 듀얼 인포 카드 (프리미엄 정돈형)
   ══════════════════════════════════════════════════════════════ */
.bc-info-cards-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  max-width: 1280px;
  margin: 2.5rem auto 1.5rem;
  padding: 0 1rem;
}

.bc-info-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.25rem 1.4rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 160px;
}

.bc-info-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9rem;
}

.bc-info-title-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bc-info-icon-badge {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.bc-icon-gold {
  background: #fef3c7;
  color: #d97706;
}
.bc-icon-blue {
  background: #e0f2fe;
  color: #0284c7;
}
.bc-icon-pink {
  background: #fdf2f8;
  color: #db2777;
  border: 1px solid #fce7f3;
}

.bc-info-card-pink {
  border-color: #fbcfe8;
  background: linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
  box-shadow: 0 4px 16px rgba(219, 39, 119, 0.05);
}

.bc-info-card-title {
  font-size: 0.98rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 2px;
  letter-spacing: -0.3px;
}

.bc-info-card-sub {
  font-size: 0.76rem;
  color: #64748b;
  margin: 0;
  line-height: 1.3;
}

/* 통일된 액션 버튼 규격 */
.bc-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.bc-btn-gold {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.bc-btn-gold:hover {
  background: #fef3c7;
  border-color: #fcd34d;
}
.bc-btn-blue {
  background: #f0f9ff;
  color: #0369a1;
  border: 1px solid #bae6fd;
}
.bc-btn-blue:hover {
  background: #e0f2fe;
  border-color: #7dd3fc;
}
.bc-btn-pink {
  background: #fdf2f8;
  color: #db2777;
  border: 1px solid #fbcfe8;
}
.bc-btn-pink:hover {
  background: #fce7f3;
  border-color: #f472b6;
  color: #be185d;
  transform: translateY(-1px);
}

/* 배지 4열 슬림 그리드 */
.bc-badge-tier-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  padding: 0.75rem 0.45rem;
  border-radius: 12px;
}

.bc-tier-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  min-width: 0;
}

.bc-tier-item .bc-mini-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 4.5px;
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: none;
  white-space: nowrap;
  letter-spacing: -0.3px;
}

.bc-tier-name {
  font-size: 0.7rem;
  color: #475569;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: -0.2px;
}

/* 우측 안내 배너 박스 */
.bc-notice-banner {
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 12px;
  padding: 0.75rem 0.9rem;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #64748b;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 60px;
}
.bc-notice-banner-pink {
  background: #fff1f2;
  border: 1px solid #ffe4e6;
}

.bc-notice-row {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #334155;
  font-weight: 500;
  margin-bottom: 2px;
}
.bc-notice-icon {
  color: #0284c7;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.bc-notice-icon-pink {
  color: #e11d48;
  font-size: 0.8rem;
  flex-shrink: 0;
}

.bc-notice-sub-row {
  color: #64748b;
  font-size: 0.73rem;
  padding-left: 17px;
}

.bc-notice-qna-link {
  color: #0284c7;
  text-decoration: underline;
  font-weight: 600;
}
.bc-notice-qna-link-pink {
  color: #e11d48;
  text-decoration: underline;
  font-weight: 600;
}

@media (max-width: 900px) {
  .bc-info-cards-container {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin: 1.5rem auto 1rem;
  }
}

@media (max-width: 768px) {
  .bc-info-card {
    padding: 1.15rem 0.85rem;
  }
  .bc-badge-tier-grid {
    gap: 0.35rem;
    padding: 0.7rem 0.35rem;
  }
  .bc-tier-item .bc-mini-badge {
    padding: 2.5px 4px;
    font-size: 0.67rem;
    letter-spacing: -0.35px;
  }
  .bc-tier-name {
    font-size: 0.68rem;
  }
}

@media (max-width: 480px) {
  .bc-badge-tier-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.25rem;
    padding: 0.65rem 0.25rem;
  }
  .bc-tier-item .bc-mini-badge {
    padding: 2px 3px;
    font-size: 0.65rem;
    letter-spacing: -0.4px;
  }
  .bc-tier-name {
    font-size: 0.66rem;
    letter-spacing: -0.3px;
  }
}

@media (max-width: 340px) {
  .bc-badge-tier-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}

/* ==============================================================================
   🌟 체류시간 극대화 & 인게이지먼트 신규 스타일 (LIVE 칩 / 타임라인 / 큐레이션 뱃지)
   ============================================================================== */

/* 1. 🔴 LIVE 실시간 급상승 키워드 칩 바 */
.bc-live-chips-wrap {
  max-width: 1200px;
  margin: 0.85rem auto 0.5rem auto;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  padding: 0.4rem 0.2rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bc-live-chips-wrap::-webkit-scrollbar {
  display: none;
}
.bc-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  font-weight: 800;
  color: #e03131;
  background: #ffe3e3;
  padding: 5px 11px;
  border-radius: 20px;
  flex-shrink: 0;
  letter-spacing: -0.2px;
}
.bc-live-dot {
  width: 7px;
  height: 7px;
  background-color: #e03131;
  border-radius: 50%;
  display: inline-block;
  animation: bcPulseDot 1.4s infinite ease-in-out;
}
@keyframes bcPulseDot {
  0% { transform: scale(0.9); opacity: 0.6; box-shadow: 0 0 0 0 rgba(224, 49, 49, 0.7); }
  70% { transform: scale(1.1); opacity: 1; box-shadow: 0 0 0 6px rgba(224, 49, 49, 0); }
  100% { transform: scale(0.9); opacity: 0.6; box-shadow: 0 0 0 0 rgba(224, 49, 49, 0); }
}
.bc-live-chips-list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}
.bc-chip-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  font-size: 0.83rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.bc-chip-btn:hover {
  background: #f0fdf4;
  border-color: #20c997;
  color: #0ca678;
  transform: translateY(-1px);
}
.bc-chip-btn.active {
  background: #0ca678;
  border-color: #0ca678;
  color: #ffffff !important;
  font-weight: 700;
}

/* 2. ⏱️ 3단계 사건 타임라인 퀵뷰 바 */
.bc-timeline-bar {
  max-width: 1200px;
  margin: 0.4rem auto 1.25rem auto;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.bc-tl-step {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0.55rem 0.75rem;
  background: #f8fafc;
  border-radius: 8px;
  border-left: 3px solid #20c997;
  transition: all 0.2s ease;
}
.bc-tl-step:hover {
  background: #f1f5f9;
}
.bc-tl-header {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8rem;
  font-weight: 800;
  color: #0f172a;
}
.bc-tl-num {
  color: #0ca678;
}
.bc-tl-desc {
  font-size: 0.8rem;
  color: #475569;
  line-height: 1.4;
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 블로그 카드 큐레이션 뱃지 */
.bc-curation-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.73rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
  margin-bottom: 6px;
  width: fit-content;
}
.bc-tag-story {
  background: #f8f0fc;
  color: #ae3ec9;
  border: 1px solid #eebefa;
}
.bc-tag-behind {
  background: #fff5f5;
  color: #e03131;
  border: 1px solid #ffc9c9;
}
.bc-tag-fact {
  background: #ebfbee;
  color: #2b8a3e;
  border: 1px solid #b2f2bb;
}
.bc-tag-talk {
  background: #f3f0ff;
  color: #6741d9;
  border: 1px solid #d0bfff;
}
.bc-tag-review {
  background: #fff9db;
  color: #f08c00;
  border: 1px solid #ffec99;
}

@media (max-width: 768px) {
  /* 모바일 인피드 슬롯 */
  .bc-top-infeed-ad-wrap,
  .bc-mid-infeed-ad-wrap {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    box-sizing: border-box;
    margin: 0.5rem 0 !important;
    overflow: hidden !important;
  }
  .bc-top-infeed-ad-wrap .adsbygoogle,
  .bc-mid-infeed-ad-wrap .adsbygoogle {
    width: 100% !important;
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
  }

  .bc-infeed-banner-ad-wrap {
    display: none !important;
  }

  .bc-top-banner-ad-wrap,
  .bc-bottom-banner-ad-wrap {
    min-height: 0 !important;
    max-height: 200px !important;
    height: auto !important;
    margin: 0.5rem auto !important;
    padding: 0 !important;
  }
  .bc-top-banner-ad-wrap .adsbygoogle,
  .bc-bottom-banner-ad-wrap .adsbygoogle {
    min-height: 0 !important;
    max-height: 200px !important;
    height: auto !important;
  }

  /* 모바일 반응형 (768px 이하) */
  .bc-summary-split-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .bc-summary-main-col {
    order: 1;
    width: 100%;
    height: auto;
  }
  .bc-summary-split-wrap .bc-summary-card {
    height: auto;
    min-height: auto;
    max-height: none;
    padding: 1.1rem 0.85rem !important;
    border-radius: 12px;
  }
  .bc-summary-side-col {
    display: contents;
  }
  .bc-summary-side-col .bc-trend-chart-card {
    order: 2;
    min-height: 220px !important;
    padding: 1rem;
  }
  .bc-summary-side-col .bc-coupang-banner-card {
    order: 2;
    min-height: 220px !important;
    padding: 0.5rem;
    margin: 0;
  }
  .bc-summary-split-wrap .bc-trend-issues-section {
    order: 3;
  }
  .bc-trend-issues-section {
    width: 100%;
    margin-top: 0;
    padding: 1rem 0.85rem !important;
    border-radius: 12px;
  }
  .bc-ti-sub-text {
    display: none;
  }
  .bc-trend-issues-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
  .bc-trend-issue-card:nth-child(n+5) {
    display: none;
  }
  .bc-ti-thumb-wrap {
    aspect-ratio: 1 / 1;
    border-radius: 6px;
  }
  .bc-ti-badge {
    top: 5px;
    left: 5px;
    padding: 2px 6px;
    font-size: 0.72rem;
    border-radius: 5px;
  }
  .bc-ti-title {
    font-size: 0.85rem;
    line-height: 1.38;
    margin-top: 0.4rem;
  }
  .bc-summary-ad-box {
    display: none !important;
  }
  .bc-summary-side-col .bc-rdurl-banner-card {
    order: 4;
    min-height: auto !important;
    padding: 1rem !important;
  }
  .bc-summary-desc, .bc-summary-body {
    font-size: 0.94rem !important;
    line-height: 1.72 !important;
    letter-spacing: -0.01em;
    word-break: break-word;
  }
  .bc-rdurl-thumb-wrap {
    width: 60px;
    height: 60px;
  }
  .bc-rdurl-line {
    font-size: 0.82rem;
  }
  .bc-rdurl-title {
    font-size: 0.98rem;
  }
  .bc-rdurl-btn {
    padding: 9px 14px;
    font-size: 0.88rem;
  }

  .bc-timeline-bar {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.85rem;
  }
  .bc-tl-step {
    border-left-width: 4px;
  }

  /* 모바일 컨트롤 및 정렬 버튼 */
  .bc-heading-controls-desktop,
  .bc-sort-desktop {
    display: none !important;
  }
  .bc-mobile-controls-wrap {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin: 0 0 0.9rem 0;
    padding: 0 2px;
  }
  .bc-mobile-sort-container {
    display: none !important;
  }
  .bc-sort-mobile {
    display: inline-flex !important;
  }
  .bc-sort-mobile .bc-sort-btn {
    padding: 6px 11px;
    font-size: 0.82rem;
  }
  .bc-share-trigger-mobile {
    height: 33px;
    padding: 0 11px;
    font-size: 0.82rem;
    gap: 5px;
  }
}

/* 테마별 인기 태그 클라우드 */
.bc-tag-cloud-section {
  margin: 1.5rem 0;
}

.bc-tag-cloud-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 1.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.bc-tag-cloud-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 1rem;
}

.bc-cloud-title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bc-cloud-icon {
  font-size: 1.4rem;
  line-height: 1;
}

.bc-cloud-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #1e293b;
  letter-spacing: -0.4px;
  margin: 0;
}

.bc-cloud-subtitle {
  font-size: 0.8rem;
  color: #64748b;
  font-weight: 500;
  margin: 2px 0 0 0;
}

/* 5대 카테고리 탭 */
.bc-cloud-tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.bc-cloud-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 13px;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  font-family: inherit;
  outline: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.bc-cloud-tab:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: #cbd5e1;
  transform: translateY(-1px);
}

.bc-cloud-tab.active {
  background: linear-gradient(135deg, #0ca678, #20c997);
  color: #ffffff !important;
  border-color: #0ca678;
  box-shadow: 0 3px 10px rgba(12, 166, 120, 0.3);
  font-weight: 700;
}

.bc-tab-icon {
  font-size: 0.95rem;
  line-height: 1;
}

.bc-tab-label {
  line-height: 1;
}

/* 20개 태그 클라우드 칩 그리드 */
.bc-cloud-chip-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  padding: 4px 0;
  width: 100%;
}

/* 테마별 탭 패널 (즉시 전환 및 페이드인 애니메이션) */
.bc-cloud-panel {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  animation: bcFadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.bc-cloud-panel.active {
  display: flex;
}

@keyframes bcFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bc-cloud-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.88rem;
  font-weight: 600;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  text-decoration: none;
  transition: all 0.18s ease;
  line-height: 1.4;
}

.bc-chip-hash {
  color: #0ca678;
  font-weight: 800;
  font-size: 0.85rem;
  margin-right: 1px;
}

.bc-cloud-chip:hover {
  background: #ecfdf5;
  border-color: #6ee7b7;
  color: #065f46;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12);
}

.bc-cloud-chip.active {
  background: #0ca678;
  border-color: #0ca678;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(12, 166, 120, 0.35);
}

.bc-cloud-chip.active .bc-chip-hash {
  color: #a7f3d0;
}

.bc-cloud-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 2.2rem 1.5rem;
  width: 100%;
  color: #94a3b8;
  font-size: 0.88rem;
  font-weight: 500;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px dashed #cbd5e1;
}

.bc-empty-icon {
  font-size: 1.3rem;
}

@media (max-width: 768px) {
  .bc-tag-cloud-card {
    padding: 1.15rem;
    border-radius: 10px;
  }
  .bc-tag-cloud-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .bc-cloud-tabs {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
    flex-wrap: nowrap;
  }
  .bc-cloud-tab {
    flex-shrink: 0;
  }
  .bc-cloud-chip {
    padding: 6px 11px;
    font-size: 0.82rem;
  }
}

/* ==============================================================================
   📊 [엔터테인먼트 전용] 최근 14일 검색 트렌드 차트 카드 (블로그 그리드 2칸 할당)
   - 아이보리 계열 밝은 배경 (#fdfbf7) + 블로그 카드와 100% 동일한 테두리 및 그림자
   - 마우스 오버 시 실시간 말풍선 툴팁 상호작용
   ============================================================================== */
.bc-trend-chart-card {
  grid-column: span 2;
  background: #fdfbf7;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  padding: 1.25rem 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  min-height: 285px;
  position: relative;
  overflow: hidden;
  transition: all 0.25s ease;
}
.bc-trend-chart-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  border-color: #20c997;
}
.bc-chart-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0.35rem;
}
.bc-chart-badge-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bc-chart-badge {
  background: #e6fcf5;
  color: #0ca678;
  border: 1px solid #b2f2bb;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.bc-chart-growth {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 5px;
}
.bc-chart-growth.up {
  background: #ffe3e3;
  color: #e03131;
}
.bc-chart-growth.down {
  background: #e7f5ff;
  color: #1c7ed6;
}
.bc-chart-meta-stats {
  font-size: 0.84rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bc-chart-meta-stats strong {
  color: #1e293b;
  font-weight: 800;
}
.bc-chart-meta-stats .bc-stat-divider {
  color: #cbd5e1;
}
.bc-chart-svg-wrap {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
}
.bc-chart-svg-wrap .bc-svg-chart {
  width: 100%;
  height: 100%;
  max-height: 200px;
  display: block;
}

/* 실시간 말풍선 툴팁 및 호버 가이드라인 */
.bc-chart-point-group {
  cursor: pointer;
}
.bc-chart-point-group .bc-svg-tooltip {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.bc-chart-point-group:hover .bc-svg-tooltip {
  opacity: 1;
}
.bc-chart-point-group .bc-hover-line {
  opacity: 0;
  transition: opacity 0.15s ease;
}
.bc-chart-point-group:hover .bc-hover-line {
  opacity: 0.55;
}
.bc-chart-point-group:hover circle.bc-dot {
  r: 5.5;
  filter: drop-shadow(0 2px 5px rgba(12, 166, 120, 0.45));
}
@media (max-width: 768px) {
  .bc-trend-chart-card {
    grid-column: span 1;
    min-height: 250px;
    padding: 1rem;
  }
}

/* 큐레이션 카드 */
.bc-summary-ad-box.has-coupang,
.bc-summary-ad-box:has(#bc-coupang-desktop-slot) {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bc-coupang-infeed-slot {
  display: none;
}
@media (max-width: 768px) {
  .bc-coupang-infeed-slot {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    margin: 0.5rem 0 1rem 0;
  }
}
.bc-coupang-desktop-slot {
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .bc-coupang-desktop-slot {
    display: none !important;
  }
}

.bc-coupang-curation-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  color: #1e293b;
  box-sizing: border-box;
  width: 100%;
}

/* 사이드바 큐레이션 카드 */
.bc-coupang-curation-card.is-desktop {
  padding: 8px;
}
.bc-coupang-curation-card.is-desktop .bc-cc-layer {
  padding: 6px 8px;
  gap: 8px;
}
.bc-coupang-curation-card.is-desktop .bc-cc-img-wrap {
  height: 110px;
}
.bc-coupang-curation-card.is-desktop .bc-cc-prod-col {
  min-height: 110px;
  padding: 2px 2px;
}
.bc-coupang-curation-card.is-desktop .bc-cc-ftc-row {
  margin: 4px 0 5px 0;
  padding: 1px 2px;
}
.bc-coupang-curation-card.is-desktop .bc-cc-ftc-row span {
  font-size: 0.74rem;
}
.bc-coupang-curation-card.is-desktop .bc-cc-reason-text {
  font-size: 0.95rem;
  line-height: 1.4;
}
.bc-coupang-curation-card.is-desktop .bc-cc-hook-text {
  font-size: 0.92rem;
  line-height: 1.35;
}
.bc-coupang-curation-card.is-desktop .bc-cc-cta-btn {
  padding: 6px 0;
  font-size: 0.84rem;
}
.bc-cc-layer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px;
  align-items: stretch;
  background: #ffffff;
  box-sizing: border-box;
}
.bc-cc-img-wrap {
  position: relative;
  width: 100%;
  height: 130px;
  border-radius: 6px;
  overflow: hidden;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f1f5f9;
}
.bc-cc-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 1;
  transition: transform 0.25s ease;
}
.bc-cc-img-wrap.bc-cc-img-link {
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.bc-cc-img-wrap.bc-cc-img-link:hover {
  opacity: 0.94;
}
.bc-cc-img-wrap.bc-cc-img-link:hover .bc-cc-img {
  transform: scale(1.03);
}
.bc-cc-tag-badge {
  position: absolute;
  z-index: 2;
  top: 6px;
  left: 6px;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(4px);
  color: #38bdf8;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px solid rgba(56, 189, 248, 0.3);
  pointer-events: none;
  letter-spacing: -0.2px;
  max-width: calc(100% - 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bc-cc-reason-col {
  padding: 4px 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.bc-cc-reason-text {
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.45;
  word-break: keep-all;
  letter-spacing: -0.4px;
}
.bc-cc-ftc-row {
  margin: 6px 0 8px 0;
  padding: 2px 4px;
}
.bc-cc-ftc-row span {
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
  letter-spacing: -0.3px;
  line-height: 1.35;
  display: block;
}
.bc-cc-prod-col {
  padding: 4px 4px 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 130px;
  box-sizing: border-box;
}
.bc-cc-ad-badge-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2px;
}
.bc-cc-ad-badge {
  font-size: 0.62rem;
  font-weight: 600;
  color: #94a3b8;
  border: 1px solid #e2e8f0;
  padding: 1px 4px;
  border-radius: 3px;
  line-height: 1;
  background: #f8fafc;
  letter-spacing: 0.3px;
}
.bc-cc-spacer {
  flex-grow: 1;
  min-height: 4px;
}
.bc-cc-btm-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.bc-cc-hook-text {
  font-size: 1.02rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.4;
  word-break: keep-all;
  letter-spacing: -0.3px;
}
.bc-cc-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  flex-wrap: wrap;
}
.bc-cc-rocket-badge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 3px;
  line-height: 1.2;
}
.bc-cc-rocket-badge.rocket {
  color: #0074e9;
  background: rgba(0, 116, 233, 0.08);
  border: 1px solid rgba(0, 116, 233, 0.3);
}
.bc-cc-rocket-badge.fresh {
  color: #059669;
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.bc-cc-price {
  font-size: 0.78rem;
  font-weight: 800;
  color: #0284c7;
  margin-left: auto;
}
.bc-cc-cta-btn {
  display: block;
  background: #e07a6f;
  color: #ffffff !important;
  text-align: center;
  padding: 8px 0;
  border-radius: 6px;
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(224, 122, 111, 0.4);
  line-height: 1.2;
  transition: background 0.2s ease, transform 0.1s ease;
}
.bc-cc-cta-btn:hover {
  background: #d4655a;
  transform: translateY(-1px);
}

/* ========================================================
   📱 모바일 전용 아티클 샌드위치 인터리빙 뷰
   (구글 상단광고 -> 문단1 -> 1위 블로그 -> 문단2 -> 2위 블로그 -> 문단3 -> 스마트 연관링크 -> 구글 중간광고 -> 3위 이하 블로그)
   ======================================================== */
.bc-mobile-article-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin: 0.5rem 0 1.5rem 0;
  box-sizing: border-box;
}

.bc-mobile-article-container > * {
  order: 0 !important;
}

.bc-mobile-top-ad-wrap {
  margin: 0 0 4px 0;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.bc-article-para {
  background: #ffffff;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
}

.bc-article-para .bc-summary-p {
  font-size: 0.98rem;
  line-height: 1.75;
  color: #334155;
  letter-spacing: -0.015em;
  word-break: keep-all;
  margin: 0;
}

.bc-mobile-blog-slot {
  width: 100%;
}

/* ========================================================
   ⏱️ 3단계 사건 타임라인 / 소구포인트 탭 바
   ======================================================== */
.bc-timeline-tabs-wrap {
  max-width: 1200px;
  margin: 0.4rem auto 1.15rem auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bc-tl-tabs-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.bc-tl-tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #475569;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.bc-tl-tab-btn:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.bc-tl-tab-btn.active {
  background: #ffffff;
  border-color: #20c997;
  border-bottom: 3px solid #20c997;
  color: #0f172a;
  box-shadow: 0 2px 8px rgba(32, 201, 151, 0.15);
}

.bc-tl-tab-icon {
  font-size: 0.95rem;
}

.bc-tl-num {
  color: #0ca678;
  font-weight: 800;
}

.bc-tl-tab-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-tl-tabs-content {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #20c997;
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

.bc-tl-pane {
  display: none !important;
}

.bc-tl-pane.active {
  display: block !important;
  animation: bcFadeIn 0.2s ease-in-out;
}

@keyframes bcFadeIn {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

.bc-tl-pane .bc-tl-desc {
  font-size: 0.92rem;
  line-height: 1.65;
  color: #334155;
  margin: 0;
  word-break: keep-all;
}

@media (max-width: 480px) {
  .bc-tl-tab-btn {
    padding: 8px 6px;
    font-size: 0.8rem;
    gap: 4px;
  }
  .bc-tl-tab-icon {
    font-size: 0.85rem;
  }
}

/* ========================================================
   🔗 PC 버전 AI 요약글 내부 '주목받는 아티클' (연관 링크)
   ======================================================== */
.bc-summary-related-box {
  margin-top: 20px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3.5px solid #20c997;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.bc-summary-related-title {
  font-size: 0.93rem;
  font-weight: 700;
  color: #0ca678;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 6px;
}

.bc-summary-related-title i {
  font-size: 0.85rem;
  color: #20c997;
}

.bc-summary-related-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.bc-summary-related-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #1e293b !important;
  text-decoration: none;
  line-height: 1.45;
  word-break: keep-all;
  padding: 2px 0;
  transition: all 0.15s ease;
}

.bc-summary-related-item .bc-link-arrow {
  font-size: 0.8rem;
  color: #20c997;
  flex-shrink: 0;
  transition: transform 0.15s ease;
}

.bc-summary-related-item:hover {
  color: #0ca678 !important;
}

.bc-summary-related-item:hover .bc-link-title {
  color: #0ca678 !important;
  text-decoration: underline;
}

.bc-summary-related-item:hover .bc-link-arrow {
  transform: translateX(2px);
  color: #0ca678;
}

.bc-summary-related-item .bc-link-title {
  color: #1e293b !important;
  transition: color 0.15s ease;
}

/* ========================================================
   🔗 모바일 전용 '주목받는 아티클' 스타일
   ======================================================== */
.bc-smart-related-box {
  margin: 6px 0 10px 0;
  padding: 12px 15px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 3.5px solid #20c997;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.bc-smart-related-title {
  font-size: 0.93rem;
  font-weight: 700;
  color: #0ca678;
  margin-bottom: 2px;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 6px;
}

.bc-smart-related-title i {
  font-size: 0.85rem;
  color: #20c997;
}

.bc-smart-related-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bc-smart-link-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #1e293b !important;
  text-decoration: none;
  line-height: 1.45;
  padding: 2px 0;
  transition: all 0.15s ease;
  width: 100%;
  min-width: 0;
}

.bc-smart-link-item .bc-link-arrow {
  font-size: 0.8rem;
  color: #20c997;
  flex-shrink: 0;
  transition: transform 0.15s ease;
}

.bc-smart-link-item:hover,
.bc-smart-link-item:active {
  color: #0ca678 !important;
}

.bc-smart-link-item .bc-link-title {
  color: #1e293b !important;
  transition: color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.bc-smart-link-item:hover .bc-link-title,
.bc-smart-link-item:active .bc-link-title {
  text-decoration: underline;
  color: #0ca678 !important;
}

.bc-smart-link-item:hover .bc-link-arrow,
.bc-smart-link-item:active .bc-link-arrow {
  transform: translateX(2px);
  color: #0ca678;
}

.bc-blog-grid-mobile-rest {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 6px;
  width: 100%;
}

.bc-mobile-article-container .bc-coupang-banner-card {
  width: 100% !important;
  min-height: auto !important;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px 12px;
  margin: 6px 0 !important;
}

.bc-mobile-article-container .bc-coupang-banner-card iframe {
  width: 338px !important;
  height: 220px !important;
  max-width: 100% !important;
  border: none !important;
  margin: 0 auto !important;
  display: block !important;
}

.bc-mobile-article-container .bc-coupang-ftc-header {
  margin-bottom: 8px;
}

.bc-mobile-article-container .bc-coupang-ftc-text {
  font-size: 0.72rem;
}

.bc-mobile-article-container .bc-trend-issues-section {
  order: 0 !important;
  margin: 6px 0 !important;
}

/* ==============================================================================
   🌟 블로그차트 공식 6대 SNS 공유 모달 스타일
   ============================================================================== */
.bc-share-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  animation: bcShareFadeIn 0.2s ease-out;
}

@keyframes bcShareFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.bc-share-modal-box {
  width: 100%;
  max-width: 380px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);
  padding: 24px;
  box-sizing: border-box;
  position: relative;
  animation: bcShareSlideUp 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes bcShareSlideUp {
  from { opacity: 0; transform: translateY(16px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.bc-share-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

.bc-share-heading {
  font-size: 1.25rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  line-height: 1.2;
}

.bc-share-close-btn {
  background: transparent;
  border: none;
  font-size: 1.35rem;
  color: #94a3b8;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}

.bc-share-close-btn:hover {
  color: #0f172a;
  background: #f1f5f9;
}

/* 6대 SNS 그리드 (3열 2행) */
.bc-share-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 12px;
  margin-bottom: 24px;
}

.bc-share-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 12px;
  transition: transform 0.18s ease;
}

.bc-share-item:hover {
  transform: translateY(-2px);
}

.bc-share-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 8px;
  overflow: hidden;
  background: transparent;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.bc-share-item:hover .bc-share-icon-wrap {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.14);
}

.bc-share-icon-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  pointer-events: none;
}

.bc-share-label {
  font-size: 0.80rem;
  font-weight: 600;
  color: #334155;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.2px;
}

/* 하단 URL 복사 박스 */
.bc-share-copy-wrap {
  display: flex;
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.bc-share-url-input {
  flex: 1;
  border: none;
  background: transparent;
  padding: 10px 14px;
  font-size: 0.84rem;
  color: #334155;
  outline: none;
  font-family: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-share-copy-btn {
  background: #ffffff;
  border: none;
  border-left: 1px solid #e2e8f0;
  padding: 10px 18px;
  font-size: 0.86rem;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.bc-share-copy-btn:hover {
  background: #0ca678;
  color: #ffffff;
}

.bc-share-copy-btn.copied {
  background: #0ca678 !important;
  color: #ffffff !important;
}

/* 복사 토스트 */
.bc-share-toast {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(15, 23, 42, 0.92);
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 600;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  animation: bcToastPop 0.2s ease-out;
  white-space: nowrap;
}

@keyframes bcToastPop {
  from { opacity: 0; transform: translate(-50%, 6px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}