/* Canonical badge geometry. D = rendered image width * measured opaque circular-rim ratio. */
:is(#review-21,.showcase) [data-badge-metric].badge-unit{--review-badge-px:150px;position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:var(--review-badge-px)!important;min-width:var(--review-badge-px)!important;max-width:var(--review-badge-px)!important;height:auto!important;padding:0!important;border:0!important;box-sizing:content-box!important;margin:0 auto!important;grid-column:auto!important;justify-self:center;list-style:none!important}
:is(#review-21,.showcase) [data-badge-metric].badge-unit>img.badge-art{position:relative!important;left:0!important;display:block!important;width:var(--review-badge-px)!important;min-width:var(--review-badge-px)!important;max-width:none!important;height:var(--review-badge-px)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box!important;aspect-ratio:1!important;object-fit:contain!important;transform:none!important}
:is(#review-21,.showcase) [data-badge-metric].badge-unit>.honor-platform{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;left:calc(var(--review-badge-px)*.5 + var(--review-badge-px)*var(--badge-center-shift))!important;transform:translateX(-50%)!important;width:calc(var(--review-badge-px)*var(--badge-circle-ratio)*.5)!important;min-width:0!important;max-width:none!important;min-height:25px!important;height:auto!important;margin:5px 0 0!important;padding:3px 0!important;border:1px solid #b99755!important;border-radius:5px;box-sizing:border-box!important;font:400 12px/1.3 Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;background:#fffaf0;color:#142a39}
:is(#review-21,.showcase) .work-honor-strip,:is(#review-21,.showcase) .honors-wall .awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;grid-auto-flow:row;gap:20px 12px!important;justify-items:center;align-items:start;min-width:0}
:is(#review-21,.showcase) .compact .work-honor-strip{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:180px;overflow-x:auto}
@media(max-width:680px){:is(#review-21,.showcase) .compact .work-honor-strip{display:none!important}}

/* Feedback22: wrap immediately below video; never a vertical badge tower. */
:is(#review-21,.showcase) .work-honor-strip{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important;overflow:visible!important}
:is(#review-21,.showcase) .work-honor-strip>[data-badge-metric]{margin:0!important}
:is(#review-21,.showcase) .compact .work-honor-strip{display:flex!important;flex-wrap:wrap!important;gap:3px!important;overflow:visible!important}
.showcase .compact .work-honor-strip>figure{width:var(--review-badge-px)!important}
.showcase .work-card-video{position:relative;display:block}.showcase .work-card-video .mock-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px!important;height:28px!important;border-radius:50%;display:grid;place-items:center;background:#142a39b0;color:white;font-size:12px}
.showcase .compact{padding:8px!important}.showcase .compact .work-honor-heading{display:none!important}.showcase .compact .compact-honor-link{display:block;font-size:12px}.showcase .compact .badge-demo-note{display:none}
:is(#review-21,.showcase) .honors-wall .awards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 4px!important}
@media(max-width:680px){:is(#review-21,.showcase) .honors-wall .awards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* QA correction: the static honors work example has narrower nested panels. */
#review-21 .honors-work-demo .work-honor-strip{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;gap:10px 8px!important}
#review-21 .honors-work-demo .work-honor-strip>[data-badge-metric]{flex:0 0 var(--review-badge-px)!important;margin:0!important}
#review-21 .honors-work-demo .mock-play{width:50px!important;height:50px!important;font-size:23px!important}
#review-21 .honors-work-demo .per-work-collection{padding:6px!important;box-sizing:border-box!important}
@media(max-width:680px){#review-21 .honors-work-demo{padding:12px!important}#review-21 .honors-work-demo .per-work-collection{margin-inline:-6px!important;width:calc(100% + 12px)!important}}

/* Latest 89-page feedback: readable platform names and three-up mobile full-width badges. */
@media(max-width:680px){
:is(#review-21,.showcase) [data-badge-metric].badge-unit{--review-badge-px:calc(96px / var(--badge-circle-ratio))!important;width:96px!important;min-width:96px!important;max-width:96px!important;flex-basis:96px!important;margin:0!important}
:is(#review-21,.showcase) [data-badge-metric].badge-unit>img.badge-art{left:calc(48px - var(--review-badge-px)*.5 - var(--review-badge-px)*var(--badge-center-shift))!important}
:is(#review-21,.showcase) [data-badge-metric].badge-unit>.honor-platform{left:48px!important;width:48px!important;font-family:'Arial Narrow','Roboto Condensed','Avenir Next Condensed',Arial,sans-serif!important;font-size:13px!important;white-space:nowrap!important}
:is(#review-21,.showcase) .per-work-collection:not(.compact) .work-honor-strip,:is(#review-21,.showcase) .honors-wall .awards{display:grid!important;grid-template-columns:repeat(3,96px)!important;grid-auto-flow:row!important;justify-content:center!important;gap:14px 4px!important;padding:6px 0!important}
:is(#review-21,.showcase) .honors-wall .awards>.award{padding:0!important;width:96px!important;min-width:0!important;grid-column:auto!important}
:is(#review-21,.showcase) .work-honor-strip>[data-badge-metric]:last-child{grid-column:auto!important}
.showcase .compact .work-honor-strip{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 4px!important}
.showcase .work-card-video .mock-play,.showcase .work-video-mock .mock-play,#review-21 .honors-work-demo .mock-play{width:44px!important;height:44px!important;font-size:20px!important}
#review-21 .honors-work-demo .per-work-collection{padding:0!important;margin-inline:-8px!important;width:calc(100% + 16px)!important}
#review-21 .honors-wall{padding-inline:6px!important}#review-21 .honors-wall .awards{padding-inline:0!important}
}
.showcase .work-card-video .mock-play{width:44px!important;height:44px!important;font-size:20px!important}

/* Bella latest approval: list icons only, 3 per row; full details retain platform frames. */
:is(#review-21,.showcase) [data-badge-list="icons-three"] .work-honor-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:6px 4px!important;justify-content:stretch!important;align-items:start!important;overflow:visible!important;min-width:0!important;width:100%!important;padding:0!important}
:is(#review-21,.showcase) [data-badge-list="icons-three"] [data-badge-metric].badge-unit{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;flex-basis:auto!important;grid-column:auto!important;margin:0!important;padding:0!important;align-items:stretch!important}
:is(#review-21,.showcase) [data-badge-list="icons-three"] [data-badge-metric].badge-unit>img.badge-art{position:static!important;left:auto!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1!important;object-fit:contain!important;margin:0!important;padding:0!important;transform:none!important}