.bond-academy{padding:26px;border-top:1px solid #486165;color:#dfebe6;background:linear-gradient(135deg,#192f36,#10232b)}
.bond-academy>header{display:flex;justify-content:space-between;gap:28px;align-items:start}.bond-academy h2{font:600 25px/1.25 var(--font-display,Arial,sans-serif);margin:8px 0 12px}.bond-academy p{font-size:14px;line-height:1.65;color:#b8cdca;margin:10px 0}.bond-academy>header>div{max-width:730px}.bond-academy label{font:11px/1.5 monospace;letter-spacing:.08em;min-width:190px}.bond-academy select{display:block;width:100%;margin-top:8px;min-height:42px;padding:9px;background:#12262f;border:1px solid #718884;color:#e6efdf;font-size:14px}
.bond-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 26px}.bond-milestones>div{display:grid;grid-template-columns:35px 1fr;gap:6px 10px;padding:15px;border:1px solid #4d6464;background:#20373b}.bond-milestones b{grid-row:span 2;font:24px monospace;color:#c5b37f}.bond-milestones strong{font-size:15px}.bond-milestones span{font-size:13px;line-height:1.55;color:#b6cdca}
.bond-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bond-card{padding:20px;background:#10252e;border:1px solid #486261;min-width:0}.bond-card:focus{outline:2px solid #d6c187;outline-offset:3px}.bond-pair{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:10px}.bond-identity{display:flex;align-items:center;gap:10px;min-width:0}.bond-identity>svg{width:48px;height:58px;flex:none}.bond-identity>div{min-width:0}.bond-identity strong{font-size:16px;display:block;overflow-wrap:anywhere}.bond-identity span{display:block;font-size:11px;color:#a9c1bf;line-height:1.5}.bond-link{display:flex;gap:3px;align-items:center;justify-content:center}.bond-link i{height:16px;width:5px;background:#3b555b}.bond-link i.lit{background:#d2be84;box-shadow:0 0 8px #d2be8433}.bond-record{display:flex;justify-content:space-between;gap:10px;margin:17px 0;border-block:1px solid #3e585e;padding:12px 0;font:10px monospace;letter-spacing:.05em}.bond-record b{font-size:17px;color:#cadad2;margin-right:5px}.bond-card h3{font:600 13px/1.5 monospace;letter-spacing:.06em;color:#d1c18f}.bond-course{border-top:1px solid #3c565b;margin-top:15px;padding-top:15px}.bond-course small{display:block;font:11px/1.7 monospace;color:#b8cbc2}.bond-course button{margin-top:13px;min-height:42px}.bond-academy .bond-note{font-size:12px;color:#9cb7b7;line-height:1.6}.bond-progress{display:grid;gap:12px;font:12px/1.5 monospace}.bond-progress progress{width:100%;accent-color:#9ac9b7}.bond-empty{padding:20px;border:1px dashed #68827e}.bond-card.memorial{opacity:.7}
.deployment-bond{padding:10px 15px;background:#254048;border-block:1px solid #49666b;color:#c5d8ce;font-size:12px;line-height:1.5}.debrief-bonds{margin-top:18px;padding-top:14px;border-top:1px solid #4b6668}.debrief-bonds p{font-size:13px;line-height:1.6}.debrief-bonds strong{color:#d0c492}
@media(max-width:850px){.bond-academy>header{display:block}.bond-academy label{display:block;margin-top:18px}.bond-milestones,.bond-cards{grid-template-columns:1fr}.bond-academy{padding:18px}.bond-identity strong{font-size:14px}}