
/* Subject landing page V3 */
.subject-v3{--sv-blue:#2563eb;--sv-navy:#0f2d65;--sv-muted:#64748b;--sv-border:#dbe4ef;--sv-soft:#f7faff}
.subject-v3 .subject-breadcrumbs{margin-bottom:16px}
.subject-hero{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.55fr);gap:20px;
  padding:clamp(26px,4vw,42px);margin-bottom:18px;border:1px solid var(--sv-border);
  border-radius:20px;background:
  radial-gradient(circle at 90% 10%,rgba(37,99,235,.11),transparent 30%),
  linear-gradient(135deg,#fff 0%,#f7faff 100%);box-shadow:0 14px 38px rgba(15,45,101,.07)
}
.subject-kicker,.subject-eyebrow{
  display:block;margin-bottom:7px;color:#2563eb;font-size:.74rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase
}
.subject-hero h1{margin:0 0 14px;color:#172f59;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.05}
.subject-intro{max-width:860px;color:#43536c;font-size:1rem;line-height:1.75}
.subject-intro p{margin:0 0 11px}.subject-intro p:last-child{margin-bottom:0}
.subject-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.subject-note{align-self:stretch;padding:20px;border:1px solid #dce6f5;border-radius:16px;background:#fff}
.subject-note strong{color:#172f59}.subject-note p{margin:8px 0 14px;color:#66758a;font-size:.88rem;line-height:1.55}
.subject-note a{color:#2563eb;font-size:.85rem;font-weight:750;text-decoration:none}

.subject-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.subject-stat{display:flex;align-items:center;gap:13px;min-height:108px;padding:17px;border:1px solid var(--sv-border);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,45,101,.055)}
.subject-stat-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef4ff;color:#1d4ed8;font-size:.72rem;font-weight:900}
.subject-stat strong{display:block;color:#10284f;font-size:1.42rem;letter-spacing:-.03em;line-height:1.05}
.subject-stat span:last-child{display:block;margin-top:5px;color:#66758a;font-size:.78rem}

.subject-panel{padding:clamp(20px,3vw,30px);margin-bottom:18px;border:1px solid var(--sv-border);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(15,45,101,.05)}
.subject-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.subject-section-heading h2{margin:0;color:#142d55;font-size:clamp(1.28rem,2.5vw,1.65rem);letter-spacing:-.025em}
.subject-section-heading p{margin:7px 0 0;color:#6c7a8f;font-size:.88rem}
.subject-muted{color:#718096;font-size:.82rem;white-space:nowrap}

.quartile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.quartile-box{display:block;padding:15px;border:1px solid #dce4ef;border-radius:14px;color:#223651;text-decoration:none;background:#fbfdff;transition:.15s ease}
.quartile-box:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(15,45,101,.08)}
.quartile-box-top{display:flex;align-items:center;justify-content:space-between}.quartile-box-top strong{font-size:.9rem}.quartile-box-top span{font-weight:850;color:#122b53}
.quartile-track{height:6px;margin:12px 0 7px;border-radius:999px;background:#e8edf4;overflow:hidden}.quartile-track span{display:block;height:100%;border-radius:999px}
.quartile-box.q1 .quartile-track span{background:#16a34a}.quartile-box.q2 .quartile-track span{background:#2563eb}.quartile-box.q3 .quartile-track span{background:#d97706}.quartile-box.q4 .quartile-track span{background:#dc2626}
.quartile-box small{color:#7a8799}

.subsubject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.subsubject-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;min-height:62px;padding:13px 14px;border:1px solid #d9e3ef;border-radius:13px;background:#fff;color:#203655;text-decoration:none;transition:.15s ease}
.subsubject-card:hover{border-color:#9ebbf2;background:#f8fbff;transform:translateY(-1px);box-shadow:0 7px 18px rgba(37,99,235,.08)}
.subsubject-name{font-weight:750;line-height:1.3}.subsubject-count{min-width:36px;padding:4px 8px;border-radius:999px;background:#edf3ff;color:#2457a7;text-align:center;font-size:.76rem;font-weight:850}
.subsubject-arrow{color:#7990b0;font-weight:800}
.subsubject-extra{display:none}.subsubject-extra.is-visible{display:grid}
.subject-show-more{margin-top:14px;min-height:40px;background:#fff;color:#23456e;border-color:#cbd7e6}.subject-show-more:hover{background:#f5f8fc;color:#193a64;box-shadow:none}

.filter-panel{background:linear-gradient(180deg,#fff,#fbfcff)}
.clear-filters{color:#2563eb;font-size:.84rem;font-weight:750;text-decoration:none}
.subject-filter-form{display:grid;grid-template-columns:2fr 1.25fr .75fr 1.25fr .7fr .7fr auto;gap:9px;align-items:end}
.subject-filter-form label{display:block;margin-bottom:6px;color:#475569;font-size:.76rem;font-weight:800}
.subject-filter-form select{width:100%;max-width:none}
.filter-submit{min-width:112px}
.active-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:13px;border-top:1px solid #e8edf4}
.active-filter{padding:5px 9px;border-radius:999px;background:#edf4ff;color:#31547f;font-size:.76rem;font-weight:700}

.journal-heading{align-items:center}
.metrics-help{color:#2563eb;font-size:.84rem;font-weight:750;text-decoration:none}
.subject-table-wrap{overflow-x:auto;border:1px solid #dbe4ef;border-radius:14px}
.subject-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;background:#fff}
.subject-table th{padding:12px 13px;border-bottom:1px solid #dbe4ef;background:#f5f8fc;color:#516176;font-size:.72rem;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}
.subject-table td{padding:13px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:.86rem}
.subject-table tbody tr:last-child td{border-bottom:0}.subject-table tbody tr:hover{background:#f9fbfe}
.journal-name-cell{min-width:270px}.journal-name-cell>a{display:block;color:#1455c5;font-weight:800;text-decoration:none;line-height:1.35}.journal-name-cell>a:hover{text-decoration:underline}
.journal-identifiers{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px;color:#7a8798;font-size:.71rem}
.subsubject-inline{color:#315a87;text-decoration:none;font-weight:650}.subsubject-inline:hover{text-decoration:underline}
.metric-cell{color:#142e57;font-weight:800;font-variant-numeric:tabular-nums}
.publisher-cell{max-width:230px;color:#42526a;white-space:normal}
.quartile-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:5px 8px;border-radius:999px;font-size:.74rem;font-weight:900}
.quartile-badge.q1{background:#dcfce7;color:#166534}.quartile-badge.q2{background:#dbeafe;color:#1d4ed8}.quartile-badge.q3{background:#ffedd5;color:#c2410c}.quartile-badge.q4{background:#fee2e2;color:#b91c1c}.quartile-badge.na{background:#f1f5f9;color:#64748b}

.subject-pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:18px}
.subject-pagination a,.subject-pagination span{min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7e0eb;border-radius:9px;background:#fff;color:#344a67;font-size:.8rem;font-weight:750;text-decoration:none}
.subject-pagination a:hover{background:#f4f8ff}.subject-pagination a.active{border-color:#2563eb;background:#2563eb;color:#fff}
.subject-empty{text-align:center;padding:36px 18px}.subject-empty strong{font-size:1.1rem;color:#1d3557}.subject-empty p{color:#6f7e92}

.subject-content{line-height:1.75}.subject-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.subject-guidance-grid>div{padding:16px;border:1px solid #dfe7f1;border-radius:13px;background:#fafcff}
.subject-guidance-grid strong{color:#17345d}.subject-guidance-grid p{margin:5px 0 0;color:#627188;font-size:.88rem}
.subject-links{display:flex;gap:16px;flex-wrap:wrap}.subject-links a{font-weight:750;text-decoration:none}

@media(max-width:1100px){
  .subject-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .subsubject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subject-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filter-search{grid-column:span 2}
}
@media(max-width:760px){
  .subject-hero{grid-template-columns:1fr;padding:24px 20px}
  .subject-note{display:none}
  .subject-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subject-stat:last-child{grid-column:span 2}
  .quartile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subsubject-grid{grid-template-columns:1fr}
  .subject-section-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .subject-muted{white-space:normal}
  .subject-filter-form{grid-template-columns:1fr 1fr}
  .filter-search{grid-column:1/-1}
  .filter-submit{grid-column:1/-1}
  .subject-guidance-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .subject-stats{grid-template-columns:1fr}.subject-stat:last-child{grid-column:auto}
  .quartile-grid{grid-template-columns:1fr}
  .subject-filter-form{grid-template-columns:1fr}
}
