/* Public overlays share one frame, header, close control and backdrop. */
#b5-live-design :is(.b5-team-dialog,.b5-media-dialog,.b5-photo-dialog,.b5-peg-dialog){box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:clamp(14px,2vw,24px);border:1px solid #a8bba3;border-top:4px solid #c9e638;border-radius:0;background:#f3f3e9;color:#173727;box-shadow:0 28px 100px #0009;overflow:auto;overscroll-behavior:contain}
#b5-live-design :is(.b5-team-dialog,.b5-media-dialog,.b5-photo-dialog,.b5-peg-dialog)::backdrop{background:#03120ee8;backdrop-filter:blur(6px)}
#b5-live-design :is(.b5-team-dialog-header,.b5-media-top,.b5-peg-dialog-top){display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0}
#b5-live-design .b5-peg-dialog-top{align-items:flex-start}
#b5-live-design .b5-team-dialog-header>div{min-width:0}
#b5-live-design .b5-team-dialog .b5-team-dialog-header h2{margin:8px 0 0;font:600 clamp(28px,3vw,38px)/1.05 'Barlow Condensed','Arial Narrow',sans-serif}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog){width:min(1100px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));overflow:hidden}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog)[open]{display:flex;flex-direction:column}
#b5-live-design :is(.b5-team-dialog-close,.b5-media-top button,.b5-peg-dialog-close,.b5-photo-dialog .b5-dialog-close){position:static;display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:400 22px/1 Arial,sans-serif;cursor:pointer}
#b5-live-design :is(.b5-team-dialog-close,.b5-media-top button,.b5-peg-dialog-close,.b5-photo-dialog .b5-dialog-close):hover{background:#c9e638;border-color:#c9e638;color:#10291e}
#b5-live-design :is(.b5-team-dialog,.b5-media-dialog,.b5-photo-dialog,.b5-peg-dialog) :focus-visible{outline:3px solid #c9e638;outline-offset:3px}
#b5-live-design .b5-site .b5-modal-return-focus:focus-visible{outline:none!important;box-shadow:none!important}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-image{display:block;flex:1 1 auto;width:100%;height:0;min-height:0;max-width:100%;max-height:none;aspect-ratio:auto;margin:0;object-fit:contain;background:#f3f3e9}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-top strong{font:600 clamp(18px,2vw,23px)/1.2 'Barlow Condensed',sans-serif}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-bottom{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding-top:12px}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-bottom button{width:44px;min-width:44px;height:44px;padding:0;border:1px solid #8da58b;background:transparent;color:#173727;font-size:20px;cursor:pointer}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-bottom button:hover{background:#c9e638;border-color:#c9e638}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-bottom button:disabled{opacity:.35;cursor:default}
#b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-caption{min-width:0;margin:0;text-align:center;color:#355642;font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}
#b5-live-design .b5-photo-dialog .b5-catch-share-actions{justify-content:center;padding:8px 0 0}
#b5-live-design .b5-photo-dialog .b5-catch-share-actions>a:not(.b5-share-button){color:#204d33}
#b5-live-design .b5-peg-dialog{width:min(1100px,calc(100vw - 32px))}
#b5-live-design .b5-peg-dialog-top{margin-bottom:20px}
#b5-live-design .b5-peg-dialog-top h2{color:#173727}
#b5-live-design .b5-peg-dialog .b5-label{color:#315b40}
#b5-live-design .b5-peg-dialog-chart .b5-race-chart text{fill:#43644c}
#b5-live-design .b5-peg-dialog-chart .b5-race-chart .b5-chart-value{fill:#173727}
#b5-live-design .b5-peg-dialog-chart .b5-race-chart line{stroke:#cedacb}
#b5-live-design .b5-peg-dialog-seasons>section{border:1px solid #d0dbca;background:#fff}
#b5-live-design .b5-peg-dialog-seasons{gap:12px}

/* Keep the photo prominent while giving the catch facts a compact reading order. */
#b5-live-design .b5-catch-detail{max-width:1380px;padding-block:32px 68px}
#b5-live-design .b5-catch-detail-card{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:0;margin-top:16px;border-top:4px solid #c9e638;box-shadow:0 18px 60px #0003}
#b5-live-design .b5-catch-detail-photo{min-height:540px;overflow:hidden}
#b5-live-design .b5-catch-detail-photo img{width:100%;height:100%;max-height:680px;object-fit:contain}
#b5-live-design .b5-catch-detail-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,3vw,48px)}
#b5-live-design .b5-catch-detail-info h1{margin:10px 0 22px;font-size:clamp(32px,3vw,48px)}
#b5-live-design .b5-catch-detail-weight{padding-bottom:20px;border-bottom:1px solid #cbd4c7;font-size:clamp(52px,5vw,76px);font-variant-numeric:tabular-nums}
#b5-live-design .b5-catch-detail-info dl{margin:12px 0 24px}
#b5-live-design .b5-catch-detail-info dl div{align-items:baseline;padding:12px 0}
#b5-live-design .b5-catch-detail-info dd{max-width:68%;overflow-wrap:anywhere}
#b5-live-design .b5-catch-detail-actions{align-items:center}
@media(max-width:760px){
 #b5-live-design :is(.b5-team-dialog,.b5-media-dialog,.b5-photo-dialog,.b5-peg-dialog){max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}
 #b5-live-design :is(.b5-team-dialog,.b5-peg-dialog){width:calc(100vw - 16px)}
 #b5-live-design :is(.b5-media-dialog,.b5-photo-dialog){width:calc(100vw - 16px);height:calc(100dvh - 16px)}
 #b5-live-design :is(.b5-media-dialog,.b5-photo-dialog) .b5-media-image{height:0;max-height:none;aspect-ratio:auto}
 #b5-live-design .b5-catch-detail{padding:20px 12px 48px}
 #b5-live-design .b5-catch-detail-card{grid-template-columns:1fr}
 #b5-live-design .b5-catch-detail-photo{min-height:0}
 #b5-live-design .b5-catch-detail-photo img{height:auto;max-height:65dvh}
 #b5-live-design .b5-catch-detail-info{padding:24px}
}