/* The 27-subject Scopus directory is a distinct layer from council PDF scores. */
.subjects-page{--subject-ink:#173c65;--subject-soft:#647b94;--subject-line:#d8e5f1;--subject-blue:#2369b8;--subject-gold:#a87011}
.subjects-page article{max-width:none}
.subjects-page section{scroll-margin-top:98px}
.subjects-page .subject-hero{position:relative;overflow:hidden;border:1px solid #b8d9ee;background:radial-gradient(circle at 88% 12%,#c6f9ff 0,#e2f2ff 20%,transparent 45%),linear-gradient(135deg,#fff 22%,#e9f5ff 67%,#ece9ff);box-shadow:0 16px 34px #235b951a,inset 0 1px #fff}
.subjects-page .subject-hero:before{content:"";position:absolute;right:-28px;bottom:-108px;width:320px;height:320px;border:1px solid #64a7d755;border-radius:50%;box-shadow:0 0 0 31px #8bd2f00f,0 0 0 69px #9587e714;pointer-events:none}
.subjects-page .subject-hero:after{content:"";position:absolute;right:17%;top:-34%;width:95px;height:190%;transform:rotate(28deg);background:linear-gradient(90deg,transparent,#fff8,transparent);pointer-events:none}
.subjects-page .subject-hero>*{position:relative;z-index:1}
.subjects-page .subject-hero h1{color:#113c72;max-width:860px}
.subjects-page .subject-hero p{max-width:900px}
.subjects-page .seo-notice{margin:24px 0;border-left:4px solid #dfb14c;background:linear-gradient(110deg,#fffdf7,#f7faff);color:#455d79;line-height:1.68}
.subjects-page .seo-notice strong{color:#745321}
.subject-preview-notice{margin:19px 0;padding:12px 16px;border:1px solid #e6cf9e;border-radius:11px;background:#fff8e9;color:#715621;font-size:13px;line-height:1.6}
.subject-shortcuts{margin:30px 0}
.subject-shortcuts h2{margin:0 0 5px;color:var(--subject-ink)}
.subject-shortcuts>p{margin:0 0 14px;color:#647c96;font-size:13px;line-height:1.55}
.subject-q-panel{margin:8px 0;border:1px solid #d7e4f0;border-radius:13px;background:#fff;box-shadow:0 6px 15px #1f588d0d;scroll-margin-top:90px}
.subject-q-panel>summary{display:flex;align-items:center;gap:10px;min-height:59px;padding:10px 15px;color:#235482;cursor:pointer;list-style-position:inside}
.subject-q-panel>summary strong{font-size:14px}
.subject-q-panel>summary small{margin-left:auto;color:#7188a0;font-size:11px}
.subject-q-panel>summary:hover,.subject-q-panel>summary:focus-visible{background:#f4f9ff}
.subject-q-panel-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px;border-top:1px solid #e5edf5;background:#fbfdff}
.subject-q-panel-links a,.subject-q-panel-links>.subject-q-pending{display:flex;flex-direction:column;min-width:0;min-height:72px;padding:10px;border:1px solid #e0eaf3;border-radius:9px;background:#fff;color:#285f96;text-decoration:none}
.subject-q-panel-links a:hover,.subject-q-panel-links a:focus-visible{border-color:#93bee0;box-shadow:0 6px 12px #1f598d19}
.subject-q-panel-links span{color:#6a84a1;font-size:10px}
.subject-q-panel-links strong{margin:4px 0;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.subject-q-panel-links small{margin-top:auto;color:#5381aa;font-size:10px;font-weight:770}
.subject-q-panel-links .subject-q-pending{border-style:dashed;color:#8c9cae;background:#f8fafd}
.subject-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:27px 0}
.subject-paths section{min-width:0;padding:20px 22px;border:1px solid var(--subject-line);border-radius:17px;background:linear-gradient(145deg,#fff,#f5faff);box-shadow:0 8px 19px #1b5a8d10}
.subject-paths section:nth-child(2){background:linear-gradient(145deg,#fff,#f9f4ff)}
.subject-paths span{color:#3474a6;font-size:11px;font-weight:850;letter-spacing:.09em}
.subject-paths h2{margin:6px 0 7px;color:var(--subject-ink);font-size:19px}
.subject-paths p{margin:0;color:#5c728c;font-size:13px;line-height:1.68}
.subject-directory{margin:30px 0}
.subject-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}
.subject-directory-heading h2{margin:0 0 8px;color:var(--subject-ink)}
.subject-directory-heading label{width:min(370px,100%);color:#416487;font-size:12px;font-weight:790}
.subject-directory-heading input{display:block;width:100%;min-height:47px;margin-top:6px;padding:10px 13px;border:1px solid #cbdceb;border-radius:11px;background:#fff;color:#244869;font-size:14px;outline:0;box-shadow:0 3px 9px #245c9110}
.subject-directory-heading input:focus-visible,.subject-controls input:focus-visible,.subject-controls select:focus-visible{border-color:#2c79c0;outline:3px solid #2c79c03b;outline-offset:1px}
#subject-directory-count{margin:7px 0 21px;color:#587798;font-size:13px;font-weight:750}
.subject-family{margin:23px 0 33px}
.subject-family[hidden],.subject-tile[hidden],.subject-recommend-card[hidden]{display:none!important}
.subject-family-heading{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #d7e3ee;margin-bottom:13px}
.subject-family-heading h2{margin:0 0 10px;color:#214a79;font-size:20px}
.subject-family-heading p{margin:0;color:#6b829b;font-size:12px}
.subject-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.subject-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:179px;padding:17px 18px;border:1px solid #cfdfee;border-radius:15px;background:linear-gradient(150deg,#fff 42%,#eff7ff);color:#173e6b;text-decoration:none;box-shadow:0 7px 17px #1d51810e,inset 0 1px #fff;transition:transform .2s,box-shadow .2s,border-color .2s}
a.subject-tile:hover,a.subject-tile:focus-visible{transform:translateY(-4px);border-color:#85b4d9;box-shadow:0 15px 27px #205c9324}
a.subject-tile:focus-visible{outline:3px solid #2e79c3;outline-offset:2px}
.subject-tile span{color:#587da4;font-size:11px;font-weight:800;letter-spacing:.02em}
.subject-tile strong{margin:9px 0 7px;max-width:95%;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.subject-tile small{color:#5d7690;font-size:12px;line-height:1.5}
.subject-tile b{margin-top:auto;padding-top:10px;color:#286fb1;font-size:12px}
.subject-tile-pending{border-style:dashed;background:#f7f9fc;box-shadow:none}
.subject-tile-pending em{position:absolute;right:12px;top:12px;padding:3px 6px;border-radius:6px;background:#f0f3f8;color:#7f8c9d;font-size:10px;font-style:normal}
.subject-q-nav{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:10px;margin:24px 0 26px}
.subject-q-nav a{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:88px;padding:13px 16px;border:1px solid #cfddeb;border-radius:13px;background:linear-gradient(140deg,#fff,#f1f7ff);color:#245886;text-decoration:none;box-shadow:0 5px 11px #245b8a11;transition:transform .18s,box-shadow .18s}
.subject-q-nav a:hover,.subject-q-nav a:focus-visible{transform:translateY(-3px);box-shadow:0 11px 19px #245b8a20}
.subject-q-nav a:focus-visible{outline:3px solid #3180cc;outline-offset:2px}
.subject-q-nav .subject-all-link{font-weight:790;font-size:13px;background:linear-gradient(140deg,#e8f4ff,#e7edff)}
.subject-q-link strong{font-size:24px;line-height:1}
.subject-q-link span{margin-top:5px;color:#667d95;font-size:11px;font-weight:660}
.subject-q-link.tone-q1{border-color:#d9bd7b;background:linear-gradient(135deg,#fff9e7,#f5d781)}
.subject-q-link.tone-q1 strong{color:#754a0f}
.subject-q-link.tone-q2{background:linear-gradient(135deg,#fff,#dceeff)}
.subject-q-link.tone-q3{background:linear-gradient(135deg,#fff,#def8ef)}
.subject-q-link.tone-q4{background:linear-gradient(135deg,#fff,#eee6fa)}
.subject-q-link.selected{outline:3px solid #3777be;outline-offset:1px}
.subject-samples{margin:31px 0;padding:21px;border:1px solid var(--subject-line);border-radius:17px;background:linear-gradient(135deg,#fff,#f7faff)}
.subject-samples h2{margin:0 0 7px;color:var(--subject-ink)}
.subject-samples>p{margin:0 0 15px;color:var(--subject-soft);font-size:13px}
.subject-samples ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.subject-samples li{min-width:0;padding:12px 13px;border:1px solid #e1eaf4;border-radius:10px;background:#fff}
.subject-samples li strong{display:block;color:#1e4775;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.subject-sample-title{display:block;color:#1e4775;text-decoration:none;text-underline-offset:3px}
.subject-sample-title:hover{text-decoration:underline}
.subject-samples li small{display:block;margin-top:6px;color:#6b7f96;font-size:11px;line-height:1.4}
.subject-samples li .subject-source-id,.subject-recommend-card li .subject-source-id{color:#315d86;font-weight:800;font-variant-numeric:tabular-nums}
.subject-explore{margin:30px 0 38px}
.subject-explore-heading{display:flex;align-items:baseline;justify-content:space-between;gap:13px}
.subject-explore-heading h2{margin:0;color:var(--subject-ink)}
.subject-explore-heading p{max-width:700px;margin:0;color:var(--subject-soft);font-size:13px;line-height:1.5}
.subject-controls{display:grid;grid-template-columns:minmax(230px,1.8fr) repeat(4,minmax(132px,1fr));gap:11px;margin:16px 0 9px;padding:16px;border:1px solid #d2e2f0;border-radius:15px;background:linear-gradient(130deg,#fff,#f5faff);box-shadow:0 9px 18px #1d518112}
.subject-controls label{display:block;min-width:0;color:#345e87;font-size:12px;font-weight:790;line-height:1.4}
.subject-controls input,.subject-controls select{display:block;width:100%;min-width:0;min-height:47px;margin-top:7px;padding:8px 10px;border:1px solid #c9dbeb;border-radius:10px;background:#fff;color:#244b72;font-size:13px;outline:0}
.subject-controls .subject-search-wide{grid-column:auto}
.subject-filter-hint{margin:8px 0;color:#70849b;font-size:12px;line-height:1.55}
#subject-result-count{margin:18px 0 13px;color:#315f8c;font-size:13px;font-weight:790;font-variant-numeric:tabular-nums}
.subject-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px}
.subject-result-card{min-width:0;padding:17px 18px;border:1px solid #d5e3ef;border-radius:15px;background:#fff;box-shadow:0 7px 18px #1b558b12}
.subject-result-card.subject-result-q1{border-color:#e4ca8a;background:linear-gradient(150deg,#fff 67%,#fff7e5);box-shadow:inset 4px 0 #d3a44e,0 9px 20px #9a76211b}
.subject-result-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;color:#7086a0;font-size:10px;font-weight:740}
.subject-result-top .subject-source-id{color:#315d86;font-weight:850;font-variant-numeric:tabular-nums}
.subject-result-card h3{margin:10px 0 4px;color:#183f6c;font-size:17px;line-height:1.43;overflow-wrap:anywhere}
.subject-journal-detail-link{color:#183f6c;text-decoration:underline;text-decoration-color:#9bb8d3;text-underline-offset:3px}
.subject-journal-detail-link:hover{text-decoration-color:#1e63ad}
.subject-badges{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
.subject-q-badge{display:inline-flex;align-items:center;min-height:25px;margin:0 2px 1px;padding:3px 7px;border:1px solid #cbddea;border-radius:7px;background:#f2f7fc;color:#38618a;font-size:10px;font-weight:860;line-height:1.1;white-space:nowrap;box-shadow:inset 0 1px #fff,0 2px 5px #28558018}
.subject-q-badge.tone-q1{border-color:#d5b665;background:linear-gradient(135deg,#fff5cf,#eec35e);color:#70470f}
.subject-q-badge.tone-q2{border-color:#a8c8e6;background:linear-gradient(135deg,#f9fdff,#bedcf5);color:#19598f}
.subject-q-badge.tone-q3{border-color:#a7d8c6;background:linear-gradient(135deg,#f6fff9,#c6ebdd);color:#176f60}
.subject-q-badge.tone-q4{border-color:#c7b9e4;background:linear-gradient(135deg,#fcfaff,#ddcff1);color:#694d8d}
.subject-q-badge.tone-unknown{border-color:#d8e0e9;background:#f7f9fb;color:#75889e}
.subject-q-badge-current{outline:2px solid currentColor;outline-offset:2px}
.subject-publisher{margin:0 0 11px;color:#69819a;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.subject-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}
.subject-result-meta div{min-width:0}
.subject-result-meta dt{color:#71869e;font-size:10px}
.citescore-wordmark{display:inline-block;color:#164b86;font-size:11px;font-weight:850;letter-spacing:-.02em}
.citescore-wordmark sup{font-size:8px;vertical-align:super}
.subject-result-meta dd{margin:2px 0 0;color:#2e5278;font-size:12px;font-weight:760;overflow-wrap:anywhere}
.subject-result-meta a,.subject-metric-grid a{color:#1b67b6;text-decoration:underline;text-underline-offset:2px}
.subject-detail{margin-top:14px;border-top:1px solid #e5edf5}
.subject-detail summary{margin:0;padding:11px 2px 1px;color:#286ab0;font-size:12px;font-weight:820;cursor:pointer}
.subject-detail summary:hover{text-decoration:underline}
.subject-detail-body{margin-top:11px;padding:13px;border:1px solid #e0e9f2;border-radius:10px;background:#f8fbff}
.subject-detail-body h4{margin:14px 0 8px;color:#345f89;font-size:12px}
.subject-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.subject-metric-grid div{min-width:0;padding:8px;border:1px solid #e4edf6;border-radius:8px;background:#fff}
.subject-metric-grid dt{color:#73879e;font-size:10px}
.subject-metric-grid dd{margin:2px 0 0;color:#2d547d;font-size:12px;font-weight:740;overflow-wrap:anywhere}
.subject-rank-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.subject-rank-list li{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;padding:8px;border:1px solid #e3edf5;border-radius:8px;background:#fff}
.subject-rank-list li.subject-rank-current{border-color:#a9c4e1;background:#f1f7ff}
.subject-rank-list strong{flex:1 1 130px;color:#28517f;font-size:11px;overflow-wrap:anywhere}
.subject-rank-list small{color:#69829d;font-size:10px}
.subject-annual{display:flex;flex-wrap:wrap;gap:5px}
.subject-annual span{padding:3px 6px;border-radius:6px;background:#eef4fa;color:#607990;font-size:10px}
.subject-coverage-note,.subject-attribution{margin:12px 0 0;color:#6e8199;font-size:11px;line-height:1.55}
.subject-attribution{font-weight:750}
.subject-empty{grid-column:1/-1;padding:22px;border:1px dashed #c6d8e8;border-radius:12px;background:#f7faff;color:#557491}
.subject-empty strong{color:#345b82}
.subject-empty p{margin:5px 0 0;font-size:12px}
.subject-load-delayed{border-color:#e8c883;background:#fffaf0;color:#73541d}
.subject-load-delayed p:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:13px}
.subject-load-delayed button{border:0;border-radius:9px;padding:9px 14px;background:linear-gradient(135deg,#0c9abf,#2755c7);color:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px #2864bc30}
.subject-load-delayed a{color:#245fba;font-size:12px;font-weight:750;text-underline-offset:3px}
.subject-load-delayed button:focus-visible,.subject-load-delayed a:focus-visible{outline:3px solid #f0b529;outline-offset:3px}
.subject-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:21px 0}
.subject-pagination button{min-width:38px;min-height:38px;padding:7px 11px;border:1px solid #c6dbea;border-radius:9px;background:#fff;color:#275c92;font-size:12px;font-weight:790;cursor:pointer}
.subject-pagination button:hover,.subject-pagination button:focus-visible,.subject-pagination button[aria-current]{background:#246cb4;color:#fff}
.subject-nearby,.subject-councils{margin:27px 0;padding:21px;border:1px solid var(--subject-line);border-radius:16px;background:linear-gradient(145deg,#fff,#f6faff)}
.subject-nearby h2,.subject-councils h2{margin:0 0 6px;color:var(--subject-ink)}
.subject-nearby>p,.subject-councils>p{margin:0 0 15px;color:#617993;font-size:13px;line-height:1.55}
.subject-nearby-grid,.subject-council-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.subject-nearby-grid a,.subject-council-grid a{display:flex;flex-direction:column;min-width:0;min-height:77px;padding:12px;border:1px solid #dbe7f1;border-radius:10px;background:#fff;color:#255d98;text-decoration:none;box-shadow:0 4px 10px #265d8c0b}
.subject-nearby-grid a:hover,.subject-council-grid a:hover,.subject-nearby-grid a:focus-visible,.subject-council-grid a:focus-visible{border-color:#91bfe0;box-shadow:0 8px 16px #265d8c1c}
.subject-nearby-grid span,.subject-council-grid span{color:#738aa2;font-size:10px;font-weight:700}
.subject-nearby-grid strong,.subject-council-grid strong{margin-top:5px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.subject-council-more{display:inline-block;margin-top:14px;color:#2065a7;font-size:12px;font-weight:780}
.subject-recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:25px 0}
.subject-recommend-grid.has-focused-council{grid-template-columns:minmax(0,1fr)}
.subject-recommend-card{min-width:0;padding:20px;border:1px solid #d7e4f0;border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 7px 17px #245b8d10;scroll-margin-top:96px}
.subject-recommend-card>div>span{color:#4981af;font-size:10px;font-weight:850;letter-spacing:.08em}
.subject-recommend-card h2{margin:5px 0 6px;color:#1c4878;font-size:17px}
.subject-recommend-card p{color:#667e97;font-size:12px;line-height:1.55}
.subject-recommend-chips{display:flex;flex-wrap:wrap;gap:5px}
.subject-recommend-chips a,.subject-recommend-chips span{padding:4px 7px;border:1px solid #d1e2f2;border-radius:7px;background:#eff6ff;color:#2d6498;font-size:10px;font-weight:760;text-decoration:none}
.subject-recommend-card ol{display:grid;gap:8px;margin:14px 0;padding:0;list-style:none}
.subject-recommend-card li{padding:9px;border:1px solid #e4ebf3;border-radius:9px;background:#fff}
.subject-recommend-card li a{color:#235d9c;text-decoration:none}
.subject-recommend-card li a:hover{text-decoration:underline}
.subject-recommend-card li strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.subject-recommend-card li small{display:block;margin-top:4px;color:#75889e;font-size:10px}
.subject-recommend-caveat{padding:9px 11px;border-radius:8px;background:#fff8e9;color:#7b6132!important}
.subject-pdf-link{display:inline-block;margin-top:3px;color:#2467a7;font-size:12px;font-weight:780}
.subject-council-focus{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0;padding:13px 16px;border:1px solid #b6d5ec;border-radius:11px;background:#eef7ff;color:#245a8c;font-size:13px}
.subject-council-focus[hidden]{display:none}
.subject-council-focus a{color:#286eb2;font-weight:800}
.council-picker-section{margin:25px 0 21px;padding:19px;border:1px solid #c3dced;border-radius:17px;background:linear-gradient(145deg,#ffffff,#f2f8ff);box-shadow:0 9px 21px #1f5d9212,inset 0 1px #fff;scroll-margin-top:90px}
.council-picker-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}
.council-picker-heading h2{margin:5px 0 6px;color:#1d4d7d;font-size:20px}
.council-picker-heading p{max-width:850px;margin:0;color:#647d98;font-size:12px;line-height:1.55}
.council-picker-count{padding:7px 10px;border:1px solid #acd0ea;border-radius:9px;background:#e9f5ff;color:#2a6da4;font-size:11px;font-weight:850;white-space:nowrap}
.council-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.council-picker-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:145px;padding:13px 13px 12px;border:1px solid hsl(var(--council-accent) 42% 76%);border-radius:13px;background:linear-gradient(145deg,hsl(var(--council-accent) 100% 99%),hsl(var(--council-accent) 80% 95%));color:#254e78;text-align:left;cursor:pointer;box-shadow:0 5px 12px #255a8d11,inset 0 1px #fff;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.council-picker-card:hover,.council-picker-card:focus-visible{transform:translateY(-2px);border-color:hsl(var(--council-accent) 58% 55%);box-shadow:0 10px 18px #245b8d21}
.council-picker-card:focus-visible{outline:3px solid #3684c8;outline-offset:2px}
.council-picker-card.is-selected,.council-picker-card[aria-pressed="true"]{border-width:2px;border-color:hsl(var(--council-accent) 60% 46%);background:linear-gradient(145deg,hsl(var(--council-accent) 100% 99%),hsl(var(--council-accent) 80% 90%));box-shadow:0 8px 16px #245b8d24,0 0 0 2px hsl(var(--council-accent) 60% 46% / .16)}
.council-picker-card-head{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:10px}
.council-picker-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,hsl(var(--council-accent) 65% 57%),hsl(var(--council-accent) 60% 40%));color:#fff;box-shadow:0 4px 9px hsl(var(--council-accent) 50% 35% / .28)}
.council-picker-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.council-picker-index{color:#6283a2;font-size:10px;font-weight:850;letter-spacing:.04em}
.council-picker-card strong{display:block;color:#1e4d7d;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.council-picker-card small{display:block;margin-top:6px;color:#6b8199;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.council-picker-action{display:block;margin-top:auto;padding-top:10px;color:#2d6c9f;font-size:10px;font-weight:850}
.council-recommend-source-switch{margin:20px 0 15px}
.council-recommend-source-switch>p{margin:9px 2px 0;color:#5f748d;font-size:11px;line-height:1.5}
.subject-recommend-grid[data-active-source="scimagojr"] .subject-recommend-card{border-color:#a7d4c7;background:linear-gradient(145deg,#fbfffd,#eff9f5);box-shadow:0 8px 19px #18786615}
.subject-recommend-grid[data-active-source="scopus"] .subject-recommend-card{border-color:#afc8e2;background:linear-gradient(145deg,#fff,#f3f8ff);box-shadow:0 8px 19px #245b8d14}
.subject-recommend-source-panels{min-width:0;margin-top:13px}
.subject-recommend-source-panel{min-width:0;padding:12px;border:1.5px solid #b8cee3;border-radius:13px;background:linear-gradient(150deg,#fff,#f1f7ff);box-shadow:inset 0 1px #fff,0 5px 13px #245b8d0d}
.subject-recommend-source-panel.source-scimagojr{border-color:#a9d5c9;background:linear-gradient(150deg,#fff,#eff9f5);box-shadow:inset 0 1px #fff,0 5px 13px #1878660d}
.subject-recommend-source-panel[hidden]{display:none!important}
.subject-recommend-source-panel>header{display:grid;gap:3px;margin:0;padding:0 1px 9px;border-bottom:1px solid #dce8f3}
.subject-recommend-source-panel.source-scimagojr>header{border-bottom-color:#d6ebe3}
.subject-recommend-source-panel>header strong{color:#245d95;font-size:12px}
.subject-recommend-source-panel.source-scimagojr>header strong{color:#267565}
.subject-recommend-source-panel>header span{color:#6d8196;font-size:10px;line-height:1.45}
.subject-recommend-source-panel ol{margin-top:10px}
.subject-recommend-source-panel li{border-color:#d8e4ef;background:#fff}
.subject-recommend-source-panel.source-scimagojr li{border-color:#d5e8e1}
.subject-recommend-source-panel.source-scimagojr li a{color:#216d5d}
.subject-recommend-source-panel.source-scimagojr .subject-source-id{color:#287768}
.subject-council-q-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 3px}
.subject-council-q-filters button{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:5px 9px;border:1px solid #c8d9eb;border-radius:9px;background:linear-gradient(145deg,#fff,#f2f7fd);color:#365d83;font:inherit;font-size:10px;font-weight:850;cursor:pointer;box-shadow:inset 0 1px #fff,0 2px 5px #19466e0d;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}
.subject-council-q-filters button span{color:#6a8199;font-size:9px;font-variant-numeric:tabular-nums}
.subject-council-q-filters button:hover{transform:translateY(-1px);box-shadow:0 4px 9px #19466e16}
.subject-council-q-filters button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.subject-council-q-filters button:disabled:hover{transform:none;box-shadow:none}
.subject-council-q-filters button:focus-visible{outline:3px solid #4c9bd2;outline-offset:2px}
.subject-council-q-filters button[aria-pressed="true"]{border-color:#5488c2;background:linear-gradient(145deg,#397ec2,#245f9d);color:#fff;box-shadow:inset 0 1px #ffffff40,0 4px 9px #1d579329}
.subject-council-q-filters button[aria-pressed="true"] span{color:#e3f1ff}
.source-scimagojr .subject-council-q-filters button{border-color:#c4dfd6;background:linear-gradient(145deg,#fff,#f0faf6);color:#286b5e}
.source-scimagojr .subject-council-q-filters button[aria-pressed="true"]{border-color:#318d79;background:linear-gradient(145deg,#36a48d,#217664);color:#fff;box-shadow:inset 0 1px #ffffff40,0 4px 9px #1878662b}
.source-scimagojr .subject-council-q-filters button[aria-pressed="true"] span{color:#e5fff6}
.subject-council-q-status{margin:7px 1px 0!important;color:#71839a!important;font-size:9px!important;line-height:1.4!important}
.subject-recommend-grid[data-active-source="scimagojr"] .subject-recommend-chips a{border-color:#c8e3da;background:#edf8f3;color:#267565}
.subject-recommend-grid[data-active-source="scopus"] .subject-recommend-chips a{border-color:#ccdeef;background:#eff6ff;color:#2d6498}
@media(max-width:650px){.council-recommend-source-switch{padding:11px}.subject-recommend-source-panel{padding:10px}}
@media(max-width:420px){.subject-council-q-filters{gap:5px}.subject-council-q-filters button{flex:1;justify-content:center;min-height:35px;padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.subject-council-q-filters button{transition:none}.subject-council-q-filters button:hover{transform:none}}
@media(max-width:1150px){.subject-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-controls .subject-search-wide{grid-column:1/-1}}
@media(max-width:850px){.subject-tile-grid,.subject-samples ol,.subject-nearby-grid,.subject-council-grid,.subject-q-panel-links{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-q-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.subject-q-nav .subject-all-link{grid-column:1/-1;min-height:52px}.subject-explore-heading{display:block}.subject-explore-heading p{margin-top:5px}}
@media(max-width:850px){.council-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.subject-paths,.subject-result-grid,.subject-recommend-grid{grid-template-columns:1fr}.subject-directory-heading{align-items:stretch;flex-direction:column}.subject-directory-heading label{width:100%}.subject-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px}.subject-controls .subject-search-wide{grid-column:1/-1}.subject-q-nav{gap:7px}.subject-q-nav a{min-height:72px;padding:10px}.subject-q-link strong{font-size:20px}.subject-q-link span{font-size:10px}}
@media(max-width:650px){.council-picker-section{padding:14px}.council-picker-heading{align-items:flex-start;flex-direction:column;gap:8px}.council-picker-heading h2{font-size:18px}.council-picker-count{align-self:flex-start}.council-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.council-picker-card{min-height:132px;padding:11px}.council-picker-card strong{font-size:11px}.council-picker-card small{font-size:9px}.council-picker-action{font-size:9px}}
@media(max-width:480px){.subject-tile-grid,.subject-samples ol,.subject-nearby-grid,.subject-council-grid{grid-template-columns:1fr}.subject-q-panel>summary small{display:none}.subject-family-heading{display:block}.subject-family-heading p{margin:-7px 0 12px}.subject-tile{min-height:145px}.subject-controls{grid-template-columns:1fr}.subject-controls .subject-search-wide{grid-column:auto}.subject-result-meta,.subject-metric-grid{grid-template-columns:1fr 1fr}.subject-result-card{padding:15px}.subject-q-nav .subject-all-link{font-size:12px}.subject-q-link span{font-size:9px}}
@media(max-width:380px){.subject-q-panel-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.subject-tile,.subject-q-nav a{transition:none}.subject-tile:hover,.subject-q-nav a:hover{transform:none}}

/* Give each journal result a clearer edge against the page background. */
.subject-result-card{border-width:1.5px;border-color:#b9cadd;box-shadow:inset 0 1px #fff,0 7px 18px #173f7416}
.subject-result-card.subject-result-q1{border-color:#d8b960;box-shadow:inset 4px 0 #d3a44e,0 9px 20px #9a76211b}
.subject-result-card.subject-result-expanded{grid-column:1/-1;border-color:#8eb2d0;box-shadow:inset 0 1px #fff,0 12px 24px #173f7422}
.subject-result-card.subject-result-scimagojr.subject-result-expanded{border-color:#85c5b4}

/* Keep the two metric systems visually distinct and let readers switch datasets. */
.subject-source-switch{margin:18px 0 13px;padding:13px 15px;border:1px solid #cbdced;border-radius:14px;background:linear-gradient(135deg,#fbfdff,#f2f7fd);box-shadow:inset 0 1px #fff,0 5px 14px #214e850d}
.subject-source-switch legend{padding:0 6px;color:#254e78;font-size:13px;font-weight:850}
.subject-source-switch>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.subject-source-switch label{position:relative;display:block;margin:0;cursor:pointer}
.subject-source-switch input{position:absolute;width:1px;height:1px;opacity:0}
.subject-source-switch label>span{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:58px;padding:10px 13px;border:1px solid #d1dfed;border-radius:11px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:inset 0 1px #fff,0 3px 8px #183f7010;transition:transform .18s,box-shadow .18s,border-color .18s}
.subject-source-switch label>span strong{color:#245e91;font-size:14px}
.subject-source-switch label>span small{color:#71859c;font-size:11px;text-align:right}
.subject-source-switch input:checked+span{border-color:#86b7dc;background:linear-gradient(145deg,#fff,#eaf5ff);box-shadow:inset 0 1px #fff,0 6px 13px #234f781a}
.subject-source-switch label:last-child input:checked+span{border-color:#75b9a7;background:linear-gradient(145deg,#fbfffe,#e8f8f3)}
.subject-source-switch input:focus-visible+span{outline:3px solid #3b93d7;outline-offset:2px}
.subject-source-switch label:hover>span{transform:translateY(-1px);box-shadow:0 7px 14px #245b8d18}
.subject-source-switch>p{margin:9px 0 0;color:#667d96;font-size:11px;line-height:1.55}
.subject-controls [hidden]{display:none!important}
.subject-result-scimagojr{border-color:#a8d5c9;background:linear-gradient(145deg,#fff,#fbfffd);box-shadow:inset 0 1px #fff,0 7px 18px #13756613}
.subject-result-scimagojr .subject-source-id{color:#267767}
.subject-result-scimagojr .subject-result-top{border-color:#d3eae3}
.subject-result-scimagojr .subject-detail{border-color:#c9e4dc;background:#f7fcfa}
.subject-result-scimagojr .subject-rank-list li{border-color:#d8ebe5}
.subject-result-scimagojr .subject-rank-list li .subject-q-badge{flex:none}
.subject-result-scimagojr .subject-detail-body>p a{color:#236c60;font-weight:800}
.subject-tile-sjr{color:#287567!important;font-weight:800}
@media(max-width:600px){.subject-source-switch{padding:11px}.subject-source-switch>div{grid-template-columns:1fr}.subject-source-switch label>span{min-height:54px}.subject-source-switch label>span small{max-width:52%}}
@media(prefers-reduced-motion:reduce){.subject-source-switch label>span{transition:none}.subject-source-switch label:hover>span{transform:none}}

/* Keep the publishing action compact and centered above the comparison disclosure. */
.subject-comparison-wrap{margin-top:14px}
.subject-publish-action-row{display:flex;justify-content:center;margin:0 0 7px}
.subject-publish-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:32px;padding:6px 12px;border:1px solid #8eb9dc;border-radius:9px;background:linear-gradient(145deg,#fff,#e6f3ff);box-shadow:inset 0 1px #fff,0 4px 10px #24629b1a;color:#245f96;font-size:11px;font-weight:850;line-height:1.25;text-align:center;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.subject-publish-action:hover,.subject-publish-action:focus-visible{transform:translateY(-1px);border-color:#3c83bd;background:linear-gradient(145deg,#fff,#d8ecfc);box-shadow:inset 0 1px #fff,0 7px 14px #24629b2b;outline-offset:2px;text-decoration:none}
.subject-result-scimagojr .subject-publish-action{border-color:#8bc9bb;background:linear-gradient(145deg,#fff,#e5f7f0);color:#247363}
.subject-result-scimagojr .subject-publish-action:hover,.subject-result-scimagojr .subject-publish-action:focus-visible{border-color:#318d79;background:linear-gradient(145deg,#fff,#d5f1e8)}
.subject-comparison-details{margin-top:0;border-top:0}
.subject-comparison-details>summary{display:block;color:#245f9f}
.subject-comparison-details>summary:hover{text-decoration:underline}
.subject-result-scimagojr .subject-comparison-details>summary{color:#1e7563}
.subject-comparison-note{margin:0 0 11px;color:#617993;font-size:11px;line-height:1.5}
.subject-scimago-actions{margin:0 0 13px;padding:9px;border:1px solid #a9d7ca;border-radius:13px;background:linear-gradient(145deg,#fbfffd,#edf9f4);box-shadow:inset 0 1px #fff,0 6px 16px #19776612}
.subject-scimago-actions-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px;margin:0 3px 8px;color:#397566;font-size:10px;line-height:1.35}.subject-scimago-actions-note strong{font-size:11px;letter-spacing:.02em}.subject-scimago-actions-note span{color:#698a83}
.subject-scimago-action-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.subject-scimago-action{display:grid;grid-template-columns:31px minmax(0,1fr) 18px;align-items:center;gap:8px;min-width:0;padding:10px 11px;border:1px solid #9bcfc1;border-radius:10px;background:#fff;color:#216e5e;text-decoration:none;box-shadow:inset 0 1px #fff,0 4px 10px #14776314;transition:transform .2s,box-shadow .2s,border-color .2s}
.subject-scimago-action:hover,.subject-scimago-action:focus-visible{transform:translateY(-2px);border-color:#318d79;box-shadow:0 8px 16px #14776324;outline-offset:2px}
.subject-scimago-action-publish{border-color:#b5c9e5;background:linear-gradient(145deg,#fff,#f1f6ff);color:#265f93}
.subject-scimago-action-publish:hover,.subject-scimago-action-publish:focus-visible{border-color:#6c9ed4;box-shadow:0 8px 16px #265f9322}
.subject-scimago-action-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#38a991,#177463);color:#fff;font-size:16px;font-weight:900;box-shadow:inset 0 1px #ffffff88,0 3px 7px #14776328}
.subject-scimago-action-publish .subject-scimago-action-icon{background:linear-gradient(145deg,#5d9ed7,#28669f)}
.subject-scimago-action-copy{display:grid;gap:2px;min-width:0}.subject-scimago-action strong{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.3}.subject-scimago-action small{display:block;color:#6b879f;font-size:9px;line-height:1.3;overflow-wrap:anywhere}
.subject-scimago-action-arrow{justify-self:end;color:#267967;font-size:17px;font-weight:900}
.subject-scimago-action-publish .subject-scimago-action-arrow{color:#2b6ca2}
.subject-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
.subject-comparison-source{min-width:0;overflow:hidden;border:1.5px solid #b9cde2;border-radius:11px;background:#fff;box-shadow:inset 0 1px #fff,0 4px 12px #1d4c7610}
.subject-comparison-source h4{margin:0;padding:11px 12px;color:#1b5089;font-size:12px;line-height:1.35}
.subject-comparison-scopus h4{border-bottom:1px solid #c8d9f0;background:linear-gradient(135deg,#f0f6ff,#dfeaff);color:#205a9d}
.subject-comparison-scimagojr{border-color:#aad5ca}
.subject-comparison-scimagojr h4{border-bottom:1px solid #cde8df;background:linear-gradient(135deg,#effbf7,#dcf3e9);color:#207462}
.subject-comparison-source table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.4}
.subject-comparison-source th,.subject-comparison-source td{padding:7px 9px;border-bottom:1px solid #e8eef4;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.subject-comparison-source tr:last-child th,.subject-comparison-source tr:last-child td{border-bottom:0}
.subject-comparison-source th{width:42%;color:#6b8097;font-weight:650}
.subject-comparison-source td{color:#294f76;font-weight:750}
.subject-comparison-scopus td a{color:#1d65b0;text-decoration:underline;text-underline-offset:2px}
.subject-comparison-scimagojr td a{color:#1e7563;text-decoration:underline;text-underline-offset:2px}
.subject-comparison-source>p{margin:0;padding:9px 11px;border-top:1px solid #e8eef4;color:#71839a;font-size:10px;line-height:1.45}
.subject-comparison-source>p a{font-weight:800}
.subject-comparison-ranks{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.subject-comparison-ranks li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 5px}
.subject-comparison-ranks li strong{color:#345675;font-size:10px;line-height:1.35}
.subject-comparison-ranks li small{grid-column:1/-1;color:#75879b;font-size:9px}
.subject-comparison-ranks .subject-q-badge{min-height:20px;padding:2px 5px;font-size:9px}
.subject-comparison-missing{margin:0;padding:10px;border:1px dashed #c5d5e4;border-radius:8px;background:#fff;color:#627990;font-size:11px;line-height:1.5}
@media(max-width:700px){.subject-comparison-grid{grid-template-columns:1fr}.subject-comparison-source th{width:38%}.subject-scimago-action-grid{grid-template-columns:1fr}.subject-scimago-action{padding:10px}}

/* Source cards have persistent, distinct identities; Q totals follow the active dataset. */
.subject-source-option>span{display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-content:initial!important;min-height:76px!important;padding:11px 14px!important;border-width:1.5px!important}
.subject-source-option>span:before{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:11px;font-weight:950;letter-spacing:-.04em;box-shadow:inset 0 1px #ffffffa8,0 3px 7px #183f7018}
.source-option-scopus>span{border-color:#a8c6ed!important;background:linear-gradient(140deg,#f8fbff,#e8f1ff)!important}
.source-option-scopus>span:before{content:"SC";background:linear-gradient(145deg,#5498ec,#245ab0);color:#fff}
.source-option-scopus>span strong{color:#1d579f!important}
.source-option-scimagojr>span{border-color:#9ed4c5!important;background:linear-gradient(140deg,#f7fffc,#e4f7f0)!important}
.source-option-scimagojr>span:before{content:"SJR";background:linear-gradient(145deg,#42b99e,#177564);color:#fff}
.source-option-scimagojr>span strong{color:#197663!important}
.subject-source-option>span strong,.subject-source-option>span small{grid-column:2;text-align:left!important}
.subject-source-option>span strong{font-size:16px!important}
.subject-source-option>span small{font-size:11px!important}
.source-option-scopus input:checked+span{border-color:#3678ce!important;background:linear-gradient(140deg,#eef6ff,#dbeaff)!important;box-shadow:inset 0 1px #fff,0 8px 17px #245fa02a!important}
.source-option-scimagojr input:checked+span{border-color:#27977f!important;background:linear-gradient(140deg,#effff9,#d6f2e8)!important;box-shadow:inset 0 1px #fff,0 8px 17px #17806c26!important}
.subject-q-nav[data-source="scimagojr"] .subject-all-link{border-color:#8fcdbc;background:linear-gradient(140deg,#eafff6,#d8f2e8);color:#1e6c5b}
.subject-q-nav[data-source="scopus"] .subject-all-link{border-color:#a8c6ed;background:linear-gradient(140deg,#e9f3ff,#dce8ff);color:#245b9f}
.subject-q-nav[data-source="abdc"] .subject-all-link{border-color:#b9a0e6;background:linear-gradient(140deg,#f7f0ff,#e9ddff);color:#5b3a94}
.subject-q-nav[data-source="abdc"] .subject-q-link{border-color:#b9a0e6;background:linear-gradient(140deg,#fcfaff,#eee5ff);color:#5b3a94}
.subject-q-nav[data-source="abdc"] .subject-q-link strong{color:#5b3a94}
.subject-q-nav[data-source="abdc"] .subject-q-link span{color:#7651ae}
.subject-q-nav[data-source="abdc"] .subject-q-link[aria-current="page"]{outline-color:#8d68c8}
.subject-q-nav a[aria-current="page"]{outline:3px solid #3777be;outline-offset:1px}
.subject-samples{border-width:1.5px}
.subject-samples[data-source="scopus"]{border-color:#a9c7ed;background:linear-gradient(135deg,#fff,#f0f6ff)}
.subject-samples[data-source="scimagojr"]{border-color:#9ed4c5;background:linear-gradient(135deg,#fff,#effaf5)}
.subject-sample-card{border-width:1.5px!important}
.subject-sample-card.source-scopus{border-color:#bdd1ee!important;background:linear-gradient(140deg,#fff,#f4f8ff)!important}
.subject-sample-card.source-scimagojr{border-color:#b4ddd1!important;background:linear-gradient(140deg,#fff,#f2fbf7)!important}
.subject-sample-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:#637b94;font-size:10px;line-height:1.4}
.subject-sample-top>span:last-child{text-align:right}
.subject-samples-summary{margin:11px 0 0;color:#667d95;font-size:11px;font-weight:750}
.subject-samples-more{display:inline-flex;margin-top:9px;padding:7px 10px;border:1px solid #bed4e9;border-radius:9px;background:#fff;color:#285d92;font-size:11px;font-weight:800;text-decoration:none}
.subject-samples[data-source="scimagojr"] .subject-samples-more{border-color:#abd7ca;color:#246e5f}
.subject-sample-empty{grid-column:1/-1;color:#71839a;font-size:12px}
@media(max-width:600px){.subject-source-option>span{min-height:66px!important}.subject-source-option>span:before{width:32px;height:32px}}

/* One source switch controls the Q shortcuts and the 27-subject directory. */
.subject-discovery{margin:31px 0;padding:clamp(15px,2.2vw,25px);border:1.5px solid #b9cfe2;border-radius:22px;background:linear-gradient(150deg,#f8fbff,#fff 42%,#f7fbff);box-shadow:inset 0 1px #fff,0 15px 36px #193f7014;scroll-margin-top:90px}
.subject-discovery[data-active-source="scimagojr"]{border-color:#a8d4c7;background:linear-gradient(150deg,#f3fbf8,#fff 45%,#f4fbf8)}
.subject-discovery>.subject-directory-heading{align-items:center;margin-bottom:9px}
.subject-discovery>.subject-directory-heading h2{margin:5px 0;color:#173f6b;font-size:clamp(23px,3vw,31px);line-height:1.2}
.subject-discovery>.subject-directory-heading .section-kicker{color:#4e769b;font-size:10px;font-weight:850;letter-spacing:.11em}
.subject-discovery .source-comparison-fieldset{margin:12px 0 15px}
.subject-source-autoplay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.subject-source-autoplay-row .source-comparison-note{margin:0;flex:1}
#subject-source-autoplay{flex:none;min-height:37px;padding:8px 12px;border:1px solid #afc6db;border-radius:10px;background:linear-gradient(145deg,#fff,#edf5ff);color:#285984;font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #fff,0 3px 8px #1c4a7410}
#subject-source-autoplay:hover,#subject-source-autoplay:focus-visible{border-color:#77a8d0;box-shadow:0 5px 12px #1d54851c;outline-offset:2px}
#subject-source-autoplay[aria-pressed="true"]{border-color:#9dcbbd;background:linear-gradient(145deg,#f9fffc,#e6f6ef);color:#246d5d}
.subject-discovery-content{padding-top:3px;--discovery-accent:#286ab4}
.subject-discovery-content[data-source="scimagojr"]{--discovery-accent:#287c6d}
.subject-discovery-heading{margin:3px 0 9px}
.subject-discovery-heading h3{margin:0;color:var(--discovery-accent);font-size:19px}
.subject-discovery-heading p{margin:4px 0 0;color:#657b93;font-size:12px;line-height:1.55}
.subject-discovery-content .subject-shortcuts{margin:12px 0 20px}
.subject-discovery-content .subject-shortcuts>.subject-family-heading h3{margin:0 0 10px;color:#214a79;font-size:17px}
.subject-discovery-content .subject-family-heading{align-items:baseline}
.subject-discovery-content .subject-family-heading p{margin-bottom:10px}
.subject-discovery-content .subject-q-panel{border-color:#c6d7e6;box-shadow:0 5px 13px #1f588d0b}
.subject-discovery-content[data-source="scimagojr"] .subject-q-panel{border-color:#c2ded5}
.subject-discovery-content .subject-tile-count{color:var(--discovery-accent)}
.subject-discovery-content[data-source="scimagojr"] .subject-tile{border-color:#c8e1d9;background:linear-gradient(150deg,#fff 42%,#f0faf6)}
.subject-discovery-content[data-source="scimagojr"] .subject-tile b{color:#287768}
.subject-discovery-content[data-source="scimagojr"] .subject-q-panel-links a{border-color:#d5e7e1;color:#246b5e}
.subject-directory-count-row{margin:-1px 0 6px}
.subject-directory-count-row #subject-directory-count{margin:0 0 12px;color:var(--discovery-accent)}
.subject-discovery-content.source-listing-enter{animation:source-listing-enter .38s ease-out both}
.subject-recommend-grid.source-listing-enter{animation:source-listing-enter .38s ease-out both}
@keyframes source-listing-enter{from{opacity:.42;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:750px){.subject-discovery>.subject-directory-heading{align-items:stretch}.subject-source-autoplay-row{align-items:stretch;flex-direction:column}.subject-source-autoplay-row #subject-source-autoplay{align-self:flex-start}}
@media(max-width:520px){.subject-discovery{padding:13px;border-radius:17px}.subject-discovery>.subject-directory-heading h2{font-size:23px}.subject-discovery-heading h3{font-size:17px}.subject-source-autoplay-row #subject-source-autoplay{width:100%}}
@media(prefers-reduced-motion:reduce){.subject-discovery-content.source-listing-enter,.subject-recommend-grid.source-listing-enter{animation:none!important}#subject-source-autoplay{transition:none}}

/* Web of Science/JCR is a third, independently colored source. */
.subject-source-switch>div.subject-source-options-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.subject-source-switch .source-option-wos input:checked+span{border-color:#be983d;background:linear-gradient(145deg,#fffdf5,#f7e8bd);box-shadow:inset 0 1px #fff,0 6px 13px #98731e1a}
.subject-result-wos{border-color:#dfc98e;background:linear-gradient(145deg,#fff,#fffdf6);box-shadow:inset 0 1px #fff,0 7px 18px #88631b13}
.subject-result-wos .subject-source-id{color:#947022}
.subject-result-wos .subject-result-top{border-color:#efe3c3}
.subject-result-wos .subject-detail{border-color:#eadbb6;background:#fffdf7}
.subject-result-wos .subject-comparison-details>summary{color:#89671e}
.subject-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.subject-comparison-grid--1{grid-template-columns:minmax(0,min(100%,920px));justify-content:center}
.subject-comparison-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.subject-comparison-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.subject-comparison-grid--3>.subject-comparison-source:last-child:nth-child(odd){grid-column:auto}
.subject-comparison-wos{border-color:#ddc88f;background:linear-gradient(150deg,#fff,#fffdf8)}
.subject-comparison-wos h4{border-bottom:1px solid #eddfb5;background:linear-gradient(135deg,#fff9ed,#f8edcf);color:#87651c}
.subject-wos-category-details{gap:8px}
.subject-wos-category-details li{padding:7px 0;border-bottom:1px solid #f0ead8}
.subject-wos-category-details li:last-child{border-bottom:0}
.subject-wos-category-details li small{font-size:9px;line-height:1.45}
.subject-result-wos .subject-comparison-source{border-color:#e4d3a6}
.subject-result-wos .subject-comparison-source h4{border-bottom-color:#eadfbe;background:linear-gradient(135deg,#fffaf0,#f9edce);color:#88671f}
.source-option-wos>span{border-color:#e3d0a0!important;background:linear-gradient(140deg,#fffdf7,#fbf0d8)!important}
.source-option-wos>span:before{content:"JCR";background:linear-gradient(145deg,#e5bf61,#9a7423);color:#fff}
.source-option-wos>span strong{color:#84651e!important}
.source-option-wos input:checked+span{border-color:#be983d!important;background:linear-gradient(140deg,#fffdf5,#f7e8bd)!important;box-shadow:inset 0 1px #fff,0 8px 17px #a7802628!important}
.subject-sample-card.source-wos{border-color:#e6d5a9!important;background:linear-gradient(140deg,#fff,#fffaf0)!important}
.subject-discovery[data-active-source="wos"]{border-color:#e1ce9b;background:linear-gradient(150deg,#fffaf0,#fff 45%,#fffdf7)}
.subject-discovery-content[data-source="wos"]{--discovery-accent:#947022}
.subject-discovery-content[data-source="wos"] .subject-tile{border-color:#e6d8b5;background:linear-gradient(150deg,#fff 42%,#fff9eb)}
.subject-discovery-content[data-source="wos"] .subject-tile b,.subject-discovery-content[data-source="wos"] .subject-q-panel-links a{color:#89691f}
.subject-q-nav[data-source="wos"] .subject-all-link{border-color:#d8c38b;background:linear-gradient(140deg,#fff9e9,#f5e7bf);color:#805f18}
.subject-samples[data-source="wos"]{border-color:#e0cf9e;background:linear-gradient(135deg,#fff,#fffaf0)}
.subject-samples[data-source="wos"] .subject-samples-more{border-color:#dcc88f;color:#84641c}
.source-option-wos>span strong,.subject-source-option.source-option-wos>span strong{color:#84651e!important}
@media(max-width:1100px){.subject-comparison-grid--2,.subject-comparison-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-comparison-grid--3>.subject-comparison-source:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,calc((100% - 12px)/2))}}
@media(max-width:700px){.subject-comparison-grid{grid-template-columns:1fr}.subject-comparison-grid--3>.subject-comparison-source:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}}
@media(max-width:600px){.subject-source-options-three{grid-template-columns:1fr}}
/* Keep the three-source switch readable on phones and small tablets. The more
   specific three-column rule above must not force narrow cards at these widths. */
@media(max-width:760px){
  .subject-source-switch>div.subject-source-options-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subject-source-switch>div.subject-source-options-three>label:last-child{grid-column:1/-1}
  .subject-source-switch .subject-source-option>span small{max-width:none}
}
@media(max-width:540px){
  .subject-source-switch>div.subject-source-options-three{grid-template-columns:1fr}
  .subject-source-switch>div.subject-source-options-three>label:last-child{grid-column:auto}
  .subject-source-switch .subject-source-option>span{min-height:60px!important;padding:9px 12px!important}
  .subject-source-switch .subject-source-option>span small{max-width:none!important}
}
@media(prefers-reduced-motion:reduce){.subject-discovery-content.source-listing-enter,.subject-recommend-grid.source-listing-enter{animation:none!important}}

/* ABDC is an independent fourth source. Its warm violet/gold treatment keeps
   A*/A/B/C visibly separate from Q1–Q4 while remaining compact on mobile. */
.subject-source-switch>div.subject-source-options-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.subject-source-options-four .source-option-abdc>span,.source-option-abdc>span{border-color:#d8b56c!important;background:linear-gradient(145deg,#fffdf4,#f7ebc7)!important}
.source-option-abdc>span:before{content:"JQL";background:linear-gradient(145deg,#d5a64d,#8a5e18);color:#fff}
.source-option-abdc>span strong{color:#835c19!important}
.source-option-abdc input:checked+span{border-color:#b5822e!important;box-shadow:inset 0 1px #fff,0 8px 17px #a7802628!important}
.subject-result-abdc{border-color:#dfc98e;background:linear-gradient(145deg,#fff,#fffaf0);box-shadow:inset 0 1px #fff,0 7px 18px #88631b13}
.subject-result-abdc .subject-source-id{color:#8c671b}.subject-result-abdc .subject-result-top{border-color:#efe3c3}
.subject-result-abdc .subject-comparison-details>summary{color:#89671e}
.subject-comparison-abdc{border-color:#dfc98e!important;background:linear-gradient(150deg,#fff,#fffaf0)}
.subject-comparison-abdc h4{border-bottom-color:#eddfb5!important;background:linear-gradient(135deg,#fff9ed,#f8edcf)!important;color:#87651c!important}
.subject-sample-card.source-abdc{border-color:#e6d5a9!important;background:linear-gradient(140deg,#fff,#fffaf0)!important}
.subject-discovery[data-active-source="abdc"]{border-color:#d9b66a;background:linear-gradient(150deg,#fffaf0,#fff 45%,#fffdf7)}
.subject-discovery-content[data-source="abdc"]{--discovery-accent:#946d22}
.subject-discovery-content[data-source="abdc"] .subject-tile{border-color:#e6d8b5;background:linear-gradient(150deg,#fff 42%,#fff9eb)}
.subject-discovery-content[data-source="abdc"] .subject-tile b,.subject-discovery-content[data-source="abdc"] .subject-q-panel-links a{color:#89691f}
.subject-q-badge.tone-abdc{color:#805a18;border:1px solid #d6b264;background:linear-gradient(135deg,#fff4c9,#e8c66f);box-shadow:0 2px 6px #8f661c26}
.subject-comparison-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.subject-comparison-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.subject-source-switch>div.subject-source-options-four{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-comparison-grid--4{grid-template-columns:1fr}}
@media(max-width:540px){.subject-source-switch>div.subject-source-options-four{grid-template-columns:1fr}}

/* ABDC/JQL is intentionally violet; WOS/JCR remains gold for quick visual
   recognition when all four sources are shown together. */
.subject-source-switch .source-option-abdc>span,.source-option-abdc>span{border-color:#b9a0e6!important;background:linear-gradient(145deg,#fcfaff,#eee7ff)!important}
.source-option-abdc>span:before{background:linear-gradient(145deg,#8f6bd1,#51328f)!important;color:#fff}
.source-option-abdc>span strong{color:#5b3a94!important}
.source-option-abdc input:checked+span{border-color:#8c68c7!important;background:linear-gradient(145deg,#fff,#eee7ff)!important;box-shadow:inset 0 1px #fff,0 8px 17px #6542a52b!important}
.subject-result-abdc{border-color:#bca5e2;background:linear-gradient(145deg,#fff,#fcfaff);box-shadow:inset 0 1px #fff,0 7px 18px #6542a514}
.subject-result-abdc .subject-source-id{color:#65429b}.subject-result-abdc .subject-result-top{border-color:#e2d8f3}
.subject-result-abdc .subject-comparison-details>summary{color:#65429b}
.subject-comparison-abdc{border-color:#bca5e2!important;background:linear-gradient(150deg,#fff,#fcfaff)!important}
.subject-comparison-abdc h4{border-bottom-color:#e3d8f4!important;background:linear-gradient(135deg,#fbf8ff,#eee6ff)!important;color:#65429b!important}
.subject-sample-card.source-abdc{border-color:#c1ace6!important;background:linear-gradient(140deg,#fff,#faf7ff)!important}
.subject-discovery[data-active-source="abdc"]{border-color:#bba1e4;background:linear-gradient(150deg,#faf7ff,#fff 45%,#f8f3ff)}
.subject-discovery-content[data-source="abdc"]{--discovery-accent:#65429b}
.subject-discovery-content[data-source="abdc"] .subject-tile{border-color:#d8c9ef;background:linear-gradient(150deg,#fff 42%,#faf7ff)}
.subject-discovery-content[data-source="abdc"] .subject-tile b,.subject-discovery-content[data-source="abdc"] .subject-q-panel-links a{color:#65429b}
.subject-q-badge.tone-abdc{color:#58388d;border-color:#b9a0e6;background:linear-gradient(135deg,#f4ecff,#cdb5f2);box-shadow:0 2px 6px #6542a52b}
.subject-shortcuts-abdc .subject-family-heading h3{color:#65429b!important}
.subject-shortcuts-abdc .subject-family-heading p{color:#7651ae}
.subject-shortcuts-abdc .subject-q-panel{border-color:#c8b5e8;background:linear-gradient(145deg,#fff,#faf7ff)}
.subject-shortcuts-abdc .subject-q-panel>summary{color:#65429b}
.subject-shortcuts-abdc .subject-q-panel-links a{border-color:#d8c9ef;background:linear-gradient(145deg,#fff,#faf7ff)}
.source-abdc .subject-council-q-filters button{border-color:#d1c1eb;background:linear-gradient(145deg,#fff,#f6f0ff);color:#65429b}
.source-abdc .subject-council-q-filters button[aria-pressed="true"]{border-color:#8d68c8;background:linear-gradient(145deg,#9a73d8,#563596);color:#fff;box-shadow:inset 0 1px #ffffff44,0 4px 9px #6542a52b}

/* Compact metric summaries on phones; the full tables remain available on
   desktop and through each source profile link. */
@media(max-width:600px){
  .subject-comparison-source tbody tr:nth-child(n+6){display:none}
  .subject-comparison-source>p{margin:8px 10px;font-size:10px;line-height:1.45;color:#74879d}
  .subject-comparison-source:after{content:'Đã rút gọn trên màn hình nhỏ; mở hồ sơ nguồn hoặc dùng màn hình rộng để xem toàn bộ chỉ số.';display:block;margin:0 10px 10px;color:#8796a8;font-size:9px;line-height:1.4}
  .subject-comparison-grid--4{gap:8px}
  .subject-comparison-source h4{font-size:12px}
}

/* SciJournal is the fifth, neutral-blue source. It is intentionally distinct
   from the gold WOS/JCR and violet ABDC/JQL treatments. */
.subject-source-switch>div.subject-source-options-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.source-option-scijournal>span{border-color:#a7c4dd!important;background:linear-gradient(145deg,#f8fcff,#e7f2fb)!important}
.source-option-scijournal>span:before{content:"SJ";background:linear-gradient(145deg,#5b9fd0,#27658f);color:#fff}
.source-option-scijournal>span strong{color:#27658f!important}
.source-option-scijournal input:checked+span{border-color:#327bad!important;background:linear-gradient(145deg,#f1faff,#dcecf8)!important;box-shadow:inset 0 1px #fff,0 8px 17px #27658f28!important}
.subject-result-scijournal{border-color:#9bbfd9;background:linear-gradient(145deg,#fff,#f5fbff);box-shadow:inset 0 1px #fff,0 7px 18px #27658f18}
.subject-result-scijournal .subject-source-id{color:#27658f}.subject-result-scijournal .subject-result-top{border-color:#d7e8f3}
.subject-result-scijournal .subject-comparison-details>summary{color:#27658f}
.subject-comparison-scijournal{border-color:#9bbfd9!important;background:linear-gradient(150deg,#fff,#f5fbff)!important}
.subject-comparison-scijournal h4{border-bottom-color:#d7e8f3!important;background:linear-gradient(135deg,#f3faff,#deedf8)!important;color:#27658f!important}
.subject-comparison-scijournal td a{color:#27658f;text-decoration:underline;text-underline-offset:2px}
.subject-sample-card.source-scijournal{border-color:#a9c8df!important;background:linear-gradient(140deg,#fff,#f4faff)!important}
.subject-discovery[data-active-source="scijournal"]{border-color:#9bbfd9;background:linear-gradient(150deg,#f3faff,#fff 45%,#f4fbff)}
.subject-discovery-content[data-source="scijournal"]{--discovery-accent:#27658f}
.subject-discovery-content[data-source="scijournal"] .subject-tile{border-color:#b8d3e5;background:linear-gradient(150deg,#fff 42%,#f1f8fc)}
.subject-discovery-content[data-source="scijournal"] .subject-tile b,.subject-discovery-content[data-source="scijournal"] .subject-q-panel-links a{color:#27658f}
.subject-q-nav[data-source="scijournal"] .subject-all-link{border-color:#a7c4dd;background:linear-gradient(140deg,#edf7fd,#dcecf8);color:#27658f}
.subject-samples[data-source="scijournal"]{border-color:#a7c4dd;background:linear-gradient(135deg,#fff,#f3faff)}
.subject-samples[data-source="scijournal"] .subject-samples-more{border-color:#a7c4dd;color:#27658f}
.subject-comparison-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1400px){.subject-comparison-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.subject-source-switch>div.subject-source-options-five{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-source-options-five>label:last-child{grid-column:auto}.subject-comparison-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.subject-source-switch>div.subject-source-options-five{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-source-options-five>label:last-child{grid-column:1/-1}.subject-comparison-grid--5{grid-template-columns:1fr}}
@media(max-width:540px){.subject-source-switch>div.subject-source-options-five{grid-template-columns:1fr}.subject-source-options-five>label:last-child{grid-column:auto}}
/* SciJournal council recommendations use a neutral blue distinct from WOS gold and ABDC violet. */
.subject-recommend-source-panel.source-scijournal{border-color:#a7c4dd;background:linear-gradient(150deg,#fff,#eff8ff);box-shadow:inset 0 1px #fff,0 5px 13px #27658f14}
.subject-recommend-source-panel.source-scijournal>header{border-bottom-color:#d7e8f3}
.subject-recommend-source-panel.source-scijournal>header strong{color:#27658f}
.subject-recommend-source-panel.source-scijournal li{border-color:#d3e4f1}
.subject-recommend-source-panel.source-scijournal li a{color:#27658f}
.subject-recommend-source-panel.source-scijournal .subject-source-id{color:#39739b}
.source-scijournal .subject-council-q-filters button{border-color:#bfd7e8;background:linear-gradient(145deg,#fff,#eef7fd);color:#27658f}
.source-scijournal .subject-council-q-filters button[aria-pressed="true"]{border-color:#327bad;background:linear-gradient(145deg,#5b9fd0,#27658f);color:#fff;box-shadow:inset 0 1px #ffffff44,0 4px 9px #27658f2b}
.source-scijournal .subject-council-q-filters button[aria-pressed="true"] span{color:#e8f5ff}
.subject-recommend-grid[data-active-source="scijournal"] .subject-recommend-card{border-color:#a7c4dd;background:linear-gradient(145deg,#fff,#f2f8fd);box-shadow:0 8px 19px #27658f16}
.subject-recommend-grid[data-active-source="scijournal"] .subject-recommend-chips a{border-color:#c4ddeb;background:#eef7fd;color:#27658f}
@media(max-width:650px){.subject-source-switch>div.subject-source-options-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.subject-source-switch>div.subject-source-options-five{grid-template-columns:1fr}}