/* How We Score slide-over drawer + market stats strip */
.wws-drawer-root{position:fixed;inset:0;z-index:10000;pointer-events:none}
.wws-drawer-root.open{pointer-events:auto}
.wws-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:opacity .2s}
.wws-drawer-root.open .wws-backdrop{opacity:1}
.wws-drawer{
  position:absolute; top:0; right:0; height:100%; width:min(480px,100vw);
  background:#07080A; color:#fff; border-left:1px solid #2A2F33;
  box-shadow:-18px 0 48px rgba(0,0,0,.5); transform:translateX(104%);
  transition:transform .24s ease; overflow:auto; font-family:'DM Sans',Arial,sans-serif;
}
.wws-drawer-root.open .wws-drawer{transform:translateX(0)}
.wws-drawer::before{content:"";display:block;height:2px;background:linear-gradient(90deg,#C9A24B,transparent 80%)}
.wws-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid #2A2F33}
.wws-head h2{margin:0;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;letter-spacing:.12em}
.wws-head p{margin:6px 0 0;color:#9AA0A6;font-size:13px;line-height:1.4}
.wws-x{background:transparent;border:1px solid #2A2F33;color:#fff;border-radius:4px;width:34px;height:34px;cursor:pointer;font-size:18px;line-height:1}
.wws-x:hover{border-color:#C9A24B;color:#C9A24B}
.wws-body{padding:16px 20px 28px}
.wws-card{background:#0C0E10;border:1px solid #2A2F33;border-radius:8px;padding:14px;margin:0 0 14px}
.wws-card h3{margin:0 0 8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;color:#C9A24B;font-weight:500}
.wws-card p,.wws-card li{color:#C8CDD2;font-size:13px;line-height:1.5;margin:0 0 8px}
.wws-card ul{margin:0;padding-left:18px}
.wws-formula{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;color:#fff;background:#111418;border:1px solid #2A2F33;border-radius:6px;padding:10px 12px}
.wws-wrow{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center;margin:0 0 7px}
.wws-wrow span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:#C8CDD2}
.wws-wbar{height:7px;background:#15181B;border-radius:999px;overflow:hidden;border:1px solid #22272B}
.wws-wbar>i{display:block;height:100%;background:linear-gradient(90deg,#8A7030,#C9A24B)}
.wws-footlink{display:inline-block;margin-top:6px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;color:#fff;text-decoration:none;font-weight:700}
.wws-footlink:hover{color:#C9A24B}
.wws-disc{margin-top:14px;font-size:12px;color:#9AA0A6}

/* Market stats strip on board */
.wwl-stats{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px;
  padding:0 24px; margin:12px auto 0; width:100%; max-width:1440px;
}
.wwl-stat{
  background:#07080A; border:1px solid #2A2F33; border-radius:8px; padding:12px 14px; min-width:0;
}
.wwl-stat .k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.14em;color:#C9A24B;margin:0 0 6px}
.wwl-stat .v{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;font-weight:700;color:#fff;line-height:1.25}
.wwl-stat .s{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:#9AA0A6;margin-top:4px}
.wwl-stat .v .up{color:#16C784} .wwl-stat .v .down{color:#EA3943} .wwl-stat .v .flat{color:#9AA0A6}
@media (max-width:1100px){.wwl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wwl-stats{grid-template-columns:1fr;padding:0 14px}}

/* How-we-score methodology page */
.wwm{--bg:#000;--panel:#07080A;--line:#2A2F33;--gold:#C9A24B;--muted:#9AA0A6;--text:#fff;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace; --sans:'DM Sans',Arial,sans-serif;
  background:var(--bg);color:var(--text);font-family:var(--sans);padding:0 0 48px}
.wwm-wrap{max-width:1100px;margin:0 auto;padding:8px 24px 0}
.wwm-hero{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px 24px;margin:12px 0 18px;position:relative;overflow:hidden}
.wwm-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent 80%)}
.wwm-hero h1{margin:0 0 8px;font-family:var(--mono);font-size:22px;letter-spacing:.1em}
.wwm-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;max-width:70ch}
.wwm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}
.wwm-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}
.wwm-card h2{margin:0 0 10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:500}
.wwm-card p,.wwm-card li{color:#C8CDD2;font-size:14px;line-height:1.55;margin:0 0 8px}
.wwm-card ul{margin:0;padding-left:18px}
.wwm-formula{font-family:var(--mono);font-size:15px;background:#111418;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:#fff}
.wwm-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wwm-p{border:1px solid var(--line);border-radius:8px;padding:12px;background:#0C0E10}
.wwm-p h3{margin:0 0 4px;font-family:var(--mono);font-size:12px;letter-spacing:.08em}
.wwm-p .wt{color:var(--gold);font-family:var(--mono);font-size:11px;margin-bottom:6px}
.wwm-p p{margin:0;font-size:12px;color:var(--muted)}
.wwm-inspector{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px;margin:0 0 18px}
.wwm-inspector h2{margin:0 0 10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--gold)}
.wwm-inspector .controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.wwm-inspector select,.wwm-inspector input{
  background:#111418;border:1px solid var(--line);color:#fff;border-radius:6px;padding:8px 10px;
  font-family:var(--mono);font-size:13px;min-width:220px;
}
.wwm-insp-out{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.wwm-insp-meta .name{font-size:22px;font-weight:700;margin:0}
.wwm-insp-meta .title{color:var(--gold);margin:4px 0 8px;font-size:13px}
.wwm-insp-meta .cat{color:#C8CDD2;font-size:13px;line-height:1.45}
.wwm-insp-score{font-family:var(--mono);font-size:36px;font-weight:700}
.wwm-contrib{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px}
@media (max-width:860px){
  .wwm-grid,.wwm-pillars,.wwm-insp-out{grid-template-columns:1fr}
  .wwm-wrap{padding:8px 14px 0}
}