/* Small portal controls; the shared system owns the surrounding layout. */
.materials-subject-label { display:block; font-size:13px; font-weight:650; color:var(--color-primary, #14543f); }
.biology-game-library-card > .materials-subject-label { padding:0 16px 12px; }
.materials-content [hidden] { display:none !important; }

/* Planned games carry a clear status ribbon across their artwork. */
.materials-content .geography-game-placeholder-card { position:relative; overflow:hidden; }
.materials-content .materials-placeholder-banner {
  position:absolute; z-index:2; top:30px; left:-8%; width:116%;
  padding:7px 12px; transform:rotate(-7deg); text-align:center;
  color:#fff; background:#191919; border-block:3px solid #c43138;
  font-size:13px; font-weight:750; line-height:1.4; letter-spacing:.08em;
  text-transform:uppercase; pointer-events:none;
}

.materials-inspiration-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.materials-inspiration-filters button { padding:7px 14px; border:1px solid var(--color-primary); border-radius:8px; background:white; color:var(--color-primary); font:inherit; font-size:14px; cursor:pointer; }
.materials-inspiration-filters button[aria-pressed="true"] { background:var(--color-primary); color:white; }
.materials-inspiration-filters button:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }