.page-masthead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
  background: #fff;
  border-top: 1px solid rgba(60, 73, 152, .09);
  border-bottom: 1px solid #dce1ed;
  color: var(--ink);
}

.content-page,
.content-detail,
.article-page,
.partners-page,
.news-page {
  padding-top: 0;
}

.page-masthead::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--navy);
  content: '';
}

.page-masthead::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(24vw, 360px);
  height: 4px;
  background: var(--accent);
  content: '';
}

.page-masthead__inner {
  position: relative;
  z-index: 1;
  width: min(100% - 32px, var(--container));
  margin: 0 auto;
}

.page-masthead__body {
  position: relative;
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 128px;
  padding: 28px 0 31px;
}

.page-masthead__seal {
  position: relative;
  display: block;
  width: 6px;
  height: 76px;
  background: var(--navy);
}

.page-masthead__seal::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 26px;
  background: var(--accent);
  content: '';
}

.page-masthead .eyebrow { color: var(--accent); }

.page-masthead .eyebrow::before { background: currentColor; }

.page-masthead h1 {
  margin: 6px 0 8px;
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 39px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

.page-masthead p {
  max-width: 700px;
  margin: 0;
  color: #566176;
  font-size: 15px;
  line-height: 1.6;
}

.page-masthead--board {
  border-color: rgba(255, 255, 255, .12);
  background:
    linear-gradient(90deg, rgba(17, 28, 76, .98) 0%, rgba(24, 38, 96, .92) 48%, rgba(24, 38, 96, .57) 100%),
    url('../uploads/content/corporate/669/gebze-ticaret-odasi.jpg') center 46% / cover no-repeat;
}

.page-masthead--board .page-masthead__body {
  min-height: 238px;
  padding: 45px 0 49px;
}

.page-masthead--board .page-masthead__seal {
  height: 102px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .10);
}

.page-masthead--board .page-masthead__seal::after {
  height: 34px;
}

.page-masthead--board .page-masthead__copy {
  max-width: 760px;
}

.page-masthead--board .eyebrow {
  color: #ffdc18;
}

.page-masthead--board h1 {
  margin-top: 8px;
  color: #fff;
  font-size: clamp(40px, 4.6vw, 58px);
  line-height: 1.05;
}

.page-masthead--board p {
  max-width: 730px;
  color: rgba(255, 255, 255, .84);
  font-size: 16px;
  line-height: 1.7;
}

.corporate-board-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 172px;
  gap: 26px;
  align-items: center;
  margin-bottom: 30px;
  padding: 24px;
  border: 1px solid #dce2ef;
  border-radius: 9px;
  background: linear-gradient(135deg, #f7f8fc 0%, #fff 100%);
}

.corporate-board-intro__copy {
  max-width: 670px;
}

.corporate-board-intro__copy h2 {
  margin: 7px 0 10px;
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

.corporate-board-intro__copy p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

.corporate-board-intro__mark {
  display: grid;
  min-height: 132px;
  place-items: center;
  align-content: center;
  padding: 16px;
  border-radius: 8px;
  background: var(--navy);
  color: #fff;
  text-align: center;
}

.corporate-board-intro__mark svg {
  width: 30px;
  height: 30px;
  margin-bottom: 11px;
  color: #ffdc18;
}

.corporate-board-intro__mark small,
.corporate-board-intro__mark strong {
  display: block;
}

.corporate-board-intro__mark small {
  color: rgba(255, 255, 255, .66);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
}

.corporate-board-intro__mark strong {
  margin-top: 3px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

.corporate-article--board .corporate-board-tree {
  margin-top: 0;
}

@media (max-width: 900px) {
  .corporate-detail--board .corporate-article {
    order: -1;
  }
}

.directory-filter {
  display: grid;
  grid-template-columns: minmax(210px, 1.4fr) repeat(2, minmax(135px, .72fr)) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 30px;
  padding: 14px;
  border: 1px solid #dce1ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(31, 47, 78, .05);
}

.directory-filter--events,
.directory-filter--news {
  grid-template-columns: minmax(190px, 1.3fr) repeat(3, minmax(125px, .7fr)) auto;
}

.directory-filter--partners {
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr) auto;
  max-width: none;
}

.directory-filter__field {
  position: relative;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.directory-filter__field > span {
  color: #4d5b73;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.directory-filter__field input,
.directory-filter__field select {
  width: 100%;
  min-width: 0;
  height: 44px;
  border: 1px solid #ccd4e4;
  border-radius: 6px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  outline: 0;
}

.directory-filter__field select { padding: 0 10px; }

.directory-filter__field input { padding: 0 12px; }

.directory-filter__field input:focus,
.directory-filter__field select:focus {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(60, 73, 152, .14);
}

.directory-filter__field--search input { padding-left: 39px; }

.directory-filter__field--search > svg {
  position: absolute;
  bottom: 13px;
  left: 12px;
  width: 17px;
  height: 17px;
  color: #6a7890;
  pointer-events: none;
}

.directory-filter__actions {
  display: flex;
  min-height: 44px;
  gap: 9px;
  align-items: center;
}

.directory-filter__actions button {
  display: inline-flex;
  min-height: 44px;
  gap: 7px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  background: var(--navy);
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.directory-filter--announcements .directory-filter__actions button { background: #7a1f35; }
.directory-filter--events .directory-filter__actions button { background: #075b5b; }
.directory-filter--partners .directory-filter__actions button { background: var(--navy); }

.directory-filter__actions button:hover { background: var(--accent); }

.directory-filter__actions button svg { width: 16px; }

.directory-filter__actions a {
  color: #4d5b73;
  font-size: 12px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.content-listing__bar,
.news-listing__bar {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.content-listing__bar h2,
.news-listing__bar h2 {
  margin: 0;
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 0;
}

.content-listing__bar span,
.news-listing__bar span {
  color: #5c6980;
  font-size: 13px;
  font-weight: 700;
}

.announcement-list {
  margin-top: 18px;
  border-top: 1px solid #dce1ed;
  background: #fff;
}

.announcement-feature {
  border: 1px solid #d5dced;
  border-left: 4px solid var(--accent);
  background: #fff;
  box-shadow: 0 10px 24px rgba(23, 33, 90, .07);
}

.announcement-feature a {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 38px;
  gap: 23px;
  align-items: center;
  min-height: 156px;
  padding: 20px 24px 20px 0;
  color: inherit;
}

.announcement-feature__date {
  display: grid;
  gap: 3px;
  justify-items: center;
  padding: 14px 10px;
  border-right: 1px solid #e1e6f0;
  color: var(--navy);
}

.announcement-feature__date strong {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
}

.announcement-feature__date small { color: var(--accent); font-size: 11px; font-weight: 800; }
.announcement-feature__copy { min-width: 0; }
.announcement-feature__copy h3 {
  margin: 8px 0 7px;
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}
.announcement-feature__copy p { max-width: 720px; margin: 0; color: #58657b; font-size: 14px; }
.announcement-row__meta em { color: #69768b; font-size: 11px; font-style: normal; font-weight: 800; }
.announcement-feature__go,
.event-calendar__go {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #d5ddeb;
  border-radius: 50%;
  color: var(--navy);
}
.announcement-feature__go svg,
.event-calendar__go svg { width: 16px; }
.announcement-feature:hover { border-left-color: #17215a; }
.announcement-feature:hover .announcement-feature__go { background: var(--navy); border-color: var(--navy); color: #fff; }

.announcement-row {
  border-bottom: 1px solid #e1e6f0;
}

.announcement-row a {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 52px 32px;
  gap: 14px;
  align-items: center;
  min-height: 136px;
  padding: 17px 20px;
  color: inherit;
  text-decoration: none;
  transition: background 180ms ease;
}

.announcement-row a:hover { background: #fbf3f5; }

.announcement-row__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 8px;
  background: #f8e9ed;
  color: #7a1f35;
}

.announcement-row__icon svg { width: 19px; }

.announcement-row__copy { min-width: 0; }

.announcement-row__meta,
.event-agenda__meta,
.news-feature__meta,
.news-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  color: #59677d;
  font-size: 12px;
  font-weight: 700;
}

.announcement-row__meta span,
.event-agenda__meta span,
.news-feature__meta span,
.news-card__meta span,
.partner-card__body > span {
  padding: 4px 7px;
  border-radius: 5px;
  background: #f8e9ed;
  color: #7a1f35;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.announcement-row h2,
.event-agenda h2 {
  display: -webkit-box;
  overflow: hidden;
  margin: 7px 0 0;
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.announcement-row p,
.event-agenda p {
  display: -webkit-box;
  overflow: hidden;
  margin: 6px 0 0;
  color: #5b687f;
  font-size: 13px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.announcement-row__date {
  display: grid;
  gap: 1px;
  justify-items: center;
  padding-left: 12px;
  border-left: 1px solid #e0e5ee;
  color: #7a1f35;
}

.announcement-row__date strong {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 22px;
  line-height: 1;
}

.announcement-row__date small {
  font-size: 10px;
  font-weight: 800;
}

.announcement-row__go,
.event-agenda__go {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #d8deea;
  border-radius: 6px;
  color: #53617a;
}

.announcement-row__go svg,
.event-agenda__go svg { width: 16px; }

.announcement-row a:hover .announcement-row__go {
  border-color: #7a1f35;
  background: #7a1f35;
  color: #fff;
}

.event-agenda {
  display: grid;
  gap: 12px;
}

.event-agenda__item {
  position: relative;
  border: 1px solid #cce0de;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(20, 83, 82, .04);
}

.event-agenda__item a {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 32px;
  gap: 18px;
  align-items: center;
  min-height: 154px;
  padding: 0 20px 0 0;
  color: inherit;
  text-decoration: none;
}

.event-agenda__date {
  display: grid;
  align-content: center;
  justify-items: center;
  align-self: stretch;
  gap: 3px;
  border-radius: 7px 0 0 7px;
  background: #075b5b;
  color: #fff;
}

.event-agenda__date strong {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 29px;
  font-weight: 800;
  line-height: 1;
}

.event-agenda__date small {
  color: #bce8e3;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
}

.event-agenda__copy { min-width: 0; padding: 18px 0; }

.event-agenda__meta span { background: #e4f4f1; color: #075b5b; }

.event-agenda__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 16px;
  margin-top: 11px;
  color: #355f5e;
  font-size: 12px;
  font-weight: 800;
}

.event-agenda__facts span,
.event-agenda__facts strong {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

.event-agenda__facts svg { width: 15px; height: 15px; color: #07918d; }

.event-agenda__item a:hover { background: #f3fbfa; }

.event-agenda__item a:hover .event-agenda__go {
  border-color: #075b5b;
  background: #075b5b;
  color: #fff;
}

.event-calendar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.event-calendar__item {
  min-width: 0;
  border: 1px solid #d6deea;
  border-top: 3px solid var(--navy);
  background: #fff;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.event-calendar__item a {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 32px;
  gap: 14px;
  align-items: start;
  min-height: 178px;
  padding: 18px;
  color: inherit;
}

.event-calendar__date {
  display: grid;
  gap: 3px;
  justify-items: center;
  padding: 8px 4px;
  border: 1px solid #cfd8eb;
  color: var(--navy);
}

.event-calendar__date small { color: var(--accent); font-size: 10px; font-weight: 800; }
.event-calendar__date strong { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 30px; font-weight: 800; line-height: 1; }
.event-calendar__copy { min-width: 0; }
.event-calendar__copy .event-agenda__meta { gap: 6px; }
.event-calendar__copy .event-agenda__meta time { display: inline-flex; gap: 4px; align-items: center; }
.event-calendar__copy .event-agenda__meta time svg { width: 13px; }
.event-calendar__copy h2 { display: -webkit-box; overflow: hidden; margin: 8px 0 0; color: var(--ink); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; font-weight: 800; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.event-calendar__copy .event-agenda__facts { margin-top: 12px; font-size: 11px; }
.event-calendar__item:hover { border-color: var(--navy); box-shadow: 0 12px 24px rgba(23, 33, 90, .09); }
.event-calendar__item:hover .event-calendar__go { background: var(--navy); border-color: var(--navy); color: #fff; }

.partner-directory {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border: 1px solid #d7e1c7;
  background: #fff;
}

.partner-card {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 20px;
  min-height: 108px;
  padding: 14px 20px;
  border-bottom: 1px solid #e5ebdc;
  background: #fff;
}

.partner-card:last-child {
  border-bottom: 0;
}

.partner-card__logo {
  display: grid;
  width: 96px;
  height: 68px;
  place-items: center;
  align-self: center;
  border: 1px solid #e3ead8;
  border-radius: 6px;
  background: #fbfcf8;
}

.partner-card__logo img {
  width: 74px;
  height: 54px;
  object-fit: contain;
}

.partner-card__body {
  display: grid;
  grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr);
  gap: 24px;
  align-items: center;
  min-width: 0;
}

.partner-card__identity { min-width: 0; }

.partner-card__identity > span {
  display: inline-block;
  padding: 4px 7px;
  border-radius: 5px;
  background: #edf3e0;
  color: #4d6417;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.partner-card h2 {
  margin: 7px 0 5px;
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
}

.partner-card p {
  overflow: hidden;
  margin: 0;
  color: #59677d;
  font-size: 13px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content-detail--announcements .article__header { border-left: 4px solid #7a1f35; padding-left: 20px; }
.content-detail--events .article__header { border-left: 4px solid #075b5b; padding-left: 20px; }
.article-page .article__header { border-left: 4px solid #273b74; padding-left: 20px; }

.content-detail--announcements .article-meta-list svg { color: #7a1f35; }
.content-detail--events .article-meta-list svg { color: #075b5b; }

@media (max-width: 1080px) {
  .directory-filter--events,
  .directory-filter--news {
    grid-template-columns: minmax(190px, 1.2fr) repeat(2, minmax(140px, .8fr));
  }

  .directory-filter__actions { grid-column: 1 / -1; }

}

@media (max-width: 720px) {
  .page-masthead { margin-bottom: 19px; }
  .page-masthead__inner { width: min(100% - 24px, var(--container)); }

  .page-masthead__body {
    grid-template-columns: 5px minmax(0, 1fr);
    gap: 16px;
    min-height: 0;
    padding: 24px 0 26px;
  }

  .page-masthead__seal { width: 5px; height: 64px; }
  .page-masthead__seal::after { height: 22px; }
  .page-masthead h1 { font-size: 28px; }
  .page-masthead p { font-size: 14px; }

  .page-masthead--board {
    background-position: 61% center;
  }

  .page-masthead--board .page-masthead__body {
    min-height: 210px;
    padding: 34px 0 38px;
  }

  .page-masthead--board .page-masthead__seal {
    height: 78px;
  }

  .page-masthead--board .page-masthead__seal::after {
    height: 27px;
  }

  .page-masthead--board h1 {
    font-size: clamp(31px, 9vw, 40px);
  }

  .page-masthead--board p {
    font-size: 14px;
    line-height: 1.6;
  }

  .corporate-board-intro {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 20px;
  }

  .corporate-board-intro__copy h2 {
    font-size: 27px;
  }

  .corporate-board-intro__mark {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 0;
    justify-items: start;
    padding: 14px 16px;
    text-align: left;
  }

  .corporate-board-intro__mark svg {
    grid-row: 1 / 3;
    margin: 0;
  }

  .directory-filter,
  .directory-filter--events,
  .directory-filter--news,
  .directory-filter--partners {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 24px;
  }

  .directory-filter__field--search,
  .directory-filter__actions { grid-column: 1 / -1; }

  .announcement-feature a { grid-template-columns: 66px minmax(0, 1fr) 30px; gap: 14px; min-height: 144px; padding: 16px 14px 16px 0; }
  .announcement-feature__date strong { font-size: 28px; }
  .announcement-feature__copy h3 { display: -webkit-box; overflow: hidden; font-size: 17px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .announcement-feature__copy p { display: -webkit-box; overflow: hidden; font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .announcement-row a { grid-template-columns: 42px minmax(0, 1fr) 28px; gap: 11px; min-height: 118px; padding: 15px; }
  .announcement-row__icon { width: 38px; height: 38px; }
  .announcement-row__date { display: none; }
  .announcement-row h2,
  .event-agenda h2 { font-size: 16px; }

  .event-calendar { grid-template-columns: 1fr; gap: 10px; }
  .event-calendar__item a { grid-template-columns: 64px minmax(0, 1fr) 30px; min-height: 136px; padding: 14px; }
  .event-calendar__date strong { font-size: 26px; }

  .partner-card {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
  }

  .partner-card__logo { width: 84px; }

  .partner-card__body {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}

@media (max-width: 430px) {
  .directory-filter,
  .directory-filter--events,
  .directory-filter--news,
  .directory-filter--partners { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .directory-filter__field--search,
  .directory-filter__actions { grid-column: 1 / -1; }

  .directory-filter--events .directory-filter__field:nth-of-type(4) { grid-column: 1 / -1; }
  .directory-filter--partners .directory-filter__field:not(.directory-filter__field--search) { grid-column: 1 / -1; }

  .content-listing__bar,
  .news-listing__bar { align-items: flex-start; flex-direction: column; gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .announcement-row a,
  .event-agenda__item a { transition: none; }
}