.mana-results { margin-top: 2rem; }
.mana-land-count { font-size: 0.85rem; color: #888; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.05em; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; }

.mana-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; margin-bottom: 1.5rem; }
.mana-summary-card { background: #161616; border: 1px solid #2a2a2a; border-radius: 6px; padding: 1rem 0.75rem; text-align: center; border-top: 3px solid #2a2a2a; }
.mana-summary-ok { border-top-color: #22c55e; }
.mana-summary-short { border-top-color: #cc2200; }
.mana-summary-color { font-weight: 700; font-size: 1.5rem; margin-bottom: 0.5rem; }
.mana-summary-line { font-size: 0.9rem; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: 0.03em; color: #ccc; line-height: 1.4; }
.mana-summary-num { font-weight: 700; font-size: 1.1rem; }
.mana-summary-need { color: #888; }
.mana-summary-bottleneck { font-size: 0.75rem; color: #666; margin-top: 0.5rem; font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mana-summary-inactive { opacity: 0.3; }
.mana-summary-status { font-size: 0.8rem; color: #cc2200; font-weight: 600; margin-top: 0.4rem; }

.mana-color { font-weight: 700; font-size: 1.1rem; }
.mana-W { color: #f9faf4; }
.mana-U { color: #0e68ab; }
.mana-B { color: #a69f9d; }
.mana-R { color: #d3202a; }
.mana-G { color: #00733e; }
.mana-ok { color: #22c55e; font-weight: 600; }
.mana-short { color: #cc2200; font-weight: 600; }
.sb-badge { font-size: 0.65rem; background: #555; color: #fff; padding: 0.1rem 0.4rem; border-radius: 3px; vertical-align: middle; letter-spacing: 0.03em; text-transform: uppercase; }

.mana-details { margin-top: 0.5rem; margin-bottom: 2rem; }
.mana-details summary { cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #888; padding: 0.5rem 0; }
.mana-details-inner { margin-top: 1rem; }

.mana-detail-color { margin-bottom: 1.5rem; }
.mana-detail-color h3 { font-size: 1.1rem; margin-bottom: 0.5rem; border-bottom: 1px solid #1a1a1a; padding-bottom: 0.4rem; }

.mana-table { width: 100%; border-collapse: collapse; margin-bottom: 0.75rem; table-layout: fixed; }
.mana-table th,
.mana-table td { padding: 0.4rem 0.75rem; text-align: left; border-bottom: 1px solid #1a1a1a; }
.mana-table thead th { font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.8rem; color: #666; }
.mana-table-detail td, .mana-table-detail th { font-size: 0.85rem; padding: 0.3rem 0.75rem; }
.mana-table-detail th:nth-child(1),
.mana-table-detail td:nth-child(1) { width: 25%; }
.mana-table-detail th:nth-child(2),
.mana-table-detail td:nth-child(2) { width: 15%; }
.mana-table-detail th:nth-child(3),
.mana-table-detail td:nth-child(3) { width: 30%; }
.mana-table-detail th:nth-child(4),
.mana-table-detail td:nth-child(4) { width: 30%; }
.mana-table-gold td, .mana-table-gold th { font-size: 0.85rem; padding: 0.3rem 0.5rem; text-align: center; }
.mana-table-gold td:first-child, .mana-table-gold th:first-child { text-align: left; }
.mana-table-gold td:last-child, .mana-table-gold th:last-child { text-align: left; }

.mana-methodology { margin-top: 1rem; border-top: 1px solid #222; padding-top: 1.5rem; }
.mana-methodology summary { cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; }
.mana-methodology div { margin-top: 1rem; font-size: 0.85rem; color: #aaa; }
.mana-methodology h4 { font-size: 0.9rem; margin-top: 1rem; margin-bottom: 0.25rem; }
.mana-methodology ul { margin: 0.25rem 0 0.5rem 1.25rem; }
.mana-methodology li { margin-bottom: 0.2rem; }
.mana-methodology p { margin-bottom: 0.5rem; }