/* Predict2U v179 — Community Picks Mobile Polish */
@media (max-width: 639px) {
  .p2u-community-page main.wrap {
    padding-bottom: calc(118px + env(safe-area-inset-bottom));
  }

  .p2u-community-page .card:has(#board) {
    padding: 16px 14px;
  }

  .p2u-community-page #board {
    display: grid;
    gap: 10px;
  }

  .p2u-community-page #board .pick {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 14px 13px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 11px;
    row-gap: 10px;
    border-radius: 15px;
    border-left-width: 3px;
    overflow: hidden;
  }

  .p2u-community-page #board .pick .fl {
    grid-column: 1;
    grid-row: 1;
    width: 26px;
    height: 18px;
    align-self: start;
    margin-top: 3px;
    border-radius: 3px;
  }

  .p2u-community-page #board .pick .who {
    grid-column: 2 / 4;
    grid-row: 1;
    min-width: 0;
    width: 100%;
  }

  .p2u-community-page #board .pick .t {
    font-size: 17px;
    line-height: 1.28;
    letter-spacing: -0.015em;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .p2u-community-page #board .pick .m {
    display: -webkit-box;
    margin-top: 5px;
    font-size: 12.5px;
    line-height: 1.35;
    color: #85858a;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .p2u-community-page #board .pick .mk {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    align-self: center;
    min-height: 40px;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 11px;
    font-size: 13.5px;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
  }

  .p2u-community-page #board .pick > button,
  .p2u-community-page #board .pick > .mini,
  .p2u-community-page #board .pick > [data-add-slip] {
    grid-column: 3;
    grid-row: 2;
    align-self: stretch;
    justify-self: end;
    width: auto;
    min-width: 76px;
    min-height: 40px;
    margin: 0;
    padding: 8px 12px;
    border-radius: 11px;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1;
  }

  .p2u-community-page #board .pick > button:not(.ghost) {
    background: rgba(52, 211, 153, .06);
    color: var(--brand);
    border: 1px solid rgba(52, 211, 153, .75);
  }

  .p2u-community-page #board .pick:not(:has(.fl)) .who {
    grid-column: 1 / 4;
  }

  .p2u-community-page #board .pick:not(:has(.fl)) .mk {
    grid-column: 1 / 3;
  }

  .p2u-community-page #board-count {
    margin: 8px 0 11px !important;
    font-size: 12px !important;
  }

  /* Keep the PWA prompt from covering Community cards. */
  .p2u-community-page .p2u-install-chip {
    right: 12px;
    bottom: calc(86px + env(safe-area-inset-bottom));
    max-width: 104px;
    min-height: 42px;
    padding: 8px 11px;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 360px) {
  .p2u-community-page .card:has(#board) {
    padding-left: 12px;
    padding-right: 12px;
  }

  .p2u-community-page #board .pick {
    grid-template-columns: 25px minmax(0, 1fr) auto;
    padding: 12px 10px;
    column-gap: 9px;
  }

  .p2u-community-page #board .pick .fl {
    width: 23px;
    height: 16px;
  }

  .p2u-community-page #board .pick .t {
    font-size: 15.5px;
  }

  .p2u-community-page #board .pick .m {
    font-size: 11.5px;
  }

  .p2u-community-page #board .pick .mk {
    min-height: 38px;
    padding: 7px 9px;
    font-size: 12.5px;
  }

  .p2u-community-page #board .pick > button,
  .p2u-community-page #board .pick > .mini,
  .p2u-community-page #board .pick > [data-add-slip] {
    min-width: 68px;
    min-height: 38px;
    padding: 7px 9px;
    font-size: 12px;
  }

  .p2u-community-page .p2u-install-chip {
    max-width: 88px;
    padding: 7px 9px;
    font-size: 10px;
  }
}


/* Predict2U v188 — Community design consistency. */
.p2u-community-page{--community-surface:#101116;--community-surface-2:#14161d;--community-line:#252936}
.p2u-community-page main.wrap{max-width:1120px}
.p2u-community-page .p2u-community-feature-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}
.p2u-community-page .p2u-community-feature-grid>.card{height:100%;margin-bottom:0}
.p2u-community-page .p2u-community-section{background:linear-gradient(180deg,var(--community-surface-2),var(--community-surface));border-color:var(--community-line);box-shadow:0 16px 42px rgba(0,0,0,.16)}
.p2u-community-page .p2u-community-section>h2{display:flex;align-items:center;gap:9px;margin-bottom:4px}
.p2u-community-page .p2u-community-section>h2:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--p2u-brand-green);box-shadow:0 0 0 5px rgba(var(--p2u-brand-green-rgb),.10);flex:0 0 auto}
.p2u-community-page .community-section-featured>h2:before{background:var(--gold);box-shadow:0 0 0 5px rgba(251,191,36,.10)}
.p2u-community-page .filters{padding:10px;background:#0d0f14;border:1px solid var(--community-line);border-radius:14px}
.p2u-community-page .pick{border-color:var(--community-line);background:#0e1015}
.p2u-community-page .pick .mk{background:rgba(var(--p2u-brand-green-rgb),.10);border-color:rgba(var(--p2u-brand-green-rgb),.30);color:var(--p2u-brand-green)}
.p2u-community-page .member,.p2u-community-page .slip-card,.p2u-community-page .stat{background:#0e1015;border-color:var(--community-line)}
.p2u-community-page .p2u-community-board-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--community-line);color:var(--muted);font-size:12px;font-weight:700}
.p2u-community-page .p2u-community-board-controls button{min-height:40px;padding:9px 16px;border-radius:10px}
.p2u-community-page #board>.pick[hidden]{display:none!important}
.p2u-community-page .community-mobile-nav{display:none!important}
.p2u-community-page footer{margin-top:28px}
@media(max-width:840px){.p2u-community-page .p2u-community-feature-grid{grid-template-columns:1fr}.p2u-community-page .p2u-community-feature-grid>.card{height:auto}}
@media(max-width:639px){.p2u-community-page main.wrap{padding-top:4px}.p2u-community-page h1{font-size:clamp(38px,11vw,48px);margin-top:18px}.p2u-community-page .sub{font-size:15px;line-height:1.5;margin-bottom:18px}.p2u-community-page .card{padding:16px 14px;border-radius:15px}.p2u-community-page .p2u-community-section>h2{font-size:21px}.p2u-community-page .p2u-community-board-controls{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:8;margin:12px -2px 0;padding:10px 12px;background:rgba(13,15,20,.94);border:1px solid var(--community-line);border-radius:12px;backdrop-filter:blur(12px)}}