/* Styles for the WTD Band Management Suite admin pages and shortcodes */

/* Admin navigation tabs */
.wtd-tabs {
    display: flex;
    gap: 0.5rem;
    margin: 1rem 0;
}
.wtd-tabs a {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background: #222;
    color: #ddd;
    text-decoration: none;
}
.wtd-tabs a.active {
    background: #7a0e12;
    color: #fff;
}

/* Grouped admin navigation (v11.6.71) - workflow sections without removing tabs */
.wtd-tab-groups {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    align-items: flex-start;
    margin: 1rem 0 0.5rem;
    padding: 0.75rem 0.9rem;
    background: #161616;
    border: 1px solid #2a2a2a;
    border-radius: 0.75rem;
}
.wtd-tab-group {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.wtd-tab-group-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #b88;
    padding-left: 0.15rem;
}
.wtd-tab-groups .wtd-tabs {
    margin: 0;
    flex-wrap: wrap;
}
.wtd-tab-group + .wtd-tab-group {
    border-left: 1px solid #2a2a2a;
    padding-left: 1.25rem;
}
@media (max-width: 782px) {
    .wtd-tab-group + .wtd-tab-group {
        border-left: 0;
        padding-left: 0;
    }
}

/* Admin panel wrapper */
.wtd-panel {
    background: #111;
    color: #ddd;
    padding: 1rem;
    border-radius: 0.75rem;
    margin-top: 1rem;
}
.wtd-panel label {
    display: block;
    margin: 0.5rem 0 0.25rem;
}
.wtd-panel input[type="text"],
.wtd-panel input[type="url"] {
    width: 100%;
    max-width: 640px;
}

/* Search form */
.wtd-filter {
    margin-bottom: 1rem;
}
.wtd-filter input[type="text"] {
    padding: 0.5rem;
    width: 50%;
}
.wtd-filter button {
    padding: 0.5rem 1rem;
}

/* Card grid */
.wtd-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}
.wtd-card {
    background: #0e0e0e;
    border-radius: 0.75rem;
    padding: 1rem;
    color: #ddd;
}
.wtd-card img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
}
.wtd-card h3 {
    /* Maintain top margin for all h3 elements inside cards, but don't force font size here. */
    margin: 0.5rem 0 0;
}
.wtd-tags {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.wtd-tag {
    background: #5c0c10;
    color: #fff;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.85rem;
}

/* Page generator results styling */
.wtd-pg-results.is-loading { opacity: .6; pointer-events: none; }
.wtd-pg-col { flex: 1; min-width: 260px; }
.wtd-pg-col h4 { margin: 0.25rem 0 0.5rem; }
.wtd-pg-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.5rem; }
.wtd-pg-choice { background: #0e0e0e; border-radius: 0.5rem; padding: 0.5rem; }
.wtd-sub { color: #aaa; font-size: 0.9em; }
.wtd-pg-row { display: flex; gap: 1rem; flex-wrap: wrap; margin: 0.75rem 0 0; }

/* ----- Suite overrides for directory cards ----- */
/* Make the card a flex container so content stacks vertically */
.wtd-card {
    display: flex;
    flex-direction: column;
}

/* Clamp long band names to two lines without breaking words. Adjust font size responsively. */
.wtd-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
    line-height: 1.15;
    margin: 0.5rem 0 0;
    font-size: clamp(18px, 1.8vw, 24px);
}

/* Ensure tag chips wrap nicely (already defined but repeated here for clarity) */
.wtd-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

/* Spotify and Wikipedia embed styling on band pages */
.wtd-embed {
    margin: 0 0 1.25rem;
}
.wtd-wiki {
    font-size: 1.05rem;
    line-height: 1.6;
}
.wtd-wiki p {
    margin: 0 0 0.9rem;
}

/* v10.4.1 directory tidy-up */
.wtd-az-jumpbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 1rem 0 1.25rem;
}
.wtd-az-jumpbar a {
    color: #d92332;
    text-decoration: none;
    font-weight: 700;
}
.wtd-searchbar-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0 0 1rem;
}
.wtd-searchbar-container .wtd-filter-input,
.wtd-searchbar-container .wtd-filter-select {
    min-width: 180px;
    max-width: 260px;
    width: auto;
    box-sizing: border-box;
}
.wtd-searchbar-container .wtd-clear-button {
    white-space: nowrap;
}

/* v11.6.95 Band Directory clear-filter button readability fix */
#wtd-band-searchfilter .wtd-clear-button,
.wtd-searchbar-container #wtd-clear.wtd-clear-button,
button#wtd-clear.wtd-clear-button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.72rem 1.15rem;
    border: 1px solid #d92332 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #a00018, #c5162e) !important;
    color: #ffffff !important;
    font-weight: 800;
    letter-spacing: 0.07em;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.06) inset, 0 8px 18px rgba(0,0,0,0.24);
    cursor: pointer;
    opacity: 1 !important;
}

#wtd-band-searchfilter .wtd-clear-button:hover,
#wtd-band-searchfilter .wtd-clear-button:focus,
.wtd-searchbar-container #wtd-clear.wtd-clear-button:hover,
.wtd-searchbar-container #wtd-clear.wtd-clear-button:focus {
    background: linear-gradient(135deg, #c5162e, #f04050) !important;
    color: #ffffff !important;
    border-color: #ff5a68 !important;
    outline: 2px solid rgba(255,255,255,0.18);
    outline-offset: 2px;
}

#wtd-band-searchfilter .wtd-clear-button:disabled,
#wtd-band-searchfilter .wtd-clear-button[disabled],
.wtd-searchbar-container #wtd-clear.wtd-clear-button:disabled,
.wtd-searchbar-container #wtd-clear.wtd-clear-button[disabled] {
    background: #2a2a2e !important;
    border-color: #555 !important;
    color: #e6e6e6 !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

.wtd-band-grid .wtd-letter-anchor {
    display: none !important;
}
.wtd-wiki-article {
    line-height: 1.6;
    margin-top: 1rem;
}
.wtd-wiki-article h2,
.wtd-wiki-article h3 {
    margin-top: 1.4rem;
}
.wtd-tour-dates {
    margin-top: 2rem;
}


/* v10.4.7 admin readability fix */
.wtd-panel,
.wtd-panel p,
.wtd-panel li,
.wtd-panel td,
.wtd-panel th,
.wtd-panel label,
.wtd-panel small,
.wtd-panel span {
    color: #f1f1f1;
}

.wtd-panel h1,
.wtd-panel h2,
.wtd-panel h3,
.wtd-panel h4,
.wtd-panel h5,
.wtd-panel h6,
.wtd-panel .description,
.wtd-panel .wtd-sub,
.wtd-panel .wtd-muted {
    color: #ffffff;
}

.wtd-panel a {
    color: #7aa7ff;
}

.wtd-panel input,
.wtd-panel select,
.wtd-panel textarea {
    color: #111111;
    background: #ffffff;
}

.wtd-panel button,
.wtd-panel .button,
.wtd-panel .button-primary {
    color: #ffffff;
}

.wtd-panel .button:not(.button-primary) {
    background: #1f2937;
    border-color: #3b4a5f;
}

.wtd-panel .button:not(.button-primary):hover,
.wtd-panel .button:not(.button-primary):focus {
    background: #2b384a;
    border-color: #5c6d85;
    color: #ffffff;
}

/* v10.8.1 admin progress bar */
.wtd-progress-wrap {
    display: none;
    max-width: 900px;
    margin: 10px 0 14px;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 8px;
    background: #0b0b0b;
    color: #f5f5f5;
}
.wtd-progress-label {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    font-weight: 700;
}
.wtd-progress-track {
    height: 14px;
    border-radius: 999px;
    background: #222;
    overflow: hidden;
    border: 1px solid #444;
}
.wtd-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #3154ff, #d92332);
    transition: width .25s ease;
}
.wtd-progress-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}
.wtd-progress-step {
    border: 1px solid #444;
    border-radius: 999px;
    padding: 3px 8px;
    background: #161616;
    color: #ddd;
    font-size: 12px;
}
.wtd-progress-step.is-working { border-color: #3154ff; color: #ffffff; }
.wtd-progress-step.is-done { border-color: #1f8f4d; color: #bfffd0; }
.wtd-progress-step.is-fail { border-color: #a97900; color: #ffd98a; }

.wtd-check-ok{color:#7dff9b;font-weight:700}.wtd-check-no{color:#ff8a8a;font-weight:700}.wtd-check-table td,.wtd-check-table th{vertical-align:top}.wtd-pg-precheck .widefat{background:#111;color:#eee}.wtd-pg-precheck .widefat th{color:#fff}.wtd-pg-precheck .widefat td{color:#eee}

/* v10.9.2 tour directory cards */
.wtd-tour-directory .wtd-tour-summary {
    margin-top: .6rem;
    font-size: .95rem;
    line-height: 1.35;
    color: #f1f1f1;
}
.wtd-tour-card .wtd-tags {
    margin-top: .75rem;
}

/* Release Watch admin readability */
.wtd-panel .wtd-release-watch-table,
.wtd-panel .wtd-release-watch-table th,
.wtd-panel .wtd-release-watch-table td,
.wtd-panel .wtd-release-watch-table a {
  color: #111 !important;
}
.wtd-panel .wtd-release-watch-table th {
  font-weight: 700;
}
.wtd-panel .wtd-release-watch-table .button {
  color: #fff !important;
}
.wtd-panel .wtd-release-table-wrap {
  overflow-x: auto;
  background: #fff;
}


/* v10.12.5 Update Status table readability */
.wtd-panel table.wtd-status-table,
.wtd-panel table.wtd-status-table thead,
.wtd-panel table.wtd-status-table tbody,
.wtd-panel table.wtd-status-table tr,
.wtd-panel table.wtd-status-table th,
.wtd-panel table.wtd-status-table td {
  color: #111111 !important;
  background-color: #ffffff;
}
.wtd-panel table.wtd-status-table.striped > tbody > :nth-child(odd) {
  background-color: #f6f7f7 !important;
}
.wtd-panel table.wtd-status-table th,
.wtd-panel table.wtd-status-table td {
  color: #111111 !important;
}
.wtd-panel table.wtd-status-table strong {
  color: #111111 !important;
}
.wtd-panel table.wtd-status-table a {
  color: #135e96 !important;
}

/* v10.12.7 Latest Releases front-end cards */
.wtd-latest-releases.wtd-band-grid,
.wtd-latest-releases.wtd-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}
.wtd-release-card .wtd-release-band {
  margin: .35rem 0 .5rem;
  font-weight: 700;
}
.wtd-release-card .wtd-release-info {
  color: #ddd;
  font-size: .95rem;
  line-height: 1.4;
  margin: .75rem 0;
}
.wtd-release-card .wtd-release-meta .wtd-tag {
  background: #7a0e12;
}
.wtd-release-card .wtd-spotify-button,
.wtd-release-card .wtd-button {
  display: inline-block;
  background: #7a0e12;
  color: #fff !important;
  border-radius: 999px;
  padding: .35rem .75rem;
  text-decoration: none;
  font-weight: 700;
}
@media (max-width: 900px) {
  .wtd-latest-releases.wtd-band-grid,
  .wtd-latest-releases.wtd-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .wtd-latest-releases.wtd-band-grid,
  .wtd-latest-releases.wtd-grid {
    grid-template-columns: 1fr;
  }
}

/* v10.13.0 health/dashboard and discovery blocks */
.wtd-readable-table,
.wtd-readable-table th,
.wtd-readable-table td,
.wtd-release-watch-table,
.wtd-release-watch-table th,
.wtd-release-watch-table td { color:#111 !important; }
.wtd-health-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:1rem 0 1.5rem;max-width:1100px}
.wtd-health-card{background:#171717;border:1px solid #333;border-radius:10px;padding:14px;color:#fff}
.wtd-health-card strong{display:block;font-size:1.7rem;color:#fff;line-height:1.1}
.wtd-health-card span{display:block;color:#ddd;margin-top:5px}
.wtd-band-releases,.wtd-related-bands{margin:2rem 0}
.wtd-release-mini-grid,.wtd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:1rem 0}
.wtd-release-mini-card,.wtd-related-card{background:#111;border:1px solid #333;border-radius:12px;padding:16px;color:#eee}
.wtd-release-mini-card img,.wtd-related-card img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:10px}
.wtd-release-mini-card h3,.wtd-related-card h3{margin:.25rem 0 .5rem;color:#e53b58}
.wtd-featured-band{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:20px;align-items:center;margin:2rem 0;padding:20px;background:#111;border:1px solid #333;border-radius:14px;color:#eee}
.wtd-featured-band img{width:100%;border-radius:10px;display:block}
.wtd-featured-band h2,.wtd-featured-band h3{margin:.25rem 0;color:#e53b58}
.wtd-button{display:inline-block;background:#7d0710;color:#fff !important;padding:.55rem .8rem;border-radius:999px;text-decoration:none;font-weight:700}
@media (max-width:900px){.wtd-release-mini-grid,.wtd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wtd-featured-band{grid-template-columns:1fr}}
@media (max-width:600px){.wtd-release-mini-grid,.wtd-related-grid{grid-template-columns:1fr}}

/* v10.14.3 Band Health clickable issue guidance */
.wtd-health-help {
  margin: .35rem 0 1rem;
  color: #f1f1f1 !important;
}
.wtd-health-muted {
  color: #666 !important;
  font-size: 12px;
}
.wtd-health-table td {
  vertical-align: top;
}
.wtd-health-issues {
  display: grid;
  gap: 8px;
  max-width: 760px;
}
.wtd-health-issue {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #d8dee6;
  background: #ffffff;
  color: #111111 !important;
  text-decoration: none;
}
.wtd-health-issue:hover,
.wtd-health-issue:focus {
  border-color: #7a0e12;
  box-shadow: 0 0 0 2px rgba(122,14,18,.15);
  color: #111111 !important;
}
.wtd-health-issue-label {
  display: inline-block;
  margin: 0 0 3px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #7a0e12;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 12px;
}
.wtd-health-issue-hint {
  display: block;
  color: #333333 !important;
  font-size: 13px;
  line-height: 1.35;
}
.wtd-health-actions {
  white-space: nowrap;
}

.wtd-health-focus {padding:10px 12px;border:1px solid #7a5200;background:#251b00;color:#ffd98a;border-radius:8px;max-width:900px;}
.wtd-health-table tr.wtd-health-focus-row td {background:#fff8dc !important;}
.wtd-panel .wtd-health-table tr.wtd-health-focus-row td {box-shadow: inset 4px 0 0 #9b0b16;}

/* YouTube cards */
.wtd-youtube-videos{margin:2rem 0;padding:1.25rem;background:rgba(18,18,18,.92);border:1px solid rgba(255,255,255,.12);border-radius:16px}.wtd-section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.wtd-section-head h2{margin:0;text-transform:uppercase;letter-spacing:.06em}.wtd-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.wtd-video-card{background:#0b0b0b;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.75rem}.wtd-video-thumb{display:block;position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.wtd-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wtd-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#8b0812;color:#fff;border-radius:999px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 0 18px rgba(0,0,0,.5)}.wtd-video-card h3{font-size:1rem;line-height:1.25;margin:.75rem 0 .35rem}.wtd-video-source,.wtd-video-date{font-size:.85rem;color:#aaa;margin:.2rem 0}.wtd-yt-result{border:1px solid #333;background:#111;color:#eee;border-radius:8px;padding:10px;margin:10px 0}.wtd-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wtd-card{background:#101010;border:1px solid #333;border-radius:10px;padding:1rem;color:#fff}@media(max-width:800px){.wtd-video-grid,.wtd-grid-2{grid-template-columns:1fr}.wtd-section-head{align-items:flex-start;flex-direction:column}}


/* v10.15.3 YouTube admin readability and API help */
.wtd-panel .notice p,
.wtd-panel .notice code,
.wtd-panel .updated p,
.wtd-panel .error p {
  color: #1d2327 !important;
}
.wtd-panel .wtd-youtube-api-help p,
.wtd-panel .wtd-youtube-api-help code {
  color: #1d2327 !important;
}
.wtd-panel table.wtd-youtube-admin-table,
.wtd-panel table.wtd-youtube-admin-table thead,
.wtd-panel table.wtd-youtube-admin-table tbody,
.wtd-panel table.wtd-youtube-admin-table tr,
.wtd-panel table.wtd-youtube-admin-table th,
.wtd-panel table.wtd-youtube-admin-table td {
  color: #111111 !important;
  background-color: #ffffff;
}
.wtd-panel table.wtd-youtube-admin-table.striped > tbody > :nth-child(odd) {
  background-color: #f6f7f7 !important;
}
.wtd-panel table.wtd-youtube-admin-table strong,
.wtd-panel table.wtd-youtube-admin-table small,
.wtd-panel table.wtd-youtube-admin-table code {
  color: #111111 !important;
}
.wtd-panel table.wtd-youtube-admin-table a:not(.button) {
  color: #135e96 !important;
}
.wtd-panel table.wtd-youtube-admin-table .button {
  color: #ffffff !important;
  background: #1f2937;
  border-color: #334155;
  min-width: 120px;
  text-align: center;
  margin: 0 0 6px;
}
.wtd-panel table.wtd-youtube-admin-table .button-primary {
  background: #3154ff;
  border-color: #3154ff;
}
.wtd-panel table.wtd-youtube-admin-table .wtd-pill {
  color: #ffffff !important;
}


/* v10.15.14 homepage video/refined release grids */
.wtd-home-videos .wtd-video-grid,
.wtd-youtube-videos .wtd-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.wtd-home-videos .wtd-video-card h3{font-size:1rem;line-height:1.25;}
@media(max-width:900px){.wtd-home-videos .wtd-video-grid,.wtd-youtube-videos .wtd-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.wtd-home-videos .wtd-video-grid,.wtd-youtube-videos .wtd-video-grid{grid-template-columns:1fr;}}

/* v10.15.15 band-page readability and directory repair */
.wtd-generated-band-page,
.wtd-generated-band-page .wtd-wiki-article,
.wtd-wiki-article {
  background: transparent !important;
  color: inherit !important;
}
.wtd-generated-band-page .wtd-wiki-article p,
.wtd-generated-band-page .wtd-wiki-article li,
.wtd-generated-band-page .wtd-wiki-article dd,
.wtd-generated-band-page .wtd-wiki-article td,
.wtd-wiki-article p,
.wtd-wiki-article li,
.wtd-wiki-article dd,
.wtd-wiki-article td {
  color: inherit !important;
}
.wtd-generated-band-page .wtd-wiki-article a,
.wtd-wiki-article a {
  color: #e53b58 !important;
}
.wtd-generated-band-page .wtd-wiki-article table,
.wtd-wiki-article table {
  background: rgba(255,255,255,.03) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.wtd-band-grid,
.wtd-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .wtd-band-grid,
  .wtd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .wtd-band-grid,
  .wtd-grid { grid-template-columns: 1fr; }
}


/* v10.15.24 admin readability for Refresh & Clean tables */
.wtd-admin-page .wtd-panel table,
.wtd-admin-page .wtd-panel table th,
.wtd-admin-page .wtd-panel table td,
.wtd-suite-panel table,
.wtd-suite-panel table th,
.wtd-suite-panel table td,
.wtd-panel .widefat,
.wtd-panel .widefat th,
.wtd-panel .widefat td,
.wtd-panel table.widefat,
.wtd-panel table.widefat th,
.wtd-panel table.widefat td {
  color: #111111 !important;
}
.wtd-admin-page .wtd-panel table,
.wtd-suite-panel table,
.wtd-panel .widefat,
.wtd-panel table.widefat {
  background: #ffffff !important;
}
.wtd-admin-page .wtd-panel table tr,
.wtd-admin-page .wtd-panel table th,
.wtd-admin-page .wtd-panel table td,
.wtd-suite-panel table tr,
.wtd-suite-panel table th,
.wtd-suite-panel table td,
.wtd-panel .widefat tr,
.wtd-panel .widefat th,
.wtd-panel .widefat td {
  background-color: #ffffff !important;
}
.wtd-admin-page .wtd-panel table a,
.wtd-suite-panel table a,
.wtd-panel .widefat a {
  color: #005ecb !important;
}
.wtd-admin-page .wtd-panel table .button,
.wtd-suite-panel table .button,
.wtd-panel .widefat .button {
  color: #ffffff !important;
  background: #16243a !important;
  border-color: #16243a !important;
}

/* v11.0.0 simplified admin layout */
.wtd-admin-page .wtd-tabs-major {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.wtd-admin-page .wtd-tabs-major a {
  display: inline-block;
  padding: 9px 13px;
  border-radius: 999px;
  background: #1b1b1f;
  color: #fff !important;
  text-decoration: none;
  border: 1px solid #333;
}
.wtd-admin-page .wtd-tabs-major a.active {
  background: #b00020;
  border-color: #b00020;
}
.wtd-dashboard-actions,
.wtd-advanced-card {
  background: #fff;
  color: #111;
  border: 1px solid #ccd0d4;
  padding: 14px;
  margin: 14px 0;
}
.wtd-advanced-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.wtd-advanced-card h3 { margin-top: 0; }
.wtd-dashboard-summary { margin: 12px 0 18px; }
@media (max-width: 900px) {
  .wtd-advanced-grid { grid-template-columns: 1fr; }
}

/* BMS band quick facts box restored from Wikipedia infobox */
.wtd-band-infobox {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 1rem 1.15rem;
  margin: 1.5rem 0 2rem;
  color: #f5f5f5;
}
.wtd-band-infobox h2 {
  margin: 0 0 .75rem;
  font-size: 1.35rem;
  line-height: 1.2;
}
.wtd-band-infobox dl { margin: 0; }
.wtd-band-infobox-row {
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: .75rem;
  padding: .45rem 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.wtd-band-infobox-row:first-child { border-top: 0; }
.wtd-band-infobox dt {
  font-weight: 700;
  color: #fff;
}
.wtd-band-infobox dd {
  margin: 0;
  color: #e9e9e9;
}
@media (max-width: 640px) {
  .wtd-band-infobox-row { grid-template-columns: 1fr; gap: .15rem; }
}

/* WTD-style band quick facts panel, replacing the plain wiki-style infobox look */
.wtd-band-quickfacts {
  position: relative;
  overflow: hidden;
  margin: 1.75rem 0 2.25rem;
  padding: 1.15rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.14);
  background:
    radial-gradient(circle at top left, rgba(190, 18, 38, 0.32), transparent 34%),
    linear-gradient(135deg, rgba(22,22,24,0.96), rgba(7,7,9,0.96));
  color: #f6f6f6;
  box-shadow: 0 18px 38px rgba(0,0,0,0.32);
}
.wtd-band-quickfacts:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,0.05), transparent 26%, transparent 74%, rgba(255,255,255,0.03));
}
.wtd-band-quickfacts-head,
.wtd-band-quickfacts-grid,
.wtd-band-quickfacts-people { position: relative; z-index: 1; }
.wtd-band-quickfacts-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  padding-bottom: .75rem;
}
.wtd-band-quickfacts-kicker {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 800;
  color: #fff;
  background: #b5121b;
  border-radius: 999px;
  padding: .32rem .65rem;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12) inset;
}
.wtd-band-quickfacts h2 {
  margin: 0;
  font-size: clamp(1.25rem, 2.2vw, 1.85rem);
  line-height: 1.1;
  text-align: right;
}
.wtd-band-quickfacts-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}
.wtd-bms-fact-card {
  min-width: 0;
  border-radius: 14px;
  background: rgba(255,255,255,0.075);
  border: 1px solid rgba(255,255,255,0.11);
  padding: .85rem;
}
.wtd-bms-fact-card-wide { grid-column: span 2; }
.wtd-bms-fact-label {
  display: block;
  margin-bottom: .42rem;
  color: rgba(255,255,255,0.66);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.wtd-bms-fact-card strong {
  display: block;
  color: #fff;
  font-size: 1.02rem;
  line-height: 1.35;
}
.wtd-bms-fact-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
}
.wtd-bms-fact-pill {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border-radius: 999px;
  padding: .28rem .58rem;
  background: rgba(181, 18, 27, 0.26);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
  font-weight: 700;
  font-size: .86rem;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wtd-band-quickfacts-people {
  margin-top: .85rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.wtd-band-quickfacts-people details {
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.10);
  padding: .75rem .85rem;
}
.wtd-band-quickfacts-people summary {
  cursor: pointer;
  font-weight: 900;
  color: #fff;
}
.wtd-bms-fact-list {
  margin: .55rem 0 0;
  padding-left: 1.05rem;
  color: #ededed;
}
.wtd-bms-fact-list li { margin: .2rem 0; }
@media (max-width: 900px) {
  .wtd-band-quickfacts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wtd-band-quickfacts-people { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .wtd-band-quickfacts { padding: .95rem; }
  .wtd-band-quickfacts-head { display: block; }
  .wtd-band-quickfacts h2 { text-align: left; margin-top: .65rem; }
  .wtd-band-quickfacts-grid { grid-template-columns: 1fr; }
  .wtd-bms-fact-card-wide { grid-column: auto; }
}

/* v11.2.4 admin advanced tools readability */
.wtd-panel .wtd-advanced-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}
.wtd-panel .wtd-advanced-card {
    background: #171717 !important;
    color: #f4f4f4 !important;
    border: 1px solid #333 !important;
    border-radius: 10px;
    padding: 16px;
    box-shadow: none;
}
.wtd-panel .wtd-advanced-card h3,
.wtd-panel .wtd-advanced-card p {
    color: #f4f4f4 !important;
}
.wtd-panel .wtd-advanced-card .button {
    background: #142033;
    color: #fff !important;
    border-color: #2b3d5f;
}
.wtd-panel table.widefat,
.wtd-panel table.widefat th,
.wtd-panel table.widefat td {
    color: #111 !important;
}


/* v11.3.1 WTD wiki article formatter */
.wtd-wiki-article {
  color: #f2f2f2;
  line-height: 1.72;
}
.wtd-wiki-article p,
.wtd-wiki-article li,
.wtd-wiki-article dd,
.wtd-wiki-article td,
.wtd-wiki-article th {
  color: #f2f2f2 !important;
}
.wtd-wiki-article h2,
.wtd-wiki-article h3,
.wtd-wiki-article h4 {
  color: #fff;
  margin-top: 2rem;
  margin-bottom: .85rem;
  line-height: 1.15;
}
.wtd-wiki-article h2::before,
.wtd-wiki-article h3::before {
  content: '';
  display: inline-block;
  width: .22em;
  height: 1em;
  margin-right: .45em;
  vertical-align: -.12em;
  background: #ff2251;
}
.wtd-wiki-article a { color: #ff335f; text-decoration-color: rgba(255,51,95,.65); }
.wtd-wiki-article a:hover { color: #ff6f8d; }
.wtd-wiki-article table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px;
  background: rgba(255,255,255,.035) !important;
  margin: 1.2rem 0 1.6rem;
}
.wtd-wiki-article table tbody,
.wtd-wiki-article table thead,
.wtd-wiki-article table tr { width: 100%; }
.wtd-wiki-article table th {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-weight: 900;
}
.wtd-wiki-article table td,
.wtd-wiki-article table th {
  border: 1px solid rgba(255,255,255,.16) !important;
  padding: .75rem .85rem !important;
  vertical-align: top;
}
.wtd-wiki-article table ul { margin: .4rem 0 .2rem 1.15rem; }
.wtd-wiki-article .wtd-wiki-collapsible {
  margin: 2rem 0 0;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(0,0,0,.26);
  padding: .9rem 1rem;
}
.wtd-wiki-article .wtd-wiki-collapsible summary {
  cursor: pointer;
  color: #fff;
  font-weight: 900;
  letter-spacing: .02em;
}
.wtd-wiki-article .wtd-wiki-collapsible-body {
  margin-top: .85rem;
  color: #e8e8e8;
}
.wtd-wiki-article .wtd-wiki-collapsible-body ol,
.wtd-wiki-article .wtd-wiki-collapsible-body ul {
  padding-left: 1.2rem;
  margin: .5rem 0 0;
}
.wtd-wiki-article .wtd-wiki-collapsible-body li { margin: .45rem 0; }

/* v11.3.2 WTD discography card conversion */
.wtd-wiki-article .wtd-discography-cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  margin:22px 0 28px;
}
.wtd-wiki-article .wtd-discography-card {
  background:linear-gradient(135deg,rgba(155,11,22,.28),rgba(20,20,20,.95));
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  color:#f5f5f5;
}
.wtd-wiki-article .wtd-discography-card h3 {
  margin:4px 0 12px !important;
  color:#fff !important;
  font-size:1.35rem !important;
  line-height:1.15 !important;
}
.wtd-wiki-article .wtd-discography-year {
  display:inline-block;
  background:#9b0b16;
  color:#fff;
  border-radius:999px;
  padding:4px 10px;
  font-weight:800;
  letter-spacing:.04em;
  margin-bottom:8px;
}
.wtd-wiki-article .wtd-discography-details {
  margin:0 0 12px 18px !important;
  padding:0 !important;
}
.wtd-wiki-article .wtd-discography-details li {
  color:#f1f1f1 !important;
  margin:4px 0 !important;
}
.wtd-wiki-article .wtd-discography-charts {
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:10px;
  color:#f1f1f1;
  font-size:.95rem;
}

/* v11.3.7 BMS-controlled Wikipedia discography and references */
.wtd-wiki-article .wtd-wiki-discography {
  margin: 2rem 0 2.2rem;
}
.wtd-wiki-article .wtd-table-wrap,
.wtd-wiki-article .wtd-discography-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin: 1.2rem 0 1.6rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.24);
}
.wtd-wiki-article .wtd-table-wrap table,
.wtd-wiki-article .wtd-discography-table-wrap table {
  display: table;
  min-width: 680px;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.wtd-wiki-article .wtd-wiki-references {
  margin-top: 2.25rem;
  border: 1px solid rgba(255,51,95,.35);
  background: linear-gradient(135deg, rgba(155,11,22,.18), rgba(0,0,0,.34));
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.wtd-wiki-article .wtd-wiki-references summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wtd-wiki-article .wtd-wiki-references summary::-webkit-details-marker { display: none; }
.wtd-wiki-article .wtd-wiki-references summary::after {
  content: 'Show sources';
  color: #ff335f;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.wtd-wiki-article .wtd-wiki-references[open] summary::after { content: 'Hide sources'; }
.wtd-wiki-article .wtd-wiki-references .wtd-wiki-collapsible-body {
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: .9rem;
}
.wtd-wiki-article .wtd-discography-charts span {
  display: inline-block;
  margin: .25rem .55rem .25rem 0;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
@media (max-width: 700px) {
  .wtd-wiki-article .wtd-discography-cards { grid-template-columns: 1fr; }
  .wtd-wiki-article .wtd-wiki-references summary { align-items: flex-start; gap: .75rem; }
  .wtd-wiki-article .wtd-wiki-references summary::after { white-space: nowrap; }
}


/* v11.6.121 WTD wiki table and external link cleanup */
.wtd-wiki-article .wtd-wiki-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin: 1.2rem 0 1.6rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.32);
}
.wtd-wiki-article .wtd-wiki-table-wrap table,
.wtd-wiki-article table.wtd-wiki-table {
  display: table !important;
  min-width: 680px;
  width: 100%;
  margin: 0 !important;
  border-collapse: collapse !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.wtd-wiki-article .wtd-wiki-table-wrap th,
.wtd-wiki-article .wtd-wiki-table-wrap td,
.wtd-wiki-article table.wtd-wiki-table th,
.wtd-wiki-article table.wtd-wiki-table td {
  color: #f2f2f2 !important;
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
.wtd-wiki-article .wtd-wiki-table-wrap th,
.wtd-wiki-article table.wtd-wiki-table th {
  color: #fff !important;
  background: rgba(255,255,255,.09) !important;
}
.wtd-wiki-article .wtd-wiki-table-wrap a,
.wtd-wiki-article table.wtd-wiki-table a {
  color: #ff335f !important;
}
.wtd-wiki-article .wtd-wiki-external-links {
  margin-top: 2.25rem;
  border: 1px solid rgba(255,51,95,.35);
  background: linear-gradient(135deg, rgba(155,11,22,.18), rgba(0,0,0,.34));
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.wtd-wiki-article .wtd-wiki-external-links summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wtd-wiki-article .wtd-wiki-external-links summary::-webkit-details-marker { display: none; }
.wtd-wiki-article .wtd-wiki-external-links summary::after {
  content: 'Show links';
  color: #ff335f;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.wtd-wiki-article .wtd-wiki-external-links[open] summary::after { content: 'Hide links'; }
.wtd-wiki-article .wtd-wiki-external-links .wtd-wiki-collapsible-body {
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: .9rem;
}
.wtd-wiki-article figure,
.wtd-wiki-article .thumb,
.wtd-wiki-article .mw-default-size {
  max-width: 100%;
  overflow-x: auto;
}
.wtd-wiki-article img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 700px) {
  .wtd-wiki-article .wtd-wiki-table-wrap table,
  .wtd-wiki-article table.wtd-wiki-table { min-width: 560px; }
  .wtd-wiki-article .wtd-wiki-external-links summary { align-items: flex-start; gap: .75rem; }
  .wtd-wiki-article .wtd-wiki-external-links summary::after { white-space: nowrap; }
}

/* v11.4.24 scoped BMS admin contrast cleanup
   Fixes white text on white WordPress admin surfaces without changing the public site. */
.wp-admin .wtd-admin-page {
  color: #f4f4f4;
}
.wp-admin .wtd-admin-page .wtd-panel {
  background: #111111;
  color: #f4f4f4;
}
.wp-admin .wtd-admin-page .wtd-panel h1,
.wp-admin .wtd-admin-page .wtd-panel h2,
.wp-admin .wtd-admin-page .wtd-panel h3,
.wp-admin .wtd-admin-page .wtd-panel h4,
.wp-admin .wtd-admin-page .wtd-panel h5,
.wp-admin .wtd-admin-page .wtd-panel h6,
.wp-admin .wtd-admin-page .wtd-panel p,
.wp-admin .wtd-admin-page .wtd-panel li,
.wp-admin .wtd-admin-page .wtd-panel label,
.wp-admin .wtd-admin-page .wtd-panel summary,
.wp-admin .wtd-admin-page .wtd-panel .description,
.wp-admin .wtd-admin-page .wtd-panel .wtd-sub,
.wp-admin .wtd-admin-page .wtd-panel .wtd-muted {
  color: #f4f4f4;
}
.wp-admin .wtd-admin-page .wtd-panel a:not(.button) {
  color: #8ab4ff;
}

/* WordPress admin tables and light panels should always use dark text. */
.wp-admin .wtd-admin-page .wtd-panel table,
.wp-admin .wtd-admin-page .wtd-panel table.widefat,
.wp-admin .wtd-admin-page .wtd-panel .widefat,
.wp-admin .wtd-admin-page .wtd-panel .form-table,
.wp-admin .wtd-admin-page .wtd-panel .wtd-admin-readable,
.wp-admin .wtd-admin-page .wtd-panel .wtd-readable-table,
.wp-admin .wtd-admin-page .wtd-panel .wtd-release-watch-table,
.wp-admin .wtd-admin-page .wtd-panel .wtd-status-table,
.wp-admin .wtd-admin-page .wtd-panel .wtd-health-table,
.wp-admin .wtd-admin-page .wtd-panel .wtd-check-table {
  background: #ffffff !important;
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel table thead,
.wp-admin .wtd-admin-page .wtd-panel table tbody,
.wp-admin .wtd-admin-page .wtd-panel table tfoot,
.wp-admin .wtd-admin-page .wtd-panel table tr,
.wp-admin .wtd-admin-page .wtd-panel table th,
.wp-admin .wtd-admin-page .wtd-panel table td,
.wp-admin .wtd-admin-page .wtd-panel .widefat thead,
.wp-admin .wtd-admin-page .wtd-panel .widefat tbody,
.wp-admin .wtd-admin-page .wtd-panel .widefat tfoot,
.wp-admin .wtd-admin-page .wtd-panel .widefat tr,
.wp-admin .wtd-admin-page .wtd-panel .widefat th,
.wp-admin .wtd-admin-page .wtd-panel .widefat td {
  background-color: #ffffff !important;
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel table.striped > tbody > :nth-child(odd),
.wp-admin .wtd-admin-page .wtd-panel .widefat.striped > tbody > :nth-child(odd),
.wp-admin .wtd-admin-page .wtd-panel table tr.alternate {
  background-color: #f6f7f7 !important;
}
.wp-admin .wtd-admin-page .wtd-panel table.striped > tbody > :nth-child(odd) th,
.wp-admin .wtd-admin-page .wtd-panel table.striped > tbody > :nth-child(odd) td,
.wp-admin .wtd-admin-page .wtd-panel .widefat.striped > tbody > :nth-child(odd) th,
.wp-admin .wtd-admin-page .wtd-panel .widefat.striped > tbody > :nth-child(odd) td,
.wp-admin .wtd-admin-page .wtd-panel table tr.alternate th,
.wp-admin .wtd-admin-page .wtd-panel table tr.alternate td {
  background-color: #f6f7f7 !important;
}
.wp-admin .wtd-admin-page .wtd-panel table *,
.wp-admin .wtd-admin-page .wtd-panel .widefat *,
.wp-admin .wtd-admin-page .wtd-panel .form-table * {
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel table a:not(.button),
.wp-admin .wtd-admin-page .wtd-panel .widefat a:not(.button),
.wp-admin .wtd-admin-page .wtd-panel .form-table a:not(.button) {
  color: #135e96 !important;
}
.wp-admin .wtd-admin-page .wtd-panel table small,
.wp-admin .wtd-admin-page .wtd-panel .widefat small,
.wp-admin .wtd-admin-page .wtd-panel .form-table small,
.wp-admin .wtd-admin-page .wtd-panel table .description,
.wp-admin .wtd-admin-page .wtd-panel .widefat .description,
.wp-admin .wtd-admin-page .wtd-panel .form-table .description {
  color: #50575e !important;
}

/* Keep badges/pills readable when they appear inside light tables. */
.wp-admin .wtd-admin-page .wtd-panel .wtd-tag,
.wp-admin .wtd-admin-page .wtd-panel .wtd-pill,
.wp-admin .wtd-admin-page .wtd-panel .wtd-bms-fact-pill,
.wp-admin .wtd-admin-page .wtd-panel .wtd-health-issue-label,
.wp-admin .wtd-admin-page .wtd-panel .wtd-check-ok,
.wp-admin .wtd-admin-page .wtd-panel .wtd-check-no,
.wp-admin .wtd-admin-page .wtd-panel .button-primary {
  color: #ffffff !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-check-ok { color: #007017 !important; }
.wp-admin .wtd-admin-page .wtd-panel .wtd-check-no { color: #b32d2e !important; }

/* Form controls stay readable in dark panels, tables, notices and browser autofill. */
.wp-admin .wtd-admin-page .wtd-panel input[type="text"],
.wp-admin .wtd-admin-page .wtd-panel input[type="search"],
.wp-admin .wtd-admin-page .wtd-panel input[type="url"],
.wp-admin .wtd-admin-page .wtd-panel input[type="email"],
.wp-admin .wtd-admin-page .wtd-panel input[type="number"],
.wp-admin .wtd-admin-page .wtd-panel input[type="password"],
.wp-admin .wtd-admin-page .wtd-panel select,
.wp-admin .wtd-admin-page .wtd-panel textarea {
  background: #ffffff !important;
  color: #1d2327 !important;
  border-color: #8c8f94 !important;
  box-shadow: none;
}
.wp-admin .wtd-admin-page .wtd-panel select option {
  background: #ffffff !important;
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel input::placeholder,
.wp-admin .wtd-admin-page .wtd-panel textarea::placeholder {
  color: #646970 !important;
  opacity: 1;
}
.wp-admin .wtd-admin-page .wtd-panel input:-webkit-autofill,
.wp-admin .wtd-admin-page .wtd-panel textarea:-webkit-autofill,
.wp-admin .wtd-admin-page .wtd-panel select:-webkit-autofill {
  -webkit-text-fill-color: #1d2327 !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}

/* Buttons use WordPress-style contrast inside BMS admin. */
.wp-admin .wtd-admin-page .wtd-panel .button:not(.button-primary) {
  background: #f6f7f7 !important;
  border-color: #2271b1 !important;
  color: #2271b1 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .button:not(.button-primary):hover,
.wp-admin .wtd-admin-page .wtd-panel .button:not(.button-primary):focus {
  background: #ffffff !important;
  border-color: #0a4b78 !important;
  color: #0a4b78 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .button-primary {
  background: #2271b1 !important;
  border-color: #2271b1 !important;
  color: #ffffff !important;
}

/* WordPress notices are light boxes, so force dark text in them. */
.wp-admin .wtd-admin-page .wtd-panel .notice,
.wp-admin .wtd-admin-page .wtd-panel .updated,
.wp-admin .wtd-admin-page .wtd-panel .error,
.wp-admin .wtd-admin-page .wtd-panel .notice p,
.wp-admin .wtd-admin-page .wtd-panel .updated p,
.wp-admin .wtd-admin-page .wtd-panel .error p,
.wp-admin .wtd-admin-page .wtd-panel .notice li,
.wp-admin .wtd-admin-page .wtd-panel .updated li,
.wp-admin .wtd-admin-page .wtd-panel .error li,
.wp-admin .wtd-admin-page .wtd-panel .notice strong,
.wp-admin .wtd-admin-page .wtd-panel .updated strong,
.wp-admin .wtd-admin-page .wtd-panel .error strong {
  background: #ffffff !important;
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .notice a,
.wp-admin .wtd-admin-page .wtd-panel .updated a,
.wp-admin .wtd-admin-page .wtd-panel .error a {
  color: #135e96 !important;
}

/* Code blocks: inline code should not vanish on either dark or light panels. */
.wp-admin .wtd-admin-page .wtd-panel code {
  background: #f0f0f1 !important;
  color: #1d2327 !important;
  padding: 2px 4px;
  border-radius: 3px;
}
.wp-admin .wtd-admin-page .wtd-panel pre,
.wp-admin .wtd-admin-page .wtd-panel textarea[style*="monospace"] {
  background: #ffffff !important;
  color: #1d2327 !important;
}

/* Dark BMS cards deliberately stay dark. */
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card,
.wp-admin .wtd-admin-page .wtd-panel .wtd-health-card,
.wp-admin .wtd-admin-page .wtd-panel .wtd-progress-wrap,
.wp-admin .wtd-admin-page .wtd-panel .wtd-yt-result {
  background: #171717 !important;
  color: #f4f4f4 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card *,
.wp-admin .wtd-admin-page .wtd-panel .wtd-health-card *,
.wp-admin .wtd-admin-page .wtd-panel .wtd-progress-wrap *,
.wp-admin .wtd-admin-page .wtd-panel .wtd-yt-result * {
  color: #f4f4f4 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card .button:not(.button-primary),
.wp-admin .wtd-admin-page .wtd-panel .wtd-health-card .button:not(.button-primary),
.wp-admin .wtd-admin-page .wtd-panel .wtd-progress-wrap .button:not(.button-primary),
.wp-admin .wtd-admin-page .wtd-panel .wtd-yt-result .button:not(.button-primary) {
  background: #f6f7f7 !important;
  color: #2271b1 !important;
}

/* 11.5.0 Required Actions and Data Quality dashboard polish */
.wtd-ra-filters .button { margin: 0 6px 6px 0; }
.wtd-ra-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    background: #444;
    color: #fff;
}
.wtd-ra-badge-required { background: #7a0e12; color: #fff; }
.wtd-ra-badge-optional { background: #555; color: #fff; }
.wtd-ra-badge-protected { background: #263238; color: #fff; }
.wtd-ra-severity-required td { border-left: 4px solid #7a0e12; }
.wtd-ra-severity-optional td { border-left: 4px solid #777; }
.wtd-ra-severity-protected td { border-left: 4px solid #263238; }
.wtd-admin-page .wtd-readable-table td .description,
.wtd-admin-page .wtd-readable-table td small {
    color: #555;
}


/* v11.6.13 remaining BMS admin contrast and Artist Finder action clarity */
.wp-admin .wtd-admin-page .wtd-panel .wtd-admin-lightbox,
.wp-admin .wtd-admin-page .wtd-panel .wtd-admin-lightbox *,
.wp-admin .wtd-admin-page .wtd-panel div[style*="background:#fff"],
.wp-admin .wtd-admin-page .wtd-panel div[style*="background:#fff"] *,
.wp-admin .wtd-admin-page .wtd-panel div[style*="background: #fff"],
.wp-admin .wtd-admin-page .wtd-panel div[style*="background: #fff"] *,
.wp-admin .wtd-admin-page .wtd-panel section[style*="background:#fff"],
.wp-admin .wtd-admin-page .wtd-panel section[style*="background:#fff"] *,
.wp-admin .wtd-admin-page .wtd-panel section[style*="background: #fff"],
.wp-admin .wtd-admin-page .wtd-panel section[style*="background: #fff"] * {
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-admin-lightbox a:not(.button),
.wp-admin .wtd-admin-page .wtd-panel div[style*="background:#fff"] a:not(.button),
.wp-admin .wtd-admin-page .wtd-panel div[style*="background: #fff"] a:not(.button) {
  color: #135e96 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-admin-lightbox .button-primary,
.wp-admin .wtd-admin-page .wtd-panel div[style*="background:#fff"] .button-primary,
.wp-admin .wtd-admin-page .wtd-panel div[style*="background: #fff"] .button-primary {
  color: #ffffff !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status p,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status strong,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status span,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status small {
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-danger-button {
  border-color: #b32d2e !important;
  color: #b32d2e !important;
  background: #ffffff !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-danger-button:hover,
.wp-admin .wtd-admin-page .wtd-panel .wtd-danger-button:focus {
  border-color: #8a2424 !important;
  color: #8a2424 !important;
  background: #fff5f5 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .button[disabled],
.wp-admin .wtd-admin-page .wtd-panel .button:disabled {
  opacity: .68;
  cursor: not-allowed;
  color: #646970 !important;
  background: #f6f7f7 !important;
  border-color: #c3c4c7 !important;
}

/* v11.6.13 extra known light surfaces in BMS admin */
.wp-admin .wtd-admin-page .wtd-panel .wtd-dashboard-actions,
.wp-admin .wtd-admin-page .wtd-panel .wtd-dashboard-actions *,
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background:#fff"],
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background:#fff"] *,
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background: #fff"],
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background: #fff"] * {
  color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-dashboard-actions a:not(.button),
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background:#fff"] a:not(.button),
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background: #fff"] a:not(.button) {
  color: #135e96 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-dashboard-actions .button-primary,
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background:#fff"] .button-primary,
.wp-admin .wtd-admin-page .wtd-panel .wtd-card[style*="background: #fff"] .button-primary {
  color: #ffffff !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card code,
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card input,
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card textarea,
.wp-admin .wtd-admin-page .wtd-panel .wtd-advanced-card select {
  color: #1d2327 !important;
  background: #ffffff !important;
}


/* v11.6.18 Artist Finder contrast cleanup */
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status {
  background: #111 !important;
  border-color: #333 !important;
  color: #f5f5f5 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status *,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status p,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status strong,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status span,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status small {
  color: #f5f5f5 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-cse-status .button:not(.button-primary) {
  background: #f6f7f7 !important;
  color: #2271b1 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-draft-preview,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-draft-preview * {
  color: #1d2327 !important;
}


/* v11.6.21 stale linked draft recovery */
.wtd-af-linked-page-actions .button { margin-top: 4px; }
.wtd-af-linked-page-actions form .button { vertical-align: middle; }
.wtd-af-linked-page-actions strong { color: #fff; }

/* v11.6.23 Artist Finder linked draft featured-image status helpers */
.wtd-af-linked-page-actions .button{margin-right:6px;}

/* v11.6.29 richer Latest Releases card details */
.wtd-release-card .wtd-release-label,
.wtd-release-card .wtd-release-tracks,
.wtd-release-card .wtd-release-smallprint {
  color: #e7e7e7;
  font-size: .92rem;
  line-height: 1.35;
  margin: .45rem 0;
}
.wtd-release-card .wtd-release-smallprint {
  color: #bdbdbd;
  font-size: .78rem;
}
.wtd-release-card .wtd-release-actions {
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  margin-top: .75rem;
}
.wtd-release-card .wtd-release-actions .wtd-button {
  margin: 0;
}


/* 11.6.68 Artist Finder pill contrast polish */
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-pill {
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

/* Artist Finder admin UX tidy (v11.6.73) */
.wtd-af-candidate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 14px;
    max-width: 1180px;
    margin: 12px 0 18px;
}
.wtd-af-candidate-card,
.wtd-af-empty-card {
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 12px;
    color: #1d2327;
    padding: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.wtd-af-candidate-card a { word-break: break-word; }
.wtd-af-card-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.wtd-af-card-head h4 {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.25;
}
.wtd-af-card-head p {
    margin: 2px 0;
    color: #646970;
    font-size: 12px;
}
.wtd-af-card-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex: 0 0 auto;
}
.wtd-af-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 34px;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
}
.wtd-af-score.is-strong { background: #135e1f; }
.wtd-af-score.is-medium { background: #8a6100; }
.wtd-af-score.is-low { background: #8a1f11; }
.wtd-af-status-pill {
    display: inline-block;
    border: 1px solid #c3c4c7;
    background: #f6f7f7;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 12px;
    color: #1d2327;
    text-align: center;
}
.wtd-af-card-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
.wtd-af-card-body section {
    min-width: 0;
    background: #f6f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px;
}
.wtd-af-card-body section h5 {
    margin: 0 0 7px;
    color: #1d2327;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.wtd-af-card-body section p { margin: 0 0 7px; }
.wtd-af-card-actions {
    grid-column: 1 / -1;
    background: #fbfbfb !important;
}
.wtd-af-card-actions .wtd-af-next-action {
    max-width: none !important;
    color: #1d2327;
}
.wtd-af-draft-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0;
    align-items: center;
}
.wtd-af-draft-actions form { margin: 0; }
.wtd-af-page-action small {
    display: block;
    margin: 0 0 4px;
    font-weight: 700;
    color: #1d2327;
}
.wtd-af-no-clue {
    color: #8a1f11;
    font-weight: 700;
}
.wtd-af-module-version {
    max-width: 1180px;
    margin: 18px 0 0;
    color: #cfcfcf;
    font-size: 12px;
    text-align: right;
}


/* Artist Finder card contrast repair (v11.6.74)
   The admin panel uses white text globally. Candidate cards are light panels,
   so force normal dark text inside them, then re-apply white to coloured pills. */
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card p,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card li,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card td,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card th,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card label,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card small,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card strong,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card em,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card h4,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card h5,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .description {
    color: #1d2327 !important;
    text-shadow: none !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .wtd-af-card-head p,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .description,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card small {
    color: #50575e !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card section {
    background: #f6f7f7 !important;
    color: #1d2327 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .wtd-af-pill,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .wtd-af-score,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .wtd-af-smart-badge,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .wtd-af-clue-pill {
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.35) !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .wtd-af-status-pill {
    color: #1d2327 !important;
    text-shadow: none !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card a:not(.button) {
    color: #005ecb !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .button:not(.button-primary) {
    color: #1d2327 !important;
    background: #ffffff !important;
    border-color: #c3c4c7 !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-candidate-card .button.button-primary {
    color: #ffffff !important;
}
@media (max-width: 782px) {
    .wtd-af-candidate-grid {
        grid-template-columns: 1fr;
    }
    .wtd-af-card-head {
        flex-direction: column;
    }
    .wtd-af-card-badges {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Artist Finder richer Wikipedia selection cards (v11.6.75) */
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  max-width: 1100px;
  margin-top: 10px;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-card {
  display: block;
  background: #151515 !important;
  border: 1px solid #333 !important;
  border-radius: 12px;
  padding: 12px;
  color: #f5f5f5 !important;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-card,
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-card * {
  color: #f5f5f5 !important;
  box-sizing: border-box;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-card.is-selected {
  border-color: #2271b1 !important;
  box-shadow: 0 0 0 2px rgba(34,113,177,.35);
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-radio {
  display: block;
  margin: 0 0 10px;
  font-weight: 700;
  color: #ffffff !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-radio input {
  margin-right: 8px;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-body {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  min-height: 96px;
  background: #090909;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  overflow: hidden;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-thumb img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 140px;
  object-fit: cover;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-noimg {
  display: inline-block;
  color: #aaa !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-title {
  display: block;
  margin: 0 0 4px;
  font-size: 15px;
  line-height: 1.25;
  color: #ffffff !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-source {
  display: inline-block;
  margin: 0 0 8px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #263238;
  color: #d9f3ff !important;
  font-size: 11px;
  font-weight: 700;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-snippet {
  display: block;
  margin: 0 0 8px;
  color: #d7d7d7 !important;
  line-height: 1.45;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-snippet.is-muted {
  color: #aaa !important;
}
.wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-open {
  color: #8fc7ff !important;
  font-weight: 700;
}
@media (max-width: 720px) {
  .wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-body {
    grid-template-columns: 1fr;
  }
  .wp-admin .wtd-admin-page .wtd-panel .wtd-af-wiki-thumb {
    width: 100%;
    min-height: 120px;
  }
}

/* v11.6.85 Band directory A-Z jump accuracy */
#wtd-band-cards .wtd-band-card[id^="letter-"],
#wtd-band-cards .wtd-letter-start {
    scroll-margin-top: 150px;
}
#wtd-band-cards .wtd-letter-focus {
    outline: 2px solid #d92332;
    outline-offset: 6px;
    transition: outline-color .2s ease;
}
.wtd-az-jumpbar a.wtd-az-empty {
    opacity: .32;
    cursor: not-allowed;
}
.wtd-az-jumpbar a.wtd-az-miss {
    outline: 2px solid #d92332;
    outline-offset: 3px;
}

/* Band Bloodlines public layer, v11.7.0 */
.wtd-member-page-shell,
.wtd-blood-explorer {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.wtd-member-profile,
.wtd-band-bloodlines-public,
.wtd-blood-explorer {
  --wtd-blood-red: #b20c25;
  --wtd-blood-red-dark: #4d0711;
  --wtd-blood-panel: #121212;
  --wtd-blood-panel-soft: #1b1b1b;
  --wtd-blood-border: #3b3b3b;
  --wtd-blood-text: #f4f4f4;
  --wtd-blood-muted: #b9b9b9;
  color: var(--wtd-blood-text);
}

.wtd-blood-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin: 1.25rem 0;
  font-size: .9rem;
  color: var(--wtd-blood-muted);
}

.wtd-blood-breadcrumbs a,
.wtd-member-profile a,
.wtd-band-bloodlines-public a,
.wtd-blood-explorer a {
  color: #fff;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.wtd-member-hero,
.wtd-blood-explorer-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  align-items: center;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  margin: 1rem 0 1.5rem;
  background: linear-gradient(135deg, #090909, #1c070b 72%, #320910);
  border: 1px solid rgba(178, 12, 37, .62);
  border-radius: 20px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}

.wtd-blood-explorer-hero {
  display: block;
}

.wtd-member-portrait {
  width: clamp(130px, 18vw, 220px);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  border: 2px solid var(--wtd-blood-red);
}

.wtd-member-kicker {
  display: block;
  margin-bottom: .45rem;
  font-size: .76rem;
  line-height: 1.2;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #ff8091;
  font-weight: 800;
}

.wtd-member-hero h1,
.wtd-blood-explorer-hero h1 {
  margin: 0 0 .7rem;
  color: #fff;
  font-size: clamp(2rem, 5vw, 4.5rem);
  line-height: .98;
}

.wtd-member-intro,
.wtd-blood-explorer-hero p {
  max-width: 850px;
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.65;
}

.wtd-member-aliases,
.wtd-member-updated,
.wtd-band-member-role {
  color: var(--wtd-blood-muted);
}

.wtd-member-section,
.wtd-band-bloodlines-public,
.wtd-blood-accessible-list {
  margin: 1.5rem 0;
  padding: clamp(1rem, 2.4vw, 1.6rem);
  background: var(--wtd-blood-panel);
  border: 1px solid var(--wtd-blood-border);
  border-radius: 16px;
}

.wtd-member-section h2,
.wtd-band-bloodlines-public h2,
.wtd-blood-accessible-list h2 {
  margin-top: 0;
  color: #fff;
}

.wtd-member-band-grid,
.wtd-co-member-grid,
.wtd-band-member-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.wtd-member-band-card,
.wtd-co-member-card,
.wtd-band-member-link {
  min-width: 0;
  background: var(--wtd-blood-panel-soft);
  border: 1px solid #343434;
  border-radius: 13px;
  overflow: hidden;
}

.wtd-member-band-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.wtd-member-band-card-body,
.wtd-co-member-card,
.wtd-band-member-link {
  padding: 1rem;
}

.wtd-member-band-card h3,
.wtd-co-member-card h3,
.wtd-band-member-link h3 {
  margin: 0 0 .55rem;
  color: #fff;
}

.wtd-member-band-card ul,
.wtd-member-evidence ul,
.wtd-blood-accessible-list ul {
  margin: .5rem 0 0 1.2rem;
}

.wtd-member-timeline {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wtd-member-timeline:before {
  content: "";
  position: absolute;
  left: 138px;
  top: .8rem;
  bottom: .8rem;
  width: 2px;
  background: var(--wtd-blood-red);
}

.wtd-member-timeline li {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 2rem;
  position: relative;
  padding: .75rem 0 1.1rem;
}

.wtd-member-timeline li:before {
  content: "";
  position: absolute;
  left: 132px;
  top: 1.15rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--wtd-blood-red);
}

.wtd-member-timeline-years {
  color: #ff98a6;
  font-weight: 800;
  text-align: right;
}

.wtd-member-timeline h3,
.wtd-member-timeline p {
  margin: 0 0 .3rem;
}

.wtd-member-evidence summary {
  cursor: pointer;
  font-weight: 800;
}

.wtd-member-footer,
.wtd-blood-section-head,
.wtd-blood-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

.wtd-blood-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .72rem 1rem;
  border: 1px solid #e22b46;
  border-radius: 999px;
  background: var(--wtd-blood-red-dark);
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
  cursor: pointer;
}

.wtd-blood-button:hover,
.wtd-blood-button:focus-visible {
  background: var(--wtd-blood-red);
}

.wtd-member-index-note {
  color: var(--wtd-blood-muted);
  font-size: .86rem;
}

.wtd-bms-member-list .wtd-bms-member-name a {
  color: inherit;
  font-weight: 800;
}

.wtd-bms-member-detail {
  display: block;
  color: #aaa;
  margin-top: .15rem;
}

.wtd-blood-connected-bands {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #333;
}

.wtd-blood-filters {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(150px, 1fr));
  gap: .8rem;
  padding: 1rem;
  margin: 0 0 1rem;
  background: var(--wtd-blood-panel);
  border: 1px solid var(--wtd-blood-border);
  border-radius: 15px;
}

.wtd-blood-filters label span {
  display: block;
  margin-bottom: .35rem;
  color: #ddd;
  font-size: .85rem;
  font-weight: 800;
}

.wtd-blood-filters input,
.wtd-blood-filters select {
  width: 100%;
  min-height: 44px;
  border: 1px solid #484848;
  border-radius: 8px;
  background: #080808;
  color: #fff;
  padding: .65rem .75rem;
}

.wtd-blood-filter-actions {
  grid-column: 1 / -1;
  justify-content: flex-start;
}

.wtd-blood-explorer-count {
  margin: .75rem 0;
  color: var(--wtd-blood-muted);
}

.wtd-blood-graph {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.wtd-blood-graph-person {
  align-self: start;
  background: var(--wtd-blood-panel);
  border: 1px solid var(--wtd-blood-border);
  border-radius: 13px;
  overflow: hidden;
}

.wtd-blood-person-toggle {
  width: 100%;
  display: flex;
  gap: .7rem;
  align-items: center;
  justify-content: space-between;
  padding: .9rem 1rem;
  border: 0;
  background: #191919;
  color: #fff;
  text-align: left;
  font-weight: 800;
  cursor: pointer;
}

.wtd-blood-person-toggle small {
  color: #bbb;
  font-weight: 500;
}

.wtd-blood-person-toggle[aria-expanded="true"] {
  background: var(--wtd-blood-red-dark);
}

.wtd-blood-graph-links {
  padding: .8rem 1rem 1rem;
}

.wtd-blood-profile-link {
  font-weight: 800;
}

.wtd-blood-graph-link {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: .5rem;
  align-items: start;
  padding: .6rem 0;
  border-top: 1px solid #2d2d2d;
}

.wtd-blood-graph-link .wtd-blood-line {
  display: block;
  width: 24px;
  height: 2px;
  margin-top: .72rem;
  background: var(--wtd-blood-red);
}

.wtd-blood-graph-link small {
  display: block;
  color: #aaa;
  margin-top: .2rem;
}

.wtd-blood-accessible-list li {
  margin: .55rem 0;
  line-height: 1.55;
}

.wtd-blood-empty {
  padding: 1rem;
  border: 1px dashed #555;
  border-radius: 12px;
}

@media (max-width: 900px) {
  .wtd-member-band-grid,
  .wtd-co-member-grid,
  .wtd-band-member-links,
  .wtd-blood-graph {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wtd-blood-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .wtd-member-page-shell,
  .wtd-blood-explorer {
    width: min(100% - 20px, 1180px);
  }
  .wtd-member-hero {
    grid-template-columns: 1fr;
  }
  .wtd-member-portrait {
    width: min(220px, 72vw);
  }
  .wtd-member-band-grid,
  .wtd-co-member-grid,
  .wtd-band-member-links,
  .wtd-blood-graph,
  .wtd-blood-filters {
    grid-template-columns: 1fr;
  }
  .wtd-member-timeline:before {
    left: 7px;
  }
  .wtd-member-timeline li {
    grid-template-columns: 1fr;
    gap: .3rem;
    padding-left: 1.5rem;
  }
  .wtd-member-timeline li:before {
    left: 0;
  }
  .wtd-member-timeline-years {
    text-align: left;
  }
}

/* Bloodlines visual network */
.wtd-blood-network-panel{margin:1.5rem 0;padding:1rem;border:1px solid #383838;border-radius:14px;background:#111}
.wtd-blood-network-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.wtd-blood-network-head h2{margin:0 0 .25rem}
.wtd-blood-network-head p{margin:0;color:#bbb}
.wtd-blood-network-reset{border:1px solid #666;border-radius:999px;background:#1d1d1d;color:#fff;padding:.55rem .9rem;cursor:pointer;white-space:nowrap}
.wtd-blood-network-reset:hover,.wtd-blood-network-reset:focus{border-color:#fff;background:#2a2a2a}
.wtd-blood-network{overflow:auto;border:1px solid #2e2e2e;border-radius:10px;background:radial-gradient(circle at center,#1b1b1b 0,#0d0d0d 68%)}
.wtd-blood-network svg{display:block;width:100%;min-width:860px;height:auto;min-height:480px}
.wtd-network-edges line{stroke:#555;stroke-width:1.2;opacity:.62;transition:opacity .18s,stroke .18s,stroke-width .18s}
.wtd-network-node{cursor:pointer;outline:none;transition:opacity .18s}
.wtd-network-node circle{stroke:#efefef;stroke-width:1.5;transition:r .18s,fill .18s,stroke .18s}
.wtd-network-node-person circle{fill:#a20f1f}
.wtd-network-node-band circle{fill:#f0f0f0;stroke:#a20f1f}
.wtd-network-node text{fill:#f4f4f4;font-size:12px;font-weight:700;paint-order:stroke;stroke:#0b0b0b;stroke-width:3px;stroke-linejoin:round}
.wtd-network-node:focus circle,.wtd-network-node:hover circle,.wtd-network-node.is-selected circle{r:13;stroke:#fff;stroke-width:2.5}
.wtd-network-edges line.is-selected{stroke:#ef3340;stroke-width:3;opacity:1}
.wtd-network-node.is-dimmed,.wtd-network-edges line.is-dimmed{opacity:.12}
.wtd-network-empty{fill:#bbb;font-size:18px}
.wtd-blood-network-note{margin:.65rem 0 0;color:#aaa;font-size:.9rem}
@media (max-width:700px){.wtd-blood-network-head{display:block}.wtd-blood-network-reset{margin-top:.75rem}.wtd-blood-network svg{min-width:760px}}

/* Bloodlines interactive infographic, v11.8.0 */
.wtd-blood-focus-banner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem 1rem;
  margin:0 0 1rem;
  padding:.8rem 1rem;
  border:1px solid rgba(226,43,70,.55);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(77,7,17,.9),rgba(20,20,20,.96));
  color:#fff;
}
.wtd-blood-focus-banner a{margin-left:auto;font-weight:800}
.wtd-blood-infographic-shell{
  --wtd-tree-red:#bd1730;
  --wtd-tree-red-bright:#ef334f;
  --wtd-tree-bg:#0b0b0c;
  --wtd-tree-panel:#141416;
  --wtd-tree-panel-soft:#1c1c1f;
  --wtd-tree-border:#39393e;
  --wtd-tree-text:#f7f7f7;
  --wtd-tree-muted:#b8b8bd;
  margin:1.5rem 0;
  padding:1rem;
  border:1px solid var(--wtd-tree-border);
  border-radius:18px;
  background:linear-gradient(150deg,#171719 0,#0b0b0c 70%);
  color:var(--wtd-tree-text);
  box-shadow:0 22px 60px rgba(0,0,0,.3);
}
.wtd-blood-infographic-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.25rem;
  margin-bottom:1rem;
}
.wtd-blood-infographic-intro h2{margin:.15rem 0 .35rem;color:#fff;font-size:clamp(1.45rem,3vw,2.2rem)}
.wtd-blood-infographic-intro p{max-width:760px;margin:0;color:var(--wtd-tree-muted)}
.wtd-blood-infographic-stats{
  display:grid;
  grid-template-columns:auto auto;
  gap:.1rem .5rem;
  flex:0 0 auto;
  min-width:150px;
  padding:.75rem .9rem;
  border:1px solid #3b3b40;
  border-radius:12px;
  background:#101012;
}
.wtd-blood-infographic-stats strong{font-size:1.3rem;color:#fff;text-align:right}
.wtd-blood-infographic-stats span{align-self:center;color:#aaa;font-size:.82rem}
.wtd-blood-infographic-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:.65rem;
  margin-bottom:.8rem;
  padding:.75rem;
  border:1px solid #36363b;
  border-radius:13px;
  background:#111113;
}
.wtd-blood-view-switch,
.wtd-blood-zoom-controls{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #44444a;border-radius:999px;background:#080809}
.wtd-blood-view-switch button,
.wtd-blood-zoom-controls button,
.wtd-blood-tool-button{
  min-height:38px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#ddd;
  padding:.48rem .82rem;
  font-weight:800;
  cursor:pointer;
}
.wtd-blood-view-switch button[aria-pressed="true"]{background:var(--wtd-tree-red);color:#fff}
.wtd-blood-view-switch button:hover,
.wtd-blood-view-switch button:focus-visible,
.wtd-blood-zoom-controls button:hover,
.wtd-blood-zoom-controls button:focus-visible,
.wtd-blood-tool-button:hover,
.wtd-blood-tool-button:focus-visible{background:#2a2a2f;color:#fff;outline:2px solid transparent}
.wtd-blood-focus-control{display:grid;gap:.28rem;flex:1 1 240px;max-width:420px}
.wtd-blood-focus-control span{font-size:.78rem;font-weight:800;color:#c7c7cb}
.wtd-blood-focus-control input{
  width:100%;
  min-height:42px;
  border:1px solid #48484e;
  border-radius:9px;
  background:#080809;
  color:#fff;
  padding:.55rem .72rem;
}
.wtd-blood-tool-button{border:1px solid #4b4b51;background:#18181b}
.wtd-blood-infographic-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(235px,300px);
  gap:.8rem;
  align-items:stretch;
}
.wtd-blood-infographic-canvas{
  position:relative;
  min-width:0;
  height:690px;
  overflow:hidden;
  border:1px solid #303035;
  border-radius:13px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 50% 35%,#202024 0,#0b0b0d 65%);
  background-size:34px 34px,34px 34px,auto;
}
.wtd-blood-infographic-canvas svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}
.wtd-blood-infographic-canvas svg.is-dragging{cursor:grabbing}
.wtd-blood-infographic-help{
  position:absolute;
  left:.65rem;
  bottom:.55rem;
  max-width:calc(100% - 1.3rem);
  padding:.38rem .58rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(0,0,0,.72);
  color:#bbb;
  font-size:.74rem;
  pointer-events:none;
}
.wtd-blood-infographic-detail{
  min-width:0;
  height:690px;
  overflow:auto;
  padding:1rem;
  border:1px solid #37373c;
  border-radius:13px;
  background:#111113;
}
.wtd-blood-infographic-detail h3{margin:.25rem 0 .5rem;color:#fff;font-size:1.35rem}
.wtd-blood-detail-summary{color:#bbb}
.wtd-blood-detail-list{list-style:none;margin:.8rem 0 1rem;padding:0}
.wtd-blood-detail-list li{padding:.62rem 0;border-top:1px solid #2d2d31}
.wtd-blood-detail-list small{display:block;margin-top:.2rem;color:#aaa;line-height:1.4}
.wtd-blood-detail-jump{display:block;width:100%;padding:0;border:0;background:none;color:#fff;text-align:left;font:inherit;font-weight:800;cursor:pointer}
.wtd-blood-detail-jump:hover,.wtd-blood-detail-jump:focus-visible{color:#ff8ca0}
.wtd-blood-infographic-legend{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.8rem;color:#c8c8cc;font-size:.78rem}
.wtd-blood-infographic-legend span{display:inline-flex;align-items:center;gap:.38rem}
.wtd-blood-infographic-legend i{display:inline-block;width:22px;height:4px;border-radius:999px;background:#e2445d}
.wtd-blood-infographic-legend i.is-former_member{background:#9a9aa2}
.wtd-blood-infographic-legend i.is-touring_member{background:#e98a32}
.wtd-blood-infographic-legend i.is-session_member{background:#6e9ed4}
.wtd-blood-infographic-legend i.is-side_project{background:#b467d8}
.wtd-blood-infographic-legend i.is-guest{background:#70b98c}
.wtd-blood-infographic-legend i.is-branch{height:2px;background:#ff3654;box-shadow:0 0 7px rgba(255,54,84,.7)}
.wtd-blood-infographic-note{margin:.65rem 0 0;color:#929298;font-size:.78rem}
.wtd-family-background{fill:#0a0a0c}
.wtd-family-grid line{stroke:#28282d;stroke-width:1}
.wtd-family-grid line.is-decade{stroke:#44444b;stroke-width:1.4}
.wtd-family-grid line.is-unknown{stroke:#5a3540;stroke-dasharray:5 6}
.wtd-family-grid text{fill:#9d9da3;font-size:12px;font-weight:700}
.wtd-family-band-label{cursor:pointer;outline:none}
.wtd-family-band-label rect{fill:#1e1e22;stroke:#5a5a63;stroke-width:1.2}
.wtd-family-band-label text{fill:#fff;font-size:13px;font-weight:900}
.wtd-family-band-label:hover rect,
.wtd-family-band-label:focus rect,
.wtd-family-band-label.is-selected rect{fill:#4d0711;stroke:#f04b64;stroke-width:2.2}
.wtd-family-trunk{stroke:#8f1124;stroke-width:7;stroke-linecap:round}
.wtd-family-trunk-lead{stroke:#585860;stroke-width:2;stroke-dasharray:4 4}
.wtd-family-relationship{transition:opacity .18s}
.wtd-family-relationship path{fill:none;stroke:#e2445d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.wtd-family-relationship circle{fill:#fff;stroke:#e2445d;stroke-width:2}
.wtd-family-relationship.is-former_member path{stroke:#96969f;stroke-dasharray:7 4}
.wtd-family-relationship.is-former_member circle{stroke:#96969f}
.wtd-family-relationship.is-touring_member path{stroke:#e98a32;stroke-dasharray:3 4}
.wtd-family-relationship.is-touring_member circle{stroke:#e98a32}
.wtd-family-relationship.is-session_member path{stroke:#6e9ed4;stroke-dasharray:2 4}
.wtd-family-relationship.is-session_member circle{stroke:#6e9ed4}
.wtd-family-relationship.is-side_project path{stroke:#b467d8}
.wtd-family-relationship.is-side_project circle{stroke:#b467d8}
.wtd-family-relationship.is-guest path{stroke:#70b98c;stroke-dasharray:5 4}
.wtd-family-relationship.is-guest circle{stroke:#70b98c}
.wtd-family-person{cursor:pointer;outline:none;transition:opacity .18s}
.wtd-family-person rect{fill:#18181b;stroke:#57575f;stroke-width:1}
.wtd-family-person text{fill:#fff;font-size:11px;font-weight:800}
.wtd-family-person:hover rect,
.wtd-family-person:focus rect,
.wtd-family-person.is-selected rect{fill:#a60d24;stroke:#fff;stroke-width:1.8}
.wtd-family-person.is-former_member rect{stroke:#96969f}
.wtd-family-person.is-touring_member rect{stroke:#e98a32}
.wtd-family-person.is-session_member rect{stroke:#6e9ed4}
.wtd-family-person.is-side_project rect{stroke:#b467d8}
.wtd-family-person.is-guest rect{stroke:#70b98c}
.wtd-family-branch{fill:none;stroke:#f1314e;stroke-width:2.4;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 3px rgba(241,49,78,.45));transition:opacity .18s,stroke-width .18s}
.wtd-family-branch.is-selected{stroke-width:5;opacity:1}
.wtd-infographic-map-edges path{fill:none;stroke:#6a6a72;stroke-width:1.3;opacity:.58;transition:opacity .18s,stroke-width .18s,stroke .18s}
.wtd-infographic-map-edges path.is-current_member{stroke:#d83a53}
.wtd-infographic-map-edges path.is-former_member{stroke:#8e8e96;stroke-dasharray:7 4}
.wtd-infographic-map-edges path.is-touring_member{stroke:#e98a32;stroke-dasharray:3 4}
.wtd-infographic-map-edges path.is-session_member{stroke:#6e9ed4;stroke-dasharray:2 4}
.wtd-infographic-map-edges path.is-side_project{stroke:#b467d8}
.wtd-infographic-map-edges path.is-guest{stroke:#70b98c;stroke-dasharray:5 4}
.wtd-infographic-map-node{cursor:pointer;outline:none;transition:opacity .18s}
.wtd-infographic-map-node circle{stroke:#fff;stroke-width:1.4}
.wtd-infographic-map-node.is-person circle{fill:#ad152d}
.wtd-infographic-map-node.is-band circle{fill:#f3f3f3;stroke:#ad152d}
.wtd-infographic-map-node text{fill:#f7f7f7;font-size:12px;font-weight:800;paint-order:stroke;stroke:#09090a;stroke-width:3px;stroke-linejoin:round}
.wtd-infographic-map-node:hover circle,
.wtd-infographic-map-node:focus circle,
.wtd-infographic-map-node.is-selected circle{r:13;stroke:#fff;stroke-width:2.5}
.wtd-blood-infographic-shell .is-dimmed{opacity:.08 !important}
.wtd-blood-infographic-shell .is-selected{opacity:1 !important}
.wtd-blood-infographic-shell.is-compact .wtd-blood-infographic-canvas,
.wtd-blood-infographic-shell.is-compact .wtd-blood-infographic-detail{height:520px}
@media (max-width:980px){
  .wtd-blood-infographic-stage{grid-template-columns:1fr}
  .wtd-blood-infographic-detail{height:auto;max-height:360px}
  .wtd-blood-infographic-canvas{height:620px}
}
@media (max-width:680px){
  .wtd-blood-infographic-shell{margin:1rem 0;padding:.7rem;border-radius:13px}
  .wtd-blood-infographic-intro{display:block}
  .wtd-blood-infographic-stats{margin-top:.8rem;width:max-content}
  .wtd-blood-infographic-toolbar{align-items:stretch}
  .wtd-blood-view-switch,.wtd-blood-zoom-controls{width:100%;justify-content:center}
  .wtd-blood-focus-control{max-width:none;flex-basis:100%}
  .wtd-blood-infographic-canvas{height:540px}
  .wtd-blood-focus-banner a{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .wtd-blood-infographic-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Bloodlines guided discovery, v11.9.1 */
.wtd-blood-discovery{
  --wtd-discovery-red:#d2203b;
  --wtd-discovery-red-dark:#6d0b1a;
  --wtd-discovery-panel:#151517;
  --wtd-discovery-border:#37373c;
  --wtd-discovery-muted:#b6b6bc;
  color:#f7f7f7;
}
.wtd-blood-start,
.wtd-blood-stage-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.25rem;
  align-items:center;
  margin:0 0 1rem;
  padding:clamp(1rem,3vw,1.6rem);
  border:1px solid #3a3a40;
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 12%,rgba(210,32,59,.22),transparent 34%),
    linear-gradient(145deg,#1b1b1e,#0c0c0e 72%);
}
.wtd-blood-start h2,
.wtd-blood-stage-hero h2{margin:.2rem 0 .45rem;color:#fff;font-size:clamp(1.65rem,4vw,2.65rem);line-height:1.04}
.wtd-blood-start p,
.wtd-blood-stage-hero p{max-width:780px;margin:0;color:var(--wtd-discovery-muted);font-size:1rem;line-height:1.62}
.wtd-blood-stage-hero small{display:block;margin-top:.65rem;color:#d0d0d4}
.wtd-blood-start-stats{
  display:grid;
  grid-template-columns:auto auto;
  gap:.2rem .65rem;
  min-width:190px;
  padding:1rem;
  border:1px solid #44444a;
  border-radius:13px;
  background:rgba(6,6,7,.76);
}
.wtd-blood-start-stats strong{color:#fff;font-size:1.45rem;text-align:right}
.wtd-blood-start-stats span{align-self:center;color:#aaa;font-size:.82rem}
.wtd-blood-start-search{
  display:grid;
  grid-template-columns:minmax(210px,.75fr) minmax(300px,1.25fr);
  gap:1rem;
  align-items:center;
  margin:0 0 1.35rem;
  padding:1rem;
  border:1px solid #3b3b40;
  border-radius:15px;
  background:#111113;
}
.wtd-blood-start-search label{display:block;color:#fff;font-size:1.05rem;font-weight:900}
.wtd-blood-start-search p{margin:.2rem 0 0;color:#aaa;font-size:.86rem}
.wtd-blood-start-search-controls{display:flex;gap:.55rem}
.wtd-blood-start-search input[type="search"]{
  flex:1 1 auto;
  min-width:0;
  min-height:46px;
  border:1px solid #505057;
  border-radius:10px;
  background:#080809;
  color:#fff;
  padding:.65rem .8rem;
}
.wtd-blood-start-search button{
  min-height:46px;
  border:1px solid #ec3652;
  border-radius:10px;
  background:var(--wtd-discovery-red);
  color:#fff;
  padding:.65rem 1rem;
  font-weight:900;
  cursor:pointer;
}
.wtd-blood-route-section{margin:1.5rem 0 2rem}
.wtd-blood-route-head{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.8rem}
.wtd-blood-route-head>span{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  height:42px;
  border:1px solid #7d1526;
  border-radius:50%;
  background:#31050d;
  color:#ff7187;
  font-weight:900;
}
.wtd-blood-route-head h2{margin:0;color:#fff;font-size:1.45rem}
.wtd-blood-route-head p{margin:.2rem 0 0;color:#aaa}
.wtd-blood-route-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.wtd-blood-route-grid.is-sounds{grid-template-columns:repeat(4,minmax(0,1fr))}
.wtd-blood-route-grid.is-eras{grid-template-columns:repeat(5,minmax(0,1fr))}
.wtd-blood-route-card{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:.75rem;
  align-items:center;
  min-height:132px;
  padding:.9rem;
  overflow:hidden;
  border:1px solid #39393f;
  border-radius:14px;
  background:linear-gradient(145deg,#1a1a1d,#101012);
  color:#fff;
  text-decoration:none!important;
  transition:transform .18s,border-color .18s,background .18s;
}
.wtd-blood-route-card::after{
  content:"";
  position:absolute;
  inset:auto -25px -45px auto;
  width:105px;
  height:105px;
  border:18px solid rgba(210,32,59,.08);
  border-radius:50%;
}
.wtd-blood-route-card:hover,
.wtd-blood-route-card:focus-visible{transform:translateY(-3px);border-color:#d32a43;background:linear-gradient(145deg,#291318,#111113);outline:none}
.wtd-blood-route-card-marker,
.wtd-blood-route-marker{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:1px solid #9d1b30;
  border-radius:50%;
  background:#4c0813;
  color:#ff91a2;
  font-size:.8rem;
  font-weight:950;
  letter-spacing:.02em;
  text-align:center;
}
.wtd-blood-route-card-copy{display:grid;gap:.25rem;min-width:0}
.wtd-blood-route-card-copy strong{color:#fff;font-size:1.02rem;line-height:1.15}
.wtd-blood-route-card-copy small{color:#aaa;line-height:1.4}
.wtd-blood-route-card-copy em{color:#ff8396;font-size:.75rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.wtd-blood-route-arrow{position:relative;z-index:1;color:#ff5b74;font-size:1.35rem;font-weight:900}
.wtd-blood-advanced{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:1.5rem 0 0;
  padding:1.1rem;
  border:1px dashed #525259;
  border-radius:15px;
  background:#111113;
}
.wtd-blood-advanced h2{margin:.15rem 0 .25rem;color:#fff}
.wtd-blood-advanced p{margin:0;color:#aaa}
.wtd-blood-advanced-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}
.wtd-blood-secondary-button,
.wtd-blood-show-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:1px solid #55555c;
  border-radius:999px;
  background:#1a1a1d;
  color:#fff!important;
  padding:.55rem .95rem;
  font-weight:900;
  text-decoration:none!important;
  cursor:pointer;
}
.wtd-blood-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .75rem;color:#aaa;font-size:.84rem}
.wtd-blood-breadcrumbs a{color:#f0f0f0;text-decoration:none}
.wtd-blood-breadcrumbs strong{color:#ff7187}
.wtd-blood-stage-hero{grid-template-columns:auto minmax(0,1fr)}
.wtd-blood-route-marker{width:74px;height:74px;font-size:1rem}
.wtd-blood-band-stage{margin:1.25rem 0}
.wtd-blood-band-stage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.wtd-blood-band-stage-head h2{margin:0;color:#fff}
.wtd-blood-band-stage-head p{margin:.25rem 0 0;color:#aaa}
.wtd-blood-band-stage-head>a{font-weight:900;white-space:nowrap}
.wtd-blood-band-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.wtd-blood-band-choice{
  display:grid;
  grid-template-rows:1fr auto;
  min-width:0;
  overflow:hidden;
  border:1px solid #39393f;
  border-radius:14px;
  background:#121214;
}
.wtd-blood-band-choice-main{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.8rem;align-items:stretch;color:#fff!important;text-decoration:none!important}
.wtd-blood-band-choice-image{display:block;min-height:118px;background-position:center;background-size:cover;background-color:#24060b}
.wtd-blood-band-choice-image.is-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#600d1b,#161619)}
.wtd-blood-band-choice-image b{font-size:1.5rem;color:#ff9aaa}
.wtd-blood-band-choice-copy{display:grid;align-content:center;gap:.28rem;padding:.75rem .75rem .75rem 0;min-width:0}
.wtd-blood-band-choice-copy strong{color:#fff;font-size:1.02rem;line-height:1.15}
.wtd-blood-band-choice-copy small{color:#c4c4c8}
.wtd-blood-band-choice-copy em{margin-top:.2rem;color:#ff667d;font-size:.76rem;font-style:normal;font-weight:900;text-transform:uppercase}
.wtd-blood-band-genres{overflow:hidden;color:#8f8f96;font-size:.73rem;white-space:nowrap;text-overflow:ellipsis}
.wtd-blood-band-page-link{padding:.52rem .75rem;border-top:1px solid #303034;color:#bbb!important;font-size:.78rem;font-weight:800;text-align:right;text-decoration:none!important}
.wtd-blood-band-choice:hover,.wtd-blood-band-choice:focus-within{border-color:#d52b45;background:#191114}
.wtd-blood-show-more{display:flex;margin:1rem auto 0}
.wtd-blood-empty{margin:1rem 0;padding:1.2rem;border:1px solid #444;border-radius:14px;background:#111;color:#ccc;text-align:center}
.wtd-blood-empty h2,.wtd-blood-empty h3{margin:0 0 .35rem;color:#fff}
@media(max-width:1100px){
  .wtd-blood-route-grid.is-sounds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wtd-blood-route-grid.is-eras{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wtd-blood-band-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .wtd-blood-start,.wtd-blood-stage-hero,.wtd-blood-start-search{grid-template-columns:1fr}
  .wtd-blood-start-stats{width:max-content}
  .wtd-blood-start-search-controls{display:grid;grid-template-columns:1fr}
  .wtd-blood-route-grid,.wtd-blood-route-grid.is-sounds,.wtd-blood-route-grid.is-eras,.wtd-blood-band-picker{grid-template-columns:1fr}
  .wtd-blood-route-card{min-height:112px}
  .wtd-blood-advanced,.wtd-blood-band-stage-head{display:block}
  .wtd-blood-advanced-actions{justify-content:flex-start;margin-top:.8rem}
  .wtd-blood-band-stage-head>a{display:inline-block;margin-top:.6rem;white-space:normal}
}

/* Bloodlines presentation expansion, v11.9.2 */
body.wtd-bloodlines-page .wtd-blood-explorer,
.wtd-layout-stage .wtd-blood-explorer,
.wtd-blood-explorer {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.wtd-member-page-shell {
  width: min(1480px, calc(100% - 32px));
}

.wtd-blood-explorer-hero {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.5rem, 3.2vw, 3.4rem);
  border-radius: 24px;
}

.wtd-blood-explorer-hero h1 {
  font-size: clamp(3.4rem, 7.2vw, 7.4rem);
  letter-spacing: .015em;
  max-width: none;
}

.wtd-blood-explorer-hero p {
  max-width: 980px;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
}

.wtd-blood-start,
.wtd-blood-stage-hero {
  padding: clamp(1.35rem, 2.5vw, 2.5rem);
}

.wtd-blood-start h2,
.wtd-blood-stage-hero h2 {
  font-size: clamp(2.1rem, 4.4vw, 4.6rem);
}

.wtd-blood-route-section {
  margin-block: clamp(2rem, 4vw, 4.25rem);
}

.wtd-blood-route-head h2 {
  font-size: clamp(1.75rem, 2.4vw, 2.8rem);
}

.wtd-blood-route-grid {
  gap: clamp(.9rem, 1.4vw, 1.35rem);
}

.wtd-blood-route-grid.is-sounds {
  grid-template-columns: repeat(4, minmax(240px, 1fr));
}

.wtd-blood-route-grid.is-eras {
  grid-template-columns: repeat(5, minmax(190px, 1fr));
}

.wtd-blood-route-grid.is-scenes {
  grid-template-columns: repeat(4, minmax(250px, 1fr));
}

.wtd-blood-route-card {
  min-height: 174px;
  padding: 1.15rem;
  grid-template-columns: 58px minmax(0,1fr) auto;
  gap: .95rem;
}

.wtd-blood-route-card-marker {
  width: 58px;
  height: 58px;
}

.wtd-blood-route-card-copy strong {
  font-size: 1.2rem;
}

.wtd-blood-route-card-copy small {
  font-size: .94rem;
  line-height: 1.5;
}

.wtd-blood-band-picker {
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 1rem;
}

.wtd-blood-band-choice-main {
  grid-template-columns: 118px minmax(0,1fr);
}

.wtd-blood-band-choice-image {
  min-height: 142px;
}

.wtd-blood-filters {
  grid-template-columns: minmax(280px, 2fr) repeat(3, minmax(180px, 1fr));
  gap: 1rem;
  padding: clamp(1rem, 1.8vw, 1.5rem);
}

.wtd-blood-explorer-count {
  font-size: 1rem;
  padding-inline: .25rem;
}

.wtd-blood-infographic-shell {
  width: 100%;
  max-width: none;
  margin: 1.5rem 0 2.5rem;
  padding: clamp(1rem, 1.8vw, 1.75rem);
  border-radius: 22px;
  box-shadow: 0 28px 90px rgba(0,0,0,.48);
}

.wtd-blood-infographic-intro {
  align-items: center;
  padding: .4rem .25rem 1rem;
}

.wtd-blood-infographic-intro h2 {
  font-size: clamp(2.3rem, 4.8vw, 5.2rem);
  line-height: .95;
}

.wtd-blood-infographic-intro p {
  max-width: 980px;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
}

.wtd-blood-infographic-toolbar {
  position: sticky;
  top: 82px;
  z-index: 35;
  gap: .8rem;
  padding: .9rem;
  background: rgba(12,12,14,.96);
  backdrop-filter: blur(14px);
}

body.admin-bar .wtd-blood-infographic-toolbar {
  top: 114px;
}

.wtd-blood-view-switch button,
.wtd-blood-zoom-controls button,
.wtd-blood-tool-button {
  min-height: 44px;
  padding: .58rem .95rem;
}

.wtd-blood-view-switch button[aria-pressed="true"] {
  box-shadow: 0 0 0 2px rgba(255,255,255,.12) inset;
}

.wtd-blood-infographic-stage {
  grid-template-columns: minmax(0,1fr) minmax(320px,380px);
  gap: 1rem;
}

.wtd-blood-infographic-canvas,
.wtd-blood-infographic-detail {
  height: clamp(760px, 74vh, 980px);
}

.wtd-blood-infographic-canvas {
  border-width: 2px;
  box-shadow: inset 0 0 60px rgba(0,0,0,.42);
}

.wtd-blood-infographic-detail {
  padding: 1.25rem;
}

.wtd-blood-infographic-help {
  font-size: .84rem;
  padding: .5rem .72rem;
}

.wtd-family-band-label text,
.wtd-network-node text {
  font-size: 14px;
}

.wtd-blood-text-fallback {
  margin: 1.5rem 0 0;
  border: 1px solid #3a3a40;
  border-radius: 16px;
  background: #101012;
  overflow: hidden;
}

.wtd-blood-text-fallback > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  cursor: pointer;
  color: #fff;
  font-weight: 900;
}

.wtd-blood-text-fallback > summary::-webkit-details-marker {
  display: none;
}

.wtd-blood-text-fallback > summary::after {
  content: "+";
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8e1a2e;
  border-radius: 50%;
  color: #ff8296;
}

.wtd-blood-text-fallback[open] > summary::after {
  content: "−";
}

.wtd-blood-text-fallback > summary small {
  margin-left: auto;
  color: #aaa;
  font-weight: 500;
}

.wtd-blood-text-fallback-body {
  padding: 0 1rem 1rem;
}

.wtd-blood-infographic-shell:fullscreen,
.wtd-blood-infographic-shell:-webkit-full-screen,
.wtd-blood-infographic-shell.is-fullscreen,
.wtd-blood-infographic-shell.is-expanded-fallback {
  width: 100vw;
  height: 100vh;
  max-width: none;
  margin: 0;
  padding: 14px;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #080809;
}

.wtd-blood-infographic-shell:fullscreen .wtd-blood-infographic-intro,
.wtd-blood-infographic-shell:-webkit-full-screen .wtd-blood-infographic-intro,
.wtd-blood-infographic-shell.is-fullscreen .wtd-blood-infographic-intro {
  display: none;
}

.wtd-blood-infographic-shell:fullscreen .wtd-blood-infographic-toolbar,
.wtd-blood-infographic-shell:-webkit-full-screen .wtd-blood-infographic-toolbar,
.wtd-blood-infographic-shell.is-fullscreen .wtd-blood-infographic-toolbar {
  position: static;
  margin-bottom: 10px;
}

.wtd-blood-infographic-shell:fullscreen .wtd-blood-infographic-canvas,
.wtd-blood-infographic-shell:fullscreen .wtd-blood-infographic-detail,
.wtd-blood-infographic-shell:-webkit-full-screen .wtd-blood-infographic-canvas,
.wtd-blood-infographic-shell:-webkit-full-screen .wtd-blood-infographic-detail,
.wtd-blood-infographic-shell.is-fullscreen .wtd-blood-infographic-canvas,
.wtd-blood-infographic-shell.is-fullscreen .wtd-blood-infographic-detail {
  height: calc(100vh - 112px);
}

.wtd-blood-infographic-shell:fullscreen .wtd-blood-infographic-legend,
.wtd-blood-infographic-shell:fullscreen .wtd-blood-infographic-note,
.wtd-blood-infographic-shell:-webkit-full-screen .wtd-blood-infographic-legend,
.wtd-blood-infographic-shell:-webkit-full-screen .wtd-blood-infographic-note,
.wtd-blood-infographic-shell.is-fullscreen .wtd-blood-infographic-legend,
.wtd-blood-infographic-shell.is-fullscreen .wtd-blood-infographic-note {
  display: none;
}

@media (max-width: 1450px) {
  .wtd-blood-route-grid.is-sounds,
  .wtd-blood-route-grid.is-scenes {
    grid-template-columns: repeat(3, minmax(230px, 1fr));
  }
  .wtd-blood-route-grid.is-eras {
    grid-template-columns: repeat(3, minmax(210px, 1fr));
  }
}

@media (max-width: 1100px) {
  .wtd-blood-route-grid.is-sounds,
  .wtd-blood-route-grid.is-scenes,
  .wtd-blood-route-grid.is-eras {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .wtd-blood-infographic-stage {
    grid-template-columns: 1fr;
  }
  .wtd-blood-infographic-canvas {
    height: 720px;
  }
  .wtd-blood-infographic-detail {
    height: auto;
    max-height: 420px;
  }
}

@media (max-width: 760px) {
  .wtd-blood-explorer-hero {
    min-height: 0;
    padding: 1.35rem;
  }
  .wtd-blood-explorer-hero h1 {
    font-size: clamp(2.8rem, 16vw, 4.8rem);
  }
  .wtd-blood-route-grid.is-sounds,
  .wtd-blood-route-grid.is-scenes,
  .wtd-blood-route-grid.is-eras {
    grid-template-columns: 1fr;
  }
  .wtd-blood-route-card {
    min-height: 132px;
  }
  .wtd-blood-filters {
    grid-template-columns: 1fr;
  }
  .wtd-blood-infographic-toolbar {
    position: static;
  }
  .wtd-blood-infographic-canvas {
    height: 620px;
  }
  .wtd-blood-text-fallback > summary small {
    display: none;
  }
}

/* Bloodlines visual portal hub, v11.10.0 */
.wtd-blood-discovery.is-portal-home {
  display: grid;
  gap: clamp(1.5rem, 3vw, 3rem);
}

.wtd-blood-portal-hub {
  position: relative;
  overflow: hidden;
  min-height: 720px;
  padding: clamp(1.25rem, 2.8vw, 3rem);
  border: 1px solid #3c3c43;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 46%, rgba(187,18,45,.19), transparent 24%),
    linear-gradient(145deg, rgba(28,28,31,.98), rgba(10,10,12,.99));
  box-shadow: 0 30px 100px rgba(0,0,0,.52);
}

.wtd-blood-portal-hub::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .26;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.wtd-blood-portal-heading {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto clamp(1rem, 2vw, 1.8rem);
  text-align: center;
}

.wtd-blood-portal-heading h2 {
  margin: .25rem 0 .55rem;
  color: #fff;
  font-size: clamp(2.25rem, 4.8vw, 5.4rem);
  line-height: .96;
}

.wtd-blood-portal-heading p {
  max-width: 760px;
  margin: 0 auto;
  color: #b7b7bd;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
}

.wtd-blood-portal-stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(260px, 360px) minmax(250px, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: clamp(1rem, 2vw, 2rem) clamp(1.5rem, 4vw, 5rem);
  align-items: center;
  min-height: 480px;
  max-width: 1280px;
  margin: 0 auto;
}

.wtd-blood-portal-branches {
  position: absolute;
  inset: 5% 7%;
  z-index: 0;
  width: 86%;
  height: 90%;
  pointer-events: none;
  overflow: visible;
}

.wtd-blood-portal-branches path {
  fill: none;
  stroke: rgba(232,42,72,.48);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 7 10;
  filter: drop-shadow(0 0 8px rgba(232,42,72,.28));
}

.wtd-blood-portal-core {
  position: relative;
  z-index: 3;
  grid-column: 2;
  grid-row: 1 / 3;
  justify-self: center;
  display: grid;
  place-items: center;
  align-content: center;
  width: clamp(210px, 20vw, 310px);
  aspect-ratio: 1;
  padding: 1.4rem;
  border: 2px solid #b81731;
  border-radius: 50%;
  text-align: center;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,94,119,.2), transparent 25%),
    radial-gradient(circle, #300711, #0b0b0d 68%);
  box-shadow: 0 0 0 16px rgba(177,18,43,.08), 0 0 70px rgba(192,20,49,.3), inset 0 0 40px rgba(0,0,0,.7);
}

.wtd-blood-portal-core span {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: .55rem;
  border-radius: 50%;
  background: #d7193f;
  color: #fff;
  font-weight: 950;
  letter-spacing: .04em;
}

.wtd-blood-portal-core strong {
  color: #fff;
  font-size: clamp(2rem, 3.5vw, 3.5rem);
  line-height: .9;
}

.wtd-blood-portal-core small {
  margin-top: .7rem;
  color: #aaaab2;
  font-size: .82rem;
}

.wtd-blood-portal-button {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 68px minmax(0,1fr);
  gap: 1rem;
  align-items: center;
  min-height: 165px;
  padding: 1.15rem;
  border: 1px solid #45454c;
  border-radius: 20px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(145deg, rgba(31,31,35,.98), rgba(14,14,16,.98));
  box-shadow: 0 18px 50px rgba(0,0,0,.28);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.wtd-blood-portal-button.is-sound,
.wtd-blood-portal-button.is-time { grid-column: 1; }
.wtd-blood-portal-button.is-place,
.wtd-blood-portal-button.is-status { grid-column: 3; }
.wtd-blood-portal-button.is-sound,
.wtd-blood-portal-button.is-place { grid-row: 1; }
.wtd-blood-portal-button.is-time,
.wtd-blood-portal-button.is-status { grid-row: 2; }

.wtd-blood-portal-button:hover,
.wtd-blood-portal-button:focus-visible,
.wtd-blood-portal-button.is-open {
  transform: translateY(-4px) scale(1.015);
  border-color: #df2949;
  outline: none;
  background: linear-gradient(145deg, #311017, #121214);
  box-shadow: 0 24px 65px rgba(0,0,0,.4), 0 0 0 1px rgba(223,41,73,.24) inset;
}

.wtd-blood-portal-icon {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 1px solid #ac1931;
  border-radius: 50%;
  color: #ff879a;
  background: #430812;
  font-size: 1.85rem;
  font-weight: 900;
}

.wtd-blood-portal-button > span:nth-child(2) {
  display: grid;
  gap: .18rem;
}

.wtd-blood-portal-button small {
  color: #ff7890;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wtd-blood-portal-button strong {
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.wtd-blood-portal-button em {
  color: #b5b5bb;
  font-size: .9rem;
  font-style: normal;
  line-height: 1.4;
}

.wtd-blood-portal-button b {
  position: absolute;
  right: 1rem;
  bottom: .8rem;
  color: #fff;
  font-size: .78rem;
}

.wtd-blood-portal-panels {
  position: relative;
  z-index: 4;
  margin-top: clamp(1.2rem, 2.5vw, 2.4rem);
}

.wtd-blood-portal-panel[hidden] { display: none !important; }

.wtd-blood-portal-panel {
  position: relative;
  scroll-margin-top: 110px;
  padding: clamp(1.2rem, 2.5vw, 2.5rem);
  border: 1px solid #4a3a3e;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(25,20,22,.99), rgba(9,9,11,.99));
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
}

.wtd-blood-portal-panel.is-standalone {
  min-height: 520px;
  margin-top: 1rem;
}

.wtd-blood-portal-close {
  position: absolute;
  top: .85rem;
  right: .85rem;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #5d5d64;
  border-radius: 50%;
  color: #fff;
  background: #17171a;
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
}

.wtd-blood-portal-panel.is-standalone .wtd-blood-portal-close { display: none; }

.wtd-blood-portal-panel-head {
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  gap: 1rem;
  align-items: center;
  max-width: 1050px;
  margin-bottom: 1.5rem;
}

.wtd-blood-panel-symbol {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  border: 1px solid #c11c39;
  border-radius: 50%;
  color: #ff8799;
  background: #380810;
  font-size: 2rem;
  font-weight: 900;
}

.wtd-blood-portal-panel-head h2 {
  margin: .15rem 0 .3rem;
  color: #fff;
  font-size: clamp(2rem, 4vw, 4.3rem);
  line-height: .95;
}

.wtd-blood-portal-panel-head p {
  max-width: 850px;
  margin: 0;
  color: #b1b1b7;
  font-size: 1rem;
}

.wtd-blood-genre-tree {
  position: relative;
  display: grid;
  grid-template-columns: minmax(170px, 230px) 1fr;
  gap: clamp(1rem, 3vw, 3rem);
  align-items: center;
  min-height: 410px;
  padding: clamp(1rem, 2vw, 2rem);
  border: 1px solid #34343a;
  border-radius: 20px;
  background: radial-gradient(circle at 18% 50%, rgba(190,22,49,.18), transparent 30%), #0c0c0e;
}

.wtd-blood-genre-root {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  align-content: center;
  width: min(200px, 100%);
  aspect-ratio: 1;
  border: 2px solid #bd1b37;
  border-radius: 50%;
  background: #27070d;
  box-shadow: 0 0 50px rgba(199,23,53,.24);
  text-align: center;
}

.wtd-blood-genre-root::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: clamp(20px, 3vw, 55px);
  height: 2px;
  background: #8e1a2d;
}

.wtd-blood-genre-root span { color: #fff; font-size: 2.1rem; font-weight: 950; }
.wtd-blood-genre-root small { color: #aaa; }

.wtd-blood-genre-branches {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px,1fr));
  gap: .8rem;
}

.wtd-blood-genre-branch {
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-rows: auto auto;
  gap: .1rem .65rem;
  align-items: center;
  min-height: 88px;
  padding: .8rem;
  border: 1px solid #3d3d43;
  border-radius: 14px;
  color: #fff !important;
  text-decoration: none !important;
  background: #151518;
}

.wtd-blood-genre-branch::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  width: clamp(12px, 2vw, 34px);
  height: 1px;
  background: rgba(194,28,56,.55);
}

.wtd-blood-genre-branch:hover,
.wtd-blood-genre-branch:focus-visible {
  border-color: #df2b4b;
  background: #241015;
  outline: none;
}

.wtd-blood-genre-branch > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #ff8598;
  background: #490b16;
  font-weight: 900;
}

.wtd-blood-genre-branch strong { font-size: 1rem; }
.wtd-blood-genre-branch small { color: #9999a0; }

.wtd-blood-world-map {
  position: relative;
  min-height: 510px;
  overflow: hidden;
  border: 1px solid #34343a;
  border-radius: 22px;
  background:
    radial-gradient(ellipse 22% 22% at 17% 39%, rgba(100,100,108,.34) 0 48%, transparent 50%),
    radial-gradient(ellipse 16% 28% at 28% 68%, rgba(100,100,108,.28) 0 46%, transparent 49%),
    radial-gradient(ellipse 18% 16% at 52% 36%, rgba(100,100,108,.34) 0 45%, transparent 48%),
    radial-gradient(ellipse 13% 28% at 57% 64%, rgba(100,100,108,.3) 0 45%, transparent 48%),
    radial-gradient(ellipse 23% 19% at 77% 43%, rgba(100,100,108,.31) 0 46%, transparent 49%),
    radial-gradient(ellipse 14% 12% at 86% 76%, rgba(100,100,108,.3) 0 46%, transparent 49%),
    linear-gradient(180deg, #101820, #070b0e);
  box-shadow: inset 0 0 80px rgba(0,0,0,.55);
}

.wtd-blood-world-map::before,
.wtd-blood-world-map::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.wtd-blood-world-map::before {
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 10% 20%;
}

.wtd-blood-world-map::after {
  background: radial-gradient(circle at 50% 50%, transparent 35%, rgba(0,0,0,.38));
}

.wtd-blood-map-hotspot {
  position: absolute;
  left: var(--map-x);
  top: var(--map-y);
  z-index: 3;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #fff !important;
  text-decoration: none !important;
}

.wtd-blood-map-hotspot i {
  position: relative;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 3px solid #ff6f86;
  border-radius: 50%;
  background: #9c1028;
  box-shadow: 0 0 0 8px rgba(222,31,65,.12), 0 0 22px rgba(242,43,77,.75);
}

.wtd-blood-map-hotspot i::after {
  content: "";
  position: absolute;
  inset: -10px;
  border: 1px solid rgba(255,82,111,.55);
  border-radius: 50%;
  animation: wtd-hotspot-pulse 2.3s ease-out infinite;
}

@keyframes wtd-hotspot-pulse {
  from { transform: scale(.55); opacity: 1; }
  to { transform: scale(1.55); opacity: 0; }
}

.wtd-blood-map-hotspot span {
  display: grid;
  min-width: max-content;
  padding: .38rem .55rem;
  border: 1px solid #4b4b52;
  border-radius: 9px;
  background: rgba(9,9,11,.88);
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}

.wtd-blood-map-hotspot strong { font-size: .82rem; }
.wtd-blood-map-hotspot small { color: #aaa; font-size: .7rem; }
.wtd-blood-map-hotspot:hover span,
.wtd-blood-map-hotspot:focus-visible span { border-color: #df2a49; background: #251015; }

.wtd-blood-location-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  gap: .7rem;
  margin-top: .85rem;
}

.wtd-blood-location-list a {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .75rem .9rem;
  border: 1px solid #3a3a40;
  border-radius: 12px;
  color: #fff !important;
  text-decoration: none !important;
  background: #141416;
}

.wtd-blood-location-list span { color: #999; }

.wtd-blood-era-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 0;
  align-items: start;
  min-height: 310px;
  padding: 3.7rem clamp(1rem, 3vw, 3rem) 2rem;
  border: 1px solid #34343a;
  border-radius: 22px;
  background: linear-gradient(180deg, #151519, #09090b);
}

.wtd-blood-era-rail {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 92px;
  height: 5px;
  border-radius: 99px;
  background: linear-gradient(90deg, #620d1c, #ed2d4e, #620d1c);
  box-shadow: 0 0 18px rgba(226,34,68,.45);
}

.wtd-blood-era-line a {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: .4rem;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

.wtd-blood-era-line i {
  width: 32px;
  height: 32px;
  margin-bottom: 1rem;
  border: 6px solid #121214;
  border-radius: 50%;
  background: #e32a4a;
  box-shadow: 0 0 0 2px #a41630, 0 0 20px rgba(229,40,73,.5);
}

.wtd-blood-era-line strong { font-size: clamp(1.25rem, 2vw, 2rem); }
.wtd-blood-era-line small { color: #aaa; }
.wtd-blood-era-line a:hover i,
.wtd-blood-era-line a:focus-visible i { transform: scale(1.18); background: #ff758c; }

.wtd-blood-status-gates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1rem;
}

.wtd-blood-status-gate {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: end;
  min-height: 390px;
  padding: clamp(1.2rem, 2.5vw, 2.2rem);
  border: 1px solid #46464d;
  border-radius: 22px;
  color: #fff !important;
  text-decoration: none !important;
  isolation: isolate;
}

.wtd-blood-status-gate::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
}

.wtd-blood-status-gate.is-active::before {
  background:
    linear-gradient(115deg, transparent 20%, rgba(255,64,92,.18) 45%, transparent 70%),
    radial-gradient(circle at 22% 10%, rgba(255,61,91,.72), transparent 18%),
    radial-gradient(circle at 78% 10%, rgba(255,215,110,.45), transparent 18%),
    linear-gradient(180deg, #251016, #09090b 72%);
}

.wtd-blood-status-gate.is-inactive::before {
  background:
    radial-gradient(circle at 76% 18%, rgba(224,224,216,.42) 0 7%, transparent 8%),
    linear-gradient(180deg, #111821, #08090b 56%, #12110f 57%);
}

.wtd-blood-status-gate.is-inactive::after {
  content: "†   †      †    †";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 27%;
  z-index: -1;
  color: rgba(170,170,170,.3);
  font-size: clamp(3rem, 8vw, 7rem);
  letter-spacing: .08em;
  white-space: nowrap;
}

.wtd-blood-status-gate small { color: #ff7c92; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.wtd-blood-status-gate strong { margin-top: .25rem; font-size: clamp(2rem, 4vw, 4.2rem); line-height: .9; }
.wtd-blood-status-gate em { margin-top: .5rem; color: #c2c2c7; font-style: normal; }
.wtd-blood-status-gate b { margin-top: 1rem; color: #fff; }
.wtd-blood-status-gate:hover,
.wtd-blood-status-gate:focus-visible { border-color: #e32c4b; outline: none; transform: translateY(-3px); }

.wtd-blood-featured-trails,
.wtd-blood-archive-link {
  display: grid;
  grid-template-columns: minmax(230px, .7fr) minmax(0,1.7fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: center;
  padding: clamp(1.2rem, 2.5vw, 2.3rem);
  border: 1px solid #393940;
  border-radius: 22px;
  background: #111113;
}

.wtd-blood-featured-trails h2,
.wtd-blood-archive-link h2 { margin: .2rem 0 .4rem; color: #fff; font-size: clamp(1.8rem, 3vw, 3rem); }
.wtd-blood-featured-trails p,
.wtd-blood-archive-link p { margin: 0; color: #aaa; }

.wtd-blood-featured-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .8rem;
}

.wtd-blood-featured-grid .wtd-blood-route-card { min-height: 132px; }

.wtd-blood-surprise-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  grid-template-rows: auto auto;
  gap: .15rem .7rem;
  align-items: center;
  min-height: 132px;
  padding: 1rem;
  border: 1px dashed #a61b31;
  border-radius: 16px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(145deg, #2a0c13, #101012);
}

.wtd-blood-surprise-card span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #d62142;
  font-size: 1.5rem;
  font-weight: 950;
}
.wtd-blood-surprise-card small { color: #aaa; }

.wtd-blood-archive-link > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .7rem;
}

.wtd-blood-return-hub { margin: 1rem 0 0; }
.wtd-blood-return-hub a { color: #ff7890; font-weight: 800; }

.wtd-blood-status-hero {
  display: grid;
  grid-template-columns: 90px minmax(0,1fr);
  gap: 1rem;
  align-items: center;
  margin: 1rem 0 1.4rem;
  padding: clamp(1.2rem, 2.4vw, 2.2rem);
  border: 1px solid #414148;
  border-radius: 20px;
  background: #121214;
}

.wtd-blood-status-hero > span {
  display: grid;
  place-items: center;
  width: 90px;
  height: 90px;
  border: 1px solid #b51a34;
  border-radius: 50%;
  color: #ff8296;
  background: #3b0912;
  font-weight: 950;
}

.wtd-blood-status-hero h2 { margin: .15rem 0 .35rem; color: #fff; font-size: clamp(2rem, 4vw, 4rem); line-height: .95; }
.wtd-blood-status-hero p { margin: 0; color: #aaa; }

.wtd-blood-status-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px,1fr));
  gap: 1.25rem;
  align-items: end;
}

.wtd-blood-gravestone {
  padding-top: 44px;
}

.wtd-blood-gravestone a {
  position: relative;
  display: grid;
  align-content: end;
  min-height: 280px;
  padding: 1.2rem;
  border: 1px solid #56565c;
  border-radius: 80px 80px 12px 12px;
  color: #e7e7e7 !important;
  text-align: center;
  text-decoration: none !important;
  background:
    linear-gradient(rgba(255,255,255,.04), rgba(0,0,0,.25)),
    repeating-linear-gradient(105deg, #343438 0 6px, #303034 6px 12px);
  box-shadow: 0 18px 30px rgba(0,0,0,.45), inset 0 0 30px rgba(0,0,0,.45);
}

.wtd-blood-gravestone a::before {
  content: "†";
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  color: #9b9b9f;
  font-size: 3rem;
}

.wtd-blood-gravestone small { color: #bbb; text-transform: uppercase; letter-spacing: .08em; }
.wtd-blood-gravestone strong { margin: .3rem 0; color: #fff; font-size: 1.45rem; line-height: 1.05; }
.wtd-blood-gravestone em { color: #c3c3c6; font-size: .8rem; font-style: normal; }
.wtd-blood-gravestone b { margin-top: .8rem; color: #ff889a; font-size: .78rem; }
.wtd-blood-gravestone:hover a,
.wtd-blood-gravestone:focus-within a { transform: translateY(-6px); border-color: #e02a49; }

.wtd-blood-live-poster a {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: end;
  min-height: 340px;
  padding: 1.1rem;
  border: 1px solid #46464d;
  border-radius: 16px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, #301017, #101012);
  box-shadow: 0 18px 35px rgba(0,0,0,.4);
}

.wtd-blood-live-poster-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  opacity: .45;
}

.wtd-blood-live-poster a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 20%, rgba(5,5,7,.92) 83%);
}

.wtd-blood-live-poster small,
.wtd-blood-live-poster strong,
.wtd-blood-live-poster em,
.wtd-blood-live-poster b { position: relative; z-index: 2; }
.wtd-blood-live-poster small { color: #ff7b91; font-weight: 900; text-transform: uppercase; }
.wtd-blood-live-poster strong { font-size: 1.65rem; line-height: 1.02; }
.wtd-blood-live-poster em { color: #bbb; font-size: .82rem; font-style: normal; }
.wtd-blood-live-poster b { margin-top: .7rem; }
.wtd-blood-live-poster:hover a,
.wtd-blood-live-poster:focus-within a { transform: translateY(-5px) rotate(-.35deg); border-color: #e12a49; }

@media (max-width: 1100px) {
  .wtd-blood-portal-stage {
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-rows: auto;
    min-height: 0;
    gap: 1rem;
  }
  .wtd-blood-portal-core {
    grid-column: 1 / 3;
    grid-row: 1;
    width: 220px;
  }
  .wtd-blood-portal-button.is-sound,
  .wtd-blood-portal-button.is-place,
  .wtd-blood-portal-button.is-time,
  .wtd-blood-portal-button.is-status {
    grid-column: auto;
    grid-row: auto;
  }
  .wtd-blood-portal-branches { display: none; }
  .wtd-blood-genre-tree { grid-template-columns: 1fr; }
  .wtd-blood-genre-root { width: 150px; }
  .wtd-blood-genre-root::after,
  .wtd-blood-genre-branch::before { display: none; }
  .wtd-blood-genre-branches { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wtd-blood-featured-trails,
  .wtd-blood-archive-link { grid-template-columns: 1fr; }
  .wtd-blood-archive-link > div:last-child { justify-content: flex-start; }
}

@media (max-width: 760px) {
  .wtd-blood-portal-hub { min-height: 0; padding: 1rem; border-radius: 18px; }
  .wtd-blood-portal-heading { text-align: left; }
  .wtd-blood-portal-heading h2 { font-size: clamp(2.2rem, 13vw, 3.6rem); }
  .wtd-blood-portal-stage { grid-template-columns: 1fr; }
  .wtd-blood-portal-core { grid-column: 1; width: 175px; }
  .wtd-blood-portal-button { min-height: 132px; grid-template-columns: 54px 1fr; }
  .wtd-blood-portal-icon { width: 54px; height: 54px; font-size: 1.35rem; }
  .wtd-blood-portal-button em { font-size: .82rem; }
  .wtd-blood-portal-panel { padding: 1rem; border-radius: 16px; }
  .wtd-blood-portal-panel-head { grid-template-columns: 58px 1fr; padding-right: 2.3rem; }
  .wtd-blood-panel-symbol { width: 58px; height: 58px; font-size: 1.4rem; }
  .wtd-blood-genre-branches { grid-template-columns: 1fr; }
  .wtd-blood-world-map { min-height: 560px; }
  .wtd-blood-map-hotspot span { display: none; }
  .wtd-blood-map-hotspot:focus span,
  .wtd-blood-map-hotspot:hover span { display: grid; position: absolute; left: 24px; top: -18px; }
  .wtd-blood-era-line {
    grid-template-columns: 1fr;
    gap: .65rem;
    min-height: 0;
    padding: 1rem;
  }
  .wtd-blood-era-rail { left: 28px; right: auto; top: 2rem; bottom: 2rem; width: 4px; height: auto; }
  .wtd-blood-era-line a { grid-template-columns: 38px 1fr auto; justify-items: start; text-align: left; }
  .wtd-blood-era-line i { margin: 0; }
  .wtd-blood-status-gates { grid-template-columns: 1fr; }
  .wtd-blood-status-gate { min-height: 310px; }
  .wtd-blood-featured-grid { grid-template-columns: 1fr; }
  .wtd-blood-status-hero { grid-template-columns: 64px 1fr; }
  .wtd-blood-status-hero > span { width: 64px; height: 64px; font-size: .8rem; }
  .wtd-blood-status-picker-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .wtd-blood-map-hotspot i::after { animation: none; }
  .wtd-blood-portal-button,
  .wtd-blood-status-gate,
  .wtd-blood-gravestone a,
  .wtd-blood-live-poster a { transition: none; }
}

/* Focused Bloodlines story view and portal polish, v11.10.1 */
.wtd-blood-portal-hub {
  min-height: 650px;
}

.wtd-blood-portal-heading {
  max-width: 1080px;
  margin-bottom: clamp(.8rem, 1.5vw, 1.25rem);
}

.wtd-blood-portal-heading h2 {
  max-width: 1000px;
  margin-inline: auto;
  font-size: clamp(2.45rem, 4vw, 4.7rem);
  line-height: .98;
}

.wtd-blood-portal-stage {
  grid-template-columns: minmax(280px, 1fr) minmax(230px, 290px) minmax(280px, 1fr);
  gap: clamp(1rem, 2vw, 1.7rem) clamp(1.5rem, 3.2vw, 4rem);
  min-height: 430px;
  max-width: 1370px;
}

.wtd-blood-portal-core {
  width: clamp(205px, 17vw, 270px);
  padding: 1.15rem;
}

.wtd-blood-portal-core strong {
  font-size: clamp(1.9rem, 2.8vw, 3rem);
}

.wtd-blood-portal-button {
  grid-template-rows: 1fr auto;
  min-height: 158px;
  padding: 1.05rem 1.1rem .9rem;
}

.wtd-blood-portal-button > span:nth-child(2) {
  align-self: center;
}

.wtd-blood-portal-button b {
  position: static;
  grid-column: 2;
  justify-self: end;
  align-self: end;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .25rem .65rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
}

.wtd-blood-infographic-shell.has-focus {
  background: linear-gradient(145deg, rgba(19,19,22,.99), rgba(7,7,9,.99));
}

.wtd-blood-infographic-intro.is-focused h2 {
  font-size: clamp(2.2rem, 4.2vw, 4.6rem);
}

.wtd-blood-infographic-shell[data-active-mode="story"] .wtd-blood-zoom-controls {
  display: none;
}

.wtd-blood-story-nav {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 44px;
  padding: .25rem .45rem;
  border: 1px solid #45454c;
  border-radius: 999px;
  background: #101012;
}

.wtd-blood-story-nav[hidden] {
  display: none !important;
}

.wtd-blood-story-nav button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #5b5b63;
  border-radius: 50%;
  color: #fff;
  background: #1b1b1f;
  cursor: pointer;
}

.wtd-blood-story-nav button:disabled {
  opacity: .3;
  cursor: default;
}

.wtd-blood-story-nav span {
  min-width: 126px;
  color: #f0f0f2;
  font-size: .82rem;
  font-weight: 900;
  text-align: center;
}

.wtd-blood-infographic-shell[data-active-mode="story"] .wtd-blood-infographic-canvas {
  height: clamp(700px, 72vh, 880px);
  cursor: default;
  background:
    radial-gradient(circle at 18% 50%, rgba(191,23,51,.14), transparent 24%),
    radial-gradient(circle at 76% 50%, rgba(191,23,51,.08), transparent 30%),
    #09090b;
}

.wtd-blood-infographic-shell[data-active-mode="story"] .wtd-blood-infographic-canvas svg {
  cursor: default;
}

.wtd-story-background {
  fill: #09090b;
}

.wtd-story-column-title {
  fill: #ff7b91;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 1.4px;
}

.wtd-story-column-subtitle {
  fill: #8f8f98;
  font-size: 13px;
  font-weight: 700;
}

.wtd-story-edge {
  fill: none;
  stroke: #6e6e76;
  stroke-width: 2.2;
  opacity: .58;
  transition: opacity .18s ease, stroke-width .18s ease, stroke .18s ease;
}

.wtd-story-edge.is-current_member {
  stroke: #d72a47;
}

.wtd-story-edge.is-former_member {
  stroke: #85858e;
  stroke-dasharray: 7 5;
}

.wtd-story-edge.is-touring_member,
.wtd-story-edge.is-session_member {
  stroke: #d2873d;
  stroke-dasharray: 4 5;
}

.wtd-story-edge.is-side_project,
.wtd-story-edge.is-solo_project {
  stroke: #a760c7;
}

.wtd-story-edge.is-selected {
  stroke: #ff3655;
  stroke-width: 5;
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(255,54,85,.48));
}

.wtd-story-edge.is-outer {
  opacity: .9;
  stroke-width: 3;
}

.wtd-story-card {
  cursor: pointer;
  outline: none;
}

.wtd-story-card rect,
.wtd-story-empty rect {
  fill: #151518;
  stroke: #424249;
  stroke-width: 1.5;
  transition: fill .18s ease, stroke .18s ease, transform .18s ease;
}

.wtd-story-card:hover rect,
.wtd-story-card:focus-visible rect {
  fill: #241015;
  stroke: #ef3655;
  stroke-width: 2.5;
}

.wtd-story-card.is-root rect {
  fill: #26080e;
  stroke: #d12543;
  stroke-width: 2.5;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.42));
}

.wtd-story-card.is-selected rect {
  fill: #351018;
  stroke: #ff4561;
  stroke-width: 3;
  filter: drop-shadow(0 0 12px rgba(255,54,85,.32));
}

.wtd-story-card.is-destination rect {
  fill: #111114;
  stroke: #55555e;
}

.wtd-story-card-eyebrow {
  fill: #ff7a90;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 1.2px;
}

.wtd-story-card-title {
  fill: #fff;
  font-size: 20px;
  font-weight: 950;
  paint-order: stroke;
  stroke: rgba(0,0,0,.6);
  stroke-width: 2px;
}

.wtd-story-card.is-root .wtd-story-card-title {
  font-size: 29px;
}

.wtd-story-card-meta {
  fill: #bcbcc2;
  font-size: 13px;
  font-weight: 650;
}

.wtd-story-card-footer {
  fill: #ff7188;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .2px;
}

.wtd-story-empty rect {
  fill: #101012;
  stroke-dasharray: 7 6;
}

.wtd-blood-infographic-detail {
  scrollbar-width: thin;
  scrollbar-color: #8d1b30 #161619;
}

.wtd-blood-infographic-detail::-webkit-scrollbar {
  width: 9px;
}

.wtd-blood-infographic-detail::-webkit-scrollbar-track {
  background: #161619;
}

.wtd-blood-infographic-detail::-webkit-scrollbar-thumb {
  border: 2px solid #161619;
  border-radius: 999px;
  background: #8d1b30;
}

.wtd-blood-detail-prompt {
  display: grid;
  gap: .25rem;
  margin: .85rem 0;
  padding: .85rem;
  border: 1px solid #5a2530;
  border-radius: 12px;
  background: #231016;
}

.wtd-blood-detail-prompt strong {
  color: #fff;
}

.wtd-blood-detail-prompt span,
.wtd-blood-detail-more {
  color: #aaaab1;
  font-size: .82rem;
  line-height: 1.45;
}

.wtd-blood-follow-button {
  width: 100%;
  margin: .8rem 0 .55rem;
  padding: .7rem .85rem;
  border: 1px solid #b4213b;
  border-radius: 10px;
  color: #fff;
  background: #5d0c1a;
  font-weight: 900;
  cursor: pointer;
}

.wtd-blood-follow-button:hover,
.wtd-blood-follow-button:focus-visible {
  background: #8d1026;
  outline: 2px solid rgba(255,255,255,.15);
}

@media (max-width: 1100px) {
  .wtd-blood-portal-stage {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .wtd-blood-infographic-shell[data-active-mode="story"] .wtd-blood-infographic-canvas {
    height: 690px;
  }
}

@media (max-width: 760px) {
  .wtd-blood-portal-heading h2 {
    font-size: clamp(2.15rem, 12vw, 3.35rem);
  }
  .wtd-blood-portal-button {
    min-height: 140px;
  }
  .wtd-blood-portal-button b {
    grid-column: 2;
  }
  .wtd-blood-infographic-shell[data-active-mode="story"] .wtd-blood-infographic-canvas {
    overflow-x: auto;
    overflow-y: hidden;
    height: 600px;
  }
  .wtd-blood-infographic-shell[data-active-mode="story"] .wtd-blood-infographic-canvas svg {
    width: 1060px;
    min-width: 1060px;
    height: 600px;
  }
  .wtd-blood-story-nav {
    order: 10;
    width: 100%;
    justify-content: center;
  }
}

.wtd-blood-focused-intro {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .85rem;
  align-items: center;
  margin: 1rem 0;
  padding: .9rem 1rem;
  border: 1px solid #4f2830;
  border-radius: 14px;
  background: linear-gradient(90deg, #260b12, #111114);
}
.wtd-blood-focused-intro strong {
  color: #fff;
  white-space: nowrap;
}
.wtd-blood-focused-intro span {
  color: #b6b6bc;
}
@media (max-width: 760px) {
  .wtd-blood-focused-intro { grid-template-columns: 1fr; }
  .wtd-blood-focused-intro strong { white-space: normal; }
}