/* Partnership review, November 2026: Join Us, Stakeholders list, Create & Play filters. */

/* Join Us — invitation on behalf of the project and all partners */
.hg-get-involved-lead { max-width:900px; }
.hg-join-partners { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.6rem; max-width:1100px; margin:1.25rem 0 2rem; padding:0; list-style:none; }
.hg-join-partners li { margin:0; padding:0; }
.hg-join-partners a { display:block; height:100%; padding:.7rem .9rem; border:1px solid #d9c9a2; border-radius:10px; background:#fffaf0; color:#243a26; text-decoration:none; }
.hg-join-partners a:hover,.hg-join-partners a:focus-visible { border-color:#516e3b; background:#f4f1e1; }
.hg-join-partners strong { display:block; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:#516e3b; }
.hg-join-partners span { display:block; font-size:.88rem; line-height:1.4; }
.hg-join-ways-title { margin:0 0 1rem; font-size:1.35rem; }
.hg-join-ways { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; max-width:1100px; margin:0 0 2rem; }
.hg-join-ways article { display:flex; flex-direction:column; padding:1.25rem; border:1px solid #d9c9a2; border-radius:14px; background:#fff; }
.hg-join-ways h4 { margin:0 0 .6rem; font-size:1.1rem; line-height:1.3; color:#304d2e; }
.hg-join-ways p { margin:0 0 .9rem; font-size:.9rem; line-height:1.6; }
.hg-join-ways .hg-section-kicker { margin-bottom:.5rem; font-size:.66rem; }
.hg-join-ways a { margin-top:auto; color:#36572e; font-weight:600; font-size:.88rem; text-decoration:underline; text-underline-offset:3px; }
.hg-techneart-links span { color:#354535; }
.hg-network-facts { margin:.5rem 0 0; }
.hg-network-facts > div { padding:.65rem 0; border-top:1px solid #e5dbc5; }
.hg-network-facts dt { margin:0 0 .15rem; font-weight:700; font-size:.86rem; color:#304d2e; }
.hg-network-facts dd { margin:0; font-size:.88rem; line-height:1.6; }
@media(max-width:820px) { .hg-join-ways { grid-template-columns:1fr; } }

/* Stakeholders — structured list under the map */
.hg-stakeholder-list { margin:3rem 0 1rem; scroll-margin-top:120px; }
.hg-stakeholder-list h2 { margin:0 0 .4rem; }
.hg-stakeholder-summary { margin:0 0 1rem; font-weight:600; color:#304d2e; }
.hg-stakeholder-controls { display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; margin:0 0 1rem; }
.hg-stakeholder-controls[hidden],.hg-stakeholder-table-wrap[hidden],.hg-stakeholder-list tr[hidden] { display:none !important; }
.hg-stakeholder-controls label { display:flex; flex-direction:column; gap:.25rem; font-size:.78rem; font-weight:600; color:#4b5b43; }
.hg-stakeholder-controls select,.hg-stakeholder-controls input { min-width:220px; padding:9px 11px; border:1px solid #c8c1ac; border-radius:6px; background:#fffdf7; font:inherit; font-size:.92rem; font-weight:400; color:#243a26; }
.hg-stakeholder-controls select:focus-visible,.hg-stakeholder-controls input:focus-visible { outline:2px solid #516e3b; outline-offset:2px; }
.hg-stakeholder-table-wrap { overflow-x:auto; border:1px solid #d9c9a2; border-radius:12px; background:#fff; }
.hg-stakeholder-list table { width:100%; border-collapse:collapse; font-size:.88rem; line-height:1.45; }
.hg-stakeholder-list thead th { padding:.7rem .9rem; background:#eef0e2; color:#304d2e; font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; text-align:left; white-space:nowrap; }
.hg-stakeholder-list tbody th,.hg-stakeholder-list tbody td { padding:.65rem .9rem; border-top:1px solid #ece4d0; text-align:left; vertical-align:top; }
.hg-stakeholder-list tbody th { font-weight:600; color:#243a26; min-width:220px; }
.hg-stakeholder-list tbody tr:nth-child(even) { background:#fffcf4; }
.hg-stakeholder-list tbody a { color:#36572e; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.hg-stakeholder-list .hg-stakeholder-none { color:#8a8f80; }
@media(max-width:760px) {
  .hg-stakeholder-list thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .hg-stakeholder-list table,.hg-stakeholder-list tbody,.hg-stakeholder-list tr,.hg-stakeholder-list tbody th,.hg-stakeholder-list tbody td { display:block; }
  .hg-stakeholder-list tbody tr { padding:.75rem .9rem; border-top:1px solid #d9c9a2; }
  .hg-stakeholder-list tbody tr:first-child { border-top:0; }
  .hg-stakeholder-list tbody th,.hg-stakeholder-list tbody td { padding:.12rem 0; border:0; min-width:0; }
  .hg-stakeholder-list tbody th { margin-bottom:.3rem; font-size:.98rem; }
  .hg-stakeholder-list tbody td::before { content:attr(data-label) ": "; color:#6e7363; font-size:.76rem; }
  .hg-stakeholder-controls label,.hg-stakeholder-controls select,.hg-stakeholder-controls input { width:100%; min-width:0; box-sizing:border-box; }
}

/* Create & Play — catalogue filters */
.hg-game-filter { width:min(1040px,92%); margin:2rem auto 0; text-align:left; }
.hg-game-filter[hidden],.hg-platform-catalog .hg-platform-game[hidden],.hg-game-filter-empty[hidden] { display:none !important; }
.hg-game-filter-count { margin:0 0 .75rem; font-weight:600; color:#304d2e; }
.hg-game-filter-countries { display:flex; flex-wrap:wrap; gap:.45rem; margin:0 0 .9rem; }
.hg-game-filter-countries button { padding:.42rem .85rem; border:1px solid #b9c4a4; border-radius:999px; background:#fff; color:#304d2e; font:inherit; font-size:.84rem; cursor:pointer; }
.hg-game-filter-countries button:hover { border-color:#516e3b; }
.hg-game-filter-countries button[aria-pressed="true"] { border-color:#36572e; background:#36572e; color:#fff; }
.hg-game-filter-countries button:focus-visible,.hg-game-filter-search input:focus-visible { outline:2px solid #516e3b; outline-offset:2px; }
.hg-game-filter-search { display:block; max-width:420px; margin:0 0 .75rem; }
.hg-game-filter-search input { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #c8c1ac; border-radius:8px; background:#fffdf7; font:inherit; font-size:.92rem; color:#243a26; }
.hg-game-filter-note { margin:0; font-size:.82rem; line-height:1.55; color:#4b5b43; }
.hg-game-filter-note a { color:#36572e; text-decoration:underline; text-underline-offset:3px; }
.hg-game-filter-empty { width:min(1040px,92%); margin:1.5rem auto 0; text-align:left; color:#4b5b43; }