/* Updates pages — Events, Success stories, Blog
   (page-events.php, page-success-stories.php, page-updates-blog.php).
   Uses the site palette and type-scale tokens from main.css. */

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Page banner — compact and light: breadcrumbs, title, one line of intro.
   Sits under the fixed white header (72px). */
.ag-page-hero{background:#fff;border-bottom:1px solid var(--hair);padding:calc(72px + 36px) 0 36px}
.ag-page-hero-in{max-width:var(--max);margin:0 auto;padding:0 3rem}
.ag-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:0;
  font-size:var(--fs-small);color:var(--ink-2)}
.ag-crumbs li{display:inline-flex;align-items:center;gap:8px}
.ag-crumbs li+li::before{content:"/";color:#B7C2BC}
.ag-crumbs a{color:var(--ink-2);text-decoration:none}
.ag-crumbs a:hover{color:var(--green);text-decoration:underline}
.ag-crumbs [aria-current="page"]{color:var(--ink);font-weight:600}
.ag-page-hero h1{font-family:var(--fd);font-size:var(--fs-h2);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}
.ag-page-hero p{font-size:var(--fs-lead);line-height:1.6;color:var(--ink-2);max-width:60ch;margin:0}

/* Content area */
.ag-up{background:#F7F9F8;padding:48px 0 96px}
.ag-up-sec{max-width:var(--max);margin:0 auto 64px;padding:0 3rem}
.ag-up-sec:last-child{margin-bottom:0}
.ag-up-sec>h2{font-family:var(--fd);font-size:28px;font-weight:700;color:var(--ink);margin:0 0 24px}
.ag-up-tag{display:inline-block;font-size:var(--fs-label);font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  color:var(--fresh-d);background:var(--fresh-l);padding:5px 10px;border-radius:999px}
.ag-up-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--green);text-decoration:none;transition:gap .18s}
.ag-up-link:hover{gap:12px;color:var(--green)}
.ag-up-empty{font-size:var(--fs-body);color:var(--ink-2);background:#fff;border-radius:16px;padding:22px 24px;margin:0;
  box-shadow:0 1px 2px rgba(38,50,56,.04),0 8px 22px rgba(38,50,56,.05)}
.ag-up-empty a,.ag-up-empty-box a{color:var(--green);font-weight:700}
.ag-up-empty-box{background:#fff;border-radius:20px;padding:48px 32px;text-align:center;
  box-shadow:0 1px 2px rgba(38,50,56,.04),0 8px 22px rgba(38,50,56,.05)}
.ag-up-empty-box h2{font-family:var(--fd);font-size:var(--fs-h3);font-weight:700;color:var(--ink);margin:0 0 8px}
.ag-up-empty-box p{font-size:var(--fs-body);color:var(--ink-2);margin:0 auto;max-width:52ch}

/* Events */
.ag-ev-list{display:grid;gap:16px}
.ag-ev{display:flex;gap:24px;align-items:flex-start;background:#fff;border-radius:18px;padding:24px;
  box-shadow:0 1px 2px rgba(38,50,56,.04),0 8px 22px rgba(38,50,56,.05)}
.ag-ev-date{flex-shrink:0;width:84px;border-radius:14px;background:var(--green);color:#fff;text-align:center;padding:14px 8px}
.ag-ev-date b{display:block;font-family:var(--fd);font-size:30px;font-weight:700;line-height:1}
.ag-ev-date span{display:block;margin-top:6px;font-size:var(--fs-label);font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.85)}
.ag-ev-body h3{font-family:var(--fd);font-size:var(--fs-h3);font-weight:700;color:var(--ink);margin:10px 0 8px}
.ag-ev-meta{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--fs-small);color:var(--ink-2)}
.ag-ev-meta li{position:relative}
.ag-ev-meta li+li::before{content:"";position:absolute;left:-10px;top:50%;width:3px;height:3px;border-radius:50%;background:#B7C2BC}

/* Success stories */
.ag-st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ag-st{display:flex;flex-direction:column;margin:0;background:#fff;border-radius:20px;padding:28px;
  box-shadow:0 1px 2px rgba(38,50,56,.04),0 8px 22px rgba(38,50,56,.05)}
.ag-st-mark{color:var(--fresh);margin-bottom:14px}
.ag-st blockquote{margin:0 0 24px;flex:1}
.ag-st blockquote p{font-size:17px;line-height:1.65;color:var(--ink);margin:0}
.ag-st figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--hair)}
.ag-st figcaption img,.ag-st-initial{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ag-st-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;font-weight:700;font-size:18px}
.ag-st figcaption b{display:block;font-size:var(--fs-body);color:var(--ink)}
.ag-st figcaption span{font-size:var(--fs-small);color:var(--ink-2);line-height:1.4}

/* Blog */
.ag-bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ag-bl{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 1px 2px rgba(38,50,56,.04),0 8px 22px rgba(38,50,56,.05)}
.ag-bl-img{display:block;aspect-ratio:16/9;background:var(--fresh-l)}
.ag-bl-img img{width:100%;height:100%;object-fit:cover;display:block}
.ag-bl-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.ag-bl-meta{display:flex;align-items:center;gap:12px;font-size:var(--fs-small);color:var(--ink-2);margin-bottom:10px}
.ag-bl h3{font-family:var(--fd);font-size:var(--fs-h3);font-weight:700;line-height:1.3;margin:0 0 10px}
.ag-bl h3 a{color:var(--ink);text-decoration:none}
.ag-bl h3 a:hover{color:var(--green)}
.ag-bl p{font-size:var(--fs-body);line-height:1.6;color:var(--ink-2);margin:0 0 16px;flex:1}
.ag-bl-pages ul{list-style:none;display:flex;gap:8px;justify-content:center;margin:32px 0 0;padding:0}
.ag-bl-pages a,.ag-bl-pages span{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;
  background:#fff;color:var(--ink);text-decoration:none;font-weight:600}
.ag-bl-pages .current{background:var(--green);color:#fff}

/* Closing call to action */
.ag-up-cta{max-width:var(--max);margin:72px auto 0;padding:48px 3rem;text-align:center}
.ag-up-cta h2{font-family:var(--fd);font-size:var(--fs-h2);font-weight:700;color:var(--ink);margin:0 0 12px}
.ag-up-cta p{font-size:var(--fs-lead);color:var(--ink-2);margin:0 0 24px}
.ag-up-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-weight:700;font-size:16px;
  padding:14px 28px;border-radius:999px;text-decoration:none;transition:background .2s}
.ag-up-btn:hover{background:var(--green-d);color:#fff}

.ag-up a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}

@media(max-width:980px){.ag-st-grid,.ag-bl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .ag-page-hero{padding:calc(72px + 24px) 0 28px}
  .ag-page-hero-in,.ag-up-sec,.ag-up-cta{padding-left:1.25rem;padding-right:1.25rem}
  .ag-up{padding:48px 0 64px}
  .ag-st-grid,.ag-bl-grid{grid-template-columns:1fr}
  .ag-ev{gap:16px;padding:18px}
  .ag-ev-date{width:68px;padding:10px 6px}
  .ag-ev-date b{font-size:24px}
}