/* Screenshot reference: image-first cards, unframed text, lightened preview on hover. */
.showcase-board .board-body>.content{padding:22px 28px 40px}
.showcase-board .content>.section{max-width:1800px}
.showcase-board .content .section-head,.showcase-board .content .mine-toolbar{margin-bottom:22px}
.showcase-board .page-shell .content .plaza-grid,
.showcase-board .page-shell .content[data-board-view=organization] [data-source-panel=organization].plaza-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:start}
.showcase-board .page-shell .content .plaza-grid>.plaza-card,
.showcase-board .page-shell .content .plaza-grid>.plaza-card:hover,
.showcase-board .page-shell .content .plaza-grid>.plaza-card:focus-within,
.showcase-board .page-shell .content .plaza-grid>.plaza-card:has([data-card-menu]:not([hidden])){border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:visible;transition:none}
.showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-preview{aspect-ratio:16/9;border:0!important;border-radius:12px;isolation:isolate;background:#f4f5f6}
.showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-preview img{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.showcase-board .plaza-preview::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(255,255,255,0);pointer-events:none;transition:background-color .18s ease;border-radius:inherit}
.showcase-board .plaza-card:hover .plaza-preview::after,
.showcase-board .plaza-card:focus-within .plaza-preview::after,
.showcase-board .plaza-card:has(.showcase-more[aria-expanded=true]) .plaza-preview::after{background:rgba(255,255,255,.16)}
.showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-body{position:relative;padding:12px 0 0;height:auto;min-height:62px;gap:0}
.showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-body h3{margin:0;padding-right:30px;font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-body p{display:block;margin:4px 0 0;padding-right:30px;font-size:14px;line-height:22px;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--font-b-3)}
.showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-meta{display:none}
.showcase-board .plaza-card>.card-link{border-radius:12px}
.showcase-board .board-update-badge{display:none}
.showcase-more{position:absolute;right:0;top:12px;z-index:4;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--font-b-1);font-size:20px;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s,color .15s,background-color .15s}
.showcase-more .iconfont{font-size:20px;line-height:1}
.showcase-more svg{width:20px;height:20px;fill:currentColor;flex:none}
.plaza-card:hover .showcase-more,.plaza-card:focus-within .showcase-more,.showcase-more[aria-expanded=true]{opacity:1;pointer-events:auto}
.showcase-more:hover,.showcase-more[aria-expanded=true]{background:var(--bg-hover);color:var(--font-link)}
.showcase-menu{position:fixed;z-index:300;min-width:184px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:4px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface);box-shadow:0 4px 16px #00000012;color:var(--font-b-1);font-size:13px;line-height:22px}
.showcase-menu[hidden]{display:none}
.showcase-menu [role=menuitem]{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:5px 10px;border:0;border-radius:4px;background:transparent;color:var(--font-b-1);text-align:left;font-size:13px;line-height:22px;white-space:nowrap}
.showcase-menu [role=menuitem]:hover,.showcase-menu [role=menuitem]:focus-visible{background:var(--bg-hover);color:var(--font-link)}
.showcase-menu [role=separator]{height:1px;margin:4px 6px;background:var(--border-subtle)}
.showcase-menu .showcase-menu-group{margin-top:4px;border-top:1px solid var(--border-subtle);border-radius:0;padding-top:9px}
.showcase-menu .is-destructive,.showcase-menu .is-destructive:hover{color:var(--status-danger)}
.showcase-menu .showcase-menu-meta{padding:7px 10px;color:var(--font-b-3);font-size:12px;line-height:20px}
@media(max-width:1120px){
  .showcase-board .board-body>.content{padding:18px 20px 32px}
  .showcase-board .page-shell .content .plaza-grid,.showcase-board .page-shell .content[data-board-view=organization] [data-source-panel=organization].plaza-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
}
@media(max-width:680px){
  .showcase-board .board-body>.content{padding:16px 14px 24px}
  .showcase-board .page-shell .content .plaza-grid,.showcase-board .page-shell .content[data-board-view=organization] [data-source-panel=organization].plaza-grid{grid-template-columns:1fr;gap:26px}
  .showcase-board .page-shell .content .plaza-grid>.plaza-card .plaza-body{padding:10px 0 0}
}
@media(hover:none),(pointer:coarse){.showcase-more{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.showcase-board .plaza-preview::after,.showcase-more{transition:none}}
