/* The gallery starts with its controls so mobile visitors can reach the pages immediately. */
.compact-cover .cover-header{height:80px;padding:0 4vw}.compact-cover .cover-header h1{font-size:17px;font-weight:500;color:var(--muted)}
.compact-cover .cover-main{max-width:1600px;padding:26px 4vw 36px}
.compact-cover .milestone-tabs{gap:14px}.compact-cover .milestone-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:19px 24px;min-height:124px;position:relative;border:1px solid #ced8e0;border-radius:11px;box-shadow:none}.compact-cover .milestone-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);box-shadow:inset 0 -4px var(--orange)}
.compact-cover .milestone-name{font-size:13px;font-weight:600;color:var(--orange)}.compact-cover .milestone-tabs button[aria-selected=true] .milestone-name{color:#ffbb91}.compact-cover .milestone-tabs strong{font-size:19px;margin:0;line-height:1.5}.compact-cover .milestone-tabs small{font-size:12px;opacity:1;color:var(--muted);line-height:1.6}.compact-cover .milestone-tabs button[aria-selected=true] small{color:#d3dfe8}.compact-cover .milestone-tabs time{font-weight:700;color:inherit}
.compact-cover .stage-summary{font-size:13px;line-height:1.8;color:#647787;padding:13px 0 16px}
.compact-cover .board-toolbar{padding:14px 16px;top:8px;gap:20px;border-color:#d4dee6;box-shadow:0 4px 14px #142f4709;align-items:flex-end;border-radius:11px;background:#fff;flex-direction:row}
.compact-cover .filter-group{display:flex;align-items:center;gap:13px;min-width:0}.compact-cover .filter-label{font-size:12px;color:#74818c;white-space:nowrap}.compact-cover .role-controls{gap:8px;flex-wrap:nowrap;overflow:visible}.compact-cover .role-controls button{min-height:42px;border:1px solid #d5dfe7;border-radius:7px;padding:10px 17px;background:#f7f9fb;font-size:13px;font-weight:500;transition:background .15s}.compact-cover .role-controls button.active{background:var(--navy);border-color:var(--navy);color:white;box-shadow:inset 0 -3px var(--orange)}.compact-cover .device-controls{background:#eef2f6;padding:3px;border:1px solid #d5dfe7;gap:3px;align-self:auto}.compact-cover .device-controls button{min-height:36px;padding:8px 20px;font-size:13px;font-weight:500}.compact-cover .device-controls button.active{background:var(--teal);color:white;box-shadow:0 2px 5px #277e7220}
.compact-cover .role-intro{margin:22px 0 18px;padding:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-cover .role-intro h2{font-size:17px;font-weight:600}.compact-cover .role-intro p{font-size:11px;color:var(--muted);margin:0}.compact-cover .role-intro h2 span{font-weight:400;color:var(--muted);font-size:14px;margin-left:8px}
.compact-cover .screen-caption small{line-height:1.7}.compact-cover .screen-bottom{padding:10px 2px}.compact-cover .screen-bottom a{font-size:11px}.compact-cover .cover-footer{padding:17px 4vw;justify-content:space-between;flex-direction:row;font-size:11px;gap:10px}.compact-cover .cover-footer button{padding:7px 10px;border:1px solid var(--line);border-radius:5px}
@media(max-width:1000px){.compact-cover .board-toolbar{align-items:stretch}.compact-cover .filter-group{align-items:flex-start;flex-direction:column;gap:8px}.compact-cover .role-controls button{padding:10px 12px}}
@media(max-width:700px){.compact-cover .cover-header{height:66px;padding:0 16px}.compact-cover .cover-header .brand{font-size:16px;gap:8px}.compact-cover .cover-header .brand-symbol{width:33px;height:33px}.compact-cover .brand small{font-size:9px;letter-spacing:1px;margin-top:3px}.compact-cover .cover-header h1{font-size:12px}.compact-cover .cover-main{padding:16px 14px 24px}.compact-cover .milestone-tabs{gap:9px}.compact-cover .milestone-tabs button{padding:13px 12px;min-height:126px;gap:6px;border-radius:8px}.compact-cover .milestone-name{font-size:12px}.compact-cover .milestone-tabs strong{font-size:15px;line-height:1.6}.compact-cover .milestone-tabs small{font-size:10px;line-height:1.8}.compact-cover .stage-summary{font-size:11px;line-height:1.8;padding:11px 1px 13px}.compact-cover .board-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px;top:5px}.compact-cover .filter-group{gap:7px;width:100%}.compact-cover .filter-label{font-size:10px}.compact-cover .role-controls{width:100%;display:flex;gap:6px}.compact-cover .role-controls button{flex:1;min-width:0;font-size:11px;padding:10px 5px;min-height:40px;white-space:normal;line-height:1.5}.compact-cover .device-controls{width:100%;display:flex;gap:3px}.compact-cover .device-controls button{flex:1;min-height:35px;font-size:12px;padding:8px}.compact-cover .role-intro{margin:19px 0 14px;padding-bottom:11px;align-items:center}.compact-cover .role-intro h2{font-size:14px}.compact-cover .role-intro h2 span{font-size:12px;margin-left:5px}.compact-cover .role-intro p{font-size:10px;white-space:nowrap}.compact-cover .screen-grid.mobile{gap:20px 12px}.compact-cover .screen-caption{min-height:49px}.compact-cover .screen-caption strong{font-size:12px}.compact-cover .screen-caption small{font-size:10px;line-height:1.6}.compact-cover .screen-bottom>span{font-size:10px}.compact-cover .screen-bottom a{font-size:10px}.compact-cover .cover-footer{padding:15px 14px;font-size:10px;align-items:center}}