/* Military-spending view — additive styles, namespaced #military-* / .military-*.
   Reuses the site's shared layout classes (.workspace .atlas .toolbar .searchbox
   .results .map-container .map-footer .legend .detail .tooltip .connection
   .severity-note .viewtabs). Load this AFTER style.css. The red scale here is a
   spending-amount scale only — not a measure of military power. */

/* Metric/source line under the headline (mirrors .cyber-window). */
#military-window { font-size: 11px; color: var(--amber, #805218); margin: 14px 0 0; letter-spacing: .3px; }

/* Map country shapes. Fill is set inline by military.js (spending bucket). */
.military-country { stroke: #f6f7ee; stroke-width: .55; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill .12s; }
.military-country:hover, .military-country:focus-visible { stroke: #5a1210; stroke-width: 2.2; outline: none; }
.military-country.active { stroke: #5a1210; stroke-width: 2.8; }
.military-sphere { fill: var(--ocean, #e9eee7); }
.military-graticule { fill: none; stroke: #d7dfd4; stroke-width: .5; }

/* Legend swatches. */
.military-legend i { border-radius: 2px; }

/* Detail panel. */
.military-total { font-size: 20px; font-weight: 650; margin: 12px 0 6px; color: #7a1511; }
.military-empty { padding: 20px 0; color: var(--muted, #63716b); line-height: 1.9; font-size: 13px; }
.military-meta { font-size: 11px; color: var(--muted, #63716b); line-height: 1.85; margin-top: 4px; }
.military-meta.sub { font-size: 9.5px; display: block; margin-top: 6px; }
.military-meta div { margin: 2px 0; }
.military-source { border-top: 1px solid var(--line, #d9ded4); margin-top: 14px; padding-top: 12px; }
.military-source strong { font-size: 12px; display: block; margin-bottom: 6px; }
.military-source a { font-size: 10px; display: inline-block; margin: 0 12px 4px 0; overflow-wrap: anywhere; }

/* Ranking list (buttons), reusing the .ranking section wrapper. */
#military-ranking { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
#military-ranking button { display: flex; justify-content: space-between; gap: 10px; text-align: left; border-color: #e0c9c4; border-radius: 6px; font-size: 12px; }
#military-ranking button:hover { background: #f6e7e4; }
#military-ranking button small { color: #7a1511; white-space: nowrap; font-weight: 600; }

/* Military-related news (headlines only, unreviewed). */
.military-news { margin-top: 10px; }
#military-news { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 12px; }
.military-news-item { background: #fcfcf7; padding: 15px; border: 1px solid var(--line, #d9ded4); border-radius: 6px; min-width: 0; }
.military-news-item a, .military-news-item > span { font-size: 13px; line-height: 1.7; display: block; overflow-wrap: anywhere; }
.military-news-item small { display: block; font-size: 9.5px; color: var(--muted, #63716b); line-height: 1.8; margin-top: 6px; }
.military-news-tag { font-size: 9px; color: #7a1511; display: block; margin-bottom: 8px; letter-spacing: .5px; }
#military-news > p { grid-column: 1 / -1; font-size: 11px; color: var(--muted, #63716b); line-height: 1.8; }

@media (max-width: 760px) {
  #military-ranking, #military-news { grid-template-columns: 1fr; }
  .military-total { font-size: 18px; }
}