/* Resources / Tool Index — rides on site.css variables (cyan #4bffff, Oswald, dark). */
body.res{overflow:auto;height:auto;background:var(--bg)}
.res-head{padding:96px 26px 10px}
.res-head h1{font-size:44px;color:#fff;font-weight:300;margin:12px 0 10px;letter-spacing:.01em}
.res-head .lead{max-width:820px}
.meta{display:block;margin-top:8px;color:var(--cyan);font-size:13px;letter-spacing:.04em;font-family:"Oswald",sans-serif}

.controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}
.tabs{display:flex;gap:2px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.tab{background:transparent;color:#9fb2c8;font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;
  font-size:13px;padding:11px 18px;cursor:pointer;border:none;border-right:1px solid var(--line)}
.tab:last-child{border-right:none}
.tab:hover{color:#fff;background:rgba(75,255,255,.06)}
.tab.active{background:var(--cyan);color:#06222a;font-weight:600}
.search{background:#0c1016;border:1px solid var(--line);border-radius:6px;color:var(--ink);
  font-size:14px;padding:10px 14px;min-width:240px;font-family:"Open Sans",sans-serif}
.search:focus{outline:none;border-color:var(--cyan)}

.table-wrap{padding:22px 26px 40px}
.view.hidden,.hidden{display:none}
table.idx{width:100%;border-collapse:collapse;font-size:13.5px}
table.idx th,table.idx td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
table.idx thead th{position:sticky;top:0;background:#0b0f16;color:var(--cyan);font-family:"Oswald",sans-serif;
  font-weight:400;letter-spacing:.07em;text-transform:uppercase;font-size:11.5px;cursor:pointer;z-index:2}
table.idx thead th:hover{color:#fff}
table.idx thead th.sorted-asc::after{content:" ▲";font-size:9px}
table.idx thead th.sorted-desc::after{content:" ▼";font-size:9px}
table.idx tbody tr:hover{background:rgba(75,255,255,.05)}
.idx .num{text-align:right;font-variant-numeric:tabular-nums}
.idx .tname{font-weight:600;color:#eaf2ff}
.idx .tname a{color:#eaf2ff;text-decoration:none;border-bottom:1px solid transparent}
.idx .tname a:hover{color:var(--cyan);border-color:var(--cyan)}
.idx .stars{color:var(--cyan)}
.idx .rob{letter-spacing:1px;color:var(--warn)}

/* surface matrix */
.surface-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:6px}
table.surface td,table.surface th{text-align:center;padding:8px 10px}
table.surface .tname{text-align:left;position:sticky;left:0;background:var(--bg);z-index:1}
table.surface thead .tname{z-index:3}
table.surface th.surf-col{height:120px;vertical-align:bottom;padding-bottom:10px}
table.surface th.surf-col span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;display:inline-block}
.surface td.yes{color:var(--cyan);font-weight:700}
.surface td.no{color:#2b3647}
.legend{color:var(--mut);font-size:12.5px;margin-top:12px}
.legend .yes{color:var(--cyan);font-weight:700}.legend .no{color:#3a4860}

.empty{color:var(--mut);padding:30px 0;text-align:center}

/* growth column */
.idx .growth.up{color:#53c08a}
.idx .growth.down{color:#ff8a6b}
.idx .growth.flat,.idx .growth.dim{color:#4a5a70}

/* governance view */
.gov-finding{display:flex;gap:22px;align-items:center;background:linear-gradient(180deg,rgba(181,38,36,.10),rgba(181,38,36,.03));
  border:1px solid #5a2420;border-left:4px solid #e0493f;border-radius:10px;padding:20px 24px;margin-bottom:22px;flex-wrap:wrap}
.gov-stat{text-align:center;flex:none;padding-right:22px;border-right:1px solid #4a2420}
.gov-stat b{display:block;font-family:"Oswald",sans-serif;font-size:52px;line-height:1;color:#ff8a6b;font-weight:300}
.gov-stat span{color:#d7c3bf;font-size:13px}
.gov-stat span b{display:inline;font-size:13px;color:#ffb3a0}
.gov-finding p{margin:0;color:#d7c3bf;font-size:14.5px;max-width:760px;flex:1;min-width:280px}
table.gov th.gcol{text-align:center}
table.gov td.g-yes,table.gov td.g-part,table.gov td.g-no{text-align:center;font-size:16px}
table.gov td.g-yes{color:#53c08a}
table.gov td.g-part{color:#f5c451}
table.gov td.g-no{color:#2b3647}
.legend .g-yes{color:#53c08a}.legend .g-part{color:#f5c451}.legend .g-no{color:#3a4860}

/* Villager danger annotation */
.danger{border:1px solid #6e2420;background:linear-gradient(180deg,rgba(181,38,36,.12),rgba(181,38,36,.04));
  border-left:4px solid var(--red,#e0493f);border-radius:10px;padding:22px 24px;margin:10px 0 40px}
.danger-head{display:flex;align-items:center;gap:12px}
.danger-head .skull{font-size:24px}
.danger-head h3{margin:0;color:#ff8a6b;font-family:"Oswald",sans-serif;font-weight:400;letter-spacing:.03em;font-size:19px}
.danger p{color:#d7c3bf;margin:12px 0 0;font-size:14.5px;max-width:900px}
.danger .v-teaching{color:#b9a7a3;font-style:italic}
.danger .v-meta b,.danger .v-sources{color:#e9c4bd}
.danger .v-sources a{color:#ff8a6b}

@media (max-width:760px){
  .res-head h1{font-size:32px}
  .controls{align-items:stretch}.search{min-width:0;width:100%}
  table.idx{font-size:12px}
}