.change-total small{display:block;color:#69717c;margin-top:4px}
.semantic-card{padding:20px;border:1px solid #252b35;background:#0d1015}
.semantic-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.semantic-head h3{margin:4px 0 0;font:500 20px/1.2 Georgia,serif}
.pill{padding:5px 9px;border:1px solid #3b424d;color:#aeb5bf;font-size:11px}
.table-note{color:var(--muted);font-size:12px;margin:12px 0}
.level-table{border:1px solid #262d37}
.level-table-head,.level-table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;padding:10px 14px}
.level-table-head{background:#171c23;color:#8f97a3;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.level-table-row{border-top:1px solid #242a33}
.level-table-row:nth-child(odd){background:#11151b}
.delta.up{color:var(--red)}.delta.down{color:var(--green)}
.delta.gain{color:var(--green)}.delta.loss{color:var(--red)}
.status{font-weight:700}.removed-value{color:#e68b82}.added-value{color:var(--muted)}
.source-provenance{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:13px 15px;border:1px solid #343b47;background:#0d1015}.source-provenance div>span,.source-provenance small{color:var(--muted);font-size:11px}.source-provenance strong{display:block;margin-top:3px}.source-provenance a{color:var(--gold2);text-decoration:none}.source-provenance a:hover{text-decoration:underline}.source-provenance i{padding:0 8px;color:#747c87;font-style:normal}
.tag-columns,.before-after{display:grid;grid-template-columns:1fr 28px 1fr;gap:16px;margin-top:16px}
.tag-columns{grid-template-columns:1fr 1fr}
.tag-columns small{display:block;color:var(--muted);margin-bottom:8px}
.tag{display:inline-block;margin:0 7px 7px 0;padding:6px 9px;border:1px solid}
.tag.removed{color:#e68b82;border-color:#673c39;background:#241516}
.tag.added{color:#87d1a9;border-color:#315b45;background:#102019}
.before-after .value{max-height:none}
@media(max-width:650px){.level-table-head,.level-table-row{grid-template-columns:.8fr 1fr 1fr .8fr;padding:9px 8px}.tag-columns,.before-after{grid-template-columns:1fr}.before-after .change-arrow{display:none}.source-provenance{display:block}.source-provenance small{display:block;margin-top:8px}}
.suggestion span small{display:block;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.gem-overview{margin-top:22px;padding:20px;border:1px solid #3a414d;background:linear-gradient(135deg,#11161d,#0d1015)}.overview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.overview-heading h3{margin:0;font:500 23px/1.2 Georgia,serif}.overview-description{margin:14px 0 0;color:#d3d6db;max-width:850px}.compatibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.compatibility-grid>div{padding:12px;border:1px solid #292f39;background:#12161d}.compatibility-grid small{display:block;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.overview-tag{display:inline-block;margin:0 6px 6px 0;padding:4px 7px;border:1px solid #3d4653;color:#cbd0d7;background:#171c24;font-size:11px}
@media(min-width:851px){form{grid-template-columns:minmax(125px,.8fr) minmax(240px,1.7fr) 1fr 30px 1fr auto}}
@media(max-width:650px){.compatibility-grid{grid-template-columns:1fr}.overview-heading{display:block}.overview-heading .pill{display:inline-block;margin-top:10px}}