.inner-hero { padding: 72px 0 24px; }
.inner-hero h2 { font-size: clamp(36px, 5vw, 52px); margin: 0 0 12px; }
.inner-body { padding: 12px 0 110px; }
.prose h2 { font-size: 28px; margin: 36px 0 12px; }
.prose h3 { font-size: 22px; margin: 28px 0 10px; }
.prose p { margin: 0 0 16px; max-width: 72ch; }
.prose ul, .prose ol { margin: 0 0 20px; padding-left: 1.2em; max-width: 72ch; }
.prose li { margin: 0 0 8px; }
.prose a { color: var(--green-dark); }

.inner-form { display: grid; gap: 10px; max-width: 520px; margin: 24px 0; }
.inner-form label { font-weight: 600; font-size: 14px; }
.inner-form input, .inner-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 2px solid var(--ink);
  background: transparent;
  padding: 10px 0;
  font: inherit;
  font-weight: 600;
}
.inner-form button {
  margin-top: 16px;
  width: 220px;
  border: 0;
  border-radius: 100px;
  padding: 14px 0;
  background: var(--green);
  color: var(--ink-2);
  font-weight: 700;
  cursor: pointer;
}
.inner-form button:hover { background: var(--ink-2); color: #fff; }

.study-page { padding: 72px 0 110px; }
.study-page h2 { font-size: clamp(32px, 4.5vw, 48px); }
.study-hero-img { width: 100%; max-height: 420px; object-fit: cover; margin: 24px 0 32px; }

.about-page { padding: 72px 0 110px; }
.about-page h1 { font-size: clamp(36px, 5vw, 52px); }
.about-feature { margin: 36px 0; }
.about-feature img { width: 100%; max-height: 420px; object-fit: cover; }
.about-feature figcaption { font-weight: 600; margin-top: 10px; }
.about-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 24px;
}
.about-gallery img { width: 100%; height: 160px; object-fit: cover; }

.event-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
  margin: 28px 0 48px;
}
.event-card {
  border: 1px solid #eee;
  padding: 22px 20px 24px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.event-card h3 { margin: 8px 0 12px; font-size: 22px; }
.event-meta { color: var(--muted); font-size: 14px; margin: 8px 0; }

.as-webinar-hero {
  background: #061526;
  color: #fff;
  min-height: 520px;
  display: flex;
  align-items: center;
  padding: 90px 0 140px;
}
.as-webinar-content { max-width: 780px; margin-left: auto; }
.as-label {
  color: var(--green);
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.as-webinar-hero h2 { font-size: clamp(36px, 6vw, 62px); line-height: 1.05; margin: 0 0 25px; }
.as-floating-card {
  max-width: 720px;
  margin: -90px auto 70px 19%;
  background: var(--green);
  padding: 48px 48px;
}
.as-feature { margin-bottom: 28px; }
.as-feature h3 { margin: 0 0 8px; }
.as-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding-bottom: 90px;
}
.as-register-box {
  background: #fff;
  padding: 40px;
  box-shadow: 0 18px 55px rgba(0,0,0,.12);
  border-top: 8px solid var(--green);
}
.as-tags span {
  display: inline-block;
  background: #eefaf5;
  color: #06624e;
  padding: 9px 15px;
  border-radius: 30px;
  margin: 5px;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 900px) {
  .as-floating-card { margin: -60px 16px 40px; padding: 28px; }
  .as-main { grid-template-columns: 1fr; }
}

.no-post { font-weight: 700; margin: 28px 0; }
.quote-thanks { font-weight: 700; }
