:root{
  --ink:#1C1E1B;
  --ink-soft:#5A5D57;
  --paper:#FAF9F5;
  --line:#E4E1D6;
  --green:#1F5C4A;
  --green-deep:#153F33;
  --green-tint:#E9F0EC;
  --gold-tint:#F6EFDD;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--paper); color:var(--ink); font-family:'Inter',sans-serif;}
a{color:inherit; text-decoration:none;}

/* Tier 1: utility bar */
.utility-bar{background:var(--green-deep); color:#D7E6DF;}
.utility-inner{max-width:1140px; margin:0 auto; padding:8px 32px; display:flex; justify-content:space-between; align-items:center; font-size:12.5px;}
.social-icons{display:flex; gap:14px;}
.social-link{display:flex; align-items:center; justify-content:center; color:#D7E6DF; opacity:0.85; transition:opacity .15s, color .15s;}
.social-link:hover{opacity:1; color:#fff;}
.utility-links{display:flex; gap:20px;}
.utility-links a:hover{color:#fff;}

/* Tier 2: brand row */
.brand-row{border-bottom:1px solid var(--line);}
.brand-inner{max-width:1140px; margin:0 auto; padding:24px 32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
.brand-title{font-size:24px; font-weight:600;}
.brand-tagline{font-size:13.5px; color:var(--ink-soft); margin-top:2px;}
.find-btn{background:var(--green); color:#fff; padding:14px 26px; border-radius:4px; font-weight:600; font-size:14px;}
.find-btn:hover{background:var(--green-deep);}

/* Tier 3: nav bar */
.main-nav{background:var(--paper); border-bottom:1px solid var(--line);}
.nav-inner{max-width:1140px; margin:0 auto; padding:0 32px; display:flex; justify-content:center; gap:4px;}
.nav-inner a{padding:16px 14px; font-size:13.5px; font-weight:500; color:var(--ink);}
.nav-inner a:hover{color:var(--green-deep);}
.nav-search{padding:16px 14px; background:none; border:none; font-size:15px; cursor:pointer;}

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:var(--paper);
}

/* Auth page header (login + apply pages) */
.auth-header{border-bottom:1px solid var(--line); background:var(--paper);}
.auth-header-top{max-width:1140px; margin:0 auto; padding:20px 32px; display:flex; justify-content:space-between; align-items:center;}
.auth-brand-title{font-size:20px; font-weight:600;}
.auth-brand-tagline{font-size:13px; color:var(--ink-soft); margin-top:2px;}
.auth-menu-btn{display:none; background:none; border:none; font-size:22px; cursor:pointer;}

.auth-nav{max-width:1140px; margin:0 auto; padding:0 32px 16px; display:flex; gap:22px; flex-wrap:wrap;}
.auth-nav a{font-size:13.5px; font-weight:500; color:var(--ink-soft);}
.auth-nav a:hover{color:var(--green-deep);}

/* Welcome + login/apply card */
.auth-main{max-width:420px; margin:64px auto; padding:0 24px; text-align:center;}
.auth-main h1{font-size:28px; margin-bottom:8px;}
.auth-sub{font-size:14px; color:var(--ink-soft); margin-bottom:32px;}

.login-card{background:#fff; border:1px solid var(--line); border-radius:8px; padding:32px; text-align:left;}
.login-card label{display:block; font-size:13px; font-weight:600; margin-bottom:6px; margin-top:16px;}
.login-card label:first-child{margin-top:0;}
.login-card input, .login-card select{
  width:100%; border:1px solid var(--line); border-radius:4px;
  padding:11px 12px; font-size:14px; font-family:'Inter',sans-serif; background:#fff;
}
/* CHANGED: textareas get their own larger font size, since they hold real paragraphs of content */
.login-card textarea{
  width:100%; border:1px solid var(--line); border-radius:4px;
  padding:12px 14px; font-size:16px; line-height:1.6;
  font-family:'Inter',sans-serif; background:#fff;
}
.login-btn{
  width:100%; background:var(--green); color:#fff; border:none;
  border-radius:4px; padding:12px; font-size:14px; font-weight:600;
  margin-top:20px; cursor:pointer;
}
.login-btn:hover{background:var(--green-deep);}
.forgot-link{display:block; text-align:center; font-size:13px; color:var(--green-deep); margin-top:16px;}
.login-divider{border-top:1px solid var(--line); margin:24px 0;}
.create-account-text{text-align:center; font-size:13.5px; color:var(--ink-soft);}
.create-account-text a{color:var(--green-deep); font-weight:600;}

.form-section-title{
  font-size:13px; text-transform:uppercase; letter-spacing:0.06em;
  color:var(--green-deep); font-weight:600;
  margin:24px 0 4px; padding-top:16px; border-top:1px solid var(--line);
}
.login-card form h3.form-section-title:first-child{border-top:none; margin-top:0; padding-top:0;}
.field-hint{font-size:12px; color:var(--ink-soft); margin-top:4px;}

/* CHANGED: split into a base rule plus two category-specific color rules */
.flash-message{
  border-radius:6px; padding:12px 16px; font-size:13.5px; margin-bottom:20px; border:1px solid;
}
.flash-error{
  background:#FDECEC; color:#B3261E; border-color:#F5C6C6;
}
.flash-success{
  background:#E9F7EE; color:#1E7A46; border-color:#B9E4C7;
}

.password-field{position:relative;}
.password-field input{padding-right:56px;}
.toggle-password{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  background:none; border:none; font-size:12px; font-weight:600;
  color:var(--green-deep); cursor:pointer; padding:4px 6px;
}
.toggle-password:hover{color:var(--green);}

/* Mobile: hamburger slides the auth nav open */
@media (max-width:820px){
  .auth-menu-btn{display:block;}
  .auth-nav{flex-direction:column; gap:0; max-height:0; overflow:hidden; transition:max-height .3s ease; padding:0 32px;}
  .auth-nav.open{max-height:300px; padding-bottom:16px;}
  .auth-nav a{padding:10px 0; border-bottom:1px solid var(--line);}
}
@media (max-width:820px){
  .nav-inner{flex-wrap:wrap;}
}

/* Hero section */
.hero{
  position:relative;
  min-height:480px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:var(--green-deep);
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

@media (max-width:820px){
  .hero-video{display:none;}
  .hero{background:var(--green-deep);}
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.15) 0%, rgba(21,63,51,0.55) 100%);
}
.hero-content{
  position:relative;
  z-index:2;
  max-width:640px;
  margin:0 auto;
  padding:60px 32px;
  text-align:center;
  color:#fff;
}
.hero-content h1{
  font-size:36px;
  line-height:1.2;
  margin-bottom:18px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5);
}
.hero-content p{
  font-size:15.5px;
  color:#D7E6DF;
  margin-bottom:28px;
  text-shadow: 0 1px 8px rgba(0,0,0,0.4);
}
.hero-btn{
  display:inline-block;
  background:var(--green);
  color:#fff;
  padding:15px 30px;
  border-radius:4px;
  font-weight:600;
  font-size:14.5px;
}
.hero-btn:hover{
  background:#297F65;
}

@media (max-width:820px){
  .hero-content h1{font-size:26px;}
  .hero{min-height:420px;}
}

/* Resources section */
.resources-section{padding:64px 0; background:var(--paper);}
.section-inner{max-width:1140px; margin:0 auto; padding:0 32px;}
.resources-section h2{font-size:26px; margin-bottom:10px;}
.section-intro{font-size:14.5px; color:var(--ink-soft); max-width:600px; margin-bottom:36px;}

.resource-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.resource-card{
  border:1px solid var(--line); border-radius:8px; overflow:hidden;
  background:#fff; display:flex; flex-direction:column;
}
.resource-card.featured{
  background:var(--green-deep); border-color:var(--green-deep); color:#fff;
}

.resource-image{
  height:160px; width:100%;
  overflow:hidden;
}
.resource-image img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

.resource-body{padding:22px; display:flex; flex-direction:column; flex-grow:1;}
.resource-badge{
  font-size:11px; text-transform:uppercase; letter-spacing:0.06em;
  color:var(--green-deep); font-weight:600; margin-bottom:12px;
}
.resource-card.featured .resource-badge{color:#E4C878;}
.resource-card h3{font-size:18px; margin-bottom:10px;}
.resource-card p{font-size:13.5px; color:var(--ink-soft); margin-bottom:20px; flex-grow:1;}
.resource-card.featured p{color:#D7E6DF;}
/* CHANGED: styled as a visible pill-shaped button instead of plain text */
.resource-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:var(--green-deep);
  background:var(--green-tint); padding:9px 16px; border-radius:20px;
  transition:background .15s, color .15s;
}
.resource-link:hover{background:var(--green); color:#fff;}
.resource-card.featured .resource-link{background:rgba(255,255,255,0.15); color:#fff;}
.resource-card.featured .resource-link:hover{background:rgba(255,255,255,0.28);}

@media (max-width:900px){
  .resource-grid{grid-template-columns:1fr;}
}

/* Events preview section */
.events-section{
  position:relative;
  padding:64px 0;
  min-height:420px;
  display:flex;
  align-items:center;
  background-image:
    linear-gradient(180deg, rgba(21,63,51,0.88) 0%, rgba(21,63,51,0.88) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784039238/pexels-fauxels-3183148_fe3ign.jpg');
  background-size:cover;
  background-position:center;
  background-attachment:scroll;
}

.events-section .section-inner{position:relative; z-index:2;}

.events-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; flex-wrap:wrap; gap:12px;}
.events-section h2{font-size:26px; color:#fff;}
.see-all-link{font-size:13.5px; font-weight:600; color:#E4C878;}

.events-list{display:flex; flex-direction:column; gap:10px;}
.ev-row{
  display:grid; grid-template-columns:90px 160px 1fr;
  gap:16px; align-items:center;
  padding:18px 22px;
  background:#fff;
  border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
}
.ev-date{font-weight:600; font-size:14px; color:var(--green-deep);}
.ev-type{
  font-size:11.5px; text-transform:uppercase; letter-spacing:0.04em;
  padding:5px 10px; border-radius:20px;
  background:var(--green-tint); color:var(--green-deep);
  font-weight:600; width:fit-content;
}
.ev-title{font-size:14.5px; font-weight:500; color:var(--ink);}
.ev-title:hover{color:var(--green-deep);}

@media (max-width:700px){
  .ev-row{grid-template-columns:1fr; gap:4px; row-gap:6px;}
}

/* CHANGED: .ev-row is now a whole clickable <a>, not just a div with a link inside.
   The global a{color:inherit; text-decoration:none;} already strips the browser's
   default blue/underline, so we only need to add the actual hover feedback here. */
a.ev-row{
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
a.ev-row:hover{
  background-color: var(--green-tint);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

/* Advocacy section */
.advocacy-section{padding:64px 0; background:var(--paper);}
.advocacy-section h2{font-size:26px; margin-bottom:10px;}
.advocacy-section .section-intro{margin-bottom:36px; max-width:680px;}

.advocacy-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-bottom:32px;}
.advocacy-item{
  border:1px solid var(--line); border-radius:8px; overflow:hidden;
  background:#fff; display:flex; flex-direction:column;
}
.advocacy-image{height:160px; width:100%; overflow:hidden;}
.advocacy-image img{width:100%; height:100%; object-fit:cover; display:block;}
.advocacy-body{padding:22px; display:flex; flex-direction:column; flex-grow:1;}
.advocacy-body h3{font-size:16px; margin-bottom:10px;}
.advocacy-body p{font-size:13.5px; color:var(--ink-soft); margin-bottom:16px; flex-grow:1;}
/* CHANGED: same pill treatment as resource-link, for consistency */
.advocacy-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:600; color:var(--green-deep);
  background:var(--green-tint); padding:9px 16px; border-radius:20px;
  transition:background .15s, color .15s;
}
.advocacy-link:hover{background:var(--green); color:#fff;}
.advocacy-note{font-size:13px; color:var(--ink-soft); font-style:italic;}

@media (max-width:900px){
  .advocacy-grid{grid-template-columns:1fr;}
}

.conference-promo{
  position:relative;
  min-height:300px;
  display:flex;
  align-items:center;
  background-image:
    linear-gradient(180deg, rgba(21,63,51,0.45) 0%, rgba(21,63,51,0.6) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784668040/pexels-bbso-515173315-20733081_p8eilo.jpg');
  background-size:cover;
  background-position:center;
  padding:56px 0;
  overflow:hidden;
}
/* CHANGED: stacked into one centered column instead of two side-by-side columns */
.conference-inner{
  display:flex; flex-direction:column; align-items:center;
  text-align:center;
  gap:20px;
}
.conference-eyebrow{
  font-size:12px; text-transform:uppercase; letter-spacing:0.1em;
  color:#E4C878; font-weight:600; margin-bottom:12px;
}
.conference-info h2{font-size:30px; color:#fff; margin-bottom:10px;}
.conference-date{font-size:16px; color:#fff; font-weight:500;}
.conference-location{font-size:14px; color:#D7E6DF; margin-top:2px;}

.conference-tagline-wrap{}
.conference-tagline{
  font-family:'Fraunces', 'Inter', serif;
  font-size:22px; color:#fff; font-style:italic;
  margin-bottom:16px; min-height:30px;
  transition:opacity 0.3s ease;
}
.conference-btn{
  display:inline-block;
  background:#E4C878; color:var(--green-deep);
  padding:13px 28px; border-radius:4px;
  font-weight:600; font-size:14px;
}
.conference-btn:hover{background:#F0D896;}

@media (max-width:820px){
  .conference-inner{flex-direction:column; text-align:center;}
  .conference-tagline-wrap{text-align:center;}
}

.find-translator-section{padding:64px 0; background:var(--paper);}
.find-translator-section h2{font-size:26px; margin-bottom:10px;}
.find-translator-section .section-intro{margin-bottom:36px; max-width:620px;}
.find-directory-btn{
  display:block; width:fit-content; margin:32px auto 0;
  background:var(--green); color:#fff;
}
.find-directory-btn:hover{background:var(--green-deep);}

/* Why Hire page */
.page-header{padding:56px 0 40px; background:var(--green-deep); color:#fff;}
.page-header h1{font-size:32px; margin-bottom:10px;}
.page-header p{font-size:15px; color:#D7E6DF;}

.why-hire-section{padding:56px 0;}
.why-item{padding:24px 0; border-bottom:1px solid var(--line);}
.why-item:first-child{padding-top:0;}
.why-item h3{font-size:18px; margin-bottom:10px;}
.why-item p{font-size:14.5px; color:var(--ink-soft); max-width:640px;}

/* Member benefits section */
.member-benefits-section{padding:64px 0; background:var(--gold-tint);}
.member-benefits-section h2{font-size:26px; margin-bottom:10px;}
.member-benefits-section .section-intro{margin-bottom:36px; max-width:640px;}

.benefits-grid{display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-bottom:32px;}
.benefits-list{display:flex; flex-direction:column;}
.benefit-item{padding:22px 0; border-bottom:1px solid var(--line);}
.benefit-item:first-child{padding-top:0;}
.benefit-item:last-child{border-bottom:none;}
.benefit-item h3{font-size:16.5px; margin-bottom:8px;}
.benefit-item p{font-size:13.5px; color:var(--ink-soft); margin-bottom:8px; max-width:460px;}

.benefit-featured-card{
  border:1px solid var(--line); border-radius:8px; overflow:hidden;
  background:#fff; display:flex; flex-direction:column;
}
.benefit-featured-card .advocacy-image{height:200px;}

@media (max-width:900px){
  .benefits-grid{grid-template-columns:1fr;}
}

/* Join CTA section */
.join-cta-section{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784425448/pexels-pavel-danilyuk-8761682_ioltbx.jpg');
  background-size:cover;
  background-position:center;
}
.join-cta-overlay{
  position:absolute;
  inset:0;
  background:rgba(21,63,51,0.6);
}
.join-cta-content{
  position:relative;
  z-index:2;
  max-width:600px;
  text-align:center;
  padding:40px 32px;
  color:#fff;
}
.join-cta-content h2{font-size:30px; margin-bottom:14px;}
.join-cta-content p{font-size:15px; color:#E9F0EC; margin-bottom:26px;}

/* Site footer */
.site-footer{background:var(--green-deep); color:#D7E6DF; padding:48px 0 24px;}

.footer-cta{text-align:center; margin-bottom:36px;}
.footer-find-btn{
  display:inline-block; background:var(--green); color:#fff;
  padding:14px 28px; border-radius:4px; font-weight:600; font-size:14px;
}
.footer-find-btn:hover{background:#297F65;}

.footer-org{text-align:center; margin-bottom:36px;}
.footer-org-name{font-size:16px; font-weight:600; color:#fff; margin-bottom:6px;}
.footer-address{font-size:13px; color:#B8CAC3; margin-bottom:4px;}
.footer-contact{font-size:13px; color:#B8CAC3;}
.footer-contact a{color:#B8CAC3;}
.footer-contact a:hover{color:#fff;}

.footer-columns{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;
  max-width:600px; margin:0 auto 32px; text-align:left;
}
.footer-col{display:flex; flex-direction:column; gap:12px;}
.footer-col a{font-size:13.5px; color:#D7E6DF;}
.footer-col a:hover{color:#fff;}

.footer-bottom{
  text-align:center; font-size:12px; color:#9FB8AF;
  padding-top:20px; border-top:1px solid rgba(255,255,255,0.15);
}

@media (max-width:700px){
  .footer-columns{grid-template-columns:1fr; text-align:center;}
}

/* CHANGED: new rules for the admin dashboard's member review rows */
.admin-member-row{
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 0; border-bottom:1px solid var(--line); gap:20px; flex-wrap:wrap;
}
.admin-member-row:first-child{padding-top:0;}
.admin-member-info h3{font-size:16px; margin-bottom:6px;}
.admin-member-info p{font-size:13.5px; color:var(--ink-soft);}
.admin-member-meta{margin-top:4px;}

.admin-member-actions{display:flex; gap:10px; flex-shrink:0;}
.admin-approve-btn, .admin-reject-btn{
  border:none; border-radius:4px; padding:10px 18px; font-size:13.5px; font-weight:600; cursor:pointer;
}
.admin-approve-btn{background:var(--green); color:#fff;}
.admin-approve-btn:hover{background:var(--green-deep);}
.admin-reject-btn{background:#FDECEC; color:#B3261E;}
.admin-reject-btn:hover{background:#F5C6C6;}

/* CHANGED: staff admin cards - image sits in its own box at the top of the card,
   same idea as .webinar-card-image, but object-fit:contain instead of cover so
   the full photo always shows — letterboxed if needed, never cropped, never round */
.staff-admin-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:24px; margin-top:8px;
}
.staff-admin-card{
  border:1px solid var(--line); border-radius:10px; overflow:hidden;
  background:#fff; display:flex; flex-direction:column;
  position:relative; cursor:grab; transition:opacity .15s ease, box-shadow .15s ease;
}
.staff-admin-card.dragging{
  opacity:0.4; box-shadow:0 10px 24px rgba(21,63,51,0.15);
}
.staff-drag-handle{
  position:absolute; top:10px; right:10px; z-index:2;
  background:rgba(255,255,255,0.9); border:1px solid var(--line); border-radius:6px;
  width:28px; height:28px; display:flex; align-items:center; justify-content:center;
  font-size:16px; color:var(--ink-soft); cursor:grab;
}
.staff-admin-photo{
  height:200px; width:100%;
  background:var(--paper);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.staff-admin-photo img{
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  object-fit:contain;
  display:block;
}
.staff-admin-photo-placeholder{
  font-size:13px; color:var(--ink-soft);
}
.staff-admin-body{padding:20px; display:flex; flex-direction:column; flex-grow:1;}
.staff-admin-body h3{font-size:16px; margin-bottom:4px;}
.staff-admin-body p{font-size:13.5px; color:var(--ink-soft); margin-bottom:6px;}
.staff-admin-actions{display:flex; gap:10px; margin-top:auto; padding-top:14px;}
.staff-admin-edit-btn{
  flex:1; text-align:center; background:var(--green-tint); color:var(--green-deep);
  border-radius:4px; padding:9px 14px; font-size:13.5px; font-weight:600;
}
.staff-admin-edit-btn:hover{background:var(--green); color:#fff;}

/* Contact page */
.breadcrumb{font-size:12.5px; color:#B8CAC3; margin-bottom:14px;}
.breadcrumb a{color:#B8CAC3;}
.breadcrumb a:hover{color:#fff;}

.contact-section{padding:56px 0;}
.contact-grid{display:grid; grid-template-columns:1.3fr 1fr; gap:40px;}

.contact-intro{
  background:var(--gold-tint); border-radius:8px; padding:20px 22px; margin-bottom:8px;
}
.contact-intro h3{font-size:15.5px; margin-bottom:8px;}
.contact-intro p{font-size:13.5px; color:var(--ink-soft);}
.contact-intro a{color:var(--green-deep); font-weight:600;}

.contact-info-col{display:flex; flex-direction:column; gap:24px;}
.contact-info-card{
  background:var(--green-deep); color:#fff; border-radius:8px; padding:26px;
}
.contact-info-card h3{font-size:17px; margin-bottom:14px;}
.contact-info-card p{font-size:13.5px; color:#D7E6DF; margin-bottom:8px;}
.contact-info-card a{color:#fff; font-weight:500;}
.contact-hours{color:#E4C878 !important; font-weight:500;}

.contact-map{border-radius:8px; overflow:hidden; border:1px solid var(--line);}

.contact-social{
  border:1px solid var(--line); border-radius:8px; padding:22px; background:#fff;
}
.contact-social h3{font-size:15px; margin-bottom:14px;}
.contact-social-link{color:var(--green-deep); opacity:1;}
.contact-social-link:hover{color:var(--green);}

@media (max-width:900px){
  .contact-grid{grid-template-columns:1fr;}
}

/* CHANGED: full name now matches the original placeholder's exact size/weight per context, uta matches too but italic */
.org-lockup{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;}

.brand-identity{display:flex; align-items:center; gap:14px;}
.brand-logo{height:62px; width:auto; display:block;}

/* Main header size - matches old .brand-title (24px, weight 600) */
.org-short{font-weight:600; font-style:italic; font-size:24px; color:var(--green-deep);}
.org-full{font-size:24px; font-weight:600; color:var(--ink); line-height:1.2;}

/* Auth pages size - matches old .auth-brand-title (20px, weight 600) */
.auth-header .org-short{font-size:20px;}
.auth-header .org-full{font-size:20px;}

/* Footer size - matches old .footer-org-name (16px, weight 600, white) */
.org-lockup-light .org-short{font-size:16px; color:#E4C878;}
.org-lockup-light .org-full{font-size:16px; color:#fff;}
.footer-org{text-align:center; margin-bottom:36px;}
.footer-org .org-lockup{justify-content:center; margin-bottom:14px;}

/* CHANGED: new rules for the directory search page */
.directory-page-section{padding:56px 0;}

.directory-search-form{
  display:flex; gap:10px; margin-bottom:36px; max-width:500px;
}
.directory-search-form input{
  flex:1; border:1px solid var(--line); border-radius:4px;
  padding:12px 14px; font-size:14px; font-family:'Inter',sans-serif;
}
.directory-search-btn{
  background:var(--green); color:#fff; border:none;
  border-radius:4px; padding:0 24px; font-size:14px; font-weight:600; cursor:pointer;
}
.directory-search-btn:hover{background:var(--green-deep);}

.directory-results{display:flex; flex-direction:column; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:8px; overflow:hidden;}
.directory-result-card{
  background:#fff; padding:18px 22px;
  display:grid; grid-template-columns:2fr 1.3fr 1fr; gap:16px; align-items:center;
}
.directory-result-name{font-weight:600; font-size:14.5px;}
.directory-result-specialty{font-size:12.5px; color:var(--ink-soft); margin-top:2px;}
.directory-result-lang{font-size:13px; color:var(--ink);}
.directory-result-badge{
  font-size:11px; padding:5px 10px; border-radius:20px;
  background:var(--gold-tint); color:#8A6D1F; font-weight:600; width:fit-content;
  justify-self:start;
}

.directory-empty{
  padding:40px; text-align:center; color:var(--ink-soft);
  background:#fff; border:1px solid var(--line); border-radius:8px;
}

@media (max-width:700px){
  .directory-result-card{grid-template-columns:1fr; gap:6px;}
}

/* CHANGED: directory-result-card is now a link, needs to keep its block/grid layout */
a.directory-result-card{display:grid; cursor:pointer;}
a.directory-result-card:hover{background:var(--paper);}

/* CHANGED: language pair grid for practice test ordering */
.lang-pair-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
.lang-pair-card{
  border:1px solid var(--line); border-radius:8px; padding:18px;
  background:#fff; display:flex; flex-direction:column; gap:12px; align-items:flex-start;
}
.lang-pair-name{font-size:14px; font-weight:600;}
.lang-pair-card button:disabled{opacity:0.55; cursor:not-allowed;}

@media (max-width:900px){
  .lang-pair-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .lang-pair-grid{grid-template-columns:1fr;}
}

/* CHANGED: stats row for the why-hire page */
.stats-row{display:flex; justify-content:center; gap:64px; text-align:center; flex-wrap:wrap;}
.stat-number{font-family:'Fraunces', serif; font-size:44px; font-weight:600; color:#E4C878;}
.stat-label{font-size:13.5px; color:#D7E6DF; margin-top:6px; max-width:220px;}

/* CHANGED: service type count badges */
.service-type-count{
  font-size:11px; font-weight:600; color:#5B4B8A;
  background:#EDE9F7; padding:3px 9px; border-radius:20px;
  margin-left:4px;
}

/* CHANGED: inline verify certification box */
.verify-cert-card{margin-top:24px;}
.verify-cert-row{display:flex; gap:12px; flex-wrap:wrap;}
.verify-cert-row input{
  flex:1; min-width:220px; border:1px solid var(--line); border-radius:4px;
  padding:13px 14px; font-size:14px; font-family:'Inter',sans-serif;
}

/* PANEL 1: light blue directory hero */
.directory-hero{
  min-height:340px;
  display:flex;
  align-items:center;
  background:linear-gradient(180deg, rgba(30,64,110,0.55) 0%, rgba(30,64,110,0.75) 100%),
    linear-gradient(135deg, #2C5A8C 0%, #1E406E 100%);
  padding:64px 0;
  color:#fff;
}
.directory-hero-breadcrumb{color:#C5D6EA;}
.directory-hero-breadcrumb a{color:#C5D6EA;}
.directory-hero h1{color:#fff; font-size:34px; margin:8px 0 12px;}
.directory-hero p{color:#DCE6F2; font-size:15px; max-width:600px;}

/* PANEL 2: bordered search box, matches ATA's outlined container */
.directory-search-outer{
  border:1px solid var(--line); border-radius:8px; padding:40px; background:#fff;
}
.directory-search-title{font-size:20px; font-weight:600; margin-bottom:6px;}
.directory-search-sub{font-size:13.5px; color:var(--ink-soft); margin-bottom:24px;}
.directory-field-label{font-size:15px; font-weight:600; margin:24px 0 12px; color:var(--ink);}
.directory-field-label:first-of-type{margin-top:0;}

.lang-pair-row{display:flex; align-items:center; gap:16px;}
.lang-pair-field{flex:1; min-width:0;}
.lang-pair-field label{display:block; font-size:13px; font-weight:600; margin-bottom:8px;}
.lang-pair-field select{
  width:100%; border:1px solid var(--line); border-radius:4px;
  padding:15px 14px; font-size:14px; font-family:'Inter',sans-serif; background:#fff;
}

/* CHANGED: swap button instead of nonsensical up/down arrows */
.lang-pair-swap{
  background:var(--green-tint); border:none; border-radius:50%;
  width:38px; height:38px; flex-shrink:0; margin-top:22px;
  display:flex; align-items:center; justify-content:center;
  color:var(--green-deep); cursor:pointer;
}
.lang-pair-swap:hover{background:var(--green); color:#fff;}

/* CHANGED: real pin icon button instead of a plain emoji */
.location-icon-btn{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  background:none; border:none; color:var(--green); cursor:pointer;
  padding:6px; display:flex; align-items:center;
}
.location-icon-btn:hover{color:var(--green-deep);}

.radius-options{display:flex; flex-wrap:wrap; gap:16px; align-items:center;}
.radius-option{
  display:flex; align-items:center; gap:6px;
  font-size:13.5px; color:var(--ink); cursor:pointer;
}
.radius-option input{width:auto; accent-color:var(--green);}
.radius-option-disabled{color:var(--ink-soft); cursor:not-allowed; opacity:0.6;}

.keyword-location-row{display:flex; gap:24px; margin-top:8px;}
.keyword-location-field{flex:1; min-width:0;}
.keyword-location-field input{
  width:100%; border:1px solid var(--line); border-radius:4px;
  padding:13px 14px; font-size:14px; font-family:'Inter',sans-serif;
}
.location-input-wrap{position:relative;}
.location-input-wrap input{padding-right:44px;}


.service-type-list{display:flex; flex-direction:column; gap:14px;}
.service-type-option{
  display:flex; align-items:center; gap:10px;
  font-size:14px; font-weight:400; color:var(--ink); cursor:pointer;
}
.service-type-option input{width:auto; accent-color:var(--green);}
.service-type-count{
  font-size:11px; font-weight:600; color:#5B4B8A;
  background:#EDE9F7; padding:3px 9px; border-radius:20px;
}

.directory-submit-btn{width:auto; padding:14px 40px; margin-top:32px;}

.directory-search-divider{border-top:1px solid var(--line); margin:36px 0 28px;}

.verify-cert-row{display:flex; gap:12px; flex-wrap:wrap;}
.verify-cert-row input{
  flex:1; min-width:220px; border:1px solid var(--line); border-radius:4px;
  padding:13px 14px; font-size:14px; font-family:'Inter',sans-serif;
}

/* PANEL 3: card accent bar */
.ata-style-card{border-top:4px solid var(--green); overflow:hidden;}
.ata-style-card .resource-image{background:var(--green-tint);}

@media (max-width:820px){
  .lang-pair-row{flex-direction:column; align-items:stretch;}
  .lang-pair-arrows{display:none;}
  .keyword-location-row{flex-direction:column;}
  .directory-search-outer{padding:24px;}
}
/* CHANGED: 4-card grid for the directory help section, 2 per row */
.resource-grid.four-up{grid-template-columns:repeat(2, 1fr);}

/* CHANGED: ensure the 4 directory help-cards crop their photos consistently */
.ata-style-card .resource-image{height:180px; overflow:hidden;}
.ata-style-card .resource-image img{width:100%; height:100%; object-fit:cover; display:block;}

/* CHANGED: About page hero with background photo, matching the directory-hero pattern */
.about-hero{
  position:relative;
  min-height:480px;
  display:flex;
  align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784425448/pexels-pavel-danilyuk-8761682_ioltbx.jpg');
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.about-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.8) 100%);
}
/* CHANGED: wider container, not the standard 1140px centered box, so text sits closer to the true left edge */
/* CHANGED: removed max-width + margin:auto centering entirely - this is what was causing the "center-ish" look no matter the width */
.about-hero-content{
  position:relative;
  z-index:2;
  color:#fff;
  width:100%;
  padding:0 5%;
  box-sizing:border-box;
}
.about-hero-breadcrumb{color:#D7E6DF;}
.about-hero-breadcrumb a{color:#D7E6DF;}
.about-hero h1{color:#fff; font-size:44px; margin:8px 0 12px;}
.about-hero-content p{color:#E9F0EC; font-size:17px; max-width:640px; text-align:left;}

@media (max-width:820px){
  .about-hero{min-height:380px;}
  .about-hero h1{font-size:30px;}
}

/* CHANGED: two-column "Who We Are" panel, image left, text right */
.who-we-are-section{padding:64px 0;}
.who-we-are-grid{
  display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:center;
}
.who-we-are-image{border-radius:8px; overflow:hidden;}
.who-we-are-image img{width:100%; height:100%; object-fit:cover; display:block; min-height:320px;}
.who-we-are-content h2{font-size:28px; margin-bottom:14px;}
.who-we-are-content h2 a{color:var(--ink);}
.who-we-are-content h2 a:hover{color:var(--green-deep);}
.who-we-are-content p{font-size:15px; color:var(--ink-soft); margin-bottom:24px; max-width:480px;}
.who-we-are-content .hero-btn{background:var(--green); color:#fff;}

@media (max-width:820px){
  .who-we-are-grid{grid-template-columns:1fr;}
  .who-we-are-image img{min-height:240px;}
}

/* CHANGED: history timeline styling */
.history-timeline{display:flex; flex-direction:column; gap:0;}
.history-entry{
  display:grid; grid-template-columns:90px 1fr;
  gap:20px; padding:18px 0; border-left:3px solid var(--green); padding-left:20px;
}
.history-year{font-family:'Fraunces', serif; font-size:22px; font-weight:600; color:var(--green-deep);}
.history-details p{font-size:14px; color:var(--ink-soft);}

@media (max-width:600px){
  .history-entry{grid-template-columns:1fr; gap:4px;}
}

/* Who We Are hero */
.who-hero{
  position:relative; min-height:420px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784425464/pexels-kampus-8190816_xspnwh.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.who-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.who-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.who-hero-content .breadcrumb{color:#D7E6DF;}
.who-hero-content .breadcrumb a{color:#D7E6DF;}
.who-hero h1{color:#fff; font-size:40px; margin:8px 0 12px;}
.who-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

/* Mission panel with watermark */
.mission-panel{position:relative; background:var(--green-deep); padding:72px 0; overflow:hidden;}
.mission-watermark{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  font-family:'Fraunces', serif; font-style:italic; font-weight:700;
  font-size:280px; color:rgba(255,255,255,0.05); white-space:nowrap; pointer-events:none;
  line-height:1;
}
.mission-content{position:relative; z-index:2; text-align:center; max-width:720px; margin:0 auto;}
.mission-content h2{color:#E4C878; font-size:14px; text-transform:uppercase; letter-spacing:0.12em; margin-bottom:18px;}
.mission-content p{color:#fff; font-size:22px; line-height:1.5; font-family:'Fraunces', serif;}

/* History timeline, visual */
.timeline{position:relative; padding-left:32px;}
.timeline::before{
  content:''; position:absolute; left:5px; top:6px; bottom:6px; width:2px; background:var(--line);
}
.timeline-entry{position:relative; padding-bottom:32px;}
.timeline-entry:last-child{padding-bottom:0;}
.timeline-dot{
  position:absolute; left:-32px; top:4px; width:12px; height:12px; border-radius:50%;
  background:var(--green); border:3px solid var(--gold-tint);
}
.timeline-entry-future .timeline-dot{background:var(--line);}
.timeline-year{font-family:'Fraunces', serif; font-size:22px; font-weight:600; color:var(--green-deep); margin-bottom:6px;}
.timeline-details p{font-size:14px; color:var(--ink-soft); max-width:560px;}

/* Charter / Honorary recognition cards */
.member-recognition-grid{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
.recognition-card{
  border:1px solid var(--line); border-radius:8px; padding:28px; background:#fff;
}
.recognition-card h3{font-size:18px; margin-bottom:10px;}
.recognition-card > p{font-size:13.5px; color:var(--ink-soft); margin-bottom:20px;}
.recognition-toggle{
  display:flex; align-items:center; gap:8px;
  background:var(--green-tint); color:var(--green-deep); border:none;
  padding:10px 18px; border-radius:20px; font-size:13px; font-weight:600; cursor:pointer;
}
.recognition-toggle:hover{background:var(--green); color:#fff;}
.recognition-arrow{transition:transform 0.2s ease; display:inline-block;}
.recognition-list{
  max-height:0; overflow:hidden; transition:max-height 0.3s ease;
}
.recognition-list-open{max-height:200px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line);}
.recognition-pending{font-size:13px; color:var(--ink-soft); font-style:italic;}
.recognition-name{font-size:14px; color:var(--ink); padding:6px 0;}

@media (max-width:820px){
  .member-recognition-grid{grid-template-columns:1fr;}
  .mission-watermark{font-size:120px;}
  .mission-content p{font-size:18px;}
}

/* CHANGED: larger cards, bigger text, 2-per-row instead of 3 for more breathing room */
.history-card-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:28px;}
.history-card{
  border:1px solid var(--line); border-radius:10px; overflow:hidden;
  background:#fff; position:relative;
}
.history-card-image{height:220px; overflow:hidden;}
.history-card-image img{width:100%; height:100%; object-fit:cover; display:block;}
.history-card-image-placeholder{background:linear-gradient(135deg, var(--green-tint) 0%, var(--gold-tint) 100%);}
.history-card-year{
  position:absolute; top:16px; left:16px;
  background:var(--green-deep); color:#E4C878;
  font-family:'Fraunces', serif; font-weight:600; font-size:18px;
  padding:6px 18px; border-radius:20px;
}
.history-card-body{padding:28px;}
.history-card-body h3{font-size:19px; margin-bottom:10px;}
.history-card-body p{font-size:14.5px; line-height:1.6; color:var(--ink-soft);}

@media (max-width:900px){
  .history-card-grid{grid-template-columns:1fr;}
}
/* CHANGED: history description needs more room than a standard form field */
#description{min-height:100px; font-size:16px}

/* CHANGED: real partner cards, once admin has added actual partnerships */
.partner-card{
  border:1px solid var(--line); border-radius:8px; padding:24px;
  background:#fff; text-align:center;
}
.partner-logo{height:60px; display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.partner-logo img{max-height:100%; max-width:100%; object-fit:contain;}
.partner-card h3{font-size:15px; margin-bottom:8px;}
.partner-card p{font-size:13px; color:var(--ink-soft); margin-bottom:12px;}

/* CHANGED: partner grid container - three equal columns, wraps automatically as more are added */
.partner-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
  margin-top:24px;
}
@media (max-width:820px){
  .partner-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .partner-grid{grid-template-columns:1fr;}
}

/* CHANGED: empty-state placeholder slots, also missing */
.partner-slot{
  border:1.5px dashed var(--line); border-radius:8px; padding:32px 20px;
  text-align:center; background:var(--paper);
}
.partner-slot-icon{
  width:48px; height:48px; border-radius:50%; background:var(--green-tint); color:var(--green-deep);
  display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:600;
  margin:0 auto 14px;
}
.partner-slot p{font-size:13px; color:var(--ink-soft);}

/* CHANGED: proper polished treatment for document summary blocks - real spacing, custom bullets, real button */
.doc-summary-card{
  border:1px solid var(--line); border-radius:12px;
  padding:36px 40px; background:#fff; margin-bottom:24px;
}
.doc-summary-card h3{
  font-size:22px; font-weight:600; margin-bottom:16px; color:var(--ink);
}
.doc-summary-intro{
  font-size:16px; line-height:1.6; color:var(--ink-soft); margin-bottom:20px;
}
.doc-summary-list{
  list-style:none; margin:0 0 28px; padding:0;
  display:flex; flex-direction:column; gap:14px;
}
.doc-summary-list li{
  position:relative; padding-left:30px;
  font-size:15.5px; line-height:1.5; color:var(--ink);
}
.doc-summary-list li::before{
  content:'';
  position:absolute; left:0; top:6px;
  width:16px; height:16px; border-radius:50%;
  background:var(--green-tint);
  border:1.5px solid var(--green);
}
.doc-summary-list li::after{
  content:'\2713';
  position:absolute; left:3px; top:3px;
  font-size:10px; font-weight:700; color:var(--green-deep);
}
.doc-summary-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--green); color:#fff;
  padding:13px 28px; border-radius:6px;
  font-size:14.5px; font-weight:600;
  transition:background .15s, transform .15s;
}
.doc-summary-btn:hover{background:var(--green-deep); transform:translateY(-1px);}

/* CHANGED: 3-card panel for Board of Directors overview */
.board-panel-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.board-panel-card{
  border:1px solid var(--line); border-radius:10px; padding:28px;
  background:#fff; display:flex; flex-direction:column;
}
.board-panel-card h3{font-size:17px; margin-bottom:10px;}
.board-panel-card p{font-size:14px; color:var(--ink-soft); line-height:1.6; margin-bottom:16px; flex-grow:1;}

/* CHANGED: real board member cards on the dedicated board page */
.board-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}
.board-card{
  border:1px solid var(--line); border-radius:10px; padding:28px;
  background:#fff; text-align:center;
}
.board-photo{
  width:100px; height:100px; border-radius:50%; overflow:hidden;
  margin:0 auto 18px;
}
.board-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.board-photo-placeholder{
  background:var(--green-tint); color:var(--green-deep);
  display:flex; align-items:center; justify-content:center;
  font-family:'Fraunces', serif; font-size:36px; font-weight:600;
}
.board-card .staff-bio{
  text-align:left;
}
.board-card h3{font-size:17px; margin-bottom:4px;}
.board-role{font-size:13px; color:var(--green-deep); font-weight:600; margin-bottom:12px;}
.board-card p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}
.board-term{font-size:12px; color:var(--ink-soft); margin-bottom:10px;}
@media (max-width:900px){
  .board-panel-grid{grid-template-columns:1fr;}
  .board-grid{grid-template-columns:1fr;}
}

/* CHANGED: proper wrapping button bar with real gap in both directions */
.admin-tools-bar{
  display:flex; flex-wrap:wrap; gap:12px;
  padding-top:32px; padding-bottom:8px;
}

.minutes-list{display:flex; flex-wrap:wrap; gap:10px;}
.minutes-link{
  background:var(--green-tint); color:var(--green-deep); font-size:13.5px; font-weight:600;
  padding:8px 16px; border-radius:20px;
}
.minutes-link:hover{background:var(--green); color:#fff;}

/* Staff Cards - Larger Images */
.staff-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 32px;
}

.staff-card .staff-image {
  height: 260px;           /* Bigger image */
}

.staff-card .history-card-image {
  height: auto;             /* let the photo's own shape set the box height */
  background: var(--green-tint);
  display: block;
}
.staff-card .history-card-image img{
  width: 100%;
  height: auto;             /* natural ratio, never stretched, never cropped */
  display: block;
  object-fit: initial;      /* not needed anymore, but reset in case anything inherits it */
}

/* CHANGED: staff photos must never crop a face — override the shared
   .history-card-image img{object-fit:cover} rule for staff cards specifically.
   This keeps History milestone photos (landscape shots) cropping as before,
   since this only applies inside .staff-card. */
.staff-card .history-card-image img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

@media (max-width: 900px) {
  .staff-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .staff-card .staff-image {
    height: 240px;
  }
}

/* Staff text styling */
.staff-role {
  color: var(--green-deep);
  margin-bottom: 10px;
  font-size: 15.5px;
}

.staff-email {
  font-size: 14px;
  margin-bottom: 14px;
}

.staff-email a {
  color: var(--green-deep);
}

.staff-email a:hover {
  text-decoration: underline;
}
/* Make staff images a bit taller than history if needed */
.history-card-grid .staff-role {
  color: var(--green-deep);
  margin: 8px 0;
}

.staff-email {
  margin-bottom: 12px;
}

/* CHANGED: testimonial panel with background photo and overlaid quote cards */
.testimonial-panel{
  position:relative; padding:96px 0; min-height:480px;
  display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784587418/pexels-pixabay-355952_bghvqk.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.testimonial-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.82) 0%, rgba(21,63,51,0.92) 100%);
}
.testimonial-content{position:relative; z-index:2; text-align:center;}
.testimonial-content h2{color:#fff; font-size:28px; margin-bottom:36px;}
.testimonial-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; text-align:left;}
.testimonial-card{
  background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15);
  border-radius:10px; padding:28px; backdrop-filter:blur(2px);
}
.testimonial-quote{color:#fff; font-family:'Fraunces', serif; font-size:17px; line-height:1.6; margin-bottom:16px;}
.testimonial-author{color:#E4C878; font-size:13px; font-weight:600;}
.testimonial-pending{color:#E9F0EC; font-style:italic; font-size:15px;}

@media (max-width:820px){
  .testimonial-grid{grid-template-columns:1fr;}
}

.awards-hero{
  position:relative; min-height:380px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784624911/pexels-enginakyurt-2098604_fm4bsi.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.awards-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.awards-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.awards-hero-content .breadcrumb{color:#D7E6DF;}
.awards-hero-content .breadcrumb a{color:#D7E6DF;}
.awards-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.awards-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

/* Award detail two-column layout */
.award-detail-grid{display:grid; grid-template-columns:1.6fr 1fr; gap:40px; align-items:start;}
.award-sidebar{display:flex; flex-direction:column; gap:20px;}
.award-sidebar-card{border:1px solid var(--line); border-radius:10px; padding:20px 24px; background:#fff;}
.award-sidebar-card h4{font-size:12px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-soft); margin-bottom:6px;}
.award-sidebar-card p{font-size:15px; font-weight:600; color:var(--ink);}
.award-status-note{background:var(--gold-tint); border-radius:8px; padding:16px 20px; font-size:13.5px; color:#8A6D1F; font-weight:600;}
.award-recipients-year{font-family:'Fraunces', serif; font-size:17px; font-weight:600; color:var(--green-deep); margin-top:14px;}
.award-recipients-year:first-child{margin-top:0;}
.award-recipient-name{font-size:13.5px; color:var(--ink); padding:2px 0 4px;}

.eligibility-list{list-style:none; padding:0; margin:0 0 24px; display:flex; flex-direction:column; gap:10px;}
.eligibility-list li{position:relative; padding-left:22px; font-size:14.5px; color:var(--ink-soft); line-height:1.5;}
.eligibility-list li::before{content:'•'; position:absolute; left:4px; color:var(--green); font-weight:700;}

@media (max-width:900px){
  .award-detail-grid{grid-template-columns:1fr;}
}

/* Honors and Awards callout - pulled out of the plain benefits list */
.awards-callout{
  border:2px solid var(--gold-tint);
  background:linear-gradient(135deg, var(--gold-tint) 0%, #FBF6E9 100%);
  border-radius:14px;
  padding:44px 48px;
  display:flex;
  align-items:center;
  gap:36px;
}
.awards-callout-icon{
  flex-shrink:0;
  width:76px; height:76px;
  border-radius:50%;
  background:var(--green-deep);
  display:flex; align-items:center; justify-content:center;
  color:#E4C878;
}
.awards-callout-body{flex:1;}
.awards-callout-eyebrow{
  font-size:12px; text-transform:uppercase; letter-spacing:0.1em;
  color:#8A6D1F; font-weight:700; margin-bottom:8px;
}
.awards-callout-body h3{font-size:22px; margin-bottom:10px; color:var(--ink);}
.awards-callout-body p{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:20px; max-width:560px;}
.awards-callout-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--green-deep); color:#E4C878;
  padding:13px 28px; border-radius:6px;
  font-size:14.5px; font-weight:600;
  transition:background .15s, transform .15s;
}
.awards-callout-btn:hover{background:var(--green); transform:translateY(-1px);}

@media (max-width:820px){
  .awards-callout{flex-direction:column; text-align:center; padding:36px 28px;}
  .awards-callout-body p{max-width:none;}
}

/* Press and Advocacy callout - parallel to awards-callout, icon on the right for rhythm */
.press-callout{
  border:2px solid var(--line);
  background:linear-gradient(135deg, var(--green-tint) 0%, #F1F6F3 100%);
  border-radius:14px;
  padding:44px 48px;
  display:flex;
  align-items:center;
  gap:36px;
}
.press-callout-icon{
  flex-shrink:0;
  width:76px; height:76px;
  border-radius:50%;
  background:var(--green);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  order:2;
}
.press-callout-body{flex:1; order:1;}
.press-callout-eyebrow{
  font-size:12px; text-transform:uppercase; letter-spacing:0.1em;
  color:var(--green-deep); font-weight:700; margin-bottom:8px;
}
.press-callout-body h3{font-size:22px; margin-bottom:10px; color:var(--ink);}
.press-callout-body p{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:20px; max-width:560px;}
.press-callout-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--green-deep); color:#fff;
  padding:13px 28px; border-radius:6px;
  font-size:14.5px; font-weight:600;
  transition:background .15s, transform .15s;
}
.press-callout-btn:hover{background:var(--green); transform:translateY(-1px);}

@media (max-width:820px){
  .press-callout{flex-direction:column; text-align:center; padding:36px 28px;}
  .press-callout-icon{order:0;}
  .press-callout-body{order:1;}
  .press-callout-body p{max-width:none;}
}

/* Press feed - single dated entry in the press listing */
.press-feed-row{
  display:grid; grid-template-columns:130px 1fr; gap:20px;
  padding:24px 0; border-bottom:1px solid var(--line);
}
.press-feed-row:first-child{padding-top:0;}
.press-feed-row:last-child{border-bottom:none;}
.press-feed-date{font-weight:600; font-size:14px; color:var(--green-deep);}
.press-feed-title{font-size:16px; font-weight:600; color:var(--ink); margin-bottom:6px;}
.press-feed-body{font-size:14px; color:var(--ink-soft); line-height:1.6;}

@media (max-width:600px){
  .press-feed-row{grid-template-columns:1fr; gap:6px;}
}

/* Events hero */
.events-hero{
  position:relative; min-height:420px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784668051/pexels-ayoub-zaoui-3045808-38616665_umslbq.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.events-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.events-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.events-hero-breadcrumb{color:#D7E6DF;}
.events-hero-breadcrumb a{color:#D7E6DF;}
.events-hero h1{color:#fff; font-size:40px; margin:8px 0 12px;}
.events-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

/* Event Highlights intro, centered */
.event-highlights-intro{text-align:center; max-width:600px; margin:0 auto 40px;}
.event-highlights-intro h2{font-size:28px; margin-bottom:10px;}
.event-highlights-intro p{font-size:15px; color:var(--ink-soft);}

/* Three-column event cards */
.event-card-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-bottom:40px;}
.event-card{
  border:1px solid var(--line); border-top:4px solid var(--green);
  border-radius:10px; overflow:hidden; background:#fff;
  display:flex; flex-direction:column;
}
.event-card-image{height:190px; width:100%; overflow:hidden;}
.event-card-image img{width:100%; height:100%; object-fit:cover; display:block;}
.event-card-body{padding:26px; display:flex; flex-direction:column; flex-grow:1;}
.event-card-body h3{font-size:18px; margin-bottom:10px; color:var(--ink);}
.event-card-body p{font-size:14px; color:var(--ink-soft); line-height:1.55; margin-bottom:20px; flex-grow:1;}

@media (max-width:900px){
  .event-card-grid{grid-template-columns:1fr;}
}

.event-calendar-cta{text-align:center; margin-bottom:8px; margin-top:32px;}

/* Members Save promo, columnar with image */
.event-member-promo{
  display:grid; grid-template-columns:1fr 1.1fr; gap:48px; align-items:center;
}
.event-member-promo-image{border-radius:10px; overflow:hidden;}
.event-member-promo-image img{width:100%; height:100%; object-fit:cover; display:block; max-height:220px;}
.event-member-promo-body{text-align:center;}
.event-member-promo-body h2{font-size:30px; margin-bottom:14px;}
.event-member-promo-body p{font-size:17px; color:var(--ink-soft); margin-bottom:24px; max-width:440px; margin-left:auto; margin-right:auto;}

@media (max-width:820px){
  .event-member-promo{grid-template-columns:1fr;}
  .event-member-promo-image img{max-height:200px;}
}

.webinars-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784675410/pexels-a-darmel-8133889_yel4wr.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.webinars-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.webinars-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.webinars-hero-breadcrumb{color:#D7E6DF; font-size:14px; margin-bottom:16px;}
.webinars-hero-breadcrumb a{color:#D7E6DF;}
.webinars-hero h1{color:#fff; font-size:42px; margin:0 0 16px; line-height:1.2;}
.webinars-hero-content p{color:#E9F0EC; font-size:17px; max-width:640px; line-height:1.6;}

@media (max-width:820px){
  .webinars-hero{min-height:320px;}
  .webinars-hero h1{font-size:28px;}
}

.webinar-section-block{padding:72px 0;}

.webinar-section-intro{text-align:center; max-width:680px; margin:0 auto 40px;}
.webinar-section-intro h2{font-size:30px; margin-bottom:14px;}
.webinar-section-intro p{font-size:16.5px; color:var(--ink-soft); line-height:1.65;}
.webinar-member-note{margin-top:12px; font-weight:600; font-size:15.5px;}

.webinar-card-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}
.webinar-card{
  border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff;
  display:flex; flex-direction:column;
  box-shadow:0 2px 10px rgba(21,63,51,0.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.webinar-card:hover{transform:translateY(-4px); box-shadow:0 12px 28px rgba(21,63,51,0.14);}
.webinar-card-image{height:190px; width:100%; overflow:hidden; background:var(--green-tint);}
.webinar-card-image img{width:100%; height:100%; object-fit:cover; display:block;}
.webinar-card-body{padding:28px; display:flex; flex-direction:column; flex-grow:1;}
.webinar-card-body h3{font-size:19px; margin-bottom:10px; color:var(--ink); line-height:1.35;}
.webinar-meta{font-size:14px; color:var(--green-deep); font-weight:600; margin-bottom:5px;}
.webinar-card-body p{font-size:15.5px; color:var(--ink-soft); line-height:1.65; margin:10px 0 20px; flex-grow:1;}

.webinar-free-badge{
  display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:700; color:#8A6D1F;
  background:var(--gold-tint); padding:10px 18px; border-radius:20px;
  width:fit-content; border:1px solid #E8D9A8;
  transition:background .15s ease, transform .15s ease;
}
.tektalks-list{
  display:flex; flex-direction:column; gap:2px;
  background:var(--line); border:1px solid var(--line); border-radius:10px; overflow:hidden;
  margin-top:24px; box-shadow:0 2px 10px rgba(21,63,51,0.05);
}
.tektalks-row{
  background:#fff; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;
  font-size:16px; font-weight:600; color:var(--ink);
  transition:background .15s ease, padding-left .15s ease;
}
.tektalks-row:hover{background:var(--green-tint); padding-left:30px;}
.tektalks-date{font-size:14.5px; color:var(--ink-soft); font-weight:500;}

@media (max-width:900px){
  .webinar-card-grid{grid-template-columns:1fr;}
}

.webinar-detail-eyebrow{color:#E4C878; font-size:13px; text-transform:uppercase; letter-spacing:0.08em; font-weight:700; margin-bottom:8px;}
.webinar-detail-datetime{color:#D7E6DF; font-size:15px; margin-top:8px;}

.webinar-detail-grid{display:grid; grid-template-columns:1.7fr 1fr; gap:44px; align-items:start;}
.webinar-hook{font-size:18px; font-weight:600; color:var(--ink); line-height:1.6; margin-bottom:20px;}
.webinar-body-text{font-size:15.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:28px;}
.webinar-detail-main h3{font-size:19px; margin:28px 0 16px; color:var(--ink);}

.webinar-learning-list{padding-left:22px; display:flex; flex-direction:column; gap:10px; margin-bottom:12px;}
.webinar-learning-list li{font-size:15px; color:var(--ink-soft); line-height:1.6;}

.webinar-register-box{
  margin-top:36px; padding:28px; border:2px solid var(--gold-tint); border-radius:12px;
  background:linear-gradient(135deg, var(--gold-tint) 0%, #FBF6E9 100%);
}

.webinar-sidebar-card{border:1px solid var(--line); border-radius:10px; padding:20px 24px; background:#fff; margin-bottom:20px;}
.webinar-sidebar-card h4{font-size:12px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-soft); margin-bottom:10px;}
.webinar-sidebar-card p{font-size:14px; color:var(--ink); margin-bottom:6px; line-height:1.5;}
.webinar-sidebar-card p:last-child{margin-bottom:0;}
/* CHANGED: makes inline links inside body text stand out from surrounding text */
.inline-link{
  color:var(--green-deep);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--green);
  text-underline-offset:2px;
}
.inline-link:hover{color:var(--green);}
.webinar-tag-list{display:flex; flex-wrap:wrap; gap:8px;}
.webinar-tag{font-size:12.5px; background:var(--green-tint); color:var(--green-deep); padding:6px 12px; border-radius:20px; font-weight:600;}

.webinar-share-icons{display:flex; gap:10px;}
.webinar-share-icons a{
  width:34px; height:34px; border-radius:50%; background:var(--green-tint); color:var(--green-deep);
  display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700;
}
.webinar-share-icons a:hover{background:var(--green); color:#fff;}

@media (max-width:900px){
  .webinar-detail-grid{grid-template-columns:1fr;}
}

.workshops-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784754890/pexels-brettjordan-17141799_gm35fv.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.workshops-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.workshops-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.workshops-hero-breadcrumb{color:#D7E6DF;}
.workshops-hero-breadcrumb a{color:#D7E6DF;}
.workshops-hero h1{color:#fff; font-size:40px; margin:8px 0 12px;}
.workshops-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

.pagination-bar{display:flex; justify-content:center; gap:8px; margin-top:36px; flex-wrap:wrap;}
.pagination-link{
  width:38px; height:38px; border-radius:8px; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:600; color:var(--ink);
}
.pagination-link:hover{border-color:var(--green); color:var(--green-deep);}
.pagination-active{background:var(--green); border-color:var(--green); color:#fff;}

.register-options{display:flex; gap:16px; flex-wrap:wrap;}
.register-option{
  flex:1; min-width:160px; background:#fff; border:1px solid var(--gold-tint);
  border-radius:8px; padding:16px 20px; text-align:center;
}
.register-option-label{display:block; font-size:12px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-soft); font-weight:600; margin-bottom:6px;}
.register-option-price{display:block; font-size:20px; font-weight:700; color:var(--green-deep);}

.conference-day-block{margin-bottom:32px;}
.conference-day-heading{
  font-family:'Fraunces', serif; font-size:20px; font-weight:600; color:var(--green-deep);
  margin-bottom:16px; padding-bottom:8px; border-bottom:2px solid var(--green);
}
.conference-session-row{
  display:grid; grid-template-columns:140px 1fr; gap:20px;
  padding:16px 0; border-bottom:1px solid var(--line);
}
.conference-session-time{font-size:13.5px; font-weight:600; color:var(--ink-soft);}
.conference-session-track{
  display:inline-block; font-size:11px; text-transform:uppercase; letter-spacing:0.04em;
  background:var(--green-tint); color:var(--green-deep); padding:4px 10px; border-radius:20px;
  font-weight:600; margin-bottom:8px;
}
.conference-session-body h4{font-size:16px; margin-bottom:6px; color:var(--ink);}
.conference-session-body p{font-size:13.5px; color:var(--ink-soft); margin-bottom:6px;}
.conference-session-speakers{font-size:13px; font-style:italic; color:var(--green-deep);}

.conference-tier-badge{
  display:inline-block; background:var(--gold-tint); color:#8A6D1F;
  padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:700; margin-bottom:16px;
}

@media (max-width:700px){
  .conference-session-row{grid-template-columns:1fr; gap:6px;}
}

.conferences-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/v1784033872/pexels-bbso-515173315-20733081_m8fjkf.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.conferences-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.conferences-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.conferences-hero-breadcrumb{color:#D7E6DF;}
.conferences-hero-breadcrumb a{color:#D7E6DF;}
.conferences-hero h1{color:#fff; font-size:40px; margin:8px 0 12px;}
.conferences-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

@media (max-width:820px){
  .conferences-hero{min-height:320px;}
  .conferences-hero h1{font-size:28px;}
}

/* CHANGED: compact horizontal speaker cards for conferences - replaces oversized board-card reuse */
.speaker-compact-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.speaker-compact-card{
  display:flex; gap:16px; align-items:flex-start;
  border:1px solid var(--line); border-radius:10px; padding:20px;
  background:#fff;
}
.speaker-compact-photo{
  width:64px; height:64px; border-radius:50%; overflow:hidden; flex-shrink:0;
}
.speaker-compact-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.speaker-compact-photo-placeholder{
  background:var(--green-tint); color:var(--green-deep);
  display:flex; align-items:center; justify-content:center;
  font-family:'Fraunces', serif; font-size:22px; font-weight:600;
}
.speaker-compact-body{flex:1; min-width:0;}
.speaker-compact-body h4{font-size:15.5px; margin-bottom:2px; color:var(--ink);}
.speaker-compact-role{font-size:12.5px; color:var(--green-deep); font-weight:600; margin-bottom:6px;}
.speaker-compact-bio{
  font-size:13px; color:var(--ink-soft); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
@media (max-width:820px){
  .speaker-compact-grid{grid-template-columns:1fr;}
}

/* CHANGED: round icon circle used on certification page cards — same visual idea as .partner-slot-icon, generic name so any card can use it */
.card-icon{
  width:48px; height:48px; border-radius:50%;
  background:var(--green-tint); color:var(--green-deep);
  display:flex; align-items:center; justify-content:center;
  font-size:22px; margin-bottom:14px;
}

/* CHANGED: makes a card's h3 clickable-looking, same idea as .who-we-are-content h2 a */
.resource-card h3 a{color:var(--ink);}
.resource-card h3 a:hover{color:var(--green-deep);}

/* CHANGED: text-only exam info items, "left column" of the Taking the Exam panel — spaced apart, no borders/cards */
.exam-info-item{margin-bottom:28px;}
.exam-info-item:last-child{margin-bottom:0;}
.exam-info-item h3{font-size:17px; margin-bottom:8px; color:var(--ink);}
.exam-info-item p{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:8px; max-width:460px;}

/* CHANGED: standalone highlighted box for the practice test callout */
.practice-test-panel{
  max-width:680px; margin:0 auto; text-align:center;
  background:var(--gold-tint); border:2px solid #E8D9A8; border-radius:14px;
  padding:44px 48px;
}
.practice-test-panel h2{font-size:24px; margin-bottom:14px;}
.practice-test-panel h2 a{color:var(--ink);}
.practice-test-panel h2 a:hover{color:var(--green-deep);}
.practice-test-panel p{font-size:14.5px; color:var(--ink-soft); line-height:1.65; margin-bottom:24px;}

@media (max-width:820px){
  .practice-test-panel{padding:32px 24px;}
}

/* CHANGED: two-column comparison cards for "Certified vs. Notarized" — colored accent bars reuse the site's existing green/gold palette so the contrast itself carries meaning */
.compare-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:760px; margin:0 auto;}
.compare-card{
  border:1px solid var(--line); border-radius:10px; padding:28px;
  background:#fff; border-top:4px solid;
}
.compare-card h3{font-size:17px; margin-bottom:10px;}
.compare-card p{font-size:14px; color:var(--ink-soft); line-height:1.6;}
.compare-cert{border-top-color:var(--green);}
.compare-notarized{border-top-color:#E4C878;}

@media (max-width:700px){
  .compare-grid{grid-template-columns:1fr;}
}

/* CHANGED: readability boost, scoped to .readable-page only — does not affect any other page's .why-item, .doc-summary-card, etc. */
.readable-page .why-item h3{font-size:19px;}
.readable-page .why-item p{font-size:16.5px; line-height:1.8; max-width:680px;}
.readable-page .why-item{padding:30px 0;}

.readable-page .doc-summary-intro{font-size:17px; line-height:1.75;}
.readable-page .doc-summary-list li{font-size:16.5px; line-height:1.7;}
.readable-page .doc-summary-list{gap:20px;}

.readable-page .eligibility-list li{font-size:16px; line-height:1.7; padding-left:26px;}
.readable-page .eligibility-list{gap:16px;}

.readable-page .compare-card p{font-size:15.5px; line-height:1.75;}

.readable-page .event-highlights-intro p{font-size:16.5px; line-height:1.75;}

/* CHANGED: 3-column layout for language pairs — 2 growing list-cards + 1 plain (non-card) column */
.lang-pair-columns-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:28px; align-items:start;}
.lang-pair-list-card{
  border:1px solid var(--line); border-radius:10px; padding:26px 28px; background:#fff;
}
.lang-pair-third-col{padding:6px 4px;}
.lang-pair-third-col h3{font-size:16px; margin-bottom:8px;}
.lang-pair-third-col p{font-size:13.5px; color:var(--ink-soft); margin-bottom:10px;}

@media (max-width:900px){
  .lang-pair-columns-grid{grid-template-columns:1fr;}
}

/* CHANGED: circular stat wheels using conic-gradient, degree value set inline per-instance from real data */
.stat-wheel-grid{display:flex; justify-content:center; gap:64px; flex-wrap:wrap; margin-top:36px;}
.stat-wheel{display:flex; flex-direction:column; align-items:center; max-width:220px; text-align:center;}
.stat-wheel-circle{
  width:140px; height:140px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.stat-wheel-inner{
  width:112px; height:112px; border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:'Fraunces', serif; font-size:24px; font-weight:600; color:var(--green-deep);
}
.stat-wheel-label{font-size:13.5px; color:var(--ink-soft); line-height:1.5;}

/* CHANGED: dark green panel for "What is ATA Certification?" — gives this section its own identity instead of blending into the white sections around it */
.credential-points-panel{background:var(--green-deep); padding:64px 0;}
.credential-points-panel h2{color:#fff; text-align:center; margin-bottom:36px; font-size:26px;}
.credential-points-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}
.credential-point{text-align:left;}
.credential-point h3{color:#fff; font-size:17px; margin-bottom:8px;}
.credential-point p{color:#D7E6DF; font-size:14px; line-height:1.65;}

/* CHANGED: icon-circle variant for use on dark backgrounds */
.card-icon-dark{background:rgba(255,255,255,0.12); color:#E4C878;}

@media (max-width:900px){
  .credential-points-grid{grid-template-columns:1fr;}
}

/* CHANGED: dark photo panel for exam + stats, same construction as .events-section */
.exam-stats-panel{
  position:relative; padding:72px 0;
  background-size:cover; background-position:center;
}
.exam-stats-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.82) 0%, rgba(21,63,51,0.92) 100%);
}

/* CHANGED: one rule scoping ALL text inside the exam-stats-panel, so nothing gets missed again like stat-wheel-label was */
.exam-stats-content{position:relative; z-index:2;}
.exam-stats-panel .event-highlights-intro h2{color:#fff;}
.exam-stats-panel .event-highlights-intro p{color:#E9F0EC;}
.exam-stats-panel .stat-wheel-label{color:#E9F0EC;}

/* CHANGED: inline PDF viewer, so procedure documents display on the page instead of forcing a download */
.pdf-embed-wrap{
  border:1px solid var(--line); border-radius:10px; overflow:hidden;
  box-shadow:0 2px 10px rgba(21,63,51,0.06);
}
.pdf-embed-frame{width:100%; height:820px; border:none; display:block;}

@media (max-width:700px){
  .pdf-embed-frame{height:520px;}
}

/* CHANGED: typed procedure content needs real paragraph spacing since it's coming from a textarea, not hand-written HTML */
.procedure-body{text-align:left;}
.procedure-body p{margin-bottom:16px; font-size:15.5px; line-height:1.7; color:var(--ink);}
.procedure-body p:last-child{margin-bottom:0;}

/* CHANGED: full photo hero for Press and Advocacy, matches awards-hero/events-hero construction */
.press-hero{
  position:relative; min-height:380px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784624911/pexels-enginakyurt-2098604_fm4bsi.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.press-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.press-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.press-hero-breadcrumb{color:#D7E6DF;}
.press-hero-breadcrumb a{color:#D7E6DF;}
.press-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.press-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

/* CHANGED: press release cards, modern spacing + hover lift, color-coded by type */
.press-card-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:28px;}
.press-card{
  border:1px solid var(--line); border-top:4px solid var(--green-tint);
  border-radius:12px; padding:32px;
  background:#fff; display:flex; flex-direction:column;
  box-shadow:0 2px 10px rgba(21,63,51,0.05);
  transition:transform .18s ease, box-shadow .18s ease;
}
.press-card:hover{transform:translateY(-4px); box-shadow:0 12px 28px rgba(21,63,51,0.10);}
.press-card-doc{border-top-color:var(--green);}
.press-card-reaction{border-top-color:#E4C878;}

.press-card-date{font-size:12.5px; font-weight:700; color:var(--green-deep); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px;}
.press-card h3{font-size:19px; margin-bottom:14px; color:var(--ink); line-height:1.4;}
.press-card p{font-size:15px; color:var(--ink-soft); line-height:1.7; flex-grow:1; margin-bottom:22px;}

.press-card-footer{margin-top:auto;}
.press-card-btn{
  display:inline-flex; align-items:center; gap:10px;
  font-size:14px; font-weight:600; color:var(--green-deep);
  background:var(--green-tint); padding:12px 20px; border-radius:24px;
  transition:background .15s ease, color .15s ease;
}
.press-card-btn:hover{background:var(--green); color:#fff;}
.press-card-btn:hover .card-icon-sm{background:rgba(255,255,255,0.25); color:#fff;}

.card-icon-sm{
  width:24px; height:24px; font-size:12px;
  margin-bottom:0; background:rgba(255,255,255,0.5);
}

@media (max-width:820px){
  .press-hero{min-height:300px;}
  .press-hero h1{font-size:28px;}
  .press-card-grid{grid-template-columns:1fr;}
}

/* CHANGED: header hides only via a scroll gesture on itself, reappears automatically at page top */
.site-header{
  transition: transform 0.3s ease;
}
.site-header-hidden{
  transform: translateY(-100%);
}

.committee-sidebar{
  border:1px solid var(--line); border-radius:10px;
  padding:28px; background:#fff;
}

/* CHANGED: calendar page layout - wide card column, narrower sidebar column */
.calendar-layout-grid{display:grid; grid-template-columns:2.2fr 1fr; gap:40px; align-items:start;}

.event-type-sidebar{
  border:1px solid var(--line); border-radius:10px;
  padding:26px; background:#fff; position:sticky; top:100px;
}
.event-type-sidebar h3{font-size:16px; margin-bottom:8px;}
.event-type-sidebar p{font-size:13.5px; color:var(--ink-soft); margin-bottom:18px;}
.event-type-list{list-style:none; display:flex; flex-direction:column; gap:2px;}
.event-type-list li{border-bottom:1px solid var(--line);}
.event-type-list li:last-child{border-bottom:none;}
.event-type-list a{
  display:block; padding:12px 4px; font-size:14px; font-weight:500; color:var(--ink);
}
.event-type-list a:hover{color:var(--green-deep);}

@media (max-width:900px){
  .calendar-layout-grid{grid-template-columns:1fr;}
  .event-type-sidebar{position:static;}
}

/* CHANGED: bordered two-column panel for Online vs In-Person exams */
.exam-columns-panel{
  display:grid; grid-template-columns:1fr 1fr;
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
}
.exam-column{padding:36px;}
.exam-column-bordered{border-right:1px solid var(--line);}
.exam-column h4{font-size:15.5px; margin:24px 0 10px;}
.exam-column p{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:10px;}

.exam-sitting-card{border:1px solid var(--line); border-radius:8px; padding:18px 20px; margin-bottom:16px;}
.exam-sitting-card h4{margin:0 0 6px;}
.exam-sitting-card h4 a{color:var(--green-deep);}
.exam-sitting-card p{margin-bottom:4px; font-size:13.5px;}

@media (max-width:820px){
  .exam-columns-panel{grid-template-columns:1fr;}
  .exam-column-bordered{border-right:none; border-bottom:1px solid var(--line);}
}

/* CHANGED: plain, borderless, centered cards */
.plain-card-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:32px;}
.plain-card{text-align:center;}
.plain-card h3{font-size:17px; margin-bottom:12px;}
.plain-card h3 a{color:var(--ink);}
.plain-card h3 a:hover{color:var(--green-deep);}
.plain-card p{font-size:14px; color:var(--ink-soft); line-height:1.6; margin-bottom:14px;}
.plain-card-link{color:var(--green-deep); font-weight:600; font-size:14px;}
.plain-card-link:hover{color:var(--green);}

@media (max-width:900px){
  .plain-card-grid{grid-template-columns:1fr;}
}

/* CHANGED: 2-column plain panel (Member? / New to translation?) */
.two-col-plain-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
.two-col-plain-grid h3{font-size:18px; margin-bottom:10px;}
.two-col-plain-grid h3 a{color:var(--ink);}
.two-col-plain-grid p{font-size:14.5px; color:var(--ink-soft); margin-bottom:14px;}

@media (max-width:820px){
  .two-col-plain-grid{grid-template-columns:1fr;}
}

/* CHANGED: featured article panel - photo background + floating card, same overlay idea as testimonial-panel */
.article-feature-panel{
  position:relative; padding:80px 0; min-height:400px;
  display:flex; align-items:center;
  background-size:cover; background-position:center;
}
.article-feature-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.35) 0%, rgba(21,63,51,0.6) 100%);
}
.article-feature-card{
  position:relative; z-index:2;
  max-width:560px; background:#fff; border-radius:12px;
  padding:36px 40px; box-shadow:0 20px 50px rgba(0,0,0,0.25);
}
.article-feature-card h3{font-size:20px; margin-bottom:10px;}
.article-feature-card h3 a{color:var(--ink);}
.article-feature-byline{font-size:13px; color:var(--ink-soft); margin-bottom:16px;}
.article-feature-card p{font-size:14.5px; color:var(--ink-soft); line-height:1.65; margin-bottom:16px;}

/* CHANGED: background photo panel for Practice Test, centered content, matches article-feature-panel's overlay idea but simpler */
.practice-bg-panel{
  position:relative; padding:80px 0; min-height:340px;
  display:flex; align-items:center;
  background-size:cover; background-position:center;
}
.practice-bg-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.72) 0%, rgba(21,63,51,0.85) 100%);
}
.practice-bg-content{position:relative; z-index:2; text-align:center; max-width:640px; margin:0 auto;}
.practice-bg-content h2{margin-bottom:14px;}
.practice-bg-content h2 a{color:#fff; font-size:28px;}
.practice-bg-content p{color:#E9F0EC; font-size:15.5px; line-height:1.7; margin-bottom:24px;}

/* CHANGED: exam-taker article cards - image top, byline, excerpt, read more link */
.article-card-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}
.article-card{border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#fff;}
.article-card-image{height:170px; overflow:hidden;}
.article-card-image img{width:100%; height:100%; object-fit:cover; display:block;}
.article-card-body{padding:22px;}
.article-card-body h3{font-size:16.5px; margin-bottom:8px;}
.article-card-body h3 a{color:var(--ink);}
.article-card-body h3 a:hover{color:var(--green-deep);}
.article-card-byline{font-size:12.5px; color:var(--ink-soft); margin-bottom:10px;}
.article-card-body p{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:12px;}

@media (max-width:900px){
  .article-card-grid{grid-template-columns:1fr;}
}

/* CHANGED: "Get Help from UTA" designed cards - image top, centered text, no per-card button */
.prep-event-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; margin-bottom:32px;}
.prep-event-card{text-align:center;}
.prep-event-image{border-radius:10px; overflow:hidden; height:180px; margin-bottom:16px;}
.prep-event-image img{width:100%; height:100%; object-fit:cover; display:block;}
.prep-event-card h3{font-size:17px; margin-bottom:8px;}
.prep-event-card p{font-size:14px; color:var(--ink-soft); line-height:1.6;}

@media (max-width:900px){
  .prep-event-grid{grid-template-columns:1fr;}
}

/* CHANGED: photo hero for the Prepare to Take the Exam page, same construction as awards-hero/press-hero */
.prepare-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236846/pexels-olly-3771110_gynmbh.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.prepare-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.prepare-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.prepare-hero-content .breadcrumb{color:#D7E6DF;}
.prepare-hero-content .breadcrumb a{color:#D7E6DF;}
.prepare-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.prepare-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

@media (max-width:820px){
  .prepare-hero{min-height:320px;}
  .prepare-hero h1{font-size:28px;}
}

/* CHANGED: photo hero for the main Certification page, currently the only major page still using the flat .page-header */
.certification-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236835/pexels-zacks1981-15345836_nachxj.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.certification-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.certification-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.certification-hero-content .breadcrumb{color:#D7E6DF;}
.certification-hero-content .breadcrumb a{color:#D7E6DF;}
.certification-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.certification-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

@media (max-width:820px){
  .certification-hero{min-height:320px;}
  .certification-hero h1{font-size:28px;}
}

/* CHANGED: universal hover-lift for card grids - makes any card feel interactive instead of static */
.card-hover-lift{transition:transform .18s ease, box-shadow .18s ease;}
.card-hover-lift:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(21,63,51,0.12);}

/* CHANGED: photo background for the "Already Certified?" CTA, replacing the flat solid green */
.already-certified-cta{
  position:relative; min-height:auto; padding:64px 0;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236860/pexels-tima-miroshnichenko-7010197_cj3wld.jpg');
  background-size:cover; background-position:center;
}
.already-certified-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.75) 0%, rgba(21,63,51,0.9) 100%);
}

/* CHANGED: gives the credential-point icons a small hover "pop" on the certification_about page */
.credential-point{transition:transform .18s ease;}
.credential-point:hover .card-icon-dark{transform:scale(1.1); background:rgba(255,255,255,0.22);}
.card-icon-dark{transition:transform .18s ease, background .18s ease;}

/* CHANGED: boxes the "More Certification Resources" items into real cards with hover, scoped so it doesn't affect .why-item anywhere else on the site */
.boxed-resource-items .why-item{
  border:1px solid var(--line); border-radius:12px; background:#fff;
  padding:28px; margin-bottom:20px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.boxed-resource-items .why-item:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(21,63,51,0.08);}
.boxed-resource-items .why-item:last-child{margin-bottom:0;}

/* CHANGED: "Why Become Certified" panel - subtle photo texture behind the gold tint, since its 3 cards have no individual links */
.why-become-panel{
  background-image:
    linear-gradient(0deg, rgba(246,239,221,0.93), rgba(246,239,221,0.93)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236846/pexels-olly-3771110_gynmbh.jpg');
  background-size:cover; background-position:center;
}

/* CHANGED: "What is ATA Certification?" panel - subtle photo texture behind the dark green, same trick */
.credential-points-panel{
  background-image:
    linear-gradient(0deg, rgba(21,63,51,0.92), rgba(21,63,51,0.92)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784754890/pexels-brettjordan-17141799_gm35fv.jpg');
  background-size:cover; background-position:center;
}

/* CHANGED: "More Certification Resources" panel - subtle texture, since its 3rd item has no link */
.boxed-resource-items{
  background-image:
    linear-gradient(0deg, rgba(246,239,221,0.93), rgba(246,239,221,0.93)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236835/pexels-zacks1981-15345836_nachxj.jpg');
  background-size:cover; background-position:center;
}

/* CHANGED: gives the plain white "Language Combinations" section a visual anchor, since a background photo would hurt its readability */
.lang-pair-list-card{border-top:4px solid var(--green);}

/* CHANGED: photo hero for Register for an Exam, replacing the flat .page-header */
.exam-reg-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784624911/pexels-enginakyurt-2098604_fm4bsi.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.exam-reg-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.exam-reg-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.exam-reg-hero-content .breadcrumb{color:#D7E6DF;}
.exam-reg-hero-content .breadcrumb a{color:#D7E6DF;}
.exam-reg-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.exam-reg-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

@media (max-width:820px){
  .exam-reg-hero{min-height:320px;}
  .exam-reg-hero h1{font-size:28px;}
}

/* CHANGED: subtle photo texture behind "Find the Best Type" - it's a plain list with no card links, so needs visual identity */
.exam-eligibility-panel{
  background-image:
    linear-gradient(0deg, rgba(250,249,245,0.94), rgba(250,249,245,0.94)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236902/pexels-ekrulila-4402272_d5ry3c.jpg');
  background-size:cover; background-position:center;
}

/* CHANGED: hover-lift for in-person exam sitting cards */
.exam-sitting-card{transition:transform .18s ease, box-shadow .18s ease;}
.exam-sitting-card:hover{transform:translateY(-3px); box-shadow:0 12px 26px rgba(21,63,51,0.10);}

/* CHANGED: subtle texture for the 3 plain exam-prep cards panel */
.exam-prep-cards-panel{
  background-image:
    linear-gradient(0deg, rgba(246,239,221,0.93), rgba(246,239,221,0.93)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236890/pexels-ian-panelo-4494644_xjmy7z.jpg');
  background-size:cover; background-position:center;
}
.plain-card{transition:transform .18s ease;}
.plain-card:hover{transform:translateY(-3px);}

/* CHANGED: boxes the "Are you a Member?" / "New to Translation?" panel into real cards with hover, instead of plain floating text */
.two-col-plain-grid > div{
  border:1px solid var(--line); border-radius:12px; background:#fff;
  padding:32px; transition:transform .18s ease, box-shadow .18s ease;
}
.two-col-plain-grid > div:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(21,63,51,0.08);}

/* CHANGED: FAQ placeholder gets a bordered box instead of sitting bare, so it doesn't look broken while deferred */
.faq-placeholder-box{
  border:1.5px dashed var(--line); border-radius:12px;
  padding:36px; text-align:center; background:var(--paper);
}

/* CHANGED: hover-lift for the featured article floating card */
.article-feature-card{transition:transform .18s ease, box-shadow .18s ease;}
.article-feature-card:hover{transform:translateY(-4px); box-shadow:0 26px 55px rgba(0,0,0,0.3);}

/* CHANGED: two separate floating cards instead of one bordered book-split panel */
.exam-cards-row{display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start;}
.exam-card{
  border:1px solid var(--line); border-radius:12px;
  padding:40px; background:#fff;
  box-shadow:0 2px 10px rgba(21,63,51,0.05);
}
.exam-card-title{text-align:center; margin-bottom:8px;}
.exam-card-status{text-align:center; color:var(--ink-soft); font-size:14.5px; line-height:1.6; margin-bottom:28px;}
.exam-card-block{margin-bottom:28px;}
.exam-card-block:last-child{margin-bottom:0;}
.exam-card-block h4{font-size:15.5px; margin-bottom:10px; color:var(--ink);}
.exam-card-block p{font-size:14.5px; color:var(--ink-soft); line-height:1.6;}

@media (max-width:820px){
  .exam-cards-row{grid-template-columns:1fr;}
}

/* CHANGED: both exam cards stretch to match the taller one */
.exam-cards-row{align-items:stretch;}
.exam-card{display:flex; flex-direction:column;}

/* CHANGED: nested small card for each in-person sitting, distinct from the big card it sits in */
.exam-sitting-card{
  border:1px solid var(--line); border-radius:8px;
  padding:20px 22px; margin-bottom:20px;
  background:var(--paper);
}
.exam-sitting-card:last-of-type{margin-bottom:24px;}
.exam-sitting-card h4{margin-bottom:6px;}
.exam-sitting-card h4 a{color:var(--green-deep);}
.exam-sitting-card p{font-size:14px; color:var(--ink-soft); margin-bottom:4px;}

.exam-card-block-text{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:28px;}

.exam-sitting-card{text-align:center;}
.exam-sitting-card h4{justify-content:center;}

/* CHANGED: generic 2-column layout for the requirements page */
.requirements-two-col{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}
.requirements-two-col h3, .requirements-two-col h4{margin-top:28px; margin-bottom:12px;}
.requirements-two-col h3:first-child, .requirements-two-col h4:first-child{margin-top:0;}

@media (max-width:820px){
  .requirements-two-col{grid-template-columns:1fr;}
}

/* Warning banner — clean white card */
.req-warning-banner{background:var(--paper); padding:8px 0 40px;}
.req-warning-card{
  display:flex; align-items:center; gap:20px;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:28px 36px;
  box-shadow:0 4px 20px rgba(21,63,51,0.06);
}
.req-warning-icon{
  flex-shrink:0; width:44px; height:44px; border-radius:50%;
  background:var(--green-tint); color:var(--green-deep); font-weight:700; font-size:20px;
  display:flex; align-items:center; justify-content:center;
}
.req-warning-card p{color:var(--ink); font-size:16px; font-weight:600; line-height:1.6; margin:0;}

/* In-Person / Online — glassmorphism */
.req-format-section{
  position:relative; padding:80px 0; overflow:hidden;
  background:linear-gradient(135deg, #EAF3EE 0%, #FBF6E9 50%, #EAF3EE 100%);
}
.req-format-section::before, .req-format-section::after{
  content:''; position:absolute; border-radius:50%; filter:blur(60px); opacity:0.5; pointer-events:none;
}
.req-format-section::before{width:420px; height:420px; background:var(--green); top:-140px; left:-100px;}
.req-format-section::after{width:380px; height:380px; background:#E4C878; bottom:-140px; right:-80px;}
.req-format-section .section-inner{position:relative; z-index:2;}

.req-format-card{
  background:rgba(255,255,255,0.82);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,0.6); border-radius:18px;
  padding:40px; height:100%;
  box-shadow:0 8px 32px rgba(21,63,51,0.10);
}
.req-format-header{display:flex; align-items:center; gap:14px; margin-bottom:24px;}
.req-format-header h2{font-size:22px; margin:0; color:var(--ink);}
.req-format-header .card-icon{background:rgba(255,255,255,0.7); color:var(--green-deep); margin-bottom:0;}
.req-format-card h4{font-size:16.5px; margin:24px 0 10px; color:var(--ink);}
.req-format-card h4:first-of-type{margin-top:0;}
.req-format-card p{font-size:16px; line-height:1.8; color:#0F1210; margin-bottom:8px;}

/* Generic 2-col layout used across the page */
.requirements-two-col{display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start;}
@media (max-width:820px){ .requirements-two-col{grid-template-columns:1fr;} }

/* CHANGED: resource group cards on the Online Resource List page */
.resource-groups-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:28px;}
.resource-group-card{
  border:1px solid var(--line); border-radius:10px; padding:28px; background:#fff;
}
.resource-group-card h3{font-size:17px; margin-bottom:16px; color:var(--green-deep);}

@media (max-width:820px){
  .resource-groups-grid{grid-template-columns:1fr;}
}

/* CHANGED: Member Center hero, same construction as prepare-hero/certification-hero */
.member-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431658/pexels-ann-h-45017-7422415_ro4bjg.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.member-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.member-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.member-hero-content .breadcrumb{color:#D7E6DF;}
.member-hero-content .breadcrumb a{color:#D7E6DF;}
.member-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.member-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

@media (max-width:820px){
  .member-hero{min-height:320px;}
  .member-hero h1{font-size:28px;}
}

/* CHANGED: intro text + login card, columnar */
.member-intro-section{padding:64px 0;}
.member-intro-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
.member-intro-text{text-align:center;}
.member-intro-text h2{font-size:28px; margin-bottom:14px;}
.member-intro-text p{font-size:15px; color:var(--ink-soft); line-height:1.7; max-width:460px; margin:0 auto;}

.member-login-card{
  border:1px solid var(--line); border-radius:10px; padding:36px;
  background:#fff; text-align:center; transition:transform .18s ease, box-shadow .18s ease;
}
.member-login-card:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(21,63,51,0.08);}
.member-login-card h3{font-size:19px; margin-bottom:10px;}
.member-login-card p{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:22px;}

@media (max-width:820px){
  .member-intro-grid{grid-template-columns:1fr;}
}

/* CHANGED: 3-card benefits section wrapper (cards reuse .prep-event-grid/.prep-event-card) */
.member-benefits-cards-section{padding:64px 0; background:var(--paper);}

/* CHANGED: Get the Member Advantage CTA panel */
.member-cta-section{padding:64px 0; background:var(--gold-tint); text-align:center;}
.member-cta-section h2{font-size:28px; margin-bottom:14px;}
.member-cta-section p{font-size:15px; color:var(--ink-soft); max-width:600px; margin:0 auto 28px; line-height:1.7;}

/* CHANGED: Divisions panel - dark photo panel, last section before the footer */
.divisions-panel{
  position:relative; padding:80px 0; min-height:380px;
  display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(31,92,74,0.55) 0%, rgba(31,92,74,0.68) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431588/pexels-tara-winstead-8378752_bktv6b.jpg');
  background-size:cover; background-position:center;
}
.divisions-content{position:relative; z-index:2; text-align:center; max-width:680px; margin:0 auto; color:#fff;}
.divisions-content h2{font-size:28px; margin-bottom:14px; color:#fff;}
.divisions-content p{font-size:15.5px; color:#E9F0EC; line-height:1.7; margin-bottom:16px;}
.divisions-note{font-size:14px; color:#E4C878; font-weight:600; margin-bottom:26px;}

@media (max-width:820px){
  .divisions-panel{padding:56px 0;}
}

/* CHANGED: Benefits of Membership hero */
.benefits-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431645/pexels-ann-h-45017-32368864_xvzfct.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.benefits-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.benefits-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.benefits-hero-content .breadcrumb{color:#D7E6DF;}
.benefits-hero-content .breadcrumb a{color:#D7E6DF;}
.benefits-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.benefits-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}

@media (max-width:820px){
  .benefits-hero{min-height:320px;}
  .benefits-hero h1{font-size:28px;}
}

/* CHANGED: centers the "Free Events / Members Save" boxed cards specifically on the Benefits page, without altering the existing left-aligned .two-col-plain-grid usage elsewhere */
.benefits-hero ~ .resources-section .two-col-plain-grid,
.two-col-plain-grid.centered{
  text-align:center;
}

/* CHANGED: Join the UTA Community panel - brighter overlay so it's visually distinct from the dark footer directly beneath it, same fix applied to .divisions-panel */
.join-community-panel{
  position:relative; padding:80px 0; min-height:380px;
  display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(31,92,74,0.55) 0%, rgba(31,92,74,0.68) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431658/pexels-ann-h-45017-7422415_ro4bjg.jpg');
  background-size:cover; background-position:center;
}
.join-community-content{position:relative; z-index:2; text-align:center; max-width:640px; margin:0 auto; color:#fff;}
.join-community-content h2{font-size:28px; margin-bottom:14px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,0.35);}
.join-community-content p{font-size:15.5px; color:#F3F8F5; line-height:1.7; margin-bottom:26px; text-shadow:0 1px 6px rgba(0,0,0,0.3);}

@media (max-width:820px){
  .join-community-panel{padding:56px 0;}
}

/* CHANGED: Client Outreach Kit hero */
.outreach-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431598/pexels-realtoughcandy-11035383_auqbp8.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.outreach-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.outreach-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.outreach-hero-content .breadcrumb{color:#D7E6DF;}
.outreach-hero-content .breadcrumb a{color:#D7E6DF;}
.outreach-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.outreach-hero-content p{color:#E9F0EC; font-size:16px; max-width:660px;}

@media (max-width:820px){
  .outreach-hero{min-height:320px;}
  .outreach-hero h1{font-size:28px;}
}

/* CHANGED: Members-only / Join panel - two-column, photo background, brighter overlay (not footer-dark) so it stays distinct from the footer beneath it */
.outreach-members-panel{
  position:relative; padding:80px 0;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431658/pexels-ann-h-45017-7422415_ro4bjg.jpg');
  background-size:cover; background-position:center;
}
.outreach-members-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(31,92,74,0.6) 0%, rgba(31,92,74,0.72) 100%);
}
.outreach-members-panel .section-inner{position:relative; z-index:2;}

.outreach-members-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:56px;
}
.outreach-members-col{
  text-align:center; color:#fff;
  padding:8px 16px;
}
.outreach-members-col h2{
  font-size:24px; margin-bottom:14px; color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,0.35);
}
.outreach-members-col p{
  font-size:15.5px; line-height:1.75; color:#F3F8F5; margin-bottom:26px;
  text-shadow:0 1px 6px rgba(0,0,0,0.3);
  max-width:420px; margin-left:auto; margin-right:auto;
}

/* CHANGED: inline link variant for use on dark backgrounds, same idea as .inline-link but visible against the green overlay */
.inline-link-light{
  color:#FFE8A3; font-weight:600; text-decoration:underline;
  text-decoration-color:#E4C878; text-underline-offset:2px;
}
.inline-link-light:hover{color:#fff;}

@media (max-width:820px){
  .outreach-members-grid{grid-template-columns:1fr; gap:40px;}
  .outreach-members-panel{padding:56px 0;}
}

/* CHANGED: Free Events for Members hero */
.free-events-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431621/pexels-johnnymckane-237831_xhuqb9.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.free-events-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.free-events-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.free-events-hero-content .breadcrumb{color:#D7E6DF;}
.free-events-hero-content .breadcrumb a{color:#D7E6DF;}
.free-events-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.free-events-hero-content p{color:#E9F0EC; font-size:16px; max-width:660px;}

@media (max-width:820px){
  .free-events-hero{min-height:320px;}
  .free-events-hero h1{font-size:28px;}
}

/* CHANGED: closing CTA panel - brighter overlay, distinct from the dark footer beneath it, same fix as .divisions-panel/.join-community-panel */
.free-events-cta-panel{
  position:relative; padding:80px 0;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431610/pexels-mikael-blomkvist-6476771_taave2.jpg');
  background-size:cover; background-position:center;
}
.free-events-cta-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(31,92,74,0.6) 0%, rgba(31,92,74,0.72) 100%);
}
.free-events-cta-content{position:relative; z-index:2; text-align:center; max-width:640px; margin:0 auto; color:#fff; padding:0 24px;}
.free-events-cta-content h2{font-size:24px; line-height:1.5; margin-bottom:26px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,0.35);}
.free-events-cta-content h2 a{color:#fff;}
.free-events-cta-content h2 a:hover{color:#FFE8A3;}

@media (max-width:820px){
  .free-events-cta-panel{padding:56px 0;}
}

/* CHANGED: Members Save on Events hero */
.savings-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431588/pexels-tara-winstead-8378752_bktv6b.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.savings-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%);
}
.savings-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.savings-hero-content .breadcrumb{color:#D7E6DF;}
.savings-hero-content .breadcrumb a{color:#D7E6DF;}
.savings-hero h1{color:#fff; font-size:40px; margin:8px 0 12px;}
.savings-hero-content p{color:#E9F0EC; font-size:17px; max-width:660px; line-height:1.7;}

@media (max-width:820px){
  .savings-hero{min-height:320px;}
  .savings-hero h1{font-size:28px;}
}

/* CHANGED: brighter background + white label text for the savings stat panel specifically —
   scoped to .savings-stat-panel so it doesn't change .credential-points-panel's darker look
   on the certification_about page where it's also used */
.savings-stat-panel{
  background-image:
    linear-gradient(0deg, rgba(31,92,74,0.75), rgba(31,92,74,0.75)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784754890/pexels-brettjordan-17141799_gm35fv.jpg');
  background-size:cover; background-position:center;
}
.savings-stat-panel h2{margin-bottom:8px; color:#fff;}
.savings-stat-panel .stat-wheel-grid{margin-top:40px;}
.savings-stat-panel .stat-wheel-label{
  color:#fff;
  font-weight:500;
}

/* CHANGED: bigger, bolder cards for the 3 savings-explainer cards */
.savings-card-grid{gap:36px;}
.savings-card h3{font-size:20px; margin-bottom:14px;}
.savings-card p{font-size:16px; line-height:1.75;}
.savings-card .card-icon{
  margin:0 auto 18px; width:56px; height:56px; font-size:26px;
}

/* CHANGED: live price comparison cards pulling real event pricing */
.price-compare-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px;}
.price-compare-card{
  display:block; border:1px solid var(--line); border-radius:12px;
  padding:28px 30px; background:#fff;
  box-shadow:0 2px 10px rgba(21,63,51,0.05);
  transition:transform .18s ease, box-shadow .18s ease;
}
.price-compare-card:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(21,63,51,0.12);}
.price-compare-type{
  font-size:11.5px; text-transform:uppercase; letter-spacing:0.06em;
  color:var(--green-deep); font-weight:700; margin-bottom:8px;
}
.price-compare-card h3{font-size:18px; color:var(--ink); margin-bottom:20px; line-height:1.4;}
.price-compare-row{display:flex; gap:24px; margin-bottom:16px;}
.price-compare-col{display:flex; flex-direction:column; gap:4px;}
.price-compare-label{font-size:12px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-soft); font-weight:600;}
.price-compare-amount{font-size:20px; font-weight:700; color:var(--ink);}
.price-compare-member .price-compare-amount{color:var(--green-deep);}
.price-compare-strike{color:var(--ink-soft); text-decoration:line-through; font-weight:500; font-size:17px;}
.price-compare-savings{
  display:inline-block; font-size:13.5px; font-weight:700; color:#1E7A46;
  background:#E9F7EE; padding:6px 14px; border-radius:20px;
}

@media (max-width:820px){
  .price-compare-grid{grid-template-columns:1fr;}
}

/* CHANGED: closing CTA panel - brighter overlay, distinct from the dark footer beneath it */
.savings-cta-panel{
  position:relative; padding:80px 0;
  background-image:url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785431598/pexels-realtoughcandy-11035383_auqbp8.jpg');
  background-size:cover; background-position:center;
}
.savings-cta-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(31,92,74,0.6) 0%, rgba(31,92,74,0.72) 100%);
}
.savings-cta-content{position:relative; z-index:2; text-align:center; max-width:640px; margin:0 auto; color:#fff; padding:0 24px;}
.savings-cta-content h2{font-size:26px; line-height:1.5; margin-bottom:26px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,0.35);}

@media (max-width:820px){
  .savings-cta-panel{padding:56px 0;}
}

/* CHANGED: dedicated stats banner style, separated from .conference-promo
   so this page's stats don't inherit the home page's conference photo */
.stats-banner{
  background:var(--green-deep);
  padding:56px 0;
}

/* CHANGED: photo hero for Why Hire a Certified Translator, replacing the flat .page-header */
.why-hire-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784107959/pexels-raypriatna-8131137_mvteqk.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.why-hire-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.why-hire-hero-content .breadcrumb{color:#D7E6DF;}
.why-hire-hero-content .breadcrumb a{color:#D7E6DF;}
.why-hire-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.why-hire-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}
@media (max-width:820px){
  .why-hire-hero{min-height:320px;}
  .why-hire-hero h1{font-size:28px;}
}

/* CHANGED: boxes the 3 "What UTA Certification Means" items into icon cards, 3-across */
.credential-cards-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.credential-card{
  border:1px solid var(--line); border-radius:10px; padding:28px;
  background:#fff; transition:transform .18s ease, box-shadow .18s ease;
}
.credential-card:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(21,63,51,0.08);}
.credential-card h3{font-size:17px; margin-bottom:10px;}
.credential-card p{font-size:14px; color:var(--ink-soft); line-height:1.6;}
@media (max-width:900px){
  .credential-cards-grid{grid-template-columns:1fr;}
}

/* CHANGED: proper pill styling for language combination chips - previously unstyled/plain text */
.lang-chip{
  display:inline-flex; align-items:center;
  font-size:13.5px; font-weight:600; color:var(--green-deep);
  background:var(--green-tint); padding:9px 18px; border-radius:20px;
}

/* CHANGED: photo hero for Community and Networking, same recipe as why-hire-hero/awards-hero */
.community-hero{
  position:relative; min-height:380px; display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784107944/pexels-silverkblack-36729905_lqdbtq.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.community-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.community-hero-content .breadcrumb{color:#D7E6DF;}
.community-hero-content .breadcrumb a{color:#D7E6DF;}
.community-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.community-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}
@media (max-width:820px){
  .community-hero{min-height:320px;}
  .community-hero h1{font-size:28px;}
}

/* CHANGED: photo hero for Get Involved, same recipe as community-hero/why-hire-hero */
.get-involved-hero{
  position:relative; min-height:380px; display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1784039238/pexels-fauxels-3183148_fe3ign.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.get-involved-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.get-involved-hero-content .breadcrumb{color:#D7E6DF;}
.get-involved-hero-content .breadcrumb a{color:#D7E6DF;}
.get-involved-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.get-involved-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}
@media (max-width:820px){
  .get-involved-hero{min-height:320px;}
  .get-involved-hero h1{font-size:28px;}
}

/* CHANGED: inline search panel that expands below the nav bar when the search icon is clicked */
.nav-search-panel{
  max-height:0; overflow:hidden;
  background:var(--paper); border-bottom:1px solid var(--line);
  transition:max-height .3s ease;
}
.nav-search-panel.open{max-height:90px;}

.nav-search-form{
  max-width:1140px; margin:0 auto; padding:18px 32px;
  display:flex; gap:10px;
}
.nav-search-form input{
  flex:1; border:1px solid var(--line); border-radius:4px;
  padding:12px 14px; font-size:14px; font-family:'Inter',sans-serif;
}
.nav-search-submit{
  background:var(--green); color:#fff; border:none;
  border-radius:4px; padding:0 22px; font-size:15px; cursor:pointer;
}
.nav-search-submit:hover{background:var(--green-deep);}

@media (max-width:600px){
  .nav-search-form{padding:14px 20px; flex-wrap:wrap;}
}

/* CHANGED: search results page - grouped by content type, reusing existing card patterns */
.search-results-group{margin-bottom:48px;}
.search-results-group:last-child{margin-bottom:0;}
.search-results-group h2{font-size:20px; margin-bottom:18px; color:var(--green-deep);}
.search-result-row{
  display:block; padding:16px 0; border-bottom:1px solid var(--line);
}
.search-result-row:last-child{border-bottom:none;}
.search-result-row h3{font-size:15.5px; margin-bottom:4px; color:var(--ink);}
.search-result-row:hover h3{color:var(--green-deep);}
.search-result-row p{font-size:13.5px; color:var(--ink-soft); line-height:1.5;}

/* CHANGED: already-certified-cta needs the same flex-centering .join-cta-section normally provides,
   since it reuses .join-cta-content but isn't wrapped by .join-cta-section */
.already-certified-cta{
  display:flex;
  align-items:center;
  justify-content:center;
}
.already-certified-cta .join-cta-content{
  margin:0 auto;
}

/* CHANGED: collapsible skill-question cards, using native <details>/<summary> — no JS required */
.skill-question-card{
  border:1px solid var(--line); border-radius:10px; background:#fff;
  margin-bottom:16px; overflow:hidden;
}
.skill-question-summary{
  list-style:none; cursor:pointer; padding:20px 24px;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-weight:600; font-size:16px; color:var(--ink);
  transition:background .15s ease;
}
.skill-question-summary::-webkit-details-marker{display:none;}
.skill-question-summary::marker{content:'';}
.skill-question-summary:hover{background:var(--paper);}
.skill-question-arrow{transition:transform .2s ease; flex-shrink:0; color:var(--green-deep);}
.skill-question-card[open] .skill-question-arrow{transform:rotate(180deg);}
.skill-question-body{
  padding:0 24px 24px; font-size:16.5px; color:var(--ink-soft); line-height:1.7;
}
.skill-question-body ul{padding-left:22px; display:flex; flex-direction:column; gap:8px;}

/* CHANGED: 2-column FAQ layout for the About the Exam page */
.faq-columns-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
.faq-item{margin-bottom:32px;}
.faq-item:last-child{margin-bottom:0;}
.faq-item h3{font-size:16px; margin-bottom:10px; color:var(--ink);}
.faq-item p{font-size:14.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:10px;}
.faq-links{display:flex; gap:16px; flex-wrap:wrap;}

@media (max-width:820px){
  .faq-columns-grid{grid-template-columns:1fr;}
}

/* CHANGED: full-width readable content for the About the Exam page — was artificially
   narrowed to 760px inline, which squeezed it into a centered column */
.exam-about-panel{background:var(--gold-tint);}

.exam-about-text{
  font-size:18px;
  line-height:1.85;
  color:var(--ink);
  text-align:left;
}
.exam-about-text p{
  margin-bottom:22px;
}
.exam-about-text p:last-child{
  margin-bottom:0;
}

/* CHANGED: real subheading treatment for "The skills in question are defined by..." */
.skills-subheading{
  font-size:19px;
  font-weight:700;
  color:var(--ink);
  margin-top:28px;
  text-align:center;
}

/* CHANGED: bigger, more readable FAQ text to match the rest of this page */
.faq-item h3{font-size:17px;}
.faq-item p{font-size:16px; line-height:1.8;}

/* CHANGED: hero for How the Exam is Graded, same recipe as other subpage heroes */
.exam-grading-hero{
  position:relative; min-height:400px; display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(21,63,51,0.55) 0%, rgba(21,63,51,0.82) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785680750/pexels-jan-van-der-wolf-11680885-37365042_oi7pjd.jpg');
  background-size:cover; background-position:center; overflow:hidden;
}
.exam-grading-hero-content{position:relative; z-index:2; color:#fff; width:100%; padding:0 5%; box-sizing:border-box;}
.exam-grading-hero-content .breadcrumb{color:#D7E6DF;}
.exam-grading-hero-content .breadcrumb a{color:#D7E6DF;}
.exam-grading-hero h1{color:#fff; font-size:38px; margin:8px 0 12px;}
.exam-grading-hero-content p{color:#E9F0EC; font-size:16px; max-width:640px;}
@media (max-width:820px){
  .exam-grading-hero{min-height:320px;}
  .exam-grading-hero h1{font-size:28px;}
}

/* CHANGED: generic content sections + text blocks for the grading page */
.grading-section{padding:56px 0;}
.grading-block{margin-bottom:44px;}
.grading-block:last-child{margin-bottom:0;}
.grading-block h2{font-size:24px; margin-bottom:16px; color:var(--ink);}
.grading-block p{font-size:16px; color:var(--ink-soft); line-height:1.75; margin-bottom:16px;}
.grading-block p:last-child{margin-bottom:0;}

/* CHANGED: shared numbered/bulleted list styling produced by the rich_text filter */
.rich-text-list{list-style:none; margin:0 0 18px; padding:0; display:flex; flex-direction:column; gap:10px;}
.rich-text-list li{position:relative; padding-left:28px; font-size:16px; color:var(--ink-soft); line-height:1.65;}
ol.rich-text-list{counter-reset:grading-counter;}
ol.rich-text-list li{counter-increment:grading-counter;}
ol.rich-text-list li::before{content:counter(grading-counter) '.'; position:absolute; left:0; top:0; font-weight:700; color:var(--green-deep);}
ul.rich-text-list li::before{content:'•'; position:absolute; left:6px; top:0; color:var(--green); font-weight:700;}

/* CHANGED: Grading Metrics and Tools - centered intro (reuses .event-highlights-intro) + columnar grid that grows automatically */
.grading-metrics-panel{background:var(--paper);}
.grading-metrics-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:24px; margin-top:40px;
}
.grading-metric-card{
  border:1px solid var(--line); border-radius:10px; padding:26px;
  background:#fff; transition:transform .18s ease, box-shadow .18s ease;
}
.grading-metric-card:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(21,63,51,0.08);}
.grading-metric-card h3{font-size:16.5px; margin-bottom:10px; color:var(--ink);}
.grading-metric-card p{font-size:14px; color:var(--ink-soft); line-height:1.6; margin:0;}

/* CHANGED: Standard for Passing - subtle texture, centered, matches .exam-eligibility-panel construction */
.grading-standard-panel{
  background-image:
    linear-gradient(0deg, rgba(246,239,221,0.93), rgba(246,239,221,0.93)),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785236846/pexels-olly-3771110_gynmbh.jpg');
  background-size:cover; background-position:center;
}

/* CHANGED: Certification Exam Review - dark photo panel, last section before footer */
.grading-review-panel{
  position:relative; padding:80px 0; min-height:380px;
  display:flex; align-items:center;
  background-image:
    linear-gradient(180deg, rgba(31,92,74,0.6) 0%, rgba(31,92,74,0.72) 100%),
    url('https://res.cloudinary.com/msnejdl9/image/upload/f_auto,q_auto,w_1600/v1785680760/pexels-imvituu-81842971-9395868_dkqzpm.jpg');
  background-size:cover; background-position:center;
}
.grading-review-content{position:relative; z-index:2; text-align:center; max-width:680px; margin:0 auto; color:#fff; padding:0 24px;}
.grading-review-content h2{font-size:28px; margin-bottom:14px; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,0.35);}
.grading-review-content h2 a{color:#fff;}
.grading-review-content h2 a:hover{color:#FFE8A3;}
.grading-review-content p{font-size:15.5px; color:#F3F8F5; line-height:1.7; margin-bottom:16px; text-shadow:0 1px 6px rgba(0,0,0,0.3);}
.grading-review-content .rich-text-list{text-align:left; max-width:520px; margin:0 auto 20px;}
.grading-review-content .rich-text-list li{color:#F3F8F5;}
.grading-review-content .rich-text-list li::before{color:#FFE8A3;}
.grading-review-content .inline-link{color:#FFE8A3; text-decoration-color:#E4C878;}
.grading-review-content .inline-link:hover{color:#fff;}
.grading-review-content .hero-btn{margin-top:6px;}

@media (max-width:820px){
  .grading-review-panel{padding:56px 0;}
}

/* CHANGED: small link at the bottom of each grading metric card, only shown when a link exists */
.grading-metric-link{
  display:inline-block; margin-top:12px;
  font-size:13px; font-weight:600; color:var(--green-deep);
}
.grading-metric-link:hover{color:var(--green);}

/* CHANGED: Chronicle article hero - flat, dynamic (date/title/category tags), no photo needed */
.chronicle-hero{background:var(--green-deep); padding:56px 0 40px; color:#fff;}
.chronicle-date{font-size:13.5px; color:#D7E6DF; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:12px;}
.chronicle-hero h1{color:#fff; font-size:32px; margin-bottom:16px; line-height:1.3;}
.chronicle-tags{display:flex; flex-wrap:wrap; gap:10px;}
.chronicle-tag{
  font-size:12.5px; font-weight:600; color:#E4C878;
  border-bottom:1px solid rgba(228,200,120,0.4);
}
.chronicle-tag:hover{color:#fff; border-bottom-color:#fff;}
.chronicle-tag-static{
  font-size:11.5px; font-weight:600; color:var(--green-deep);
  background:var(--green-tint); padding:4px 10px; border-radius:20px;
}

/* CHANGED: article body - rich_text output styling */
.chronicle-source{font-size:13.5px; color:var(--ink-soft); font-style:italic; margin-bottom:28px;}
.chronicle-body{font-size:16.5px; line-height:1.85; color:var(--ink);}
.chronicle-body p{margin-bottom:20px;}
.rich-text-heading{font-size:20px; font-weight:700; color:var(--ink); margin:32px 0 14px;}
.rich-text-list{padding-left:24px; margin-bottom:20px; display:flex; flex-direction:column; gap:8px;}

/* CHANGED: About the Author block */
.chronicle-author-grid{display:grid; grid-template-columns:140px 1fr; gap:32px; align-items:start;}
.chronicle-author-photo{width:140px; height:140px; border-radius:50%; overflow:hidden; background:var(--green-tint);}
.chronicle-author-photo img{width:100%; height:100%; object-fit:cover; display:block;}
.chronicle-author-bio h3{font-size:18px; margin-bottom:10px;}
.chronicle-author-bio p{font-size:14.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:12px;}

@media (max-width:600px){
  .chronicle-author-grid{grid-template-columns:1fr; text-align:center;}
  .chronicle-author-photo{margin:0 auto;}
}

/* CHANGED: bold notice above the review policy text */
.review-bold-notice{
  font-size:16.5px; font-weight:700; color:var(--ink);
  text-align:center; margin-bottom:24px; line-height:1.6;
}

/* CHANGED: professional card-style form, modeled after modern multi-field request forms */
.review-form-card{
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:44px 48px; box-shadow:0 4px 24px rgba(21,63,51,0.06);
}
.review-form-card h2{font-size:24px; margin-bottom:10px;}
.review-form-intro{font-size:14.5px; color:var(--ink-soft); margin-bottom:28px;}

.review-form label{display:block; font-size:13.5px; font-weight:600; margin:20px 0 6px;}
.review-form label:first-of-type{margin-top:0;}
.review-form input[type="text"],
.review-form input[type="email"],
.review-form input[type="tel"],
.review-form input[type="date"]{
  width:100%; border:1px solid var(--line); border-radius:6px;
  padding:12px 14px; font-size:14.5px; font-family:'Inter',sans-serif;
  transition:border-color .15s ease;
}
.review-form input:focus{outline:none; border-color:var(--green);}

.review-form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.review-form-row > div label{margin-top:0;}

.review-radio-row{display:flex; gap:24px; margin-top:4px;}
.review-radio-option{
  display:flex; align-items:center; gap:8px;
  font-size:14.5px; font-weight:400; color:var(--ink); cursor:pointer;
  margin:0;
}
.review-radio-option input{width:auto; accent-color:var(--green);}

.review-consent-block{
  margin-top:28px; padding-top:24px; border-top:1px solid var(--line);
  display:flex; flex-direction:column; gap:18px;
}
.review-consent-option{
  display:flex; align-items:flex-start; gap:12px;
  font-size:13.5px; font-weight:400; color:var(--ink-soft); line-height:1.6;
  cursor:pointer; margin:0;
}
.review-consent-option input{width:auto; accent-color:var(--green); margin-top:3px; flex-shrink:0;}

.review-robot-check{
  margin-top:20px; padding:14px 18px;
  background:var(--paper); border:1px solid var(--line); border-radius:8px;
  font-weight:600; color:var(--ink);
}

.review-form .login-btn{margin-top:28px;}

@media (max-width:700px){
  .review-form-card{padding:32px 24px;}
  .review-form-row{grid-template-columns:1fr;}
}

/* CHANGED: dropdown navigation for the main nav bar */
.nav-dropdown { position: relative; display: inline-block; }
.nav-dropdown-toggle {
  background: none; border: none; cursor: pointer;
  font-family: 'Inter', sans-serif; font-size: 13.5px; font-weight: 500; color: var(--ink);
  padding: 16px 14px; display: inline-flex; align-items: center; gap: 4px;
}
.nav-dropdown-toggle:hover { color: var(--green-deep); }
.nav-caret { font-size: 10px; transition: transform 0.15s ease; }
.nav-dropdown.nav-dropdown-open .nav-caret { transform: rotate(180deg); }
.nav-dropdown.nav-dropdown-open .nav-dropdown-toggle { color: var(--green-deep); }

.nav-dropdown-menu {
  display: none;
  position: absolute; top: 100%; left: 0;
  background: #fff; min-width: 260px;
  box-shadow: 0 8px 24px rgba(21,63,51,0.15);
  border-radius: 8px; padding: 8px 0; z-index: 500;
  border: 1px solid var(--line);
}
.nav-dropdown.nav-dropdown-open .nav-dropdown-menu { display: block; }

.nav-dropdown-menu a {
  display: block; padding: 11px 20px; white-space: nowrap;
  color: var(--ink); text-decoration: none; font-size: 14px;
}
.nav-dropdown-menu a:hover { background: var(--green-tint); color: var(--green-deep); }

@media (max-width: 820px) {
  .nav-dropdown-menu {
    position: static; box-shadow: none; border: none;
    padding-left: 16px; border-radius: 0;
  }
}