.search-wrap input { padding-right: 45px; }
.entity-dropdown { position: absolute; right: 1px; top: 1px; width: 42px; height: 48px; border: 0; border-left: 1px solid #333946; background: #12161d; color: #bfc5ce; font-size: 20px; cursor: pointer; }
.entity-dropdown:hover { color: var(--gold2); background: #191e26; }
.suggestions { max-height: 360px; }
.passive-list { display: grid; gap: 10px; margin-top: 16px; }
.passive-row { padding: 14px; border: 1px solid #29303a; background: #11151b; }
.passive-title, .ascendancy-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.passive-status { padding: 3px 7px; border: 1px solid #434b57; color: #aeb5bf; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.passive-row.added .passive-status { color: #87d1a9; border-color: #315b45; }
.passive-row.removed .passive-status { color: #e68b82; border-color: #673c39; }
.passive-row.modified .passive-status, .passive-row.renamed .passive-status, .passive-row.renamed_modified .passive-status { color: var(--gold2); border-color: #6c552d; }
.passive-values { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.passive-values > div, .passive-description { padding: 10px; border: 1px solid #252c35; background: #0c1015; color: #d4d8dd; }
.passive-values small { display: block; color: var(--muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; }
.overview-passives { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.class-comparison { display: grid; gap: 14px; margin-top: 28px; }
.class-comparison > .semantic-head { padding: 18px 20px; border: 1px solid #303743; background: #10141a; }
.ascendancy-card { padding: 20px; border: 1px solid #343b47; background: #0d1015; }
.ascendancy-title h3 { margin: 0; font: 500 23px/1.2 Georgia, serif; }
.ascendancy-title .eyebrow { margin-bottom: 5px; }
.ascendancy-card .passive-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 750px) { .passive-values, .overview-passives, .ascendancy-card .passive-list { grid-template-columns: 1fr; } }
.granted-skills { display: grid; gap: 8px; margin-top: 12px; }
.granted-skill { padding: 10px; border-left: 2px solid var(--gold); background: #171b22; }
.granted-skill small { display: block; margin-bottom: 4px; color: var(--gold2); text-transform: uppercase; letter-spacing: .09em; font-size: 9px; }
.granted-skill strong { display: block; color: #f0f1f3; }
.granted-skill p { margin: 6px 0 8px; color: #c7ccd3; }
.granted-skill.unresolved { border-left-color: #6b7078; }
.official-notes { margin: 22px 0 28px; padding: 22px; border: 1px solid #3a3428; background: #0d1014; }
.official-notes-head, .official-document-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.official-notes h3 { margin: 3px 0 0; font: 500 24px/1.25 Georgia, serif; }
.official-disclaimer { margin: 10px 0 18px; color: var(--muted); font-size: 13px; }
.official-document-list { display: grid; gap: 12px; }
.official-document { padding: 17px; border: 1px solid #30343b; background: #12161c; }
.official-document-title strong { display: block; margin-top: 4px; color: #e8e9eb; }
.official-document-title small, .official-items small { color: var(--gold2); text-transform: uppercase; letter-spacing: .08em; }
.official-document-title a { white-space: nowrap; color: var(--gold2); text-decoration: none; }
.official-items { display: grid; gap: 8px; margin-top: 14px; }
.official-items > div { padding: 11px 13px; border-left: 2px solid var(--gold); background: #181c23; }
.official-items p { margin: 5px 0 0; color: #ced2d8; }
.verification { display: inline-block; margin-left: 9px; padding: 2px 6px; border: 1px solid #59616c; color: #b8bec7; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.verification.awaiting_snapshot { color: var(--gold2); border-color: #725a2e; }
.verification.confirmed { color: #87d1a9; border-color: #315b45; }
.verification.mismatch { color: #ff9186; border-color: #7d3c35; }
@media (max-width: 650px) { .official-notes-head, .official-document-title { flex-direction: column; } }
.intermediate-history, .full-timeline { margin-top: 30px; padding: 24px; border: 1px solid #303743; background: #0d1015; }
.history-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.history-heading h3 { margin: 3px 0 0; font: 500 26px/1.2 Georgia, serif; }
.transition-list { display: grid; gap: 10px; }
.transition-list details { border: 1px solid #303743; background: #11151b; }
.transition-list summary { display: flex; justify-content: space-between; gap: 14px; padding: 15px; cursor: pointer; }
.transition-list summary span { color: var(--muted); }
.transition-list .change-list { padding: 0 15px 15px; }
.timeline-freshness { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 12px 0 22px; color: var(--muted); font-size: 12px; }
.timeline-list { display: grid; gap: 1px; background: #303743; }
.timeline-entry { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px; padding: 20px; background: #11151b; }
.timeline-version strong { display: block; color: var(--gold2); font: 500 25px/1 Georgia, serif; }
.timeline-version span { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; }
.timeline-entry h4 { margin: 0 0 13px; font-size: 17px; }
.timeline-entry a { display: inline-block; margin-top: 11px; color: var(--gold2); text-decoration: none; }
.timeline-item { margin-top: 9px; padding-left: 12px; border-left: 2px solid var(--gold); }
.timeline-item small { color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.timeline-item p { margin: 4px 0 0; color: #d0d4da; }
.timeline-empty { margin-top: 20px; }
@media (max-width: 650px) { .history-heading, .transition-list summary { flex-direction: column; } .timeline-entry { grid-template-columns: 1fr; gap: 10px; } }