.mission-link-panel {
    margin-top: 18px;
    padding: 16px;
    color: #f1f5f9;
    font-family: var(--body-font, Arial, sans-serif);
    font-size: 15px;
    line-height: 1.5;
    color-scheme: dark;
}
.mission-link-panel summary {
    color: #83caff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}
.mission-link-panel > summary { font-size: 17px; }
.mission-link-panel p { color: #e1eaf2; font-size: 15px; line-height: 1.6; }
.mission-link-panel [data-link-status] { color: #bcdcff; }
.mission-link-panel input,
.mission-link-panel select {
    background: #213340;
    color: #ffffff;
    border: 1px solid #8298aa;
    padding: 9px 10px;
    min-height: 42px;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    font-size: 15px;
}
.mission-link-panel input::placeholder { color: #c2cfdb; opacity: 1; }
.mission-link-panel input:focus-visible,
.mission-link-panel select:focus-visible,
.mission-link-panel summary:focus-visible { outline: 2px solid #83caff; outline-offset: 2px; }
.mission-link-panel .button { font-size: 14px; min-height: 38px; }
.mission-link-list { max-height: 60vh; overflow: auto; scrollbar-color: #8198ac #1c2c38; padding-right: 8px; }
.mission-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.5fr) auto;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    border-top: 1px solid #657c8e;
}
.mission-link-row > strong { color: #ffffff; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.mission-link-row summary { padding: 6px 0; }
.mission-award-row { display: grid; grid-template-columns: minmax(0, 1fr) 85px auto; gap: 10px; align-items: center; padding: 8px 0; color: #f1f5f9; }
@media (max-width: 700px) {
    .mission-link-row { grid-template-columns: 1fr; }
    .mission-link-row button { justify-self: end; }
    .mission-link-panel input, .mission-link-panel select { font-size: 16px; }
    .mission-award-row { grid-template-columns: 85px 1fr; }
    .mission-award-row > span { grid-column: 1 / -1; }
}

/* Compact linking rows, with ten groups per page. */
.mission-link-panel{padding:12px;font-size:13px}
.mission-link-panel > summary{font-size:15px}
.mission-link-panel p,.mission-link-panel summary{font-size:13px}
.mission-link-panel p{margin:8px 0;line-height:1.4}
.mission-link-panel input,.mission-link-panel select{min-height:32px;padding:5px 8px;font-size:13px}
.mission-link-panel .button{min-height:28px;font-size:12px;padding:4px 8px}
.mission-link-row{gap:8px;padding:9px 0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(170px,.9fr)}
.mission-link-row > strong{font-size:14px}
.mission-link-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;text-align:center}
.mission-link-actions .button{white-space:normal}
.mission-link-actions a{font-size:11px;width:100%;text-align:center}
.mission-link-row > details > summary{padding:2px 0;font-size:12px}
.mission-link-filters{display:flex;gap:8px;margin-top:8px}
.mission-link-filters select{max-width:260px}
.mission-award-row button{justify-self:center}
@media(max-width:700px){.mission-link-row{grid-template-columns:1fr}.mission-link-actions{justify-content:center}.mission-link-panel input,.mission-link-panel select{font-size:16px}.mission-link-filters{flex-wrap:wrap}}

.mission-link-panel .button{padding:4px 8px!important}

.mission-name-appearances{max-height:220px;overflow:auto;margin:6px 0;padding-left:22px;color:#e1eaf2;font-size:13px;line-height:1.6}