/**
 * css/f119-f148-mobile.css — F149
 * =================================
 * Mobile-responsive rules for the F119-F148 component family:
 *   - Capital Partners (cp-*)
 *   - Tax Abatement (ta-*)
 *   - QAP Calendar (qc-*)
 *   - Resort WFH (rw-*)
 *   - Property Lookup pills (pl-*)
 *   - Method Footer (mf-*)
 *   - CHFA Award History (cah-*)
 *
 * All new components were built for desktop first. These rules keep
 * them readable on ≤640px width without breaking the existing layout.
 */

@media (max-width: 640px) {
  /* ── Capital Partners ─────────────────────────────────────────── */
  .cp-filter-row { gap: .25rem; }
  .cp-filter { font-size: .72rem; padding: .2rem .55rem; }
  .cp-item__head { flex-direction: column; align-items: flex-start; gap: .15rem; }
  .cp-item__cat,
  .cp-item__area { font-size: .68rem; }
  .cp-item__notes { font-size: .76rem; }
  .cp-item__deal-types { gap: .2rem; }
  .cp-deal-tag { font-size: .62rem; padding: 0 5px; }

  /* ── Tax Abatement ────────────────────────────────────────────── */
  .ta-item__head { flex-direction: column; align-items: flex-start; gap: .15rem; }
  .ta-item__summary { font-size: .78rem; }
  .ta-item__mag {
    display: block;            /* full width on mobile */
    font-size: .74rem;
    margin-top: .35rem;
  }

  /* ── QAP Calendar ─────────────────────────────────────────────── */
  .qc-next { padding: .55rem .65rem; gap: .35rem; }
  .qc-next__days { font-size: 1.5rem !important; }
  .qc-next__event { flex-basis: 100%; }
  .qc-item { padding: .35rem .5rem; gap: .25rem; }
  .qc-item__date { min-width: 0; font-size: .82rem; }
  .qc-item__name { flex-basis: 100%; font-size: .82rem; }
  .qc-item__details { font-size: .74rem; }

  /* ── Resort WFH ───────────────────────────────────────────────── */
  .rw-headline { padding: .55rem .65rem; font-size: .85rem; }
  .rw-program { padding: .4rem .55rem; }
  .rw-program__head { flex-direction: column; align-items: flex-start; gap: .15rem; }
  .rw-program__summary { font-size: .78rem; }
  .rw-program__mag {
    display: block;
    font-size: .74rem;
    margin-top: .35rem;
  }
  .rw-actions { padding: .45rem; }
  .rw-actions ul { padding-left: 1.2rem; }
  .rw-portfolio {
    display: inline-block;
    margin-left: 0;
    margin-top: .2rem;
  }

  /* ── Property Lookup pills ────────────────────────────────────── */
  .pl-links { gap: 3px; }
  .pl-link { font-size: 10px; padding: 1px 6px; }

  /* ── Method Footer ────────────────────────────────────────────── */
  .mf-footer { gap: .25rem .55rem; padding: .35rem .55rem; }
  .mf-label { font-size: .7rem; }
  .mf-method { font-size: .7rem; }
  .mf-badge { font-size: .6rem; padding: 0 5px; }

  /* ── CHFA Award History ───────────────────────────────────────── */
  .cah-item { gap: .2rem .35rem; font-size: .78rem; }
  .cah-item__year { min-width: 50px; }
  .cah-item__name { flex-basis: 100%; }

  /* ── HNA legend (affordable-housing-layer) ────────────────────── */
  .ahl-legend { max-width: 180px !important; font-size: 10px !important; }
  .ahl-legend .ahl-row { gap: 4px; }
}

/* Mid-size tablets — narrower 2-col flow */
@media (min-width: 641px) and (max-width: 900px) {
  .cp-item__head,
  .ta-item__head,
  .rw-program__head { flex-wrap: wrap; }
  .qc-next__event { flex-basis: 320px; }
}