#homefeedKeywordsHub[hidden]{display:none!important}#homefeedKeywordsHub{padding:22px 0;min-width:0;color:#172d40}#homefeedKeywordsHub *{box-sizing:border-box}#homefeedKeywordsHub h2{font-size:28px}#homefeedKeywordsHub h3{font-size:23px;margin:28px 0 14px}.hf-status{font-weight:700}.hf-notice,.hf-evidence,.hf-footnote{font-size:14px;line-height:1.7;color:#526377}.hf-chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:10px 0 16px}.hf-button,.hf-chip{font:inherit;cursor:pointer;min-height:44px;padding:9px 14px;border:1px solid #b7c8d4;border-radius:10px;background:white;color:#183c53}.hf-chip{flex-shrink:0;white-space:nowrap}.hf-chip[aria-pressed=true]{background:#175e4d;color:white}.hf-empty-chip{background:#f1f3f5;color:#717b83}.hf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hf-card,.hf-locked{padding:20px;border:1px solid #d2dce4;border-radius:14px;background:#fff;min-width:0;overflow-wrap:anywhere}.hf-card h4{font-size:24px;line-height:1.5;margin:15px 0 8px}.hf-badge{font-size:14px;font-weight:700;border-radius:20px;padding:6px 10px;display:inline-block}.hf-open{background:#d9f7e7;color:#125837}.hf-narrow{background:#fff0d5;color:#8f4500}.hf-closed{background:#e9edf0;color:#4b5762}.hf-metrics{font-size:15px;font-weight:700}.hf-title{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;padding:10px 0;border-top:1px solid #e7edf1}.hf-title>div{min-width:0;line-height:1.6}.hf-title button{flex-shrink:0}.hf-thumb{display:block;width:fit-content;margin-top:5px;padding:3px 7px;background:#eef4fa;border-radius:5px;font-size:13px}.hf-card h5{font-size:16px;margin:20px 0 6px}.hf-card details{margin:15px 0;line-height:1.8}.hf-card summary{cursor:pointer;min-height:40px}.hf-card>a{display:inline-block;margin-top:12px;padding:10px 20px;background:#175e4d;color:white;border-radius:9px;text-decoration:none}.hf-footnote{display:block;margin-top:12px}.hf-locked{background:#f3f6f8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hf-criteria{margin-top:25px;padding:15px;background:#f2f5f7;border-radius:10px;font-size:14px;line-height:1.7}.hf-criteria:empty{display:none}@media(max-width:700px){.hf-grid{grid-template-columns:1fr}#homefeedKeywordsHub h2{font-size:24px}.hf-card{padding:16px}.hf-card h4{font-size:22px}.hf-status{font-size:14px;line-height:1.8}.hf-title{flex-wrap:wrap}.hf-title>div{flex:1 1 180px}}

@media(min-width:1100px){.hf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

#homefeedRadar{min-width:0;margin:24px 0 42px;padding-bottom:28px;border-bottom:1px solid #d2dce4}#homefeedRadar>.hf-notice{font-size:16px;font-weight:700;color:#172d40;line-height:1.8}.hfr-root h3{margin:26px 0 14px}.hfr-details{margin:18px 0;border:1px solid #d2dce4;border-radius:12px;padding:14px 18px;background:#fff}.hfr-details>summary{font-weight:700;cursor:pointer;min-height:32px;line-height:1.8}.hfr-flow-row{padding:16px 0;border-bottom:1px solid #e7edf1}.hfr-flow-row:last-child{border:0}.hfr-flow-line{display:grid;grid-template-columns:120px minmax(40px,1fr) 175px;align-items:center;gap:16px;font-size:15px}.hfr-flow-line>span{text-align:right}.hfr-track{height:10px;border-radius:8px;background:#eef3f5;overflow:hidden}.hfr-bar{display:block;height:100%;background:#175e4d;border-radius:8px}.hfr-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0;margin:10px 0}.hfr-chips .hf-chip{white-space:normal;overflow-wrap:anywhere;flex-shrink:1;font-size:14px;min-height:36px;padding:6px 11px}.hfr-tag{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:7px;background:#eef4f7;color:#526377;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.hfr-muted{background:#eef3f5;color:#526377}.hfr-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hfr-stat{padding:18px 12px;background:#fff;border:1px solid #d2dce4;border-radius:12px;display:flex;flex-direction:column;gap:9px;text-align:center;font-size:14px}.hfr-stat strong{font-size:27px;color:#175e4d}.hfr-stat small{font-size:13px;color:#526377}.hfr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.hfr-listing{scroll-margin-top:24px}.hfr-card{width:100%;overflow:hidden}.hfr-card h4{margin-top:16px}.hfr-niche{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0;line-height:1.7}.hfr-references{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:4px 1px 14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.hfr-reference{flex:0 0 190px;min-width:0;overflow:hidden;border:1px solid #d2dce4;border-radius:10px;background:#fafcfd;scroll-snap-align:start}.hfr-image{position:relative;aspect-ratio:16/10;background:#e5e9ec;color:#7a8791;display:flex;align-items:center;justify-content:center;font-size:13px;overflow:hidden}.hfr-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e5e9ec}.hfr-byline{font-size:12px;color:#526377;margin:10px 12px 6px;overflow-wrap:anywhere}.hfr-ref-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;font-size:14px;min-height:3.2em;margin:6px 12px}.hfr-ref-link{display:inline-block;margin:8px 12px 12px;color:#175e4d;font-size:14px;font-weight:700}.hfr-idea{flex-wrap:wrap}.hfr-idea>div{flex:1 1 180px}.hfr-why{display:block;color:#687787;font-size:12px;text-align:right;margin-top:5px}.hfr-guide{line-height:1.8}.hfr-label{font-size:14px;font-weight:700;margin-bottom:6px}.hfr-more{margin:24px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.hfr-lock{align-self:stretch;gap:10px}.hfr-selected{background:#175e4d!important;color:#fff!important}.hfr-existing-title{padding-top:6px}.hfr-root button:focus-visible,.hfr-root a:focus-visible,.hfr-root summary:focus-visible,.hfr-references:focus-visible{outline:3px solid #175e4d;outline-offset:3px}.hfr-idea textarea{width:100%;min-height:90px;font:inherit}
.hfr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hfr-card.hf-card{padding:16px}.hfr-card.hf-card h4{font-size:21px}.hfr-card .hfr-tag,.hfr-card .hf-badge{font-size:12px}.hfr-reference{flex-basis:160px}.hfr-card .hfr-details{padding:10px 12px}.hfr-guide ol,.hfr-guide ul{padding-left:22px}.hfr-guide li{margin:9px 0;overflow-wrap:anywhere}.hfr-guide a{color:#175e4d}.hfr-guide{font-size:14px}
@media(max-width:1099px){.hfr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hfr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.hfr-grid{grid-template-columns:1fr}}@media(max-width:600px){.hfr-flow-line{grid-template-columns:1fr auto;gap:10px}.hfr-track{grid-column:1/-1;grid-row:2}.hfr-flow-line>span{font-size:13px}.hfr-details{padding:12px}.hfr-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hfr-stat{padding:14px 8px}.hfr-stat strong{font-size:24px}.hfr-reference{flex-basis:160px}.hfr-chips .hf-chip{font-size:13px}.hfr-card .hf-badge{font-size:12px}.hfr-card .hfr-tag{font-size:12px}#homefeedRadar>.hf-notice{font-size:14px}.hfr-niche{font-size:14px}.hfr-card.hf-card{padding:14px}}


/* 2단 탭 바 및 커스텀 스타일 */
.kc-pill-tabs-bar {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}
.kc-pill-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}
.kc-pill-row .kc-pill-btn {
  background: #ffffff !important;
  border-radius: 9999px !important;
  padding: 8px 14px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}
.kc-pill-1 { border: 1.5px solid #c084fc !important; color: #581c87 !important; }
.kc-pill-1.active, .kc-pill-row .kc-pill-1.active { background: #7e22ce !important; border-color: #7e22ce !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(126, 34, 206, 0.28) !important; }
.kc-pill-2 { border: 1.5px solid #34d399 !important; color: #065f46 !important; }
.kc-pill-2.active, .kc-pill-row .kc-pill-2.active { background: #047857 !important; border-color: #047857 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(4, 120, 87, 0.28) !important; }
.kc-pill-3 { border: 1.5px solid #fb923c !important; color: #9a3412 !important; }
.kc-pill-3.active, .kc-pill-row .kc-pill-3.active { background: #b45309 !important; border-color: #b45309 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(180, 83, 9, 0.3) !important; }
.kc-pill-4 { border: 1.5px solid #38bdf8 !important; color: #0369a1 !important; }
.kc-pill-4.active, .kc-pill-row .kc-pill-4.active { background: #0369a1 !important; border-color: #0369a1 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(3, 105, 161, 0.28) !important; }
.kc-pill-5 { border: 1.5px solid #251e62 !important; color: #251e62 !important; }
.kc-pill-5.active, .kc-pill-row .kc-pill-5.active { background: #251e62 !important; border-color: #251e62 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(37, 30, 98, 0.3) !important; }
.kc-pill-6 { border: 1.5px solid #a78bfa !important; color: #4c1d95 !important; }
.kc-pill-6.active, .kc-pill-row .kc-pill-6.active { background: #5b21b6 !important; border-color: #5b21b6 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(91, 33, 182, 0.28) !important; }
.kc-pill-7 { border: 1.5px solid #f472b6 !important; color: #9d174d !important; }
.kc-pill-7.active, .kc-pill-row .kc-pill-7.active { background: #be185d !important; border-color: #be185d !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(190, 24, 93, 0.28) !important; }
.kc-pill-8 { border: 1.5px solid #60a5fa !important; color: #1e40af !important; }
.kc-pill-8.active, .kc-pill-row .kc-pill-8.active { background: #1d4ed8 !important; border-color: #1d4ed8 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(29, 78, 216, 0.28) !important; }
.kc-pill-9 { border: 1.5px solid #f59e0b !important; color: #92400e !important; }
.kc-pill-9.active, .kc-pill-row .kc-pill-9.active { background: #b45309 !important; border-color: #b45309 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(180, 83, 9, 0.28) !important; }
.kc-pill-10 { border: 1.5px solid #f87171 !important; color: #991b1b !important; }
.kc-pill-10.active, .kc-pill-row .kc-pill-10.active { background: #b91c1c !important; border-color: #b91c1c !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(185, 28, 28, 0.28) !important; }
.kc-pill-11 { border: 1.5px solid #c084fc !important; color: #6b21a8 !important; }
.kc-pill-11.active, .kc-pill-row .kc-pill-11.active { background: #6b21a8 !important; border-color: #6b21a8 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(107, 33, 168, 0.28) !important; }
.kc-pill-secret { border: 1.5px solid #818cf8 !important; color: #3730a3 !important; }
.kc-pill-secret.active, .kc-pill-row .kc-pill-secret.active { background: #3730a3 !important; border-color: #3730a3 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(55, 48, 163, 0.3) !important; }
.kc-pill-find { border: 1.5px solid #22d3ee !important; color: #155e75 !important; }
.kc-pill-excel { border: 1.5px solid #c084fc !important; color: #581c87 !important; }
.kc-pill-excel.active, .kc-pill-row .kc-pill-excel.active { background: #251e62 !important; border-color: #251e62 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(37, 30, 98, 0.3) !important; }
.kc-pill-btn:hover { transform: translateY(-1px); opacity: 0.9; }

/* 액션 버튼 (분석기에서 열기 / 프롬프트로 보내기) */
.sb-actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid #f1f5f9 !important;
}
.sb-btn {
  flex: 1 !important;
  padding: 8px 12px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  transition: all 0.15s ease !important;
}
.sb-btn-primary {
  background: #059669 !important;
  color: #ffffff !important;
  border: 1px solid #059669 !important;
}
.sb-btn-primary:hover {
  background: #047857 !important;
}
.sb-btn-ghost {
  background: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}
.sb-btn-ghost:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* 홈판 실시간 키워드 전용 컨테이너 */
#kc-homefeed-container {
  width: 100%;
}
.hfr-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
@media (max-width: 1099px) {
  .hfr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  .hfr-grid { grid-template-columns: 1fr !important; }
}

/* ==========================================================
   [키워드 분석기] 최신 sbLanding 히어로 UI & 네비게이션 스타일
   ========================================================== */
.sb-kw-topbar {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
}
.sb-nav-btn {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 13.5px;
  font-weight: 700;
  color: #1e293b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: all 0.15s ease;
}
.sb-nav-btn:hover {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a;
}
.preview-notice {
  margin-bottom: 20px;
  padding: 13px 18px;
  background: #f4f6f0;
  border-left: 3px solid #5d8768;
  color: #475569;
  font-size: 13.5px;
  line-height: 1.55;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.02);
}
.sb-landing {
  max-width: 820px;
  margin: 10px auto 28px;
  text-align: center;
  background: linear-gradient(180deg, #e0f2fe 0%, #f0fdf4 100%);
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 38px 24px 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.sb-land-title {
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 8px;
  color: #0f172a;
  letter-spacing: -0.02em;
}
.sb-land-sub {
  margin: 0 0 18px;
  color: #64748b;
  font-size: 14.5px;
}
.sb-engine {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: #e2e8f0;
  margin-bottom: 16px;
}
.sb-engine-btn {
  border: 0;
  background: transparent;
  padding: 7px 20px;
  border-radius: 999px;
  font-weight: 800;
  cursor: pointer;
  color: #475569;
  font-size: 14px;
  transition: all 0.15s ease;
}
.sb-engine-btn.on[data-engine="naver"],
.sb-engine-btn.on:not([data-engine="google"]) {
  background: #03c75a;
  color: #ffffff;
}
.sb-engine-btn.on[data-engine="google"] {
  background: #4285f4;
  color: #ffffff;
}
.sb-land-form {
  display: flex;
  gap: 8px;
  background: #ffffff;
  border: 2px solid #10b981;
  border-radius: 14px;
  padding: 5px 6px;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.14);
  max-width: 600px;
  margin: 0 auto;
}
.sb-land-input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  font-size: 17px;
  font-weight: 600;
  padding: 10px 14px;
  background: transparent;
  color: #0f172a;
}
.sb-land-go {
  border: 0;
  border-radius: 10px;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 900;
  color: #ffffff;
  background: #059669;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease;
}
.sb-land-go:hover {
  background: #047857;
}
.sb-hist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}
.sb-hist-label {
  font-size: 13px;
  color: #64748b;
  font-weight: 700;
}
.sb-chip-sm {
  font-size: 12.5px !important;
  padding: 4px 12px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  color: #334155 !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.15s ease;
}
.sb-chip-sm:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}
.sb-hist-clear {
  border: 0;
  background: none;
  color: #94a3b8;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  margin-left: 2px;
}
.sb-hist-clear:hover {
  color: #64748b;
}
.sb-engine-note {
  margin-top: 10px;
  font-size: 13px;
  color: #2563eb;
}

/* ==========================================================
   [비밀 키워드] 🔒 머니대외비 비밀 키워드 탭 전용 화면 스타일
   ========================================================== */
.kc-pill-secret {
  border: 1.5px solid #818cf8 !important;
  color: #3730a3 !important;
}
.kc-pill-secret.active {
  background: #251e62 !important;
  color: #ffffff !important;
  border-color: #251e62 !important;
  box-shadow: 0 4px 12px rgba(37, 30, 98, 0.3) !important;
}
.kc-secret-container {
  width: 100%;
  margin-top: 18px;
}
.kc-secret-week-info {
  font-size: 14.5px;
  font-weight: 700;
  color: #334155;
  margin-bottom: 22px;
}
.kc-secret-filter-header {
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 4px;
}
.kc-secret-filter-desc {
  font-size: 13.5px;
  color: #64748b;
  margin-bottom: 14px;
}
.kc-secret-chips {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.kc-secret-chip {
  border-radius: 999px;
  padding: 6px 18px;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  transition: all 0.15s ease;
}
.kc-secret-chip:hover {
  background: #f1f5f9;
}
.kc-secret-chip.active {
  background: #1e293b;
  color: #ffffff;
  border-color: #1e293b;
}

/* 원본 부티크인포 1:1 역공학 5열 키워드 그리드 */
.secret-keyword-grid,
.kc-secret-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
@media (max-width: 1099px) {
  .secret-keyword-grid,
  .kc-secret-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .secret-keyword-grid,
  .kc-secret-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

/* 원본 키워드 버튼/카드 */
.secret-keyword-button,
.kc-secret-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 108px;
  padding: 16px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #ffffff;
  color: #172d40;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  width: 100%;
  box-sizing: border-box;
}
.secret-keyword-button:hover,
.kc-secret-card:hover {
  background: #f0f5ff;
  border-color: #818cf8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.08);
}
@media (max-width: 600px) {
  .secret-keyword-button,
  .kc-secret-card {
    min-height: 98px;
    padding: 12px 8px;
    font-size: 15px;
    gap: 8px;
  }
}

.secret-keyword-name,
.kc-secret-title {
  display: block;
  font-size: 16.5px;
  font-weight: 800;
  color: #0f172a;
  word-break: keep-all;
  line-height: 1.4;
}
.secret-keyword-metrics,
.kc-secret-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 12px;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: #475569;
}
.secret-metric {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  color: #475569;
}
.secret-metric b,
.kc-secret-stats strong {
  color: #172d40;
  font-weight: 800;
}

/* 원본 페이징 네비게이션: [이전] 1 / 8 페이지 · 총 200개 [다음] */
.secret-grid-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0 28px;
  font-size: 15px;
  font-weight: 600;
  color: #334155;
}
.secret-grid-pages button,
.secret-grid-pages .kc-guide-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 18px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  cursor: pointer;
  transition: all 0.15s ease;
}
.secret-grid-pages button:hover:not(:disabled),
.secret-grid-pages .kc-guide-btn:hover:not(:disabled) {
  background: #f8fafc;
  border-color: #94a3b8;
}
.secret-grid-pages button:disabled,
.secret-grid-pages .kc-guide-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #94a3b8;
}
.secret-pages-label {
  user-select: none;
  font-size: 14.5px;
  color: #334155;
}

/* 원본 키워드 상세 팝업 다이얼로그 */
#secretKeywordDialog {
  width: min(720px, calc(100% - 36px));
  max-width: 720px;
  max-height: 90vh;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 18px;
  background: #ffffff;
  color: #172d40;
  box-shadow: 0 25px 80px rgba(15, 23, 42, 0.3);
  overflow: auto;
  overscroll-behavior: contain;
}
#secretKeywordDialog::backdrop {
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(2px);
}
.secret-dialog-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}
.secret-dialog-header h2 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
  color: #0f172a;
}
.secret-dialog-close {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13.5px;
  font-weight: 700;
  color: #475569;
  cursor: pointer;
  transition: all 0.15s ease;
}
.secret-dialog-close:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.secret-dialog-body {
  padding: 24px;
}
.secret-popup-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
  padding: 16px;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  background: #f8fafc;
}
.secret-popup-metrics .secret-metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #64748b;
}
.secret-popup-metrics .secret-metric b {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
}
.secret-popup-action {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.secret-popup-btn {
  flex: 1;
  padding: 12px;
  border-radius: 10px;
  font-size: 14.5px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
}
.secret-popup-btn.primary {
  background: #0284c7;
  color: #ffffff;
}
.secret-popup-btn.primary:hover {
  background: #0369a1;
}
.secret-popup-btn.secondary {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  color: #334155;
}
.secret-popup-btn.secondary:hover {
  background: #e2e8f0;
}

.kc-secret-footnote {
  font-size: 13px;
  color: #64748b;
  margin-bottom: 20px;
  line-height: 1.6;
}
.kc-secret-criteria-details {
  border-top: 1px solid #e2e8f0;
  padding-top: 18px;
  margin-top: 10px;
}
.kc-secret-criteria-summary {
  font-size: 14.5px;
  font-weight: 800;
  color: #0f172a;
  cursor: pointer;
  margin-bottom: 14px;
  user-select: none;
}
.kc-criteria-item {
  margin-bottom: 14px;
}
.kc-criteria-item strong {
  display: block;
  font-size: 13.5px;
  color: #0f172a;
  margin-bottom: 3px;
}
.kc-criteria-item p {
  margin: 0;
  font-size: 13px;
  color: #475569;
  line-height: 1.65;
}
.kc-criteria-footer {
  font-size: 12.5px;
  color: #94a3b8;
  margin-top: 16px;
}

/* ==========================================================
   [홈판 실시간] 가로 스크롤 좌우 화살표 & 이렇게 쓰세요 세부 스타일
   ========================================================== */
.hfr-scroll-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 6px 8px;
}
.hfr-scroll-btn {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 13px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.15s ease;
}
.hfr-scroll-btn:hover {
  background: #f1f5f9;
  color: #0f172a;
}
.hfr-guide-details {
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 14px 18px !important;
  margin-top: 12px !important;
}
.hfr-guide-details > summary {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  user-select: none !important;
}
.hfr-label {
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 16px 0 6px !important;
}
.hfr-guide-p {
  font-size: 13.5px !important;
  color: #334155 !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
}
.hfr-steps-ol {
  padding-left: 20px !important;
  margin: 0 0 16px !important;
}
.hfr-steps-ol li {
  font-size: 13.5px !important;
  color: #334155 !important;
  line-height: 1.75 !important;
  margin-bottom: 6px !important;
}
.hfr-refs-ul {
  padding-left: 20px !important;
  margin: 0 0 8px !important;
}
.hfr-refs-ul li {
  font-size: 13.5px !important;
  line-height: 1.75 !important;
  margin-bottom: 6px !important;
}
.hfr-refs-ul a {
  color: #0284c7 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.hfr-guide-caption {
  font-size: 12.5px !important;
  color: #64748b !important;
  margin: 4px 0 14px !important;
  line-height: 1.5 !important;
}
.hfr-guide-summary {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  margin: 14px 0 6px !important;
}
.hfr-guide-warning {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 0 0 10px !important;
  line-height: 1.5 !important;
}

/* ==========================================================
   [애드센스&황금키워드] 서브 카테고리 바 & 좌측 카드 / 우측 리포트 원본 정밀 스타일
   ========================================================== */
#kc-sub-filter-bar .kc-sub-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
#kc-sub-filter-bar .kc-sub-btn:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
}
#kc-sub-filter-bar .kc-sub-btn.active {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25) !important;
}

/* 좌측 키워드 카드 원본 스타일 */
.kc-orig-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px 16px !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  margin-bottom: 10px !important;
}
.kc-orig-card:hover {
  border-color: #93c5fd !important;
  background: #f8fafc !important;
}
.kc-orig-card.selected {
  background: #f5f7ff !important;
  border: 1.5px solid #6366f1 !important;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.12) !important;
}
.kc-orig-rank {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  background: #e0e7ff !important;
  color: #3730a3 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.kc-orig-body {
  flex: 1 !important;
  min-width: 0 !important;
}
.kc-orig-title {
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  margin-bottom: 5px !important;
  line-height: 1.35 !important;
}
.kc-orig-subline {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 0.76rem !important;
  margin-bottom: 7px !important;
}
.kc-orig-chips-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.kc-orig-chips-left {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  flex: 1 !important;
}
.kc-orig-chip {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 0.75rem !important;
  color: #475569 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.kc-orig-chip strong {
  color: #0f172a !important;
  font-weight: 800 !important;
}
.kc-orig-chip-cpc {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1e40af !important;
  font-weight: 800 !important;
}
.kc-orig-chip-cpc strong {
  color: #0f172a !important;
}
.kc-orig-right-cpc {
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  color: #7e22ce !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.kc-orig-intent {
  font-size: 0.75rem !important;
  color: #64748b !important;
  margin-top: 6px !important;
  font-weight: 600 !important;
}





/* ==========================================================
   [비밀 키워드 모달 팝업 & 원본 1:1 상세 리포트 전용 스타일]
   ========================================================== */
#secretKeywordDialog {
  width: min(980px, calc(100% - 28px));
  max-width: 980px;
  max-height: 92vh;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 18px;
  background: #ffffff;
  color: #172d40;
  box-shadow: 0 25px 80px rgba(15, 23, 42, 0.35);
  overflow-y: auto;
  overscroll-behavior: contain;
}
#secretKeywordDialog::backdrop {
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(2px);
}
.secret-dialog-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 24px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}
.secret-dialog-header h2 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
  color: #0f172a;
}
.secret-dialog-close {
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 7px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #334155;
  cursor: pointer;
  transition: all 0.15s ease;
}
.secret-dialog-close:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.secret-dialog-body {
  padding: 26px 28px;
  background: #ffffff;
}

/* 1. 상단 리포트 헤더 */
.kc-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e2e8f0;
}
.kc-report-badge {
  display: inline-flex;
  padding: 5px 12px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 13.5px;
  font-weight: 900;
}
.kc-report-title {
  margin: 12px 0 6px;
  color: #0f172a;
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.kc-report-time {
  color: #64748b;
  font-size: 14px;
  line-height: 1.6;
}
.kc-report-score {
  flex: 0 0 140px;
  padding: 16px 14px;
  border: 1px solid #fed7aa;
  border-radius: 16px;
  background: #fffbeb;
  text-align: center;
}
.kc-report-score small {
  display: block;
  color: #92400e;
  font-size: 13.5px;
  font-weight: 800;
}
.kc-report-score strong {
  display: inline-block;
  margin-top: 4px;
  color: #c2410c;
  font-size: 34px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
}
.kc-report-score em {
  color: #92400e;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}
.kc-report-score span {
  display: block;
  margin-top: 4px;
  color: #92400e;
  font-size: 12px;
}

/* 2. 비밀 키워드 3칸 지표 */
.secret-popup-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
  padding: 18px 20px;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
  background: #f8fafc;
}
.secret-popup-metrics .secret-metric {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #64748b;
}
.secret-popup-metrics .secret-metric b {
  font-size: 24px;
  font-weight: 800;
  color: #0f172a;
}

/* 3. 주의 안내문 */
.kc-report-notice {
  margin: 16px 0;
  padding: 14px 16px;
  border: 1px solid #fde68a;
  border-radius: 11px;
  background: #fffbeb;
  color: #92400e;
  font-size: 14px;
  line-height: 1.65;
}

/* 4. 점수 가이드 & 4개 팩터 카드 */
.kc-score-guide {
  margin: 18px 0 14px;
  padding: 16px 18px;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #ffffff;
}
.kc-score-guide b {
  font-size: 15.5px;
  color: #0f172a;
}
.kc-score-legend {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 10px;
  color: #475569;
  font-size: 13.5px;
}
.kc-score-legend span b {
  margin-right: 4px;
}
.kc-legend-t { color: #4f46e5; }
.kc-legend-c { color: #ea580c; }
.kc-legend-d { color: #059669; }
.kc-legend-n { color: #2563eb; }
.kc-score-guide p {
  margin: 8px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.65;
}

.kc-factor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 20px;
}
.kc-factor {
  padding: 14px;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #ffffff;
}
.kc-factor-label {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
.kc-factor strong {
  display: block;
  margin-top: 6px;
  color: #0f172a;
  font-size: 24px;
  letter-spacing: -0.04em;
  font-weight: 900;
}
.kc-factor strong small {
  font-size: 13px;
  color: #64748b;
  font-weight: 600;
}
.kc-factor-note {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
}
.kc-factor-bar {
  height: 4px;
  margin-top: 9px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}
.kc-factor-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
}
.kc-factor.t i { background: #4f46e5; }
.kc-factor.c i { background: #f97316; }
.kc-factor.d i { background: #059669; }
.kc-factor.n i { background: #2563eb; }

/* 5. 30일 트렌드 박스 */
.kc-trend-box {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #dbe3ef;
  border-radius: 15px;
  background: #ffffff;
}
.kc-trend-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.kc-trend-top b {
  display: block;
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
}
.kc-trend-top span {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 13.5px;
  line-height: 1.5;
}
.kc-trend-rise {
  color: #047857 !important;
  font-size: 14px !important;
  font-weight: 900;
  padding: 4px 10px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 6px;
  white-space: nowrap;
}

/* 6. 인사이트 4개 카드 그리드 */
.kc-insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.kc-insight {
  min-height: 110px;
  padding: 14px 16px;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #ffffff;
}
.kc-insight b {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: #0f172a;
}
.kc-insight p {
  margin: 8px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.65;
}
.kc-insight.fresh { border-color: #a7f3d0; background: #f0fdf4; }
.kc-insight.intent { border-color: #bfdbfe; background: #eff6ff; }
.kc-insight.reason { border-color: #ddd6fe; background: #f5f3ff; }
.kc-insight.ad {
  grid-column: 1 / -1;
  border-color: #fde68a;
  background: #fffbeb;
}

/* 7. 연관 검색어 & 제목/목차 복사 박스 */
.kc-related-box,
.kc-copy-box {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #ffffff;
}
.kc-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}
.kc-related-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
  color: #64748b;
  font-size: 13.5px;
}
.kc-copy-title {
  margin-top: 8px;
  padding: 13px 15px;
  border: 1px dashed #5eead4;
  border-radius: 10px;
  background: #f0fdfa;
  color: #172033;
  font-size: 15.5px;
  font-weight: 800;
  line-height: 1.5;
}
.kc-copy-btn {
  border: 0;
  border-radius: 8px;
  background: #4f46e5;
  color: #ffffff;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.15s ease;
}
.kc-copy-btn:hover { background: #4338ca; }
.kc-copy-btn.done { background: #047857; }

/* 8. 목차 리스트 */
.kc-outline-list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: kcoutline;
}
.kc-outline-list li {
  counter-increment: kcoutline;
  padding: 11px 0;
  border-bottom: 1px solid #eef2f7;
  color: #334155;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.55;
}
.kc-outline-list li:last-child {
  border-bottom: 0;
}
.kc-outline-list li:before {
  content: counter(kcoutline) '. ';
  color: #c2410c;
  font-weight: 900;
  margin-right: 4px;
}

/* 9. 링크 버튼 */
.btn-mini {
  flex: 1;
  background: #ffffff;
  border: 1px solid #dbe3ef;
  color: #172033;
  font-size: 13.5px;
  padding: 9px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-mini:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}
.btn-mini.naver {
  color: #16a34a;
  border-color: rgba(22, 163, 74, 0.4);
}
.btn-mini.naver:hover {
  background: rgba(22, 163, 74, 0.08);
}

@media (max-width: 768px) {
  .kc-factor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kc-insight-grid { grid-template-columns: 1fr; }
  .secret-dialog-body { padding: 18px 16px; }
  .kc-report-head { flex-direction: column; }
  .kc-report-score { width: 100%; box-sizing: border-box; }
}


/* ==========================================================
   [시즌 캘린더] 📅 월별 시즌성 키워드 원본 역공학 1:1 완벽 스타일
   ========================================================== */
.scal {
  min-width: 0;
  color: #0f172a;
}
.scal-head h2 {
  margin: 0 0 8px 0;
  font-size: 22px;
  font-weight: 900;
  color: #0f172a;
}
.scal-head p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.75;
  color: #475569;
}
.scal button {
  font-family: inherit;
  cursor: pointer;
}
.scal-months {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 10px;
}
.scal-months button {
  padding: 9px 18px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.15s ease;
}
.scal-months button:hover {
  background: #f8fafc;
}
.scal-months button[aria-pressed="true"],
.scal-months button.active {
  background: #1e293b;
  border-color: #1e293b;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.2);
}
.scal-meta {
  margin: 8px 0 14px;
  font-size: 14px;
  color: #64748b;
  font-weight: 600;
}
.scal-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 18px;
}
.scal-cats button {
  padding: 6px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
  color: #334155;
  font-size: 13.5px;
  font-weight: 600;
  transition: all 0.15s ease;
}
.scal-cats button:hover {
  background: #f1f5f9;
}
.scal-cats button[aria-pressed="true"],
.scal-cats button.active {
  border-color: #0284c7;
  color: #0284c7;
  font-weight: 800;
  background: #f0f9ff;
}
.scal-row {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #ffffff;
  padding: 20px 22px;
  margin: 0 0 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.scal-row:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}
.scal-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.scal-rank {
  font-weight: 900;
  color: #94a3b8;
  font-size: 18px;
  min-width: 24px;
}
.scal-top h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
  color: #0f172a;
}
.scal-badge {
  font-size: 12px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 999px;
  line-height: 1.4;
}
.scal-badge.t-peak {
  background: #fee2e2;
  color: #dc2626;
  border: 1px solid #fecaca;
}
.scal-badge.t-rise {
  background: #e0f2fe;
  color: #0284c7;
  border: 1px solid #bae6fd;
}
.scal-badge.t-hold {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
}
.scal-cat {
  font-size: 13px;
  color: #64748b;
  font-weight: 600;
}
.scal-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 16px;
}
.scal-stats div {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 14px;
  min-width: 0;
}
.scal-stats span {
  display: block;
  font-size: 12px;
  color: #64748b;
  margin-bottom: 2px;
}
.scal-stats b {
  display: block;
  font-size: 17.5px;
  font-weight: 900;
  color: #0f172a;
  overflow-wrap: anywhere;
}
.scal-stats small {
  display: block;
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}
.scal-year {
  margin: 14px 0 10px;
}
.scal-year-label {
  font-size: 12.5px;
  font-weight: 700;
  color: #64748b;
  margin: 0 0 6px;
}
.scal-heat {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 4px;
}
.scal-heat div {
  border-radius: 6px;
  text-align: center;
  padding: 6px 0 7px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
  transition: all 0.15s ease;
}
.scal-heat i {
  display: block;
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  opacity: 0.8;
  margin-bottom: 2px;
}
.scal-heat .on {
  outline: 2px solid #ea580c;
  outline-offset: 1px;
  font-weight: 900;
  background: #064e3b !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(6, 78, 59, 0.3);
}
.scal-h0 { background: #f8fafc; color: #94a3b8; }
.scal-h1 { background: #f1f5f9; color: #64748b; }
.scal-h2 { background: #e2e8f0; color: #334155; }
.scal-h3 { background: #cbd5e1; color: #1e293b; }
.scal-h4 { background: #94a3b8; color: #ffffff; }
.scal-h5 { background: #64748b; color: #ffffff; }
.scal-h6 { background: #334155; color: #ffffff; }
.scal-h7 { background: #0f172a; color: #ffffff; }

.scal-more {
  margin-top: 14px;
  border-top: 1px dashed #e2e8f0;
  padding-top: 12px;
}
.scal-more summary {
  cursor: pointer;
  font-weight: 800;
  font-size: 14.5px;
  color: #0284c7;
  padding: 4px 0;
  user-select: none;
}
.scal-reason {
  line-height: 1.75;
  margin: 10px 0 14px;
  font-size: 13.5px;
  color: #334155;
  background: #f8fafc;
  padding: 12px 16px;
  border-radius: 10px;
  border-left: 3px solid #0284c7;
}
.scal-rel {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 16px;
}
.scal-rel button {
  border: 1px solid #cbd5e1;
  background: #ffffff;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13.5px;
  font-weight: 700;
  color: #1e293b;
  text-align: left;
  transition: all 0.15s ease;
}
.scal-rel button:hover {
  background: #f1f5f9;
  border-color: #0284c7;
  color: #0284c7;
}
.scal-rel small {
  color: #64748b;
  margin-left: 6px;
  font-weight: 500;
}
.scal-act {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.scal-act button {
  min-height: 40px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid #0284c7;
  background: #0284c7;
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 800;
  transition: all 0.15s ease;
}
.scal-act button:hover {
  background: #0369a1;
}
.scal-act button+button {
  background: #ffffff;
  color: #334155;
  border-color: #cbd5e1;
}
.scal-act button+button:hover {
  background: #f8fafc;
  border-color: #94a3b8;
}
.scal-foot {
  font-size: 13px;
  color: #64748b;
  line-height: 1.7;
  margin-top: 18px;
}
@media (max-width: 600px) {
  .scal-row { padding: 14px 12px; }
  .scal-top h4 { font-size: 17px; }
  .scal-stats { grid-template-columns: 1fr 1fr; }
  .scal-stats div:last-child { grid-column: 1 / -1; }
  .scal-heat { gap: 2px; }
  .scal-heat div { font-size: 10px; padding: 4px 0; }
  .scal-heat i { font-size: 9px; }
}


/* ==========================================================================
   곧 뜰 숏텐츠 후보 (Predictions) 전용 1:1 역공학 스타일
   ========================================================================== */
.shortents-hit-rate {
  font-size: 13px;
  color: #475569;
  padding: 10px 0 14px;
  font-weight: 600;
  border-bottom: 1px solid #f1f5f9;
}
.shortents-prediction-row {
  border-bottom: 1px solid #e2e8f0;
  padding: 14px 0;
}
.shortents-prediction-row .short-row-item {
  align-items: flex-start;
  border-bottom: none;
  padding: 0;
}
.shortents-prediction {
  flex: 1;
  min-width: 0;
}
.shortents-prediction summary {
  cursor: pointer;
  list-style: none;
  outline: none;
}
.shortents-prediction summary::-webkit-details-marker {
  display: none;
}
.shortents-prediction summary:after {
  content: "기사 보기 ▾";
  display: inline-block;
  font-size: 12px;
  color: #64748b;
  margin-top: 6px;
  font-weight: 600;
}
.shortents-prediction[open] summary:after {
  content: "기사 접기 ▴";
}
.shortents-prediction-badges {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 5px;
}
.shortents-prediction-badges span {
  padding: 2px 7px;
  font-size: 11px;
  border-radius: 4px;
  color: #92400e;
  background: #fef08a;
  font-weight: 700;
}
.shortents-samples {
  padding-left: 18px;
  margin: 12px 0 6px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px 14px 12px 28px;
}
.shortents-samples li {
  margin: 8px 0;
  overflow-wrap: anywhere;
  color: #334155;
}
.shortents-samples a {
  color: #0284c7;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.shortents-samples a:hover {
  text-decoration: underline;
}
.shortents-samples small {
  display: block;
  color: #64748b;
  margin-top: 3px;
  font-size: 11.5px;
}
.shortents-titles {
  margin: 12px 0;
  padding: 12px 14px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
}
.shortents-titles-label {
  font-size: 12px;
  font-weight: 800;
  color: #166534;
  margin: 0 0 8px 0;
}
.shortents-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
  background: #ffffff;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #dcfce7;
}
.shortents-title-style {
  font-size: 11px;
  color: #059669;
  font-weight: 800;
  white-space: nowrap;
}
.shortents-title-text {
  font-size: 13px;
  color: #0f172a;
  font-weight: 700;
  flex: 1;
}
.shortents-title-copy-btn {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #1e293b;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.shortents-title-copy-btn:hover {
  background: #f1f5f9;
}


/* 홈판 카테고리별 이슈 작은 박스 3종 스타일 (원본 1:1 완벽 구현) */
.hfr-flow-subjects {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  padding-left: 8px;
}
.hfr-flow-chip {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 500;
  color: #334155;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.hfr-flow-chip:hover {
  background: #f8fafc;
  border-color: #059669;
  color: #059669;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.15);
  transform: translateY(-1px);
}
.hfr-flow-chip:active {
  transform: translateY(0);
}
@keyframes hfrCardPulse {
  0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.7); border-color: #059669; }
  50% { box-shadow: 0 0 20px 4px rgba(5, 150, 105, 0.35); border-color: #059669; }
  100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); }
}
.hfr-card-highlight {
  animation: hfrCardPulse 2.2s ease-in-out !important;
  border-color: #059669 !important;
}
@media (max-width: 600px) {
  .hfr-flow-subjects {
    padding-left: 0;
    gap: 6px;
    margin-top: 8px;
  }
  .hfr-flow-chip {
    font-size: 12px;
    padding: 3px 8px;
  }
}