/* ===========================================================================
 *  TechAmerica (techamerica.ai) - container queries
 *  (c) 2026 OASIS. All rights reserved.
 * ===========================================================================
 *  Kept in their own file, loaded as a normal (non-blocking) stylesheet, so
 *  the main CSS can be printed inline in the page and still pass the W3C
 *  validator, whose CSS checker does not know container queries yet.
 *  They only affect the newsletter form and the author social icons.
 * ======================================================================== */

/* Homepage newsletter sign-up form */
form.signup{container-type:inline-size}
@container (max-width:26em){
  .nl-inline{flex-direction:column;border-radius:16px;padding:6px}
  .nl-inline .btn{width:100%}
}

/* Author cards and profile: social icons */
.acard-foot,.prof-text{container-type:inline-size}
@container (max-width:421px){.prof-social .soc-list{display:grid;grid-template-columns:repeat(4,44px)}}
@container (max-width:361px){.acard-soc{display:grid!important;grid-template-columns:repeat(4,40px)}}