/* ══════════════════════════════════════════════════════════════════════
   THE SHADOW BOX - salute.nw only
   ══════════════════════════════════════════════════════════════════════

   A rank device, ribbons in the order of wear, badges above and below. No
   other gate has one: a firefighter does not wear a rack and a police officer
   does not either.

   These 40 rules lived in memorial-core.css, the file five gates share, under
   a mem- prefix that promised they were common. They were not. Moved here 14
   September 2026 so that a change to a soldier s uniform cannot reach badge,
   ladder, pulse or requiem.

   If you are about to add a rule for something only one gate has, this file
   is the pattern: put it in that gate.
   ══════════════════════════════════════════════════════════════════════ */

.mem-uniform{padding:.5rem 0}
.mem-uniform-empty{color:var(--ds-t2,#6b6459);font-size:.9rem;max-width:46ch;line-height:1.6}
.mem-uniform-board{display:flex;align-items:center;justify-content:center;gap:1.3rem;flex-wrap:wrap;margin:.25rem auto .9rem}
.mem-uniform-column{display:flex;flex-direction:column;align-items:center;gap:.45rem}
.mem-uniform-rank img{height:132px;width:auto;display:block;margin:0 auto}
.mem-uniform-rank{margin:0}
.mem-uniform-rack{display:flex;flex-direction:column;gap:2px}
.mem-uniform-rack-row{display:flex;gap:2px;justify-content:center}
.mem-uniform-ribbon img{width:110px;height:30px;display:block;object-fit:fill}
.mem-uniform-ribbon.is-rescinded{opacity:.45}
.mem-uniform-list{width:100%;border-collapse:collapse;font-size:.82rem}
.mem-uniform-list th{text-align:left;font-weight:600;color:var(--ds-t2,#6b6459); border-bottom:1px solid var(--ds-border,#ddd8cf);padding:.35rem .5rem}
.mem-uniform-list td{padding:.32rem .5rem;border-bottom:1px solid var(--ds-border-soft,#eee9e0)}
body.is-uniform-tab .mem-uniform-board.is-editor-header{display:none}
.mem-uniform-rack--unit{margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--ds-border-soft,#eee9e0)}
.mem-uniform-board{gap:.7rem}
.mem-uniform-rank img{height:90px}
.mem-uniform-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.mem-uniform-badge img{display:block;width:100%;height:100%;object-fit:contain}
.mem-uniform-badge.is-w3{width:240px;height:80px}
.mem-uniform-badge.is-w2{width:160px;height:80px}
.mem-uniform-badge.is-w15{width:120px;height:80px}
.mem-uniform-badge.is-qual{width:120px;height:50px}
.mem-uniform-badge.is-tab{width:280px;height:30px}
.mem-uniform-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}
.mem-uniform-badges--above{flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-bottom:4px}
.mem-uniform-badges--below{justify-content:center;margin-top:4px}
.mem-uniform-badges--tab{flex-direction:column;gap:4px;align-items:flex-start}
.mem-uniform-board.is-editor-header{background:#fff; border:1px solid var(--mem-border); border-radius:var(--mem-radius-lg); padding:14px 18px; display:inline-flex; gap:16px; align-items:center; width:auto; margin:.25rem auto .9rem;}
.sal-editor-panel > .mem-uniform-board.is-editor-header, .mem-uniform > .mem-uniform-board.is-editor-header{display:inline-flex}
[data-theme="dark"] .mem-uniform-board.is-editor-header{background:#fff}
.mem-uniform-shoulder{display:flex;flex-direction:column;gap:8px;align-items:center;flex:0 0 auto}
.mem-uniform-unit{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:120px}
.mem-uniform-unit img{display:block;width:auto;height:auto;max-width:96px;max-height:110px;object-fit:contain}
.mem-uniform-unit figcaption{font-size:.62rem;line-height:1.15;text-align:center;color:var(--mem-t2);letter-spacing:.02em;max-width:110px}
[data-theme="dark"] .mem-uniform-unit figcaption{color:var(--mem-t2)}
.mem-uniform-badge.is-wings{width:240px;height:70px}
.mem-uniform-badge.is-occ{width:240px;height:80px}
.mem-uniform-ribbon.is-askable, .mem-uniform-badge.is-askable, .mem-uniform-rank.is-askable, .mem-uniform-unit.is-askable{cursor:pointer;transition:transform .12s ease,filter .12s ease}
.mem-uniform-ribbon.is-askable:hover, .mem-uniform-badge.is-askable:hover, .mem-uniform-rank.is-askable:hover, .mem-uniform-unit.is-askable:hover{transform:translateY(-2px);filter:brightness(1.12)}