/* A shared horizontal roster: keep identity and decisions visible. */
.duo-candidate-details summary{cursor:pointer;min-height:36px;display:flex;align-items:center;color:#dec297}
@media(max-width:700px){
 html body #modal :is(.personnel-list,.court-grid,.ruler-worker-grid,.duo-picker){grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 html body #modal .campaign-people .campaign-person{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px 10px;padding:10px!important}
 html body #modal .campaign-person>header{display:contents}
 html body #modal .campaign-person .historical-face{width:48px!important;height:58px!important;grid-row:1/3;flex:none}
 html body #modal .campaign-person h3{font-size:18px;line-height:1.3;margin:0}
 html body #modal .campaign-person header :is(p,small){font-size:12px;line-height:1.4;margin:2px 0;overflow-wrap:anywhere}
 html body #modal .personnel-abilities{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px;margin:0}
 html body #modal .personnel-abilities>span{font-size:11px;display:flex;gap:3px;align-items:baseline;justify-content:center;flex-wrap:wrap}
 html body #modal .personnel-abilities b{font-size:16px}
 html body #modal :is(.personnel-actions,.campaign-person>.personnel-context){grid-column:1/-1;margin:0}
 html body #modal .personnel-actions>button{min-height:40px!important;padding:5px!important;flex-direction:row;font-size:13px}
 html body #modal :is(.court-person,.ruler-delegates .ruler-worker){display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;min-height:0!important}
 html body #modal :is(.court-person,.ruler-worker) .historical-face{width:44px!important;height:54px!important;flex:0 0 44px!important}
 html body #modal :is(.court-person,.ruler-worker) strong{font-size:17px!important}
 html body #modal .court-person small{font-size:12px!important;line-height:1.4}
 html body #modal .ruler-worker :is(p,small,.ruler-worker-effect){font-size:12px!important;line-height:1.4;margin:2px 0!important}
 html body #modal .duo-picker .duo-candidate{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px!important;min-width:0;border:3px solid transparent!important;border-image:url('assets/ui-window-lacquer-1029.webp') 180 fill / 8px / 0 stretch!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
 html body #modal .duo-candidate .expedition-person{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px;min-width:0;grid-column:1}
 html body #modal .duo-candidate .historical-face{width:44px!important;height:54px!important;flex:0 0 44px!important}
 html body #modal .duo-candidate h3{font-size:18px!important;line-height:1.3;overflow-wrap:anywhere}
 html body #modal .duo-candidate :is(p,small){font-size:12px!important;line-height:1.4;margin:0}
 html body #modal .duo-candidate .duo-stat-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 html body #modal .duo-stat-grid span{background:transparent;padding:2px;font-size:12px;white-space:nowrap}
 html body #modal .duo-candidate .duo-final-chance{grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
 html body #modal .duo-candidate-details{grid-column:1/-1;margin:0;padding:0!important}
 html body #modal .duo-candidate-details summary{font-size:12px;min-height:36px}
 html body #modal .duo-candidate-details .duo-unique-skill{padding:6px 0;font-size:12px}
 html body #modal .duo-candidate>.primary{grid-column:1/-1;min-height:40px!important;padding:7px!important;font-size:14px!important;margin:0}
 html body #modal .duo-candidate>small{grid-column:1/-1}
 html body #modal .expedition-picker .duo-candidate-details{grid-column:1;grid-row:4}
 html body #modal .expedition-picker .duo-candidate>.primary{grid-column:2;grid-row:4;max-width:145px;white-space:normal!important}
 html body #modal .expedition-picker .duo-candidate:has(.duo-candidate-details[open])>.primary{grid-column:1/-1;grid-row:auto;max-width:none}
 html body #modal .expedition-picker .duo-candidate-details[open]{grid-column:1/-1}
 html body #modal .expedition-picker~.duo-picker-guide{font-size:12px;line-height:1.5}
}