/* Diggin Society — Where Are They Now? 2.1.0
 * Interfaz clara y unificada con Hip-Hop Film Archive.
 * La tipografía se hereda del tema BeatMove/Qode.
 */
.ds-watn-site{
  --watn-bg:#fff;
  --watn-text:#171717;
  --watn-muted:#777;
  --watn-line:#e5e5e5;
  --watn-soft:#f7f7f7;
  --watn-accent:#111;
  --watn-radius:2px;
  width:100%;
  background:var(--watn-bg);
  color:var(--watn-text);
  padding:48px 20px 90px;
  font-family:inherit;
}
.ds-watn-site *{box-sizing:border-box}
.ds-watn-site a{color:inherit}
.ds-watn-case{max-width:1240px;margin-left:auto;margin-right:auto}
.ds-watn-archive-head,.ds-watn-archive-tools,.ds-watn-grid,.ds-watn-pagination{max-width:1380px;margin-left:auto;margin-right:auto}

/* Archive hero — misma jerarquía tipográfica que Book Archive */
.ds-watn-archive-page{margin-top:-78px;padding-top:0}
.ds-watn-archive-head{padding:16px 0 42px;border-bottom:1px solid var(--watn-line);margin-bottom:28px}
.ds-watn-kicker,.ds-watn-eyebrow{display:block;margin:0;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b1e2d}
.ds-watn-archive-head h1{margin:14px 0 22px!important;color:var(--watn-text)!important;font-family:inherit!important;font-size:clamp(42px,7vw,92px)!important;font-weight:700!important;letter-spacing:-.04em!important;line-height:.95!important;text-transform:none!important}
.ds-watn-archive-head p{max-width:760px;margin:0;color:#686868;font-family:inherit;font-size:20px;line-height:1.65}

/* Search + filters */
.ds-watn-archive-tools{display:flex;flex-direction:column;gap:16px;margin-bottom:34px}
.ds-watn-search-wrap{position:relative;display:block;width:100%}
.ds-watn-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:20px;color:#777;pointer-events:none}
.ds-watn-search{display:block!important;width:100%!important;height:56px!important;margin:0!important;padding:0 20px 0 48px!important;border:1px solid #d8d8d8!important;border-radius:var(--watn-radius)!important;background:#fff!important;color:#171717!important;box-shadow:none!important;outline:none!important;font:inherit!important;font-size:14px!important;-webkit-appearance:none!important;appearance:none!important}
.ds-watn-search::placeholder{color:#999!important;opacity:1}
.ds-watn-search:focus{border-color:#777!important}
.ds-watn-filters{display:flex;flex-wrap:wrap;gap:8px}
.ds-watn-filters button{min-height:38px;padding:0 14px;border:1px solid #ddd;background:#fff;color:#555;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.18s ease}
.ds-watn-filters button:hover,.ds-watn-filters button.is-active{border-color:#171717;background:#171717;color:#fff}

/* Archive cards */
.ds-watn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.ds-watn-card{min-width:0;background:#fff;transition:transform .2s ease}
.ds-watn-card:hover{transform:translateY(-4px)}
.ds-watn-card.is-hidden{display:none}
.ds-watn-card-link{display:block;height:100%;text-decoration:none!important;border:0!important}
.ds-watn-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f2f2f2}
.ds-watn-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.ds-watn-card:hover .ds-watn-card-media img{transform:scale(1.025)}
.ds-watn-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:24px;background:#f1f1f1;color:#999;text-align:center;font:600 13px/1.5 inherit;letter-spacing:.08em}
.ds-watn-card-label{position:absolute;left:12px;bottom:12px;padding:6px 9px;background:#fff;color:#171717;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ds-watn-card-body{padding:12px 0 0}
.ds-watn-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ds-watn-card-status{font-size:11px;font-weight:600;color:#777}
.ds-watn-card-meter-mini{font-size:11px;font-weight:600;color:#999}
.ds-watn-card h2{margin:0 0 5px!important;color:#171717!important;font-family:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:normal!important;text-transform:none!important}

/* Pagination */
.ds-watn-pagination{margin-top:46px}
.ds-watn-pagination ul{display:flex;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.ds-watn-pagination a,.ds-watn-pagination span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #ddd;text-decoration:none!important;color:#555;background:#fff}
.ds-watn-pagination .current,.ds-watn-pagination a:hover{border-color:#171717;background:#171717;color:#fff}

/* Single hero */
.ds-watn-single-page{padding-top:48px}
.ds-watn-hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:48px;align-items:center;padding-bottom:48px;border-bottom:1px solid var(--watn-line)}
.ds-watn-hero-media{min-height:420px;background:#f3f3f3;overflow:hidden}
.ds-watn-hero-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.ds-watn-hero-copy h1{margin:0!important;color:#171717!important;font-family:inherit!important;font-size:clamp(42px,6vw,76px)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-.04em!important;text-transform:none!important}
.ds-watn-status{display:inline-flex;align-items:center;margin-top:22px;padding:7px 10px;border:1px solid #ddd;background:#fff;color:#555;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ds-watn-deck{max-width:700px;margin:20px 0 0;color:#666;font-size:17px;line-height:1.65}

/* Facts */
.ds-watn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:0;border-left:1px solid var(--watn-line);border-top:1px solid var(--watn-line)}
.ds-watn-fact{min-height:88px;padding:20px;border-right:1px solid var(--watn-line);border-bottom:1px solid var(--watn-line);background:#fff}
.ds-watn-fact span,.ds-watn-start span{display:block;margin-bottom:7px;color:#8a8a8a;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ds-watn-fact strong,.ds-watn-start strong{display:block;color:#222;font-size:14px;line-height:1.45}

/* Disappearance meter */
.ds-watn-meter{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:28px 0 0;padding:22px 24px;border:1px solid var(--watn-line);background:var(--watn-soft)}
.ds-watn-meter>div:first-child{display:flex;align-items:baseline;gap:14px;white-space:nowrap}
.ds-watn-meter span{color:#777;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ds-watn-meter strong{font-size:18px;color:#171717}
.ds-watn-meter-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:min(430px,55%)}
.ds-watn-meter-track i{display:block;height:6px;background:#ddd}
.ds-watn-meter-track i.is-on{background:#171717}

/* Single content */
.ds-watn-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;margin-top:58px}
.ds-watn-main-content{min-width:0}
.ds-watn-section{margin:0 0 58px;padding:0 0 52px;border-bottom:1px solid var(--watn-line)}
.ds-watn-section:last-child{border-bottom:0}
.ds-watn-section h2,.ds-watn-sidebar h2{margin:0 0 22px!important;color:#171717!important;font-family:inherit!important;font-weight:700!important;letter-spacing:-.025em!important;text-transform:none!important}
.ds-watn-section h2{font-size:clamp(28px,4vw,42px)!important;line-height:1.1!important}
.ds-watn-prose,.ds-watn-prose p,.ds-watn-prose li{color:#444!important;font-family:inherit!important;font-size:17px!important;line-height:1.78!important}
.ds-watn-prose p{margin:0 0 1.25em}
.ds-watn-prose a{color:#171717!important;text-decoration:underline}
.ds-watn-prose img{max-width:100%;height:auto}

/* Sidebar */
.ds-watn-sidebar{min-width:0}
.ds-watn-sidebar>section{margin-bottom:24px;padding:24px;border:1px solid var(--watn-line);background:#fff}
.ds-watn-sidebar h2{font-size:20px!important;line-height:1.2!important}
.ds-watn-start>div{padding:14px 0;border-top:1px solid #eee}
.ds-watn-start>div:first-of-type{border-top:0;padding-top:0}
.ds-watn-external-links a{display:block;padding:12px 0;border-top:1px solid #eee;color:#333;text-decoration:none!important;font-size:13px;font-weight:600}
.ds-watn-external-links a:hover{text-decoration:underline!important}
.ds-watn-verdict{padding-bottom:0;border-bottom:0}

@media(max-width:980px){
  .ds-watn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-watn-hero{grid-template-columns:1fr;gap:30px}
  .ds-watn-hero-media{min-height:auto;aspect-ratio:16/10}
  .ds-watn-hero-media img{min-height:0}
  .ds-watn-content-grid{grid-template-columns:1fr;gap:24px}
  .ds-watn-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .ds-watn-sidebar>section{margin-bottom:0}
}
@media(max-width:720px){
  .ds-watn-site{padding:34px 14px 64px}
  .ds-watn-archive-page{margin-top:-34px;padding-top:0}
  .ds-watn-archive-head{padding-top:16px}
  .ds-watn-grid{gap:24px 14px}
  .ds-watn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-watn-meter{align-items:flex-start;flex-direction:column}
  .ds-watn-meter-track{width:100%}
}
@media(max-width:540px){
  .ds-watn-grid{grid-template-columns:1fr}
  .ds-watn-facts{grid-template-columns:1fr}
  .ds-watn-sidebar{grid-template-columns:1fr}
  .ds-watn-hero-copy h1{font-size:42px!important}
  .ds-watn-archive-head h1{font-size:40px}
}