*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial;color:#203047;background:#fff}
header{height:72px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaf0}.brand{display:flex;align-items:center;gap:10px;color:#08244A;text-decoration:none;font:14px Georgia,serif}.brand img{width:48px;height:48px;border-radius:50%}.btn{display:inline-block;text-decoration:none;border:0;border-radius:5px;padding:11px 16px;background:#fff;color:#08244A;font-size:9px;font-weight:900}.gold{background:#D5A62A}.hero{min-height:360px;background:linear-gradient(115deg,#061d3d,#0d3a6b);color:#fff;padding:40px 7%;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center}.hero small{color:#D5A62A;font-weight:900;letter-spacing:1px}.hero h1{font:38px Georgia,serif;line-height:1.05;max-width:750px}.hero p{max-width:680px;color:#c9d6e4;font-size:12px;line-height:1.6}.hero-logo{display:flex;align-items:center;justify-content:center}.hero-logo img{width:190px;height:190px;border-radius:50%;object-fit:contain;background:#fff;display:block}.hero .btn{margin-top:18px}section:not(.hero){padding:24px 7%}h2{font:26px Georgia,serif;color:#08244A}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{padding:25px;border:1px solid #e0e6ec;border-radius:7px}.cards b{font-size:8px;color:#97751c}.cards h3{font:20px Georgia,serif;color:#08244A}.cards p{font-size:9px;color:#7c8998;line-height:1.7}footer{padding:18px 7%;border-top:1px solid #e6eaf0;color:#8b96a2;font-size:8px}.menu-wrap{position:relative}.menu-toggle{background:#fff;border:0;color:#08244A;font-size:24px;line-height:1;cursor:pointer;padding:6px 8px}.menu{display:none;position:absolute;right:0;top:46px;min-width:180px;background:#fff;border:1px solid #e0e6ec;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:8px;z-index:1000}.menu.open{display:flex;flex-direction:column}.menu a{display:block;padding:11px 14px;color:#08244A;text-decoration:none;font-size:11px;font-weight:700;border-radius:4px}.menu a:hover{background:#f2f5f8}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-logo img{width:160px;height:160px}.hero h1{font-size:34px}.cards{grid-template-columns:1fr}}



.menu-divider{height:1px;background:#e0e6ec;margin:8px 4px}.menu-heading{padding:10px 14px 6px;color:#97751c;font-size:9px;font-weight:900;letter-spacing:1px}.menu-item{padding:9px 14px;color:#08244A;font-size:10px;font-weight:700;border-radius:4px}.menu-item:hover{background:#f2f5f8}.menu-group{margin:0}.menu-group summary{list-style:none;cursor:pointer;padding:9px 14px;color:#08244A;font-size:10px;font-weight:800;border-radius:4px}.menu-group summary::-webkit-details-marker{display:none}.menu-group summary:after{content:"+";float:right;color:#97751c;font-weight:900}.menu-group[open] summary:after{content:"-"}.menu-group summary:hover{background:#f2f5f8}.menu-subitem{padding:7px 14px 7px 27px;color:#526274;font-size:9px;line-height:1.35;border-radius:4px}.menu-subitem:hover{background:#f2f5f8;color:#08244A}.menu{max-height:calc(100vh - 90px);overflow-y:auto}
/* =========================================================
   WPA PUBLIC HOMEPAGE ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â CONTENT SECTIONS
   ========================================================= */

section:not(.hero) {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 7%;
}

section:not(.hero) p {
  max-width: 1050px;
  font-size: 14px;
  line-height: 1.85;
  color: #526274;
}

section:not(.hero) h2 {
  margin: 0 0 22px;
  font: 34px Georgia,serif;
  color: #08244A;
}

/* ABOUT / VISION / MISSION */

#about,
#vision,
#mission {
  background: #fff;
}

#about p {
  max-width: 1100px;
}

#vision,
#mission {
  border-top: 1px solid #edf0f3;
}

/* SLOGAN */

#slogan {
  background: linear-gradient(115deg,#061d3d,#0d3a6b);
  text-align: center;
  color: #fff;
}

#slogan h2 {
  color: #fff;
}

#slogan p {
  margin: 0 auto;
  color: #D5A62A;
  font: 25px Georgia,serif;
  line-height: 1.5;
}

/* BENEFITS */

#benefits {
  background: #f7f9fb;
}

#benefits ol {
  max-width: 1100px;
  margin: 0;
  padding-left: 24px;
  columns: 2;
  column-gap: 55px;
}

#benefits li {
  break-inside: avoid;
  margin: 0 0 15px;
  padding-left: 7px;
  color: #526274;
  font-size: 15px;
  line-height: 1.7;
}

/* CONTACT */

#contact {
  background: #fff;
  border-top: 1px solid #e8edf1;
}

#contact .cards {
  align-items: stretch;
}

#contact .cards article {
  padding: 26px;
  background: #f9fafc;
  border: 1px solid #e0e6ec;
  border-radius: 9px;
}

#contact .cards article:hover {
  box-shadow: 0 8px 24px rgba(8,36,74,.08);
  transform: translateY(-2px);
  transition: .2s ease;
}

#contact .cards b {
  display: block;
  margin-bottom: 10px;
  color: #97751c;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1px;
}

#contact .cards h3 {
  margin: 0 0 15px;
  font: 22px Georgia,serif;
  color: #08244A;
}

#contact .cards p {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.8;
  color: #526274;
}

#contact .cards p:last-child {
  margin-bottom: 0;
}

#contact a {
  color: #08244A;
  text-decoration: none;
}

#contact a:hover {
  color: #97751c;
  text-decoration: underline;
}

/* GALLERY */

#contact + section {
  background: #f7f9fb;
}

#contact + section p {
  margin-bottom: 20px;
}

/* MEMBERSHIP */

#membership {
  background: #fff;
}

#membership .cards article {
  background: #fff;
  min-height: 175px;
}

#membership .cards article:hover {
  box-shadow: 0 8px 24px rgba(8,36,74,.08);
  transform: translateY(-2px);
  transition: .2s ease;
}

/* BETTER GENERAL SECTION SPACING */

#about + #vision {
  padding-top: 45px;
}

#vision + #mission {
  padding-top: 6px;
}

/* MOBILE */

@media(max-width:900px){

  section:not(.hero) {
    padding: 28px 6%;
  }

  section:not(.hero) h2 {
    font-size: 30px;
  }

  #benefits ol {
    columns: 1;
  }

  #contact .cards {
    grid-template-columns: 1fr;
  }

}

@media(max-width:700px){

  section:not(.hero) {
    padding: 24px 6%;
  }

  section:not(.hero) h2 {
    font-size: 28px;
  }

  section:not(.hero) p {
    font-size: 13px;
    line-height: 1.8;
  }

  #slogan p {
    font-size: 21px;
  }

  #benefits li {
    font-size: 13px;
  }

  #contact .cards article {
    padding: 22px;
  }

}

/* Hide About Us heading while keeping the section content */
#about > h2 {
  display: none;
}








 /* FINAL ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â MEMBERSHIP + ABOUT COMPACT SPACING */
#membership {
  padding-top: 14px !important;
  padding-bottom: 4px !important;
}

#about {
  padding-top: 4px !important;
  padding-bottom: 8px !important;
}

#about > h2 {
  display: none !important;
}

/* COMPACT MEMBERSHIP CARDS */
#membership .cards article {
  min-height: 0 !important;
  padding: 16px !important;
}


/* COMPACT SLOGAN SECTION */
#slogan {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

#slogan h2 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}


/* COMPACT MAIN CONTENT SECTIONS */
.hero {
  min-height: 0 !important;
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

#vision {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

#mission {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

#contact {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}


/* COMPACT ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â WPA HEADQUARTERS & CONTACT */
#contact {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#contact > h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

#contact .cards {
  gap: 10px !important;
}

#contact .cards article {
  padding: 14px !important;
}

#contact .cards b {
  margin-bottom: 5px !important;
}

#contact .cards h3 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

#contact .cards p {
  margin-bottom: 8px !important;
  line-height: 1.5 !important;
}

#contact .cards p:last-child {
  margin-bottom: 0 !important;
}


/* COMPACT ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â WPA BENEFITS */
#benefits {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#benefits > h2 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

#benefits ol {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#benefits li {
  margin-bottom: 7px !important;
  line-height: 1.45 !important;
}


/* COMPACT ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â VISION & MISSION */
#vision {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#mission {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#vision > h2,
#mission > h2 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

#vision p,
#mission p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.55 !important;
}


/* FURTHER COMPACT ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â MEMBERSHIP CARDS */
#membership .cards article {
  padding: 10px !important;
}

#membership .cards h3 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

#membership .cards p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
}


/* FINAL HOMEPAGE HERO */
.hero{
  width:calc(100% - 80px) !important;
  max-width:1200px !important;
  margin:24px auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(150px,180px) !important;
  column-gap:24px !important;
  align-items:center !important;
  min-height:260px !important;
  padding:24px 7% !important;
  overflow:hidden !important;
}
.hero-copy{
  min-width:0 !important;
  max-width:none !important;
}
.hero-copy small{
  display:block !important;
  font-size:9px !important;
  letter-spacing:1px !important;
  line-height:1.2 !important;
  margin-bottom:5px !important;
}
.hero-copy h1{
  font-size:28px !important;
  line-height:1.12 !important;
  margin:5px 0 8px !important;
  max-width:650px !important;
}
.hero-copy p{
  font-size:11px !important;
  line-height:1.35 !important;
  margin:0 !important;
  max-width:600px !important;
}
.hero-logo{
  width:180px !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
.hero-logo img{
  width:160px !important;
  height:160px !important;
  display:block !important;
}
@media (max-width:1000px) and (min-width:521px){
  .hero{
    grid-template-columns:minmax(0,1fr) 150px !important;
    column-gap:14px !important;
    padding-left:5% !important;
    padding-right:3% !important;
  }
  .hero-copy h1{font-size:25px !important;}
  .hero-copy p{font-size:10px !important;}
  .hero-logo{width:150px !important;}
  .hero-logo img{width:125px !important;height:125px !important;}
}
@media (max-width:700px) and (min-width:521px){
  .hero{
    grid-template-columns:minmax(0,1fr) 120px !important;
    column-gap:12px !important;
  }
  .hero-copy h1{font-size:22px !important;}
  .hero-logo{width:120px !important;}
  .hero-logo img{width:105px !important;height:105px !important;}
}
@media (max-width:520px){
  .hero{
    grid-template-columns:1fr !important;
    text-align:center !important;
    padding:24px 6% !important;
  }
  .hero-logo{
    width:auto !important;
    justify-self:center !important;
    justify-content:center !important;
  }
  .hero-logo img{
    width:145px !important;
    height:145px !important;
  }
}

/* FINAL HOMEPAGE CONTACT */
#contact{
  padding-top:12px !important;
  padding-bottom:12px !important;
}
#contact > h2{
  margin:0 0 8px !important;
  font-size:24px !important;
}
.contact-box{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:12px 14px !important;
  border:1px solid #e5e9ee !important;
  border-radius:8px !important;
  background:#f8fafc !important;
  align-items:start !important;
}
.contact-column{
  min-width:0 !important;
}
.contact-column b{
  display:block !important;
  font-size:8px !important;
  letter-spacing:.7px !important;
  line-height:1.2 !important;
  margin:0 0 3px !important;
}
.contact-column h3{
  font-size:12px !important;
  line-height:1.15 !important;
  margin:0 0 4px !important;
}
.contact-column p{
  font-size:9px !important;
  line-height:1.25 !important;
  margin:0 0 4px !important;
}
.contact-column a{
  font-size:9px !important;
  word-break:break-word !important;
}
@media(max-width:700px){
  .contact-box{grid-template-columns:1fr !important;}
}




 /* WPA TYPOGRAPHY READABILITY */
body{font-size:15px}
.hero p{font-size:14px}
.cards p{font-size:11px}
footer{font-size:10px}
.cards b{font-size:10px}
.menu-heading{font-size:11px}
.menu-item{font-size:12px}
.menu-group summary{font-size:12px}
.menu-subitem{font-size:11px}
.menu a{font-size:13px}
#contact .cards b{font-size:11px}
#contact .cards p{font-size:15px}
#benefits li{font-size:15px !important}

/* WPA MEMBERSHIP + HEADQUARTERS THREE-COLUMN ALIGNMENT */

#membership .cards,
#membership + h2 + .contact-box{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

#membership .cards{
  margin-top:12px;
  margin-bottom:18px;
}

#membership .cards article,
.contact-box .contact-column{
  min-width:0;
  text-align:center;
}

#membership .cards article{
  padding:20px 16px;
}

#membership .cards article b,
.contact-box .contact-column>b{
  display:block;
  text-align:center;
}

#membership .cards article h3,
.contact-box .contact-column h3{
  text-align:center;
  margin-top:8px;
}

#membership .cards article p,
.contact-box .contact-column p{
  text-align:center;
}

.contact-box{
  margin-top:12px;
  margin-bottom:18px;
}

@media (max-width:700px){
  #membership .cards,
  #membership + h2 + .contact-box{
    grid-template-columns:1fr;
  }
}
/* WPA HEADQUARTERS & CONTACT â€” LARGER TYPOGRAPHY */

.contact-box .contact-column>b{
  font-size:15px;
  line-height:1.4;
  font-weight:900;
  letter-spacing:.8px;
}

.contact-box .contact-column h3{
  font-size:22px;
  line-height:1.3;
  margin:8px 0 14px;
}

.contact-box .contact-column p{
  font-size:16px;
  line-height:1.8;
  margin-bottom:14px;
}

.contact-box .contact-column a{
  font-size:16px;
}


/* WPA_PUBLIC_MEMBERSHIP_FORM_STYLES */
.wpa-application-section {
  max-width: 1050px;
  margin: 32px auto;
  padding: 28px 22px;
  color: #172b45;
  background: #f4f8fc;
  border: 1px solid #cbd9e8;
  border-radius: 14px;
}
.wpa-application-section h2 {
  color: #123b69;
  text-align: center;
  margin-top: 0;
}
.wpa-application-intro {
  max-width: 760px;
  margin: 0 auto 22px;
  text-align: center;
  line-height: 1.7;
  color: #263b52;
}
.wpa-application-form {
  max-width: 900px;
  margin: 0 auto;
}
.wpa-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.wpa-application-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #172b45;
  font-weight: 700;
}
.wpa-application-form input:not([type="checkbox"]),
.wpa-application-form select,
.wpa-application-form textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: #172b45;
  background: #fff;
  border: 1px solid #8399b2;
  border-radius: 7px;
  font: inherit;
}
.wpa-application-form input::placeholder,
.wpa-application-form textarea::placeholder {
  color: #596b7d;
  opacity: 1;
}
.wpa-application-form input:focus,
.wpa-application-form select:focus,
.wpa-application-form textarea:focus {
  outline: 3px solid #9bc8ff;
  outline-offset: 1px;
  border-color: #145da0;
}
.wpa-form-wide {
  grid-column: 1 / -1;
}
.wpa-application-form .wpa-consent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 0;
  line-height: 1.6;
  font-weight: 500;
}
.wpa-consent input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-top: 3px;
}
.wpa-application-submit {
  display: block;
  width: 100%;
  padding: 14px 18px;
  color: #fff;
  background: #126b3a;
  border: 0;
  border-radius: 8px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.wpa-application-submit:hover {
  background: #0b512b;
}
.wpa-application-note,
.wpa-application-status {
  color: #263b52;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.contact-box .contact-column,
.contact-box .contact-column p,
.contact-box .contact-column a,
.contact-box .contact-column strong {
  color: #172b45;
  opacity: 1;
  overflow-wrap: anywhere;
}
.contact-box .contact-column a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 650px) {
  .wpa-application-section {
    margin: 22px 12px;
    padding: 22px 15px;
  }
  .wpa-form-grid {
    grid-template-columns: 1fr;
  }
  .wpa-form-wide {
    grid-column: auto;
  }
}
/* END WPA_PUBLIC_MEMBERSHIP_FORM_STYLES */

/* WPA_PUBLIC_LAYOUT_REFINEMENT_V1 */

/* Reduce unnecessary vertical gaps while keeping content readable */
section:not(.hero) {
  padding: 18px 5%;
  margin-top: 0;
  margin-bottom: 0;
}

section:not(.hero) h2 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 28px;
  line-height: 1.2;
}

section:not(.hero) p {
  line-height: 1.65;
}

/* Improve hero balance and readability */
.hero {
  min-height: 320px;
  padding: 32px 5%;
  gap: 24px;
}

.hero h1 {
  font-size: clamp(32px, 3.2vw, 42px);
  line-height: 1.12;
  margin: 12px 0;
}

.hero p {
  font-size: 15px;
  line-height: 1.7;
}

.hero-logo img {
  width: 180px;
  height: 180px;
}

/* Make membership and information cards easier to read */
.cards {
  gap: 14px;
}

.cards article {
  padding: 20px;
}

.cards b {
  font-size: 11px;
  letter-spacing: .4px;
}

.cards h3 {
  font-size: 21px;
  line-height: 1.3;
}

.cards p {
  font-size: 14px;
  line-height: 1.65;
}

/* Improve professor application form sizing and separation */
.wpa-application-section {
  max-width: 1100px;
  margin: 18px auto !important;
  padding: 28px clamp(18px, 3vw, 34px) !important;
}

.wpa-application-section h2 {
  font-size: 30px;
  margin-bottom: 12px;
}

.wpa-application-intro {
  font-size: 15px;
  margin-bottom: 24px;
}

.wpa-application-form {
  max-width: 960px;
}

.wpa-form-grid {
  gap: 20px 24px;
}

.wpa-application-form label {
  gap: 9px;
  font-size: 15px;
  line-height: 1.45;
}

.wpa-application-form input:not([type="checkbox"]),
.wpa-application-form select {
  min-height: 50px;
  padding: 12px 14px;
  font-size: 15px;
}

.wpa-application-form textarea {
  min-height: 115px;
  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.6;
}

.wpa-application-form .wpa-consent {
  margin: 22px 0;
  font-size: 14px;
}

.wpa-application-submit {
  min-height: 50px;
  padding: 14px 18px;
  font-size: 16px;
}

.wpa-application-note,
.wpa-application-status {
  font-size: 14px;
}

/* Separate contact details clearly */
.contact-box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.contact-box .contact-column {
  min-width: 0;
  padding: 20px;
  border: 1px solid #d8e1eb;
  border-radius: 9px;
  background: #fff;
}

.contact-box .contact-column b {
  font-size: 11px;
  letter-spacing: .5px;
}

.contact-box .contact-column h3 {
  font-size: 19px;
  line-height: 1.35;
}

.contact-box .contact-column p,
.contact-box .contact-column a {
  font-size: 14px;
  line-height: 1.8;
  overflow-wrap: anywhere;
  word-break: normal;
}

footer {
  padding: 16px 5%;
  font-size: 12px;
  line-height: 1.6;
}

/* Tablet and mobile layout */
@media (max-width: 850px) {
  section:not(.hero) {
    padding: 20px 5%;
  }

  .contact-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero {
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 18px;
  }

  .hero-logo img {
    width: 145px;
    height: 145px;
  }
}

@media (max-width: 650px) {
  header {
    padding-left: 4%;
    padding-right: 4%;
  }

  .hero {
    grid-template-columns: 1fr;
    padding: 28px 5%;
    min-height: 0;
  }

  .hero h1 {
    font-size: 32px;
  }

  .hero p {
    font-size: 15px;
  }

  .hero-logo {
    justify-content: flex-start;
  }

  .hero-logo img {
    width: 120px;
    height: 120px;
  }

  section:not(.hero) {
    padding: 18px 5%;
  }

  section:not(.hero) h2 {
    font-size: 25px;
  }

  .cards {
    grid-template-columns: 1fr;
  }

  .cards article {
    padding: 18px;
  }

  .contact-box {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .contact-box .contact-column {
    padding: 17px;
  }

  .wpa-application-section {
    margin: 14px 0 !important;
    padding: 22px 16px !important;
  }

  .wpa-application-section h2 {
    font-size: 26px;
  }

  .wpa-form-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .wpa-form-wide {
    grid-column: auto;
  }
}

/* END WPA_PUBLIC_LAYOUT_REFINEMENT_V1 */

/* WPA_COMPACT_PROFESSOR_APPLICATION_V1 */
.wpa-application-section {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.wpa-application-section h2 {
  margin-top: 0;
  margin-bottom: 6px;
  line-height: 1.2;
}

.wpa-application-intro {
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.45;
}

.wpa-form-grid {
  gap: 10px 18px !important;
}

.wpa-application-form label {
  gap: 5px;
  line-height: 1.3;
}

.wpa-application-form input:not([type="checkbox"]),
.wpa-application-form select {
  min-height: 42px;
  padding: 8px 11px;
}

.wpa-application-form textarea {
  min-height: 78px;
  padding: 8px 11px;
}

.wpa-application-form .wpa-consent {
  margin: 12px 0;
  line-height: 1.4;
}

.wpa-application-submit {
  min-height: 44px;
  padding: 11px 16px;
}

.wpa-application-note,
.wpa-application-status {
  margin-top: 8px;
  margin-bottom: 0;
  line-height: 1.45;
}

@media (max-width: 650px) {
  .wpa-application-section {
    padding: 16px 14px !important;
  }

  .wpa-form-grid {
    gap: 10px !important;
  }
}
/* END WPA_COMPACT_PROFESSOR_APPLICATION_V1 */

/* WPA_CONTACT_DETAILS_READABILITY_V1 */

/* Increase address, telephone, email and website readability */
.contact-box .contact-column p,
.contact-box .contact-column p strong,
.contact-box .contact-column p a {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #172b45 !important;
  opacity: 1 !important;
  overflow-wrap: anywhere;
}

/* Make address text clear and comfortable to read */
.contact-box .contact-column p {
  margin-top: 10px;
  margin-bottom: 14px;
}

/* Keep email and website links distinct */
.contact-box .contact-column a {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Give contact cards more room */
.contact-box .contact-column {
  padding: 22px !important;
}

/* Comfortable reading on smaller screens */
@media (max-width: 650px) {
  .contact-box .contact-column p,
  .contact-box .contact-column p strong,
  .contact-box .contact-column p a {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  .contact-box .contact-column {
    padding: 18px !important;
  }
}

/* END WPA_CONTACT_DETAILS_READABILITY_V1 */

/* WPA_CONTACT_DETAILS_BALANCED_SIZE_V1 */
.contact-box .contact-column p,
.contact-box .contact-column p strong,
.contact-box .contact-column p a {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.contact-box .contact-column {
  padding: 16px !important;
}

.contact-box .contact-column p {
  margin-top: 7px;
  margin-bottom: 9px;
}

@media (max-width: 650px) {
  .contact-box .contact-column p,
  .contact-box .contact-column p strong,
  .contact-box .contact-column p a {
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .contact-box .contact-column {
    padding: 13px !important;
  }
}
/* END WPA_CONTACT_DETAILS_BALANCED_SIZE_V1 */

/* WPA_CONTACT_DETAILS_SMALLER_V2 */
.contact-box .contact-column p,
.contact-box .contact-column p strong,
.contact-box .contact-column p a {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.contact-box .contact-column {
  padding: 11px !important;
}

.contact-box .contact-column p {
  margin-top: 5px;
  margin-bottom: 7px;
}

@media (max-width: 650px) {
  .contact-box .contact-column p,
  .contact-box .contact-column p strong,
  .contact-box .contact-column p a {
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  .contact-box .contact-column {
    padding: 10px !important;
  }
}
/* END WPA_CONTACT_DETAILS_SMALLER_V2 */
/* WPA_GLOBAL_GOLD_NAV_BUTTONS_V1 */
a.btn,
a.back,
a.button,
.actions a {
    background-color: #D5A62A !important;
    color: #08244A !important;
    border-color: #D5A62A !important;
    font-weight: 800;
    text-decoration: none;
    border-radius: 6px;
}

a.btn:hover,
a.back:hover,
a.button:hover,
.actions a:hover {
    background-color: #B88916 !important;
    color: #08244A !important;
    border-color: #B88916 !important;
}

/* WPA_ORGANIZATION_GOLD_V1 */
.eyebrow,
.hero-label,
.menu-heading {
    color: #D5A62A !important;
}
