:root {
  --primary: #0F204B;
  --secondary: #ffcc00;
  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
  --info: #0c5460;
  --ufs-blue: #0F204B;
  --ufs-yellow: #ffcc00;
  --ufs-red: #A71930;
  --ufs-footer-grey: #8B8D8E;
  --suggestion-bg: #fffbe6;
  --suggestion-border: #ffd24d;
  --card-shadow: 0 5px 15px rgba(0,0,0,.08);
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
body { background: #f5f7f9; color: var(--primary); line-height: 1.6; font-size: 18px; display: flex; flex-direction: column; min-height: 100vh; }
.page-container { display: flex; flex-direction: column; min-height: 100vh; }
.header { background: linear-gradient(135deg, var(--ufs-blue) 0%, #002244 100%); color: #fff; padding: 1.1rem 2rem; display: flex; justify-content: center; }
.header-content { display: flex; align-items: center; max-width: 1600px; width: 100%; gap: 18px; position: relative; }
.ufs-logo { height: 48px; }
.header-title { font-size: 1.7rem; font-weight: 700; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; pointer-events: none; }
.container { width: min(1850px, calc(100% - 32px)); margin: 1rem auto 1.5rem auto; padding: 0 8px; flex: 1; }
.card { background: #fff; border-radius: 10px; padding: 1.35rem 1.5rem; box-shadow: var(--card-shadow); border-top: 4px solid var(--ufs-blue); margin-bottom: 0.85rem; transition: all 0.2s ease-in-out; }
.card:hover { transform: translateY(-1px); box-shadow: 0 7px 18px rgba(0,0,0,.11); }
.card h2 { color: var(--ufs-blue); margin-bottom: 0.9rem; padding-bottom: 0.45rem; border-bottom: 2px solid var(--ufs-yellow); font-size: 1.35rem; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.card p { font-size: 16px; }
.disclaimer-card p { font-size: 17px; text-align: center; }
.action-btn, .search-box button { background: var(--ufs-blue); color: #fff; border: none; padding: 10px 14px; border-radius: 6px; cursor: pointer; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; transition: background 0.2s ease-in-out; font-size: 14px; }
.action-btn:hover, .search-box button:hover { background: #002244; }
.search-box { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 0.35rem; flex-wrap: wrap; }
.search-box input { flex: 1 1 360px; padding: 12px 14px; border: 2px solid #ddd; border-radius: 6px; font-size: 1rem; outline: none; }
.search-box input:focus { border-color: var(--ufs-blue); }
.search-help { font-size: 15px; color: #3f5f8c; margin-top: 4px; }
.action-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.mode-wrap { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.mode-pill { position: relative; display: inline-flex; align-items: center; cursor: pointer; }
.mode-pill input { position: absolute; opacity: 0; pointer-events: none; }
.mode-pill span { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 2px solid #d6e1ef; background: #f8fbff; color: #0f204b; font-weight: 700; }
.mode-pill input:checked + span { background: #0F204B; border-color: #0F204B; color: #fff; }
.year-wrap, .compare-years-wrap { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.compare-years-wrap { flex-wrap: wrap; }
.year-wrap label { font-weight: 700; color: #0F204B; font-size: 15px; }
.year-wrap select { padding: 0.55rem 0.6rem; border: 1px solid #ccc; border-radius: 6px; font-size: 0.95rem; background: #fff; }
.results-topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 0.4rem; }
.results-topbar-left { flex: 1 1 260px; }
.results-topbar-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.results-main-title { margin: 0; color: var(--ufs-blue); font-size: 1.25rem; font-weight: 800; padding-bottom: 0.35rem; border-bottom: 2px solid var(--ufs-yellow); }
.checked-inline { font-size: 0.92rem; color: #23395b; }
.status-large { width: 100%; padding: 14px 18px; border-radius: 8px; font-weight: 600; margin: 10px 0 12px 0; box-shadow: 0 4px 8px rgba(0,0,0,.06); text-align: center; }
.status-large h3 { margin: 0 0 4px 0; font-size: 1.3rem; line-height: 1.35; }
.status-large p { margin: 0; font-size: 16px; line-height: 1.55; }
.status-verified { background: #d4edda; color: #155724; border-left: 5px solid #28a745; }
.status-warning { background: #fff3cd; color: #664d03; border-left: 5px solid #ffecb5; }
.status-info { background: #d1ecf1; color: #0c5460; border-left: 5px solid #17a2b8; }
.status-danger { background: #f8d7da; color: #721c24; border-left: 5px solid #dc3545; }
.summary-grid { display: grid; grid-template-columns: minmax(360px, 1fr) minmax(420px, 1.15fr); gap: 14px; align-items: start; }
.report-table, .transformative-table, .accreditation-table { width: 100%; border-collapse: collapse; margin: 0.65rem 0 0.3rem 0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.report-table th, .report-table td, .transformative-table th, .transformative-table td, .accreditation-table th, .accreditation-table td { padding: 12px 14px; border-bottom: 1px solid #e9ecef; text-align: left; vertical-align: top; font-size: 16px; }
.report-table th, .transformative-table th, .accreditation-table th { background: var(--ufs-blue); color: #fff; font-weight: 700; width: 26%; }
.report-table tr:nth-child(even), .transformative-table tr:nth-child(even), .accreditation-table tr:nth-child(even) { background: #f8f9fa; }
.report-table tr:hover, .transformative-table tr:hover, .accreditation-table tr:hover { background: #eef3f8; }
.section-note { color: #4c6488; font-size: 15px; margin-top: -0.1rem; margin-bottom: 0.75rem; }
.evidence-grid, .unified-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(340px, 1fr)); gap: 14px; margin-top: 0.5rem; align-items: start; }
.metrics-card, .evidence-card, .info-card, .transformative-card, .removed-history-card, .useful-links-card, .assessment-card, .final-advisory-card, .ai-insight-card, .compare-summary-card, .compare-diff-card { height: 100%; }
.source-link-line, .agreement-link-line { margin-top: 0.75rem; font-size: 15px; }
.source-link-line a, .agreement-link-line a, .useful-links-list a, .contact-footer a, .footer-bottom a, .didyoumean-card a, .issn-retry-list a { color: var(--ufs-blue); text-decoration: none; font-weight: 600; }
.source-link-line a:hover, .agreement-link-line a:hover, .useful-links-list a:hover, .contact-footer a:hover, .footer-bottom a:hover, .didyoumean-card a:hover, .issn-retry-list a:hover { text-decoration: underline; }
.useful-links-list { margin-left: 1rem; padding-left: 0.3rem; }
.useful-links-list li { margin: 0.5rem 0; font-size: 16px; }
.didyoumean-card { background: var(--suggestion-bg); border: 2px solid var(--suggestion-border); border-left: 6px solid var(--ufs-yellow); padding: 1.35rem; border-radius: 8px; box-shadow: var(--card-shadow); margin: 0.8rem 0; }
.didyoumean-card h2 { color: var(--ufs-blue); border-bottom: 2px solid var(--ufs-yellow); }
.didyoumean-card ul { margin-left: 1rem; margin-top: 0.6rem; }
.didyoumean-card li { margin: 0.55rem 0; }
.suggestion-link { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.suggestion-title { font-weight: 700; }
.suggestion-meta { color: #5a6f8f; font-size: 0.92rem; }
.suggestion-score { background: #e7eef7; color: #234; border-radius: 999px; padding: 2px 8px; font-size: 0.8rem; }
.retry-card { background: #fff9e6; }
.issn-retry-list { margin-left: 1rem; margin-top: 0.6rem; }
.issn-retry-list li { margin: 0.45rem 0; }
.removed-history-card { border-top-color: var(--ufs-red); }
.removed-history-item { border: 1px solid #ead3d8; border-left: 5px solid var(--ufs-red); background: #fff6f7; border-radius: 8px; padding: 12px 14px; margin-bottom: 0.75rem; }
.removed-history-title { font-weight: 800; color: var(--ufs-red); margin-bottom: 0.25rem; }
.removed-history-message { font-size: 16px; line-height: 1.55; color: #5c1f2a; }
.inline-info-anchor { display: inline-flex; align-items: center; vertical-align: middle; margin-left: 4px; line-height: 1; flex: 0 0 auto; }
.inline-info-icon { width: 20px; height: 20px; min-width: 20px; min-height: 20px; border: 1px solid #b8c7dc; border-radius: 50%; background: #eef3f9; color: #003366; font-size: 11px; font-weight: 800; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: all 0.2s ease; position: relative; vertical-align: middle; transform: translateY(-1px); }
.inline-info-icon:hover, .inline-info-icon:focus, .inline-info-icon.is-open { background: #0F204B; color: #ffffff; border-color: #0F204B; outline: none; box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.12); }
.global-info-popover { position: absolute; left: 0; top: 0; width: 380px; max-width: min(380px, calc(100vw - 24px)); background: #ffffff; border: 1px solid #d7e0ec; border-radius: 12px; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18); padding: 16px 18px 16px 18px; z-index: 999999; }
.global-info-popover[hidden] { display: none !important; }
.global-info-popover-inner { color: #18385f; font-size: 14px; line-height: 1.58; padding-right: 26px; }
.global-info-close { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border: none; border-radius: 50%; background: #eef3f9; color: #003366; font-size: 18px; line-height: 1; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.global-info-close:hover, .global-info-close:focus { background: #0F204B; color: #fff; outline: none; }
.info-popover-card, .global-info-popover a { color: #18385f; font-size: 14px; line-height: 1.55; }
.info-popover-card p { margin: 0 0 10px 0; font-size: 14px; line-height: 1.55; color: #18385f; }
.info-popover-card p:last-child { margin-bottom: 0; }
.info-popover-title { font-size: 15px; font-weight: 700; color: #003366; margin-bottom: 8px; }
.info-popover-card a, .global-info-popover a { color: #7a1f7a; font-weight: 600; text-decoration: none; }
.info-popover-card a:hover, .global-info-popover a:hover { text-decoration: underline; }
.heading-info-inline, .summary-info-inline, .oa-inline-info, .useful-link-info-inline { margin-left: 4px; }
.oa-status-wrap { display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; }
.oa-status-label { font-weight: 600; color: #0f204b; white-space: nowrap; }
.card, .summary-grid, .evidence-grid, .unified-evidence-grid, .transformative-card, .info-card, .metrics-card, .evidence-card, .useful-links-card, .assessment-card, .final-advisory-card, .ai-insight-card { overflow: visible !important; }
.assessment-card { border-top-color: var(--ufs-blue); }
.assessment-grid { display: grid; grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: 14px; margin-top: 0.5rem; align-items: stretch; }
.assessment-box { border-radius: 10px; padding: 14px 16px; border-left: 4px solid transparent; box-shadow: 0 2px 10px rgba(0,0,0,.06); min-height: 155px; }
.assessment-box-title { font-size: 0.92rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; }
.assessment-box-label { font-size: 1.08rem; font-weight: 800; margin-bottom: 6px; line-height: 1.35; }
.assessment-box-message { font-size: 15px; line-height: 1.55; }
.assessment-success { background: #cfe6d2; border-left-color: #28a745; }
.assessment-success .assessment-box-title, .assessment-success .assessment-box-label, .assessment-success .assessment-box-message { color: #155724; }
.assessment-warning { background: #fff3cd; border-left-color: #ffc107; }
.assessment-warning .assessment-box-title, .assessment-warning .assessment-box-label, .assessment-warning .assessment-box-message { color: #7a5a00; }
.assessment-info { background: #cfe8ef; border-left-color: #17a2b8; }
.assessment-info .assessment-box-title, .assessment-info .assessment-box-label, .assessment-info .assessment-box-message { color: #0c5460; }
.assessment-danger { background: #f8d7da; border-left-color: #dc3545; }
.assessment-danger .assessment-box-title, .assessment-danger .assessment-box-label, .assessment-danger .assessment-box-message { color: #721c24; }
.ai-insight-card { border-top-color: #5b3df5; background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%); }
.ai-insight-card h2 { color: #3d2cb8; border-bottom-color: #cfc7ff; }
.ai-insight-body { background: #f5f2ff; border: 1px solid #ddd7ff; border-left: 5px solid #6b4df6; border-radius: 10px; padding: 14px 16px; color: #33285c; font-size: 15px; line-height: 1.65; }
.participants { margin-top: 0.9rem; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; }
.participants summary { cursor: pointer; padding: 12px 16px; background: linear-gradient(90deg, #f0f6ff 0%, #f9fbff 100%); color: var(--ufs-blue); font-weight: 800; border-bottom: 1px solid #e2e8f0; list-style: none; display: flex; align-items: center; }
.participants summary::-webkit-details-marker { display: none; }
.participants summary::before { content: "▸"; display: inline-block; margin-right: 10px; font-weight: 700; transition: transform 0.25s ease; }
.participants[open] summary::before { transform: rotate(90deg); }
.participants-summary-text { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.participants-chips { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 16px; background: #fff; }
.participant-chip { display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 999px; background: #f1f5fb; border: 1px solid #d9e4f3; color: #18385f; font-size: 15px; font-weight: 600; }
.empty-note { padding: 14px 16px; color: #666; font-size: 15px; }
.agreement-narrative-block { margin-top: 14px; padding: 14px 16px; background: #f8fbff; border: 1px solid #d7e6f5; border-left: 5px solid #0f6db8; border-radius: 10px; }
.agreement-narrative-block h3 { margin: 0 0 10px 0; color: #0f204b; font-size: 1.02rem; font-weight: 800; }
.agreement-narrative-body p, .agreement-narrative-cap p { margin: 0 0 10px 0; color: #18385f; line-height: 1.65; font-size: 15px; }
.agreement-narrative-cap { margin-top: 12px; padding-top: 10px; border-top: 1px solid #d8e3ef; }
.agreement-narrative-cap h4 { margin: 0 0 8px 0; color: #0f204b; font-size: 0.96rem; font-weight: 800; }
.compare-summary-card { border-top-color: #0f6db8; }
.compare-summary-list { margin-left: 1.2rem; }
.compare-summary-list li { margin: 0.45rem 0; }
.compare-panels-grid { display: grid; grid-template-columns: repeat(2, minmax(360px, 1fr)); gap: 16px; }
.compare-year-panel { background: #fff; border-radius: 10px; }
.compare-year-heading { font-size: 1.1rem; font-weight: 800; color: #0f204b; margin: 0 0 8px 0; padding: 10px 2px; }
.compare-table thead th { background: #0f204b; color: #fff; }
.loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; color: var(--ufs-blue); }
.spinner { border: 4px solid #f3f3f3; border-top: 4px solid var(--ufs-blue); border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 1rem; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.disclaimer-footer, .contact-footer { background-color: var(--ufs-blue); color: #ffffff; text-align: center; padding: 1.2rem 1rem; font-size: 1.05rem; font-weight: 600; line-height: 1.6; }
.contact-footer a { display: inline-flex; align-items: center; gap: 8px; background-color: #A7A8AA; color: var(--ufs-blue); padding: 8px 16px; border-radius: 30px; text-decoration: none; font-weight: 700; margin-left: 8px; transition: all 0.3s ease; }
.contact-footer a:hover { background-color: #b7b8ba; transform: translateY(-1px); }
.footer-bottom { background-color: #7F8081; text-align: center; padding: 0.8rem 1rem; color: #ffffff; font-size: 0.95rem; }
.footer-bottom a { color: #fff; text-decoration: none; margin-left: 0.8rem; }
.footer-bottom a:hover { text-decoration: underline; color: #e0e0e0; }
.error { color: #8b0000; font-weight: 700; padding: 10px 0; }
.muted { color: #4f6480; }
@media (max-width: 1400px) { .assessment-grid { grid-template-columns: repeat(2, minmax(280px, 1fr)); } }
@media (max-width: 1200px) { .summary-grid, .evidence-grid, .unified-evidence-grid, .compare-panels-grid { grid-template-columns: 1fr; } .results-topbar { align-items: flex-start; } .results-topbar-right { justify-content: flex-start; } }
@media (max-width: 768px) {
  body { font-size: 17px; }
  .container { width: min(100%, calc(100% - 20px)); padding: 0; }
  .card { padding: 1rem; }
  .header-content { flex-direction: column; text-align: center; gap: 10px; }
  .header-title { position: static; transform: none; pointer-events: auto; }
  .search-box { flex-direction: column; align-items: stretch; }
  .search-box input { margin-bottom: 8px; }
  .action-btn { width: 100%; justify-content: center; }
  .results-topbar-right { width: 100%; }
  .results-topbar-right .action-btn { flex: 1 1 100%; }
  .report-table, .transformative-table, .accreditation-table { display: block; overflow-x: auto; }
  .participants-chips { gap: 8px; }
  .participant-chip { width: 100%; border-radius: 10px; }
  .assessment-grid { grid-template-columns: 1fr; }
  .global-info-popover { width: min(320px, calc(100vw - 20px)); max-width: min(320px, calc(100vw - 20px)); }
}
@media (max-width: 480px) {
  .header { padding: 0.8rem 1rem; }
  .header-title { font-size: 1.35rem; }
  .ufs-logo { height: 36px; }
  .status-large h3 { font-size: 1.1rem; }
  .status-large p, .card p, .report-table th, .report-table td { font-size: 15px; }
  .global-info-popover { width: min(300px, calc(100vw - 16px)); max-width: min(300px, calc(100vw - 16px)); }
}


.comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(340px, 1fr));
  gap: 14px;
}

.comparison-diff-table {
  width: 100%;
  border-collapse: collapse;
}
.comparison-diff-table th,
.comparison-diff-table td {
  border: 1px solid #d8e2ef;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
.comparison-diff-table th {
  background: #f1f6fb;
  color: #0F204B;
}
.compare-changed-yes {
  color: #a71930;
  font-weight: 800;
}
.compare-changed-no {
  color: #2e7d32;
  font-weight: 700;
}



/* =========================================================
   SCOPUS INACTIVE / DISCONTINUED WARNING STATES
========================================================= */
.scopus-danger-card {
  border-top-color: var(--ufs-red);
  border: 2px solid rgba(167, 25, 48, 0.22);
  box-shadow: 0 4px 14px rgba(167, 25, 48, 0.08);
}
.scopus-danger-card h2 { color: var(--ufs-red); border-bottom-color: #f1b8c1; }
.scopus-danger-banner {
  background: #fff1f3;
  border: 1px solid #f3c7ce;
  border-left: 5px solid var(--ufs-red);
  color: #7d1d2b;
  padding: 12px 14px;
  margin: 0 0 14px 0;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}
.scopus-danger-text { color: var(--ufs-red); font-weight: 800; }
.scopus-danger-row th, .scopus-danger-row td { background: #fff4f6 !important; }
.scopus-danger-row th { color: #7d1d2b !important; }
.scopus-danger-row td { color: #7d1d2b; font-weight: 600; }
.status-danger.status-scopus-inactive { background: #fdebed; color: #7d1d2b; border-left: 5px solid var(--ufs-red); }
.assessment-danger-soft { background: #fff1f3; border-left: 4px solid var(--ufs-red); }
.assessment-danger-soft .assessment-box-title, .assessment-danger-soft .assessment-box-label, .assessment-danger-soft .assessment-box-message { color: #7d1d2b; }
.change-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  border: 1px solid transparent;
}
.change-pill.same { background: #edf7ee; color: #256b2f; border-color: #cfe7d3; }
.change-pill.changed { background: #fff3cd; color: #7a5a00; border-color: #f2df9a; }
.change-pill.changed-danger { background: #fdebed; color: #a71930; border-color: #efbcc6; }
.compare-row-danger th, .compare-row-danger td { background: #fff4f6 !important; }
.compare-row-danger th { color: #7d1d2b; }
.compare-row-danger td { color: #7d1d2b; }
.comparison-card { border-top-color: #0f6db8; }
.comparison-top-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(340px, 1fr));
  gap: 14px;
  margin: 14px 0 16px 0;
}
.comparison-year-card {
  background: #ffffff;
  border: 1px solid #dbe5f0;
  border-radius: 10px;
  padding: 14px 14px 8px 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.comparison-year-card h3 { margin: 0 0 10px 0; color: #0f204b; font-size: 1.05rem; font-weight: 800; }
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.comparison-table th, .comparison-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #e4ebf3;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
}
.comparison-table thead th { background: #0f204b; color: #fff; font-weight: 800; }
.comparison-table tbody tr:nth-child(even) { background: #f8fafc; }
.comparison-table tbody tr:hover { background: #edf4fb; }
.removed-report-shell { display: flex; flex-direction: column; gap: 14px; }
.removed-report-section {
  background: #fff;
  border: 1px solid #d9e3ef;
  border-top: 4px solid var(--ufs-blue);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 3px 10px rgba(0,0,0,.05);
}
.removed-report-section summary { cursor: pointer; font-weight: 800; color: #0f204b; font-size: 1.05rem; list-style: none; }
.removed-report-section summary::-webkit-details-marker { display: none; }
.removed-report-table-wrap { overflow-x: auto; margin-top: 12px; }
.removed-report-table { width: 100%; min-width: 1100px; border-collapse: collapse; }
.removed-report-table th, .removed-report-table td { padding: 12px 14px; border-bottom: 1px solid #e5ebf2; text-align: left; vertical-align: top; font-size: 15px; }
.removed-report-table th { background: #f1f6fb; color: #0f204b; font-weight: 800; }
.removed-report-table tr:nth-child(even) { background: #fafcff; }
@media print {
  .action-btn, .search-box button, .contact-footer, .footer-bottom, .mode-wrap, .search-help, .action-buttons { display: none !important; }
  .card, .comparison-year-card, .removed-report-section { box-shadow: none !important; break-inside: avoid; }
  .comparison-table, .removed-report-table, .report-table, .transformative-table, .accreditation-table { width: 100% !important; font-size: 13px; }
  .comparison-top-grid { grid-template-columns: 1fr 1fr; }
}

.removed-section-summary{font-weight:800;}.removed-count{font-weight:800;}


/* Removed journals report */
.removed-section-card {
  background: #fff;
  border: 1px solid #d9e3ef;
  border-top: 4px solid #0F204B;
  border-radius: 12px;
  margin: 18px 0;
  box-shadow: 0 4px 12px rgba(15, 32, 75, 0.06);
  overflow: hidden;
}

.removed-section-summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 18px;
  background: #f7faff;
  color: #0F204B;
  font-size: 1.2rem;
  font-weight: 800;
  border-bottom: 1px solid #dbe4f0;
}

.removed-section-summary::-webkit-details-marker {
  display: none;
}

.removed-section-summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 10px;
  font-size: 0.95rem;
  transform: translateY(-1px);
}

.removed-section-card[open] > .removed-section-summary::before {
  content: "▾";
}

.removed-count {
  display: inline-block;
  margin-left: 6px;
  color: #37507f;
  font-weight: 700;
}

.removed-section-body {
  padding: 14px 16px 18px;
  background: #fff;
}

.removed-scroll {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #dbe4f0;
  border-radius: 10px;
  background: #fff;
}

.removed-table {
  width: 100%;
  min-width: 1350px;
  border-collapse: collapse;
  table-layout: fixed;
}

.removed-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #eef3f9;
  color: #0F204B;
  font-weight: 800;
  font-size: 0.98rem;
  text-align: left;
  padding: 12px 12px;
  border-bottom: 2px solid #d1dbea;
  border-right: 1px solid #dbe4f0;
  white-space: normal;
  word-break: break-word;
}

.removed-table tbody td {
  padding: 12px 12px;
  border-bottom: 1px solid #e4ebf4;
  border-right: 1px solid #eef3f8;
  vertical-align: top;
  color: #17325f;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.removed-table tbody tr:nth-child(even) td {
  background: #fbfdff;
}

.removed-table tbody tr:hover td {
  background: #f5f9ff;
}

.removed-table th:last-child,
.removed-table td:last-child {
  border-right: none;
}

.removed-empty {
  color: #8a97ac;
}

.removed-counter {
  margin: 6px 0 14px;
  color: #4b628f;
  font-weight: 600;
}

@media print {
  .removed-section-card {
    box-shadow: none !important;
    break-inside: avoid;
  }
  .removed-section-summary {
    background: #fff !important;
  }
  .removed-scroll {
    overflow: visible !important;
    border: none !important;
  }
  .removed-table {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: auto !important;
  }
  .removed-table thead th,
  .removed-table tbody td {
    font-size: 12px;
    padding: 8px;
  }
}


/* UFS header logo refinement */
.header-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  position: relative;
}

.ufs-logo {
  height: 58px;
  width: auto;
  max-width: 260px;
  object-fit: contain;
  background: #ffffff;
  padding: 6px 10px;
  border-radius: 2px;
}

.header-title {
  flex: 1;
  text-align: center;
}

@media (max-width: 768px) {
  .header-content {
    flex-direction: column;
    gap: 10px;
  }

  .ufs-logo {
    height: 52px;
    max-width: 230px;
  }

  .header-title {
    text-align: center;
  }
}

/* Header logo layout fix - UFS style */
.header {
  background: #082b4f;
  padding: 0;
}

.header-content {
  max-width: 1500px;
  margin: 0 auto;
  min-height: 86px;
  display: grid;
  grid-template-columns: 360px 1fr 360px;
  align-items: center;
  gap: 20px;
  padding: 0 28px;
}

.ufs-logo {
  justify-self: start;
  height: 78px;
  width: auto;
  max-width: 330px;
  object-fit: contain;
  background: #ffffff;
  padding: 10px 18px;
  border-radius: 0;
}

.header-title {
  grid-column: 2;
  text-align: center;
  color: #ffffff;
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

@media (max-width: 900px) {
  .header-content {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 14px 18px;
    text-align: center;
  }

  .ufs-logo {
    justify-self: center;
    height: 64px;
    max-width: 280px;
  }

  .header-title {
    grid-column: 1;
    font-size: 22px;
  }
}


}

/* Restore white UFS logo block */
.ufs-logo {
  height: 82px !important;
  width: 390px !important;
  object-fit: contain !important;
  background: #ffffff !important;
  padding: 10px 36px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: block !important;
}


/* Clean centered header */
.header-content{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  position:relative;
  min-height:82px;
  padding:0;
}

.ufs-logo{
  background:#fff;
  padding:10px 28px;
  height:78px;
  width:auto;
  max-width:360px;
  object-fit:contain;
  margin:0;
}

.header-title{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  margin:0;
  text-align:center;
}

/* Final logo far-left placement while keeping title centered */
.header-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  min-height:82px !important;
}

.ufs-logo{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  height:82px !important;
  width:390px !important;
  max-width:none !important;
  background:#ffffff !important;
  padding:10px 34px !important;
  object-fit:contain !important;
  margin:0 !important;
  border-radius:0 !important;
}

.header-title{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
}

/* Production UFS logo styling */
.ufs-logo{
  height: 86px !important;
  width: auto !important;
  max-width: 360px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Quartile browser */
.quartile-browse-wrap {
  margin-top: 16px;
}

.quartile-controls {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: end;
}

.table-scroll {
  overflow-x: auto;
}

.quartile-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 14px;
  font-size: 14px;
}

.quartile-table th {
  background: #0f2d57;
  color: #fff;
  text-align: left;
  padding: 10px;
}

.quartile-table td {
  border: 1px solid #e3e7ef;
  padding: 9px;
  vertical-align: top;
}

.quartile-table tr:nth-child(even) {
  background: #f7f9fc;
}

.quartile-results-head {
  margin-bottom: 10px;
}

/* Hide normal search help when browsing quartiles */
.search-card:has(input[name="searchMode"][value="quartile"]:checked) > .search-help:first-of-type {
  display: none;
}

/* Professional mode navigation */
.mode-link-pill {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.mode-link-pill span {
  color: inherit;
}

#showRemovedBtn {
  display: none !important;
}

/* Hide default search help when Browse Quartiles is active */
.search-card:has(input[name="searchMode"][value="quartile"]:checked) .default-search-help {
  display: none !important;
}

/* Professional quartile browser layout */
.quartile-browse-wrap .search-help,
.quartile-intro .section-note,
.quartile-results-head .section-note {
  background: #f4f7fb;
  border-left: 4px solid #0f2d57;
  padding: 12px 14px;
  border-radius: 8px;
  color: #243b63;
  line-height: 1.5;
}

.quartile-intro h2,
.quartile-results-head h2 {
  margin-bottom: 10px;
}

.quartile-results-head {
  margin-bottom: 18px;
}

.quartile-controls {
  margin-top: 18px;
  margin-bottom: 12px;
}

/* Reset button */
#resetPageBtn {
    border-radius: 10px;
    font-weight: 600;
    padding: 10px 18px;
}

/* Floating top button */
#scrollTopBtn {
    position: fixed;
    bottom: 24px;
    right: 24px;
    display: none;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: #0f2d57;
    color: white;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
    transition: all 0.2s ease;
}

#scrollTopBtn:hover {
    transform: translateY(-2px);
    background: #153d75;
}

/* Professional reset button */
.secondary-btn {
  background: #f5f7fb;
  color: #0f2d57;
  border: 1px solid #cfd8e6;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 700;
  cursor: pointer;
}

.secondary-btn:hover {
  background: #eaf0f8;
}

/* Quartile results search */
.quartile-table-tools {
  margin: 16px 0 10px 0;
}

#quartileResultSearch {
  width: 100%;
  max-width: 720px;
  padding: 12px 14px;
  border: 1px solid #cfd8e6;
  border-radius: 10px;
  font-size: 15px;
}

/* Fast responsive quartile controls */
.quartile-controls select,
.quartile-controls button,
.mode-pill {
  min-height: 42px;
}

.quartile-controls {
  align-items: center;
}

.quartile-controls .year-wrap {
  min-width: 180px;
}

@media (max-width: 768px) {
  .mode-wrap,
  .quartile-controls,
  .search-box {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .mode-pill,
  .mode-link-pill,
  .quartile-controls .year-wrap,
  .quartile-controls select,
  .quartile-controls button,
  #searchBtn,
  #resetPageBtn {
    width: 100% !important;
  }
}

/* Quartile polish */
.quartile-results-head {
  display: grid;
  gap: 8px;
}

.quartile-table-tools {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

#quartileVisibleCount {
  font-weight: 800;
  color: #0f2d57;
  background: #eef3fa;
  border: 1px solid #cfd8e6;
  border-radius: 999px;
  padding: 8px 12px;
}

.quartile-loading {
  padding: 14px 16px;
  background: #eef3fa;
  border-left: 4px solid #0f2d57;
  border-radius: 8px;
  font-weight: 700;
}

.result-speed {
  display: inline-block;
  margin-left: 8px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #eaf0f8;
  color: #0f2d57;
  font-weight: 800;
}

/* Quartile pagination */
.quartile-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 22px 0 8px;
  font-weight: 800;
}

.quartile-pagination button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Quartile summary counters */
.quartile-summary-counters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.quartile-summary-counters span {
  background: #eef3fa;
  border: 1px solid #cfd8e6;
  border-radius: 999px;
  padding: 8px 12px;
  color: #0f2d57;
  font-weight: 700;
}

/* Enterprise journal autocomplete */
.search-box {
  position: relative;
}

.journal-suggest-box {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(720px, 100%);
  background: #ffffff;
  border: 1px solid #cfd8e6;
  border-radius: 14px;
  box-shadow: 0 16px 35px rgba(0,0,0,0.18);
  z-index: 9999;
  overflow: hidden;
}

.journal-suggest-item {
  width: 100%;
  text-align: left;
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #edf1f7;
  padding: 12px 14px;
  cursor: pointer;
}

.journal-suggest-item:hover {
  background: #f4f7fb;
}

.suggest-title {
  font-weight: 800;
  color: #0f2d57;
  margin-bottom: 4px;
}

.suggest-meta {
  font-size: 13px;
  color: #5a6b85;
}

.suggest-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.suggest-badges span {
  background: #eef3fa;
  color: #0f2d57;
  border: 1px solid #cfd8e6;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 768px) {
  .journal-suggest-box {
    width: 100%;
  }
}

/* Autocomplete readability fix */
.journal-suggest-box {
  background: #ffffff !important;
  color: #0f204b !important;
  border: 1px solid #d6deea !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.18) !important;
}

.journal-suggest-item {
  background: #ffffff !important;
  color: #0f204b !important;
  border-bottom: 1px solid #e7ecf3 !important;
}

.journal-suggest-item:hover {
  background: #f3f6fb !important;
}

.suggest-title {
  color: #0f204b !important;
  font-weight: 800 !important;
}

.suggest-meta {
  color: #415a7a !important;
}

.suggest-badges span {
  background: #eef3fa !important;
  color: #0f204b !important;
  border: 1px solid #ccd8e8 !important;
}

/* Hide quartile summary counters from public UI */
#quartileSummaryCounters {
  display: none !important;
}

/* Cleaner ranking results header */
.quartile-results-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.quartile-results-head h2 {
  margin: 0;
}

.quartile-results-head p:first-of-type {
  grid-column: 2;
  margin: 0;
  background: #eef3fa;
  border: 1px solid #cfd8e6;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 800;
  color: #0f2d57;
  white-space: nowrap;
}

.quartile-results-head .section-note {
  grid-column: 1 / -1;
}

@media (max-width: 900px) {
  .quartile-results-head {
    grid-template-columns: 1fr;
  }

  .quartile-results-head p:first-of-type {
    grid-column: 1;
    white-space: normal;
  }
}

/* Compact quartile explorer layout */
#browseControls {
  margin-bottom: 12px !important;
}

#browseControls .info-box,
#browseControls .alert,
#browseControls .browse-note {
  margin-top: 10px !important;
  margin-bottom: 8px !important;
  padding: 10px 14px !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

#browseControls .filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

#browseControls label {
  margin-bottom: 0;
  font-weight: 700;
}

#browseControls select,
#browseControls button {
  min-height: 42px;
}

/* Results card closer to filters */
#rankingResultsCard,
#quartileResultsCard,
#credibilityCard {
  margin-top: 16px !important;
}

/* Compact result headings */
#rankingResultsCard h2,
#rankingResultsCard h3 {
  margin-bottom: 10px !important;
}

/* Mobile/smaller laptop optimization */
@media (max-width: 1366px) {

  .container,
  .main-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .card,
  .section-card {
    margin-bottom: 16px !important;
  }

  table {
    font-size: 0.92rem;
  }
}

/* Compact quartile explorer layout */
#browseControls {
  margin-bottom: 12px !important;
}

#browseControls .info-box,
#browseControls .alert,
#browseControls .browse-note {
  margin-top: 10px !important;
  margin-bottom: 8px !important;
  padding: 10px 14px !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

#browseControls .filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

#browseControls label {
  margin-bottom: 0;
  font-weight: 700;
}

#browseControls select,
#browseControls button {
  min-height: 42px;
}

/* Results card closer to filters */
#rankingResultsCard,
#quartileResultsCard,
#credibilityCard {
  margin-top: 16px !important;
}

/* Compact result headings */
#rankingResultsCard h2,
#rankingResultsCard h3 {
  margin-bottom: 10px !important;
}

/* Mobile/smaller laptop optimization */
@media (max-width: 1366px) {

  .container,
  .main-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .card,
  .section-card {
    margin-bottom: 16px !important;
  }

  table {
    font-size: 0.92rem;
  }
}

/* =========================================================
   PRODUCTION UX CLEANUP PATCH
   Journal Credibility Checker
========================================================= */

/* ---------- General compact spacing ---------- */

.container{
  margin-top: 0.65rem !important;
}

.card{
  padding: 1rem 1.15rem !important;
  margin-bottom: 0.75rem !important;
}

.card h2{
  margin-bottom: 0.6rem !important;
  padding-bottom: 0.35rem !important;
}

/* ---------- Browse Quartiles area ---------- */

#browseControls,
.quartile-browse-wrap{
  margin-bottom: 8px !important;
}

.quartile-controls{
  gap: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}

.quartile-controls select,
.quartile-controls button{
  height: 42px !important;
}

.quartile-browse-wrap .search-help,
.quartile-intro .section-note,
.quartile-results-head .section-note{
  padding: 10px 14px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* ---------- Results section ---------- */

#rankingResultsCard,
#quartileResultsCard{
  margin-top: 10px !important;
  scroll-margin-top: 20px;
}

.quartile-results-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-bottom:10px !important;
}

.quartile-results-head h2{
  margin:0 !important;
  padding:0 !important;
  border:none !important;
}

.quartile-results-head p:first-of-type{
  margin:0 !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#eef3fa !important;
  border:1px solid #d7e1ee !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#0f2d57 !important;
}

.quartile-results-head .section-note{
  width:100%;
}

/* ---------- Quartile results search ---------- */

.quartile-table-tools{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

#quartileResultSearch{
  max-width: 620px !important;
  height: 44px !important;
  font-size: 14px !important;
}

/* ---------- Table optimization ---------- */

.table-scroll{
  overflow-x:auto;
  border-radius:10px;
}

.quartile-table{
  margin-top:8px !important;
  font-size:14px !important;
}

.quartile-table th{
  position:sticky;
  top:0;
  z-index:5;
  padding:10px 8px !important;
  font-size:13px !important;
}

.quartile-table td{
  padding:8px 8px !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* ---------- Pagination ---------- */

.quartile-pagination{
  margin-top:14px !important;
  margin-bottom:4px !important;
}

.quartile-pagination button{
  min-width:110px;
}

/* ---------- Laptop optimization ---------- */

@media (max-width: 1366px){

  body{
    font-size:16px !important;
  }

  .container{
    width:min(100%, calc(100% - 16px)) !important;
    padding:0 2px !important;
  }

  .card{
    padding:0.9rem 1rem !important;
  }

  .header-title{
    font-size:2rem !important;
  }

  .quartile-table{
    font-size:13px !important;
  }

  .quartile-table td{
    padding:7px !important;
  }

  .quartile-results-head{
    gap:8px !important;
  }
}

/* ---------- Smaller laptops ---------- */

@media (max-width: 1024px){

  .quartile-results-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .quartile-results-head p:first-of-type{
    width:100%;
  }

  #quartileResultSearch{
    width:100% !important;
    max-width:100% !important;
  }

  .quartile-table{
    min-width:980px;
  }
}

/* ---------- Mobile ---------- */

@media (max-width:768px){

  .quartile-controls{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .quartile-controls select,
  .quartile-controls button{
    width:100% !important;
  }

  .quartile-results-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .quartile-pagination{
    flex-wrap:wrap;
  }

  .ufs-logo{
    width:auto !important;
    max-width:260px !important;
    height:64px !important;
  }

  .header-title{
    position:static !important;
    transform:none !important;
    margin-top:8px !important;
  }
}

/* Scrollable autocomplete dropdown */
.journal-suggest-box {
  max-height: 420px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

/* Final quartile results polish */
#quartileResultSearch {
  width: 420px !important;
  max-width: 100% !important;
}

.quartile-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

.quartile-table tbody tr:hover {
  background: #f3f7fc !important;
}

#quartileVisibleCount {
  white-space: nowrap;
}

/* SANLiC confirmed Read & Publish support should display as positive evidence */
.summary-card.success,
.assessment-card.success,
.researcher-summary-card.success {
  background: #dff3e5 !important;
  border-left-color: #21a35b !important;
  color: #0f4f2a !important;
}

/* JCC UI enhancement layer */
.jcc-mode-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px auto 16px;
  max-width: 1180px;
}

.jcc-nav-tab {
  border: 1px solid #d7dee8;
  background: #fff;
  color: #0f204b;
  padding: 11px 16px;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
  transition: all .18s ease;
}

.jcc-nav-tab:hover {
  background: #f3f6fb;
  transform: translateY(-1px);
}

.jcc-nav-tab.active {
  background: #0f204b;
  color: #fff;
  border-color: #0f204b;
  box-shadow: 0 6px 18px rgba(15, 32, 75, .18);
}

.field-help {
  margin-top: 6px;
  font-size: 13px;
  color: #5f6b7a;
}

.jcc-primary-btn,
#searchBtn {
  background: #0f204b !important;
  color: #fff !important;
  border: 1px solid #0f204b !important;
  border-radius: 10px !important;
  padding: 11px 18px !important;
  font-weight: 800 !important;
  cursor: pointer;
}

.jcc-secondary-btn,
#resetBtn {
  background: #fff !important;
  color: #0f204b !important;
  border: 1px solid #b9c4d3 !important;
  border-radius: 10px !important;
  padding: 11px 18px !important;
  font-weight: 800 !important;
  cursor: pointer;
}

.jcc-trust-block {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

.jcc-trust-block details {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px 14px;
}

.jcc-trust-block summary {
  cursor: pointer;
  font-weight: 800;
  color: #0f204b;
}

.jcc-live-badge {
  display: inline-block;
  width: fit-content;
  background: #e8f7ef;
  color: #11613a;
  border: 1px solid #b9e6cb;
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 800;
  font-size: 13px;
}

.jcc-recent-searches {
  margin-top: 14px;
  font-size: 14px;
}

.recent-search-pill {
  margin: 4px 4px 0 0;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #d7dee8;
  background: #fff;
  cursor: pointer;
}

.jcc-loading-inline {
  display: inline-block;
  margin-left: 10px;
  font-weight: 700;
  color: #0f204b;
}

.jcc-footer-clean a:not(:last-child)::after {
  content: " • ";
  color: #8a94a6;
  margin: 0 8px;
}

@media (max-width: 720px) {
  .jcc-mode-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .jcc-nav-tab {
    border-radius: 12px;
    width: 100%;
  }
}

/* =========================================
   QUARTILE BROWSER READABILITY FIX
========================================= */

.quartile-results-section {
  max-width: 100%;
  overflow-x: auto;
}

.quartile-table {
  width: 100%;
  min-width: 1180px;
  table-layout: auto;
  border-collapse: collapse;
  font-size: 14px;
}

.quartile-table thead th {
  font-size: 14px;
  padding: 14px 12px;
  white-space: nowrap;
}

.quartile-table tbody td {
  font-size: 14px;
  padding: 13px 12px;
  line-height: 1.45;
  vertical-align: top;
}

.quartile-table th:nth-child(1),
.quartile-table td:nth-child(1) {
  min-width: 330px;
}

.quartile-table th:nth-child(2),
.quartile-table td:nth-child(2) {
  min-width: 120px;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  letter-spacing: .2px;
}

.quartile-table th:nth-child(3),
.quartile-table td:nth-child(3) {
  min-width: 150px;
  white-space: nowrap;
}

.quartile-table th:nth-child(4),
.quartile-table td:nth-child(4),
.quartile-table th:nth-child(5),
.quartile-table td:nth-child(5),
.quartile-table th:nth-child(6),
.quartile-table td:nth-child(6),
.quartile-table th:nth-child(7),
.quartile-table td:nth-child(7) {
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

.quartile-table th:nth-child(8),
.quartile-table td:nth-child(8) {
  min-width: 360px;
}

.quartile-table-tools {
  margin: 18px 0 20px;
}

#quartileResultSearch {
  min-width: 360px;
  font-size: 15px;
  padding: 13px 16px;
}

#quartileVisibleCount {
  font-size: 15px;
  padding: 10px 16px;
}

.quartile-results-head h2,
.quartile-results-head h3 {
  font-size: 22px;
}

.quartile-results-head .badge,
.quartile-results-head span,
.quartile-summary-pill {
  font-size: 14px;
}


/* =========================================
   RICH QUARTILE TABLE EXTENSION
========================================= */

.table-scroll {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 10px;
}

.quartile-table {
  min-width: 1900px;
}

.quartile-table th,
.quartile-table td {
  font-size: 13px;
}

.quartile-table .journal-title-cell {
  font-weight: 700;
  color: #0F204B;
  min-width: 280px;
}

.quartile-table .issn-cell {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: nowrap;
  min-width: 170px;
}

.quartile-table th:nth-child(15),
.quartile-table td:nth-child(15),
.quartile-table th:nth-child(16),
.quartile-table td:nth-child(16) {
  min-width: 320px;
}

.quartile-table th:nth-child(4),
.quartile-table td:nth-child(4),
.quartile-table th:nth-child(5),
.quartile-table td:nth-child(5),
.quartile-table th:nth-child(6),
.quartile-table td:nth-child(6) {
  min-width: 130px;
}

.quartile-table th:nth-child(10),
.quartile-table td:nth-child(10),
.quartile-table th:nth-child(11),
.quartile-table td:nth-child(11) {
  text-align: center;
  font-weight: 700;
}


/* =========================================
   FULL METRICS QUARTILE BROWSE TABLE
========================================= */

.quartile-table {
  min-width: 2600px;
}

.quartile-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #0F204B;
}

.quartile-table th,
.quartile-table td {
  font-size: 13px;
  white-space: nowrap;
}

.quartile-table .journal-title-cell {
  min-width: 300px;
  white-space: normal;
}

.quartile-table .issn-cell {
  min-width: 190px;
}

.quartile-table th:nth-child(22),
.quartile-table td:nth-child(22),
.quartile-table th:nth-child(23),
.quartile-table td:nth-child(23) {
  min-width: 360px;
  white-space: normal;
}

.table-scroll {
  max-height: 75vh;
  overflow: auto;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
}


/* =========================================
   QUARTILE TABLE COLUMN WIDTH REBALANCE
========================================= */

.quartile-table {
  table-layout: fixed;
  min-width: 3000px;
}

.quartile-table th,
.quartile-table td {
  padding: 10px 12px;
  vertical-align: top;
}

/* 1 Journal title */
.quartile-table th:nth-child(1),
.quartile-table td:nth-child(1) {
  width: 320px;
  min-width: 320px;
  white-space: normal;
}

/* 2 Type */
.quartile-table th:nth-child(2),
.quartile-table td:nth-child(2) {
  width: 80px;
  min-width: 80px;
  text-align: center;
}

/* 3 ISSN */
.quartile-table th:nth-child(3),
.quartile-table td:nth-child(3) {
  width: 210px;
  min-width: 210px;
  white-space: nowrap;
}

/* 4 Publisher */
.quartile-table th:nth-child(4),
.quartile-table td:nth-child(4) {
  width: 230px;
  min-width: 230px;
  white-space: normal;
}

/* 5 Country */
.quartile-table th:nth-child(5),
.quartile-table td:nth-child(5) {
  width: 150px;
  min-width: 150px;
}

/* 6 Region */
.quartile-table th:nth-child(6),
.quartile-table td:nth-child(6) {
  width: 150px;
  min-width: 150px;
}

/* 7 Coverage */
.quartile-table th:nth-child(7),
.quartile-table td:nth-child(7) {
  width: 150px;
  min-width: 150px;
  text-align: center;
}

/* 8 Quartile */
.quartile-table th:nth-child(8),
.quartile-table td:nth-child(8) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  text-align: center;
}

/* 9 SJR */
.quartile-table th:nth-child(9),
.quartile-table td:nth-child(9) {
  width: 90px;
  min-width: 90px;
  text-align: right;
}

/* 10 H-index */
.quartile-table th:nth-child(10),
.quartile-table td:nth-child(10) {
  width: 90px;
  min-width: 90px;
  text-align: right;
}

/* 11 Open Access */
.quartile-table th:nth-child(11),
.quartile-table td:nth-child(11),
/* 12 Diamond OA */
.quartile-table th:nth-child(12),
.quartile-table td:nth-child(12) {
  width: 110px;
  min-width: 110px;
  text-align: center;
}

/* 13-21 metrics */
.quartile-table th:nth-child(13),
.quartile-table td:nth-child(13),
.quartile-table th:nth-child(14),
.quartile-table td:nth-child(14),
.quartile-table th:nth-child(15),
.quartile-table td:nth-child(15),
.quartile-table th:nth-child(16),
.quartile-table td:nth-child(16),
.quartile-table th:nth-child(17),
.quartile-table td:nth-child(17),
.quartile-table th:nth-child(18),
.quartile-table td:nth-child(18),
.quartile-table th:nth-child(19),
.quartile-table td:nth-child(19),
.quartile-table th:nth-child(20),
.quartile-table td:nth-child(20),
.quartile-table th:nth-child(21),
.quartile-table td:nth-child(21) {
  width: 125px;
  min-width: 125px;
  text-align: right;
}

/* 22 Categories */
.quartile-table th:nth-child(22),
.quartile-table td:nth-child(22) {
  width: 420px;
  min-width: 420px;
  white-space: normal;
}

/* 23 Areas */
.quartile-table th:nth-child(23),
.quartile-table td:nth-child(23) {
  width: 340px;
  min-width: 340px;
  white-space: normal;
}


/* Sticky top horizontal scrollbar for wide Quartile Browse table */
.quartile-top-scroll {
  position: sticky;
  top: 0;
  z-index: 20;
  overflow-x: auto;
  overflow-y: hidden;
  height: 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px 10px 0 0;
  margin-top: 12px;
}

.quartile-top-scroll-inner {
  height: 1px;
}


/* =========================================
   SANLiC Agreement Browser
========================================= */

.sanlic-controls-wrap {
  grid-column: 1 / -1;
}

.sanlic-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.sanlic-badge.yes {
  background: #e8f7ee;
  color: #166534;
  border: 1px solid #bbf7d0;
}

.sanlic-badge.no {
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid #fed7aa;
}

.sanlic-badge.neutral {
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid #c7d2fe;
}

.linklike {
  border: 0;
  background: transparent;
  color: #0F204B;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
  padding: 0;
  text-decoration: underline;
}

.sanlic-table th,
.sanlic-table td {
  vertical-align: top;
}

.sanlic-table small {
  color: #64748b;
}


/* Hide duplicate static results heading when browse controllers render their own headings */
body.jcc-browse-mode #credibilityCard > h2,
body.jcc-sanlic-mode #credibilityCard > h2 {
  display: none !important;
}


/* Hide generic result-card heading for browse modes */
body.jcc-sanlic-mode #credibilityCard h2:first-child,
body.jcc-browse-mode #credibilityCard h2:first-child {
  display: none !important;
}


/* Compact SANLiC browser table */
.sanlic-table th,
.sanlic-table td {
  padding: 0.55rem 0.65rem !important;
  line-height: 1.25 !important;
  vertical-align: top;
  font-size: 0.88rem;
}

.sanlic-table small {
  font-size: 0.75rem;
  line-height: 1.2;
}

.sanlic-table td:nth-child(1) {
  min-width: 280px;
}

.sanlic-table td:nth-child(3) {
  min-width: 210px;
}

.sanlic-table td:nth-child(4) {
  min-width: 220px;
}

.sanlic-table td:nth-child(6) {
  min-width: 220px;
  max-width: 300px;
}

.muted {
  color: #64748b;
  font-size: 0.8rem;
}


/* SANLiC search layout polish */
body.jcc-sanlic-mode .sanlic-controls-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 0.45rem 0.75rem;
  align-items: end;
}

body.jcc-sanlic-mode #journalQuery {
  min-width: 520px;
}

.sanlic-table {
  table-layout: fixed;
  width: 100%;
}

.sanlic-table th,
.sanlic-table td {
  padding: 0.42rem 0.55rem !important;
  line-height: 1.18 !important;
  font-size: 0.82rem !important;
  vertical-align: top;
}

.sanlic-table th:nth-child(1),
.sanlic-table td:nth-child(1) {
  width: 34%;
}

.sanlic-table th:nth-child(2),
.sanlic-table td:nth-child(2) {
  width: 10%;
  text-align: center;
}

.sanlic-table th:nth-child(3),
.sanlic-table td:nth-child(3) {
  width: 21%;
}

.sanlic-table th:nth-child(4),
.sanlic-table td:nth-child(4) {
  width: 19%;
  text-align: left;
}

.sanlic-table th:nth-child(5),
.sanlic-table td:nth-child(5),
.sanlic-table th:nth-child(7),
.sanlic-table td:nth-child(7),
.sanlic-table th:nth-child(8),
.sanlic-table td:nth-child(8) {
  width: 8%;
}

.sanlic-table small {
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
}

.sanlic-table .linklike {
  line-height: 1.15;
}


/* SANLiC compact professional layout */
body.jcc-sanlic-mode .sanlic-controls-wrap {
  display: grid !important;
  grid-template-columns: 1.7fr 1.2fr 1.1fr 1fr auto auto;
  gap: 0.55rem 0.7rem;
  align-items: end;
}

/* Bigger institution dropdown */
#sanlicInstitution {
  min-width: 360px !important;
}

/* Publisher dropdown */
#sanlicPublisher {
  min-width: 230px !important;
}

/* Compact SANLiC table */
.sanlic-table {
  width: 100%;
  table-layout: auto !important;
  border-collapse: collapse;
}

.sanlic-table th,
.sanlic-table td {
  padding: 0.34rem 0.48rem !important;
  line-height: 1.08 !important;
  font-size: 0.80rem !important;
  vertical-align: middle !important;
}

/* Title */
.sanlic-table th:nth-child(1),
.sanlic-table td:nth-child(1) {
  width: 28%;
}

/* ISSN */
.sanlic-table th:nth-child(2),
.sanlic-table td:nth-child(2) {
  width: 9%;
  text-align: center;
}

/* Publisher */
.sanlic-table th:nth-child(3),
.sanlic-table td:nth-child(3) {
  width: 15%;
}

/* Agreement */
.sanlic-table th:nth-child(4),
.sanlic-table td:nth-child(4) {
  width: 14%;
}

/* OA model */
.sanlic-table th:nth-child(5),
.sanlic-table td:nth-child(5) {
  width: 7%;
  text-align: center;
}

/* RP status */
.sanlic-table th:nth-child(6),
.sanlic-table td:nth-child(6) {
  width: 12%;
}

/* Duration */
.sanlic-table th:nth-child(7),
.sanlic-table td:nth-child(7) {
  width: 7%;
  text-align: center;
}

/* Institution participation */
.sanlic-table th:nth-child(8),
.sanlic-table td:nth-child(8) {
  width: 8%;
  text-align: center;
}

/* Smaller badges */
.sanlic-table .rp-badge,
.sanlic-table .institution-badge {
  padding: 0.18rem 0.45rem !important;
  font-size: 0.72rem !important;
  white-space: nowrap;
}

/* Reduce empty row height */
.sanlic-table tr {
  height: auto !important;
}


/* =========================================
   SANLiC mode: clean filter layout
========================================= */

body.jcc-sanlic-mode .search-row,
body.jcc-sanlic-mode .search-form,
body.jcc-sanlic-mode .checker-controls {
  display: grid !important;
  grid-template-columns: 1fr auto;
  gap: 0.7rem 0.9rem;
  align-items: end;
}

body.jcc-sanlic-mode #journalQuery {
  grid-column: 1 / 2;
  width: 100% !important;
  min-width: 0 !important;
}

body.jcc-sanlic-mode .year-wrap:has(#dhetYearSelect) {
  grid-column: 2 / 3;
  white-space: nowrap;
}

body.jcc-sanlic-mode #sanlicControlsWrap {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(320px, 1.2fr) minmax(260px, 1fr) minmax(260px, 1fr);
  gap: 0.65rem 1rem;
  align-items: end;
}

body.jcc-sanlic-mode #sanlicControlsWrap .year-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.4rem;
  align-items: center;
}

body.jcc-sanlic-mode #sanlicInstitution,
body.jcc-sanlic-mode #sanlicPublisher,
body.jcc-sanlic-mode #sanlicIncluded {
  width: 100% !important;
  min-width: 0 !important;
}

body.jcc-sanlic-mode #searchBtn,
body.jcc-sanlic-mode #resetPageBtn {
  width: fit-content;
}

body.jcc-sanlic-mode #searchBtn {
  grid-column: 1 / 2;
}

body.jcc-sanlic-mode #resetPageBtn {
  grid-column: 1 / 2;
  margin-left: 12.5rem;
  margin-top: -3.25rem;
}

@media (max-width: 1100px) {
  body.jcc-sanlic-mode .search-row,
  body.jcc-sanlic-mode .search-form,
  body.jcc-sanlic-mode .checker-controls {
    grid-template-columns: 1fr;
  }

  body.jcc-sanlic-mode .year-wrap:has(#dhetYearSelect),
  body.jcc-sanlic-mode #journalQuery,
  body.jcc-sanlic-mode #sanlicControlsWrap {
    grid-column: 1 / -1;
  }

  body.jcc-sanlic-mode #sanlicControlsWrap {
    grid-template-columns: 1fr;
  }

  body.jcc-sanlic-mode #resetPageBtn {
    margin-left: 0;
    margin-top: 0;
  }
}


/* SANLiC filter-driven layout */
body.jcc-sanlic-mode #searchBtn {
  display: none !important;
}

body.jcc-sanlic-mode #resetPageBtn {
  grid-column: auto !important;
  margin: 0 !important;
  justify-self: end;
  align-self: center;
}

body.jcc-sanlic-mode #sanlicControlsWrap {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(300px, 1.1fr) minmax(260px, 0.9fr) minmax(260px, 0.9fr) auto;
  gap: 0.65rem 1rem;
  align-items: center;
}

body.jcc-sanlic-mode #resetPageBtn {
  order: 99;
}

body.jcc-sanlic-mode .search-row,
body.jcc-sanlic-mode .search-form,
body.jcc-sanlic-mode .checker-controls {
  display: grid !important;
  grid-template-columns: 1fr auto;
  gap: 0.75rem 0.9rem;
  align-items: center;
}

body.jcc-sanlic-mode #journalQuery {
  grid-column: 1 / 2;
}

body.jcc-sanlic-mode .year-wrap:has(#dhetYearSelect) {
  grid-column: 2 / 3;
}

@media (max-width: 1100px) {
  body.jcc-sanlic-mode #sanlicControlsWrap {
    grid-template-columns: 1fr;
  }

  body.jcc-sanlic-mode #resetPageBtn {
    justify-self: start;
  }
}


/* Final SANLiC browse layout: filter-driven, compact */
body.jcc-sanlic-mode #journalQuery {
  display: none !important;
}

body.jcc-sanlic-mode #searchBtn {
  display: none !important;
}

body.jcc-sanlic-mode .search-row,
body.jcc-sanlic-mode .search-form,
body.jcc-sanlic-mode .checker-controls {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 0.65rem !important;
}

body.jcc-sanlic-mode #sanlicControlsWrap {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.4fr) minmax(260px, 1fr) minmax(260px, 1fr) auto !important;
  gap: 0.75rem 1rem !important;
  align-items: center !important;
}

body.jcc-sanlic-mode #resetPageBtn {
  margin: 0 !important;
  justify-self: start !important;
  align-self: end !important;
}

body.jcc-sanlic-mode #sanlicInstitution,
body.jcc-sanlic-mode #sanlicPublisher,
body.jcc-sanlic-mode #sanlicIncluded {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
}

/* Compact readable SANLiC table */
body.jcc-sanlic-mode .sanlic-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

body.jcc-sanlic-mode .sanlic-table th,
body.jcc-sanlic-mode .sanlic-table td {
  padding: 0.45rem 0.55rem !important;
  line-height: 1.2 !important;
  font-size: 0.82rem !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(1),
body.jcc-sanlic-mode .sanlic-table td:nth-child(1) { width: 28% !important; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(2),
body.jcc-sanlic-mode .sanlic-table td:nth-child(2) { width: 9% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(3),
body.jcc-sanlic-mode .sanlic-table td:nth-child(3) { width: 14% !important; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(4),
body.jcc-sanlic-mode .sanlic-table td:nth-child(4) { width: 15% !important; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(5),
body.jcc-sanlic-mode .sanlic-table td:nth-child(5) { width: 7% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(6),
body.jcc-sanlic-mode .sanlic-table td:nth-child(6) { width: 14% !important; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(7),
body.jcc-sanlic-mode .sanlic-table td:nth-child(7) { width: 6% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(8),
body.jcc-sanlic-mode .sanlic-table td:nth-child(8) { width: 7% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-badge {
  padding: 0.18rem 0.42rem !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
}


/* SANLiC final compact layout */
body.jcc-sanlic-mode #searchBtn {
  display: none !important;
}

body.jcc-sanlic-mode #sanlicControlsWrap {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.3fr) minmax(260px, 1fr) minmax(260px, 1fr) auto !important;
  gap: 0.55rem 0.9rem !important;
  align-items: center !important;
}

body.jcc-sanlic-mode #resetPageBtn {
  margin: 0 !important;
  justify-self: start !important;
}

body.jcc-sanlic-mode .sanlic-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body.jcc-sanlic-mode .sanlic-table {
  table-layout: fixed !important;
  width: 100% !important;
}

body.jcc-sanlic-mode .sanlic-table th,
body.jcc-sanlic-mode .sanlic-table td {
  padding: 0.38rem 0.5rem !important;
  font-size: 0.82rem !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(1),
body.jcc-sanlic-mode .sanlic-table td:nth-child(1) { width: 34% !important; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(2),
body.jcc-sanlic-mode .sanlic-table td:nth-child(2) { width: 10% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(3),
body.jcc-sanlic-mode .sanlic-table td:nth-child(3) { width: 24% !important; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(4),
body.jcc-sanlic-mode .sanlic-table td:nth-child(4) { width: 13% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(5),
body.jcc-sanlic-mode .sanlic-table td:nth-child(5) { width: 8% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-table th:nth-child(6),
body.jcc-sanlic-mode .sanlic-table td:nth-child(6) { width: 11% !important; text-align: center; }

body.jcc-sanlic-mode .sanlic-badge {
  padding: 0.16rem 0.42rem !important;
  font-size: 0.72rem !important;
  white-space: nowrap;
}


body.jcc-sanlic-mode p {
  /* fallback handled by JS; this keeps SANLiC compact */
}

body.jcc-sanlic-mode #searchBtn {
  display: none !important;
}


/* SANLiC button-triggered controls */
body.jcc-sanlic-mode #searchBtn {
  display: inline-flex !important;
}

body.jcc-sanlic-mode #sanlicControlsWrap {
  display: grid !important;
  grid-template-columns: minmax(340px, 1.25fr) minmax(260px, 1fr) minmax(260px, 1fr) auto auto !important;
  gap: 0.55rem 0.8rem !important;
  align-items: center !important;
}

body.jcc-sanlic-mode #searchBtn,
body.jcc-sanlic-mode #resetPageBtn {
  margin: 0 !important;
  align-self: center !important;
  white-space: nowrap;
}

/* ==============================
   SANLiC TABLE PROFESSIONAL GRID
   ============================== */

.jcc-sanlic-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.95rem;
}

.jcc-sanlic-table th,
.jcc-sanlic-table td {
    padding: 10px 12px;
    vertical-align: top;
    border: 1px solid #d8dee9;
    overflow-wrap: break-word;
    word-break: break-word;
}

.jcc-sanlic-table th {
    background: #0F204B;
    color: #fff;
    font-weight: 700;
    text-align: left;
}

/* Column sizing */
.jcc-sanlic-table th:nth-child(1),
.jcc-sanlic-table td:nth-child(1) {
    width: 34%;
}

.jcc-sanlic-table th:nth-child(2),
.jcc-sanlic-table td:nth-child(2) {
    width: 12%;
    text-align: center;
}

.jcc-sanlic-table th:nth-child(3),
.jcc-sanlic-table td:nth-child(3) {
    width: 24%;
}

.jcc-sanlic-table th:nth-child(4),
.jcc-sanlic-table td:nth-child(4) {
    width: 18%;
}

.jcc-sanlic-table th:nth-child(5),
.jcc-sanlic-table td:nth-child(5) {
    width: 12%;
    text-align: center;
}

/* Compact agreement links */
.jcc-sanlic-table td small {
    display: block;
    margin-top: 2px;
    line-height: 1.2;
    color: #6b7280;
}

.jcc-sanlic-table a {
    font-size: 0.9rem;
    line-height: 1.2;
}

/* Reduce excessive row height */
.jcc-sanlic-table td {
    line-height: 1.25;
}

/* Alternating rows */
.jcc-sanlic-table tbody tr:nth-child(even) {
    background: #f7f9fc;
}

/* Responsive */
.jcc-sanlic-table-wrapper {
    overflow-x: auto;
}

/* SANLiC contextual report card */
.sanlic-institution-context-card {
  border-left: 5px solid #0F204B;
  background: #f8fafc;
}

.sanlic-institution-context-card h2 {
  margin-top: 0;
}

.sanlic-institution-context-card .report-table th {
  width: 240px;
}


/* ==================================================
   SANLiC Browse: professional compact table layout
================================================== */

body.jcc-sanlic-mode .table-scroll,
body.jcc-sanlic-mode .sanlic-table-scroll {
  width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  border-radius: 10px;
  border: 1px solid #d8e0ec;
}

body.jcc-sanlic-mode .sanlic-top-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  height: 16px;
  margin-bottom: 4px;
}

body.jcc-sanlic-mode .sanlic-top-scroll > div {
  height: 1px;
}

body.jcc-sanlic-mode .sanlic-table {
  min-width: 1180px;
  width: 1180px;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

body.jcc-sanlic-mode .sanlic-table th,
body.jcc-sanlic-mode .sanlic-table td {
  padding: 8px 10px !important;
  font-size: 0.84rem !important;
  line-height: 1.25 !important;
  vertical-align: top !important;
  border: 1px solid #dfe6f1 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.jcc-sanlic-mode .sanlic-table th {
  background: #0F204B !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: left !important;
}

/* Clean column proportions */
body.jcc-sanlic-mode .sanlic-table th:nth-child(1),
body.jcc-sanlic-mode .sanlic-table td:nth-child(1) {
  width: 330px !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(2),
body.jcc-sanlic-mode .sanlic-table td:nth-child(2) {
  width: 130px !important;
  text-align: center !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(3),
body.jcc-sanlic-mode .sanlic-table td:nth-child(3) {
  width: 260px !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(4),
body.jcc-sanlic-mode .sanlic-table td:nth-child(4) {
  width: 160px !important;
  text-align: center !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(5),
body.jcc-sanlic-mode .sanlic-table td:nth-child(5) {
  width: 110px !important;
  text-align: center !important;
}

body.jcc-sanlic-mode .sanlic-table th:nth-child(6),
body.jcc-sanlic-mode .sanlic-table td:nth-child(6) {
  width: 190px !important;
  text-align: center !important;
}

body.jcc-sanlic-mode .sanlic-table tbody tr:nth-child(even) {
  background: #f6f8fb !important;
}

body.jcc-sanlic-mode .sanlic-table tbody tr:nth-child(odd) {
  background: #ffffff !important;
}

body.jcc-sanlic-mode .sanlic-table small {
  display: block;
  margin-top: 2px;
  color: #53657d;
  font-size: 0.74rem;
}

body.jcc-sanlic-mode .sanlic-table a {
  font-size: 0.78rem;
}

body.jcc-sanlic-mode .sanlic-badge {
  display: inline-block;
  padding: 3px 8px !important;
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
  border-radius: 999px;
  white-space: nowrap;
}

body.jcc-sanlic-mode .quartile-pagination {
  margin-top: 14px;
}

/* Remove stale visual spacing caused by old report cards */
body.jcc-sanlic-mode .sanlic-institution-context-card {
  display: none !important;
}


/* Temporarily disable Removed Journals report until updated list is ready */
#showRemovedBtn,
#copyRemovedBtn {
  display: none !important;
}


/* TEST ONLY: hide Removed Journals until updated list is ready */
button[data-mode="removed"],
#showRemovedBtn,
#copyRemovedBtn,
.removed-report,
.removed-journals-report {
  display: none !important;
}

.compact-participating-institutions {
  line-height: 1.5;
  margin: 8px 0;
}

.rp-badge {
  display: inline-block;
  font-weight: 700;
  border-radius: 8px;
  padding: 4px 10px;
  margin-right: 10px;
}

.rp-yes {
  background: #d9f7e2;
  border: 1px solid #8bd49d;
  color: #146c2e;
}

.rp-no {
  background: #fff3cd;
  border: 1px solid #f0ad4e;
  color: #9a5b00;
}

.rp-note {
  color: #0F204B;
}

/* TEST: Useful links as clickable report rows */
.useful-links-card .useful-links-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.useful-link-row {
  display: grid;
  grid-template-columns: 54px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #fff;
  color: #0F204B;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(15, 32, 75, 0.04);
}

.useful-link-row:hover {
  background: #f8fbff;
  border-color: #b8cbe6;
  text-decoration: none;
}

.useful-link-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #edf5ff;
  color: #0056c9;
  font-size: 20px;
}

.useful-link-main strong {
  display: block;
  color: #0056c9;
  font-weight: 800;
  margin-bottom: 3px;
}

.useful-link-main span {
  display: block;
  color: #405272;
}

.useful-link-action {
  color: #0056c9;
  font-weight: 700;
  white-space: nowrap;
}

.useful-links-note {
  margin-top: 14px;
  color: #405272;
}

/* TEST: compact participating institutions */
.sanlic-institutions-details {
  margin-top: 14px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fbff;
  padding: 12px 14px;
}

.sanlic-institutions-details summary {
  cursor: pointer;
  font-weight: 800;
  color: #0F204B;
}

.sanlic-institutions-inline {
  margin: 12px 0 0;
  line-height: 1.7;
  color: #0F204B;
}

/* TEST FIX: Useful Links full-width clickable rows */
.useful-links-card .useful-links-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}

.useful-links-card .useful-link-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px 18px !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #0F204B !important;
  text-decoration: none !important;
}

.useful-links-card .useful-link-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.useful-links-card .useful-link-main strong {
  display: block !important;
  color: #0056c9 !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
  white-space: normal !important;
}

.useful-links-card .useful-link-main span {
  display: block !important;
  color: #405272 !important;
  line-height: 1.45 !important;
  white-space: normal !important;
}

.useful-links-card .useful-link-action {
  flex: 0 0 auto !important;
  color: #0056c9 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  margin-left: 20px !important;
}

@media (max-width: 700px) {
  .useful-links-card .useful-link-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .useful-links-card .useful-link-action {
    margin-left: 0 !important;
  }
}

/* TEST SAFE FIX: quartile horizontal scroll only */
#resultsContainer {
  max-width: 100%;
  overflow-x: hidden;
}

#resultsContainer table {
  max-width: 100%;
}

#resultsContainer .quartile-results,
#resultsContainer .quartile-table,
#resultsContainer .table-responsive,
#resultsContainer .card:has(table) {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#resultsContainer .card:has(table) table {
  min-width: 900px;
}

/* TEST: SANLiC visible loading state */
.sanlic-loading-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  background: #f8fbff;
  color: #0F204B;
}

.sanlic-spinner {
  width: 34px;
  height: 34px;
  border: 4px solid #dbe3ef;
  border-top-color: #0F204B;
  border-radius: 50%;
  animation: sanlic-spin 0.8s linear infinite;
  flex: 0 0 auto;
}

@keyframes sanlic-spin {
  to { transform: rotate(360deg); }
}

button.sanlic-loading {
  opacity: 0.85;
  cursor: wait;
}

/* =========================================================
   TEST PATCH: QUARTILE TABLE LAYOUT STABILIZATION
========================================================= */

.quartile-results-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.quartile-results-table th,
.quartile-results-table td {
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
  line-height: 1.35;
  padding: 10px 8px;
}

/* Coverage column */
.quartile-results-table td:nth-child(7),
.quartile-results-table th:nth-child(7) {
  min-width: 140px;
  width: 140px;
  white-space: normal;
}

/* Quartile column */
.quartile-results-table td:nth-child(8),
.quartile-results-table th:nth-child(8) {
  min-width: 70px;
  width: 70px;
  text-align: center;
  font-weight: 700;
  white-space: nowrap;
}

/* H-index + SJR columns */
.quartile-results-table td:nth-child(9),
.quartile-results-table td:nth-child(10),
.quartile-results-table th:nth-child(9),
.quartile-results-table th:nth-child(10) {
  min-width: 80px;
  width: 80px;
  text-align: center;
  white-space: nowrap;
}

/* Smooth horizontal scrolling */
.quartile-table-wrap,
.metrics-table-wrap {
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

/* Prevent visual overlap */
.quartile-results-table td {
  position: relative;
  z-index: 1;
  background: #fff;
}


/* TEST PATCH: give Coverage column enough room */
.quartile-results-table {
  min-width: 1500px !important;
  table-layout: fixed !important;
}

.quartile-results-table td:nth-child(7),
.quartile-results-table th:nth-child(7) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.45 !important;
}

.quartile-results-table td:nth-child(8),
.quartile-results-table th:nth-child(8) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  text-align: center !important;
}

/* TEST PATCH: give Coverage column enough room */
.quartile-results-table {
  min-width: 1500px !important;
  table-layout: fixed !important;
}

.quartile-results-table td:nth-child(7),
.quartile-results-table th:nth-child(7) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.45 !important;
}

.quartile-results-table td:nth-child(8),
.quartile-results-table th:nth-child(8) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  text-align: center !important;
}

/* TEST FINAL: Quartile table responsive readability */
.metrics-table-wrap,
.quartile-table-wrap,
.table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.metrics-table.quartile-results-table,
.quartile-results-table {
  min-width: 1750px !important;
  table-layout: fixed !important;
}

/* Journal title */
.quartile-results-table th:nth-child(1),
.quartile-results-table td:nth-child(1) {
  width: 300px !important;
  min-width: 300px !important;
}

/* Type */
.quartile-results-table th:nth-child(2),
.quartile-results-table td:nth-child(2) {
  width: 70px !important;
  min-width: 70px !important;
  text-align: center;
}

/* ISSN */
.quartile-results-table th:nth-child(3),
.quartile-results-table td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
}

/* Publisher */
.quartile-results-table th:nth-child(4),
.quartile-results-table td:nth-child(4) {
  width: 230px !important;
  min-width: 230px !important;
}

/* Country / Region */
.quartile-results-table th:nth-child(5),
.quartile-results-table td:nth-child(5),
.quartile-results-table th:nth-child(6),
.quartile-results-table td:nth-child(6) {
  width: 135px !important;
  min-width: 135px !important;
}

/* Coverage: wider and wrapped cleanly */
.quartile-results-table th:nth-child(7),
.quartile-results-table td:nth-child(7) {
  width: 320px !important;
  min-width: 320px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
}

/* Quartile, SJR, H-index, OA */
.quartile-results-table th:nth-child(8),
.quartile-results-table td:nth-child(8),
.quartile-results-table th:nth-child(9),
.quartile-results-table td:nth-child(9),
.quartile-results-table th:nth-child(10),
.quartile-results-table td:nth-child(10),
.quartile-results-table th:nth-child(11),
.quartile-results-table td:nth-child(11),
.quartile-results-table th:nth-child(12),
.quartile-results-table td:nth-child(12) {
  width: 90px !important;
  min-width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.quartile-results-table th,
.quartile-results-table td {
  box-sizing: border-box;
  vertical-align: top;
  padding: 9px 8px;
}

/* TEST FINAL FIX: prevent Coverage + Quartile collision */
.metrics-table-wrap,
.quartile-table-wrap {
  overflow-x: auto !important;
  max-width: 100% !important;
}

.metrics-table.quartile-results-table,
.quartile-results-table {
  min-width: 1900px !important;
  table-layout: fixed !important;
}

/* Coverage column */
.quartile-results-table th:nth-child(7),
.quartile-results-table td:nth-child(7) {
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.55 !important;
}

/* Quartile column */
.quartile-results-table th:nth-child(8),
.quartile-results-table td:nth-child(8) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Keep every cell inside its own box */
.quartile-results-table th,
.quartile-results-table td {
  box-sizing: border-box !important;
  vertical-align: top !important;
  overflow: hidden !important;
}

/* TEST FIX: active Browse Quartiles table layout */
.table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.table-scroll .quartile-table {
  min-width: 1450px !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

/* Journal Title */
.table-scroll .quartile-table th:nth-child(1),
.table-scroll .quartile-table td:nth-child(1) {
  width: 280px !important;
  min-width: 280px !important;
}

/* eISSN */
.table-scroll .quartile-table th:nth-child(2),
.table-scroll .quartile-table td:nth-child(2) {
  width: 170px !important;
  min-width: 170px !important;
  white-space: normal !important;
}

/* Publisher */
.table-scroll .quartile-table th:nth-child(3),
.table-scroll .quartile-table td:nth-child(3) {
  width: 260px !important;
  min-width: 260px !important;
}

/* Quartile */
.table-scroll .quartile-table th:nth-child(4),
.table-scroll .quartile-table td:nth-child(4) {
  width: 90px !important;
  min-width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* SJR + H-index */
.table-scroll .quartile-table th:nth-child(5),
.table-scroll .quartile-table td:nth-child(5),
.table-scroll .quartile-table th:nth-child(6),
.table-scroll .quartile-table td:nth-child(6) {
  width: 90px !important;
  min-width: 90px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Open Access */
.table-scroll .quartile-table th:nth-child(7),
.table-scroll .quartile-table td:nth-child(7) {
  width: 120px !important;
  min-width: 120px !important;
  text-align: center !important;
}

/* Subjects: give this room and wrap cleanly */
.table-scroll .quartile-table th:nth-child(8),
.table-scroll .quartile-table td:nth-child(8) {
  width: 360px !important;
  min-width: 360px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.45 !important;
}

.table-scroll .quartile-table th,
.table-scroll .quartile-table td {
  box-sizing: border-box !important;
  vertical-align: top !important;
  padding: 10px 8px !important;
  overflow: hidden !important;
}

/* TEST FINAL: balance full Browse Quartiles table columns */
.table-scroll {
  overflow-x: auto !important;
  overflow-y: auto !important;
  max-width: 100% !important;
}

.table-scroll table,
.table-scroll .quartile-table,
.table-scroll .metrics-table,
.table-scroll .quartile-results-table {
  min-width: 1850px !important;
  table-layout: fixed !important;
}

/* Publisher */
.table-scroll table th:nth-child(4),
.table-scroll table td:nth-child(4) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Country */
.table-scroll table th:nth-child(5),
.table-scroll table td:nth-child(5) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  white-space: normal !important;
}

/* Region */
.table-scroll table th:nth-child(6),
.table-scroll table td:nth-child(6) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  white-space: normal !important;
}

/* Coverage */
.table-scroll table th:nth-child(7),
.table-scroll table td:nth-child(7) {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Quartile: keep narrow */
.table-scroll table th:nth-child(8),
.table-scroll table td:nth-child(8) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* SJR / H-index / OA columns */
.table-scroll table th:nth-child(9),
.table-scroll table td:nth-child(9),
.table-scroll table th:nth-child(10),
.table-scroll table td:nth-child(10),
.table-scroll table th:nth-child(11),
.table-scroll table td:nth-child(11),
.table-scroll table th:nth-child(12),
.table-scroll table td:nth-child(12) {
  width: 95px !important;
  min-width: 95px !important;
  max-width: 95px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.table-scroll table th,
.table-scroll table td {
  box-sizing: border-box !important;
  vertical-align: top !important;
  overflow: hidden !important;
}

/* SAFE FINAL: scoped Browse Quartiles table layout only */
#resultsContainer .table-scroll > table.quartile-table {
  min-width: 2150px !important;
  width: 2150px !important;
  table-layout: fixed !important;
}

#resultsContainer .table-scroll > table.quartile-table th:nth-child(1),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(1) { width: 330px !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(2),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(2) { width: 90px !important; text-align:center !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(3),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(3) { width: 250px !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(4),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(4) { width: 280px !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(5),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(5) { width: 160px !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(6),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(6) { width: 180px !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(7),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(7) { width: 230px !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(8),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(8) { width: 85px !important; text-align:center !important; }

#resultsContainer .table-scroll > table.quartile-table th:nth-child(9),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(9),
#resultsContainer .table-scroll > table.quartile-table th:nth-child(10),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(10),
#resultsContainer .table-scroll > table.quartile-table th:nth-child(11),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(11),
#resultsContainer .table-scroll > table.quartile-table th:nth-child(12),
#resultsContainer .table-scroll > table.quartile-table td:nth-child(12) {
  width: 95px !important;
  text-align:center !important;
}

/* SAFE FINAL: scoped SANLiC table only */
body.jcc-sanlic-mode table.sanlic-table {
  min-width: 1050px !important;
  width: 1050px !important;
  table-layout: fixed !important;
}

body.jcc-sanlic-mode table.sanlic-table th:nth-child(1),
body.jcc-sanlic-mode table.sanlic-table td:nth-child(1) { width: 260px !important; }

body.jcc-sanlic-mode table.sanlic-table th:nth-child(2),
body.jcc-sanlic-mode table.sanlic-table td:nth-child(2) { width: 115px !important; text-align:center !important; }

body.jcc-sanlic-mode table.sanlic-table th:nth-child(3),
body.jcc-sanlic-mode table.sanlic-table td:nth-child(3) { width: 260px !important; }

body.jcc-sanlic-mode table.sanlic-table th:nth-child(4),
body.jcc-sanlic-mode table.sanlic-table td:nth-child(4) { width: 150px !important; text-align:center !important; }

body.jcc-sanlic-mode table.sanlic-table th:nth-child(5),
body.jcc-sanlic-mode table.sanlic-table td:nth-child(5) { width: 120px !important; text-align:center !important; }

body.jcc-sanlic-mode table.sanlic-table th:nth-child(6),
body.jcc-sanlic-mode table.sanlic-table td:nth-child(6) { width: 245px !important; text-align:center !important; }

/* Browse Quartiles: synced top and bottom horizontal scrolling */
.quartile-top-scroll,
.quartile-table-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.quartile-top-scroll {
  height: 16px;
  margin: 8px 0 6px 0;
}

.quartile-top-scroll > div {
  height: 1px;
}

.quartile-table-scroll .quartile-table {
  min-width: 1600px;
}

/* Browse Quartiles: synced top and bottom horizontal scrollbars */
.quartile-top-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 16px;
  margin: 8px 0 6px 0;
}

.quartile-top-scroll > div {
  height: 1px;
}

.quartile-table-scroll {
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
}

.quartile-table-scroll .quartile-table {
  min-width: 1600px;
}






/* FINAL Browse Quartiles synced horizontal scrollbars */
.quartile-top-scroll {
  display: block !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  width: 100% !important;
  height: 18px !important;
  margin: 8px 0 6px 0 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
}

.quartile-top-scroll > div {
  height: 1px !important;
}

.quartile-table-scroll {
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
}

.quartile-table-scroll .quartile-table {
  min-width: 1800px !important;
}