/* ============================================================
   PAST ICPA SURVEYS
   Layered on css/resources.css, which already owns .hub, .rrow,
   .gate and .acard. Only what this page adds is here:

     .ps__note     the standfirst above the five rows
     .ps-row__url  the original address, kept as a record and
                   deliberately NOT a link
     .ps__foot     the closing note under the five rows

   Classes are ps- prefixed because site.css owns short generic
   names, and resources.css owns the row and card families.
   ============================================================ */

/* The archive itself is what the gate closes over. Both states ship
   in the markup and CSS picks one, so with JS off the page is closed. */
.ps .ps__body{display:none}
.ps.is-member .ps__body{display:block}
.ps .gate{margin-bottom:4px}
.ps.is-wp-member .gate--open{display:none}

/* ---------- standfirst ----------
   A statement of fact about the whole list, so it sits above the rows
   rather than repeating inside each one. Warm ground, not a red alert:
   nothing here is broken, the destinations simply aged out. */
.ps__note{
  margin:22px 0 4px;padding:20px 24px;
  border-radius:var(--radius-lg);
  background:var(--surface-tint);
  border:1px solid var(--icpa-pastel-grey-blue);
}
.ps__note p{
  margin:0;max-width:70ch;
  font-size:1rem;line-height:1.6;color:var(--text-body);
}
.ps__note p+p{margin-top:10px}
.ps__note b{color:var(--icpa-dark-navy)}

/* ---------- the original address ----------
   Kept verbatim off the 2008 post because the address is part of the
   record. It is <code>, not <a>: the destinations are long gone, so a
   link would only send a member somewhere that no longer answers. */
.ps-row__url{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  margin-top:12px;
}
.ps-row__urllabel{
  font:var(--type-caption);font-weight:var(--weight-bold);
  text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);
  color:var(--text-meta);flex:0 0 auto;
}
.ps-row__url code{
  min-width:0;max-width:100%;
  padding:3px 9px;border-radius:var(--radius-sm);
  background:var(--zone-light);border:1px solid var(--border-rule);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.8125rem;line-height:1.5;color:var(--text-meta);
  overflow-wrap:anywhere;
}

/* A retired row is a record, not an offer, so it reads back a step. */
.ps-row .rrow__title{color:var(--text-heading)}
.ps-row .rrow__badge--member{background:var(--text-meta);border-color:var(--text-meta)}

/* ---------- closing note ---------- */
.ps__foot{padding:22px 0 0}
.ps__foot p{
  margin:0;max-width:70ch;
  font-size:.9375rem;line-height:1.6;color:var(--text-meta);
}

/* ---------- aside ----------
   resources.css gives .acard its shell, its eyebrow, its title and its
   body. The stacked link list, the full-width CTA and the fine print
   under it are this page's, so they are scoped to .ps rather than
   widening the shared card. */
.ps .acard__links{display:flex;flex-direction:column;gap:10px}
.ps .acard__links a{
  font-size:.9375rem;font-weight:var(--weight-semibold);
  color:var(--icpa-blue-on-light);text-decoration:none;
}
.ps .acard__links a:hover{text-decoration:underline}
.ps .acard__cta{margin-top:16px;width:100%;justify-content:center}
.ps .acard__fine{
  margin:12px 0 0;font:var(--type-caption);line-height:1.5;color:var(--text-meta);
}

@media (max-width:900px){
  .ps__note{padding:18px 20px}
  .ps-row__url{gap:6px}
}