:root {
  --green-950: #032417;
  --green-900: #0a3f2a;
  --green-800: #0e5f3d;
  --green-700: #15804d;
  --green-500: #2ca861;
  --green-200: #d8efe1;
  --green-100: #ebf8f0;
  --sky-100: #ecf5fb;
  --amber-500: #c88516;
  --gold-700: #976616;
  --gold-600: #b17819;
  --gold-500: #ca8f2f;
  --gold-100: #fff4d9;
  --text-900: #182630;
  --text-700: #385160;
  --text-500: #657884;
  --border: #cfe3d8;
  --danger: #a11f1f;
  --surface: #ffffff;
  --surface-soft: #f7fbf9;
  --shadow-soft: 0 16px 36px rgba(10, 63, 42, 0.08);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.egr-shell {
  direction: rtl;
  font-family: "Cairo", "Tajawal", sans-serif;
  color: var(--text-900);
  min-height: 100vh;
}

.egr-container {
  width: min(1240px, 93%);
  margin: 0 auto;
  padding: 0.9rem 0 2.4rem;
}

.egr-page-head {
  background: linear-gradient(135deg, #ffffff 0%, #f2fbf6 100%);
  border: 1px solid #c5dfd1;
  border-radius: 20px;
  padding: 1rem 1.2rem;
  margin-bottom: 1.15rem;
  box-shadow: var(--shadow-soft);
  text-align: center;
}

.egr-page-head h1 {
  margin: 0;
  color: var(--green-950);
  font-size: clamp(1.18rem, 1.85vw, 1.65rem);
  line-height: 1.5;
}

.egr-main-title .egr-title-tail {
  white-space: nowrap;
}

.egr-main-title {
  font-weight: 700;
}

.egr-page-head p {
  margin: 0.45rem 0 0;
  color: var(--text-700);
}

.egr-top-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 1.1rem;
}

.egr-top-links a,
.egr-top-links .egr-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 999px;
  padding: 0.5rem 0.95rem;
  text-decoration: none;
  color: var(--green-950);
  font-weight: 700;
  transition: 0.2s ease;
}

.egr-top-links a:hover {
  background: #f0faf4;
  border-color: #b6d7c3;
  transform: translateY(-1px);
}

.egr-badge {
  background: #fff9eb;
  border-color: #f1d8a8;
  color: #86580d;
}

.egr-inline-form {
  margin: 0;
}

/* Project pages inside WordPress: keep only logo row, hide top/bottom strips */
#theme-header #top-nav,
#theme-header .main-nav-wrapper,
#theme-header #main-nav,
#theme-header #mobile-header-components-area_1,
#theme-header #mobile-header-components-area_2 {
  display: none !important;
}

#theme-header {
  position: static;
  background: #ffffff !important;
  border-bottom: 1px solid #dfe8e3 !important;
  box-shadow: 0 2px 10px rgba(16, 33, 24, 0.06) !important;
  margin-bottom: 0.5rem !important;
}

#theme-header::after {
  content: none;
}

#theme-header .header-container {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

#theme-header .logo-row {
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0 !important;
}

#theme-header #logo {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 0;
}

#theme-header .stream-item-top-wrapper,
#theme-header .stream-item-top {
  margin: 0 !important;
}

#theme-header .tie-logo-img {
  max-height: 84px !important;
  width: auto !important;
}

#theme-header .stream-item-top img,
#theme-header .stream-item-top picture img {
  border-radius: 8px;
  border: 1px solid #e4ece7;
  max-height: 84px;
  width: auto;
  object-fit: contain;
}

.egr-home-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.25fr 0.9fr;
  gap: 1rem;
  background:
    linear-gradient(145deg, #ffffff 0%, #f2fbf7 70%),
    linear-gradient(45deg, #ffffff, #ffffff);
  border: 1px solid #c6dfd2;
  border-radius: 22px;
  padding: 1.2rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.egr-home-hero::before {
  content: "";
  position: absolute;
  inset: -120px auto auto -120px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44, 168, 97, 0.16) 0%, transparent 72%);
  pointer-events: none;
}

.egr-home-hero-content,
.egr-home-hero-side {
  position: relative;
  z-index: 1;
}

.egr-kicker {
  display: inline-flex;
  align-items: center;
  border: 1px solid #b8dbc7;
  background: #ecf8f1;
  color: var(--green-800);
  border-radius: 999px;
  padding: 0.28rem 0.78rem;
  font-size: 0.85rem;
  font-weight: 800;
}

.egr-home-hero h2 {
  margin: 0.65rem 0 0.55rem;
  font-size: clamp(1.25rem, 2.6vw, 2.05rem);
  line-height: 1.55;
  color: var(--green-950);
}

.egr-home-hero p {
  margin: 0;
  color: var(--text-700);
  line-height: 2.02;
}

.egr-home-hero-side {
  background: linear-gradient(180deg, #f8fcfa 0%, #f0faf5 100%);
  border: 1px solid #d3e8db;
  border-radius: 16px;
  padding: 0.9rem;
}

.egr-home-hero-side h3 {
  margin: 0 0 0.55rem;
  color: var(--green-900);
}

.egr-home-hero-badges {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.7rem;
}

.egr-home-hero-badges span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  background: #fff;
  border: 1px solid #cbe3d5;
  border-radius: 999px;
  padding: 0.24rem 0.72rem;
  color: var(--green-900);
  font-size: 0.87rem;
  font-weight: 700;
}

.egr-brand-hero {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);
  align-items: stretch;
  padding: 1.35rem;
  background:
    radial-gradient(380px 220px at 92% 12%, rgba(202, 143, 47, 0.14), transparent 70%),
    linear-gradient(145deg, #ffffff 0%, #f6fbf8 55%, #eff8f4 100%);
  border-color: #c2dccf;
}

.egr-brand-hero::after {
  content: "";
  position: absolute;
  inset: auto 28% -135px auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(202, 143, 47, 0.14) 0%, transparent 72%);
  pointer-events: none;
}

.egr-brand-hero-content {
  display: flex;
  flex-direction: column;
  gap: 0.72rem;
}

.egr-brand-hero-stack {
  grid-template-columns: 1fr;
  gap: 1rem;
}

.egr-brand-hero-intro {
  width: min(1120px, 100%);
  margin-inline: auto;
  gap: 0.35rem;
}

.egr-brand-hero-intro .egr-main-title {
  margin: 0 0 0.2rem;
  text-align: center;
}

.egr-brand-hero-stack .egr-brand-hero-content,
.egr-brand-hero-stack .egr-brand-hero-side,
.egr-brand-hero-stack .egr-brand-hero-goals {
  width: min(1120px, 100%);
  margin-inline: auto;
}

.egr-brand-hero-intro .egr-brand-copy.egr-justify {
  max-width: min(1120px, 100%);
  margin-inline: auto;
  padding-inline: 0;
  text-align: center;
  text-align-last: center;
  text-wrap: pretty;
  font-size: 1.03rem;
  line-height: 1.72;
  font-weight: 400;
}

.egr-brand-hero-goals h3 {
  margin-bottom: 0.6rem;
}

.egr-brand-copy {
  font-size: 1.03rem;
  line-height: 2.05;
}

.egr-brand-checks {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.44rem;
}

.egr-brand-checks li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  margin: 0;
  border: 1px solid #d3e6db;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 0.45rem 0.72rem;
  color: var(--green-900);
  line-height: 1.85;
  font-weight: 700;
  text-align: right;
}

.egr-brand-checks li::before {
  content: "";
  flex: 0 0 0.52rem;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-500), var(--gold-700));
}

.egr-brand-hero-side {
  display: flex;
  align-self: center;
  justify-content: center;
  background: transparent;
  border: 0;
  padding: 0;
  min-height: 0;
}

.egr-shield-frame {
  position: relative;
  width: clamp(220px, 30%, 360px);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #7fc7a4;
  background: transparent;
  min-height: 0;
  padding: 0.3rem;
}

.egr-shield-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(30deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.egr-shield-frame img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  display: block;
}

.egr-card-home {
  border-color: #c8dfd2;
  background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
}

.egr-card-home > h2 {
  position: relative;
  padding-bottom: 0.52rem;
}

.egr-card-home > h2::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  width: min(260px, 42%);
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--green-500), var(--gold-500));
}

.egr-card-home .egr-table-wrap {
  border: 1px solid #d5e8dd;
  border-radius: 14px;
  background: #ffffff;
}

.egr-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 1.2rem;
  margin-bottom: 1.2rem;
  box-shadow: var(--shadow-soft);
}

.egr-card h2,
.egr-card h3,
.egr-card h4 {
  margin: 0 0 0.95rem;
  color: var(--green-950);
  line-height: 1.65;
}

.egr-card-apply > h2,
.egr-card-apply > p.egr-muted {
  text-align: center;
}

.egr-card-home > h2 {
  text-align: center;
}

.egr-card-home .egr-sub-card h3 {
  text-align: center;
}

.egr-card-home .egr-sub-card p {
  text-align: justify;
}

.egr-participation-grid .egr-sub-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 130px;
  text-align: center;
}

.egr-participation-grid .egr-sub-card h3 {
  margin-bottom: 0.65rem;
}

.egr-participation-grid .egr-sub-card p {
  text-align: center !important;
  margin: 0 auto;
  max-width: 92%;
  line-height: 1.9;
}

.egr-home-entry-actions {
  justify-content: center;
  margin-top: -0.2rem;
  margin-bottom: 1.2rem;
}

.egr-home-entry-actions .egr-btn {
  min-width: 180px;
  justify-content: center;
  text-align: center;
}

.egr-card > p.egr-muted {
  margin: 0 0 1.15rem;
  line-height: 1.9;
}

.egr-card > .egr-form,
.egr-card > .egr-table-wrap,
.egr-card > .egr-grid-2,
.egr-card > .egr-meta,
.egr-card > .egr-list,
.egr-card > .egr-abstract,
.egr-card > .egr-guide-details {
  margin-top: 0.95rem;
}

.egr-hero-text {
  font-size: 1.03rem;
  line-height: 2;
  background: linear-gradient(180deg, #f3fbf6, #edf8f1);
  border: 1px solid #d1e7da;
  border-radius: 12px;
  padding: 0.9rem;
}

.egr-muted,
.egr-card small {
  color: var(--text-500);
}

.egr-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.78rem;
  margin-top: 0.75rem;
}

.egr-stats article {
  background: linear-gradient(180deg, #f1fbf5 0%, #e8f7ef 100%);
  border: 1px solid #c4e3d1;
  border-radius: 14px;
  padding: 0.85rem;
  text-align: center;
}

.egr-stats h3 {
  margin: 0;
  color: var(--green-900);
  font-size: 1.7rem;
}

.egr-stats p {
  margin: 0.35rem 0 0;
  color: var(--text-700);
}

.egr-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.95rem;
}

.egr-btn {
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 0.62rem 1.02rem;
  font-family: inherit;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  transition: 0.2s ease;
}

.egr-btn-primary {
  background: linear-gradient(135deg, #147646 0%, #0f6037 100%);
  color: #fff;
  box-shadow: 0 8px 16px rgba(15, 96, 55, 0.22);
}

.egr-btn-primary:hover {
  background: linear-gradient(135deg, #116b40 0%, #0b572f 100%);
  transform: translateY(-1px);
}

.egr-btn-light {
  background: #fff;
  border-color: var(--green-700);
  color: var(--green-700);
}

.egr-btn-light:hover {
  background: var(--green-100);
  transform: translateY(-1px);
}

.egr-btn-danger {
  background: var(--danger);
  color: #fff;
}

.egr-btn-sm {
  padding: 0.38rem 0.72rem;
  border-radius: 10px;
  font-size: 0.88rem;
  min-width: 74px;
  text-align: center;
}

.egr-btn-xl {
  min-width: 290px;
  font-size: 1.2rem;
  padding: 0.9rem 1.8rem;
  border-radius: 14px;
}

.egr-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
}

.egr-form {
  display: grid;
  gap: 0.95rem;
}

.egr-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.egr-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.egr-col-full {
  grid-column: span 2;
}

.egr-form label {
  display: grid;
  gap: 0.38rem;
  font-weight: 700;
  color: var(--text-900);
}

.egr-form input,
.egr-form textarea,
.egr-form select {
  width: 100%;
  border: 1px solid #c9d9ce;
  border-radius: 10px;
  padding: 0.62rem 0.72rem;
  min-height: 46px;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.8;
  background: #fff;
  color: var(--text-900);
}

.egr-form select {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.egr-form textarea {
  min-height: 110px;
  resize: vertical;
}

.egr-hidden-field {
  display: none;
}

.egr-label-title {
  display: block;
  font-weight: 800;
  margin-bottom: 0.4rem;
}

.egr-rich-editor {
  border: 1px solid #c9d9ce;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.egr-rich-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem;
  border-bottom: 1px solid #d9e7dd;
  background: linear-gradient(180deg, #f6fbf8 0%, #eef6f1 100%);
}

.egr-toolbar-group {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.egr-toolbar-sep {
  width: 1px;
  height: 28px;
  background: #c9d9ce;
  margin: 0 0.1rem;
}

.egr-rich-select {
  border: 1px solid #bfd7c8;
  background: #fff;
  color: var(--green-900);
  border-radius: 8px;
  min-height: 33px;
  padding: 0.2rem 0.45rem;
  font-family: inherit;
  font-size: 0.9rem;
}

.egr-rich-toolbar button {
  border: 1px solid #bfd7c8;
  background: #fff;
  color: var(--green-900);
  border-radius: 8px;
  min-width: 34px;
  min-height: 33px;
  padding: 0.25rem 0.5rem;
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
}

.egr-rich-toolbar button:hover {
  background: #edf7f1;
}

.egr-editor-input {
  min-height: 190px;
  padding: 0.7rem 0.78rem;
  line-height: 1.85;
  outline: none;
}

.egr-editor-input b,
.egr-editor-input strong {
  font-weight: 800 !important;
  color: inherit;
}

.egr-editor-input ul {
  display: block !important;
  list-style-type: disc !important;
  list-style-position: inside !important;
  margin: 0.35rem 0 !important;
  padding-right: 0.2rem !important;
}

.egr-editor-input ol {
  display: block !important;
  list-style-type: decimal !important;
  list-style-position: inside !important;
  margin: 0.35rem 0 !important;
  padding-right: 0.2rem !important;
}

.egr-editor-input li {
  display: list-item !important;
  list-style: inherit !important;
  margin: 0.14rem 0 !important;
}

.egr-editor-input li::marker {
  color: var(--green-900);
  font-weight: 700;
}

.egr-editor-input:focus {
  box-shadow: inset 0 0 0 2px rgba(14, 122, 70, 0.12);
}

.egr-rich-view ul,
.egr-rich-view ol {
  margin: 0.4rem 0;
  padding-right: 1.2rem;
}

.egr-rich-view li {
  margin-bottom: 0.25rem;
}

.egr-contrib-grid .egr-sub-card h3,
.egr-contrib-grid .egr-sub-card h4 {
  margin: 0 0 0.55rem;
}

.egr-contrib-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.egr-contrib-grid .egr-sub-card {
  display: flex;
  flex-direction: column;
}

.egr-contrib-grid .egr-sub-card .egr-abstract {
  margin-bottom: 0.55rem;
}

.egr-contrib-goals {
  flex: 1 1 auto;
  margin: 0 0 0.7rem;
  padding: 0.55rem 0.65rem;
  border: 1px dashed #b9ccc2;
  border-radius: 10px;
  background: #f8fcfa;
  display: flex;
  align-items: flex-start;
}

.egr-contrib-goals-list {
  margin: 0;
  padding-right: 0;
  list-style: none;
  width: 100%;
}

.egr-contrib-goals-list li {
  position: relative;
  margin-bottom: 0.2rem;
  padding-right: 1rem;
  line-height: 1.55;
}

.egr-contrib-goals-list li::before {
  content: "•";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--green-900);
  font-weight: 700;
}

.egr-track-result {
  margin-top: 1rem;
  padding: 0.85rem;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-soft);
}

.egr-track-result h3 {
  margin: 0 0 0.6rem;
}

.egr-goal-total {
  display: inline-flex;
  min-width: 58px;
  justify-content: center;
  padding: 0.18rem 0.48rem;
  border-radius: 8px;
  background: #e8f3ff;
  border: 1px solid #c4d8f1;
  color: #1d4f87;
  font-weight: 800;
}

.egr-sdg-table td.egr-goal-total-cell {
  vertical-align: middle;
  text-align: center;
}

.egr-auto-result {
  margin-top: 0.7rem;
  font-weight: 700;
  color: var(--green-900);
}

.egr-recipient-list {
  display: grid;
  gap: 0.5rem;
}

.egr-recipient-item {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 0.55rem 0.7rem;
  background: var(--surface-soft);
}

.egr-recipient-item input[type="checkbox"] {
  margin-top: 0.15rem;
  width: 1.1rem;
  min-height: 1.1rem;
  height: 1.1rem;
  padding: 0;
  flex: 0 0 auto;
}

.egr-recipient-item span {
  display: grid;
  gap: 0.15rem;
}

.egr-form input:focus,
.egr-form textarea:focus,
.egr-form select:focus {
  outline: none;
  border-color: var(--green-700);
  box-shadow: 0 0 0 3px rgba(14, 122, 70, 0.14);
}

.egr-filter {
  display: grid;
  grid-template-columns: 2fr 1fr auto;
  gap: 0.58rem;
  margin-bottom: 0.85rem;
}

.egr-table-wrap {
  overflow-x: auto;
}

.egr-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 840px;
}

.egr-table th,
.egr-table td {
  text-align: right;
  vertical-align: top;
  border-bottom: 1px solid var(--border);
  padding: 0.75rem;
  line-height: 1.8;
}

.egr-table th {
  background: linear-gradient(180deg, #ecf8f1 0%, #e7f5ec 100%);
  color: var(--green-950);
  font-weight: 800;
  white-space: nowrap;
  text-align: center;
}

.egr-table tbody tr:nth-child(even) td {
  background: #fcfefd;
}

.egr-sdg-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.egr-sdg-table tbody tr:nth-child(even) td {
  background: #f5fbf7;
}

.egr-sdg-table td:nth-child(2) {
  min-width: 260px;
}

.egr-sdg-table td:nth-child(3),
.egr-sdg-table td:nth-child(4),
.egr-sdg-table td:nth-child(5),
.egr-sdg-table td:nth-child(6) {
  min-width: 120px;
}

.egr-sdg-table .egr-sdg-dimension-head,
.egr-sdg-table .egr-sdg-dimension-cell {
  min-width: 88px;
  width: 88px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: 800;
}

.egr-sdg-table .egr-sdg-dimension-cell {
  background: #edf8f2 !important;
  color: var(--green-950);
}

.egr-sdg-table .egr-sdg-dimension-social {
  background: #e8f6ee !important;
}

.egr-sdg-table .egr-sdg-dimension-economic {
  background: #f5f3e6 !important;
}

.egr-sdg-table .egr-sdg-dimension-environmental {
  background: #e8f4ef !important;
}

.egr-sdg-table tfoot th {
  background: #ecf6f1;
  text-align: right;
}

.egr-dimension-average {
  color: #1d4f87;
  font-weight: 800;
}

.egr-sdg-table th,
.egr-sdg-table td {
  border-bottom-color: #b8d1c2;
}

.egr-sdg-table th + th,
.egr-sdg-table td + td {
  border-right: 1px solid #c6dccf;
}

.egr-guide-table td {
  min-width: 220px;
}

.egr-guide-table .egr-guide-dimension-head,
.egr-guide-table .egr-guide-dimension-cell {
  min-width: 88px;
  width: 88px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.egr-guide-dimension-group {
  padding: 0.2rem 0.15rem !important;
  background: #f8fcfa;
}

.egr-guide-dimension-group-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  width: 100%;
}

.egr-guide-dimension-vertical {
  display: inline-block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 0.08em;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.3;
  color: #16543b;
}

.egr-guide-dimension-group-social {
  background: #eefaf4;
}

.egr-guide-table tbody tr td.egr-guide-dimension-group-social {
  background: #eefaf4 !important;
}

.egr-guide-dimension-group-economic {
  background: #fdf9ef;
}

.egr-guide-dimension-group-environmental {
  background: #eefaf4;
}

.egr-guide-dimension-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.24rem 0.56rem;
  border-radius: 999px;
  border: 1px solid #bfd9ca;
  background: #ffffff;
  color: #1f4f3a;
  font-weight: 800;
  font-size: 0.84rem;
  line-height: 1.25;
}

.egr-guide-dimension-pill-social {
  border-color: #a7d2b8;
  background: #f1fbf5;
}

.egr-guide-dimension-pill-economic {
  border-color: #d9cfac;
  background: #fdf9ee;
}

.egr-guide-dimension-pill-environmental {
  border-color: #9fceb7;
  background: #eefaf4;
}

.egr-guide-goal {
  display: grid;
  gap: 0.18rem;
  justify-items: center;
  text-align: center;
}

.egr-guide-goal-title {
  font-weight: 700;
  color: var(--green-950);
}

.egr-guide-goal-ordinal {
  font-weight: 600;
  color: #4e6f60;
  font-size: 0.92rem;
}

.egr-guide-table td:nth-child(4) {
  white-space: pre-line;
}

.egr-guide-dimensions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.62rem;
  margin-bottom: 0.84rem;
}

.egr-guide-dimensions-inline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.egr-guide-dimension {
  border: 1px solid #c7dfd0;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fcfa 0%, #f2faf6 100%);
  padding: 0.62rem 0.68rem;
  box-shadow: 0 8px 18px rgba(8, 52, 32, 0.05);
}

.egr-guide-dimensions-inline .egr-guide-dimension {
  display: grid;
  gap: 0.2rem;
  justify-items: center;
  align-content: center;
  min-height: 70px;
}

.egr-guide-dimension-label {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  color: var(--green-950);
  font-weight: 800;
  line-height: 1.35;
}

.egr-guide-dimension-meta {
  text-align: center;
  color: #3e5d50;
  font-size: 0.84rem;
  line-height: 1.65;
  font-weight: 600;
}

.egr-guide-dimension-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
  justify-content: center;
}

.egr-guide-dimension-list li {
  margin: 0;
  padding: 0.24rem 0.52rem;
  border: 1px solid #bfd9ca;
  background: #ffffff;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #1f4f3a;
  line-height: 1.4;
}

.egr-guide-dimension-social {
  border-color: #a7d2b8;
}

.egr-guide-dimension-economic {
  border-color: #d9cfac;
}

.egr-guide-dimension-environmental {
  border-color: #9fceb7;
}

.egr-files,
.egr-files-cell {
  display: flex;
  gap: 0.42rem;
  flex-wrap: wrap;
}

.egr-files a,
.egr-files-cell a {
  background: #eef8f2;
  border: 1px solid #c2e2cf;
  border-radius: 8px;
  padding: 0.28rem 0.58rem;
  text-decoration: none;
  color: var(--green-900);
  font-weight: 700;
}

.egr-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.62rem;
  margin-bottom: 1rem;
}

.egr-abstract {
  background: #f7fbfd;
  border: 1px solid #deebf2;
  border-radius: 10px;
  padding: 0.82rem;
  line-height: 1.95;
}

.egr-justify {
  text-align: justify;
}

.egr-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.egr-list li {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 0.6rem;
  background: #fff;
}

.egr-plain-list {
  list-style: disc;
  padding-right: 1.2rem;
}

.egr-plain-list li {
  border: none;
  background: transparent;
  padding: 0.2rem 0;
  border-radius: 0;
}

.egr-cell-list {
  margin: 0;
  padding-right: 1rem;
  list-style: disc;
}

.egr-cell-list li {
  margin-bottom: 0.28rem;
}

.egr-guide-table .egr-guide-col-criteria .egr-cell-list,
.egr-guide-table .egr-guide-col-indicator .egr-cell-list {
  list-style: none !important;
  padding-right: 0;
  margin: 0;
}

.egr-guide-table .egr-guide-col-criteria .egr-cell-list li,
.egr-guide-table .egr-guide-col-indicator .egr-cell-list li {
  position: relative;
  display: block;
  margin: 0;
  padding-right: 1rem;
}

.egr-guide-table .egr-guide-col-criteria .egr-cell-list li::marker,
.egr-guide-table .egr-guide-col-indicator .egr-cell-list li::marker {
  content: none;
}

.egr-guide-table .egr-guide-col-criteria .egr-cell-list li::before,
.egr-guide-table .egr-guide-col-indicator .egr-cell-list li::before {
  content: "•";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--green-900);
  font-weight: 700;
}

.egr-guide-table .egr-guide-col-criteria .egr-cell-list li + li,
.egr-guide-table .egr-guide-col-indicator .egr-cell-list li + li {
  margin-top: 0.32rem;
}

.egr-guide-table .egr-guide-col-reference .egr-cell-list {
  list-style: none;
  margin: 0;
  padding-right: 0;
}

.egr-guide-table .egr-guide-col-reference .egr-cell-list li {
  padding-right: 0;
  margin-bottom: 0.3rem;
}

.egr-guide-table .egr-guide-col-reference .egr-cell-list li::before,
.egr-guide-table .egr-guide-col-reference .egr-cell-list li::marker {
  content: none !important;
}

.egr-sub-card {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 0.86rem;
}

.egr-status {
  display: inline-flex;
  border-radius: 999px;
  padding: 0.24rem 0.65rem;
  font-weight: 800;
  font-size: 0.82rem;
}

.st-screening { background: #fff4dd; color: #8f6308; }
.st-review { background: #e7f2ff; color: #0a62aa; }
.st-complete { background: #ece9ff; color: #5237aa; }
.st-improve { background: #fff2dc; color: #9a5f0f; }
.st-accepted { background: #dcf7e8; color: #0c7e38; }
.st-rejected { background: #ffe8e8; color: #9f1d1d; }
.st-default { background: #f1f5f9; color: #334155; }

.egr-flash {
  border: 1px solid;
  border-radius: 12px;
  padding: 0.74rem;
  margin-bottom: 0.9rem;
}

.egr-success { background: #eaf9ef; border-color: #a8ddb9; color: #0f7f39; }
.egr-error { background: #fff1f1; border-color: #f1b3b3; color: #a01a1a; }

.egr-counter {
  font-size: 0.84rem;
  color: var(--text-500);
}

.egr-video-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.egr-video-size-hint {
  font-size: 0.92rem;
  color: var(--text-700);
  font-weight: 600;
}

.egr-counter.limit-reached {
  color: var(--danger);
  font-weight: 700;
}

.egr-bool-score {
  min-width: 140px;
  font-weight: 700;
  background: #fff;
}

.egr-row-total {
  display: inline-flex;
  min-width: 54px;
  justify-content: center;
  padding: 0.18rem 0.45rem;
  border-radius: 8px;
  background: #edf8f1;
  border: 1px solid #c9e3d5;
  color: var(--green-900);
  font-weight: 800;
}

.egr-form label.egr-check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  font-weight: 700;
  background: #f8fcfa;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 0.62rem 0.75rem;
}

.egr-check-text {
  line-height: 1.85;
  white-space: nowrap;
}

.egr-check input {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  flex: 0 0 auto;
}

.egr-submit-wrap {
  display: flex;
  justify-content: center;
}

.egr-modal-open {
  overflow: hidden;
}

.egr-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(12, 22, 17, 0.5);
}

.egr-confirm-overlay[hidden] {
  display: none !important;
}

.egr-confirm-modal {
  width: min(460px, 96vw);
  background: #ffffff;
  border: 1px solid #c8dfd1;
  border-radius: 16px;
  box-shadow: 0 24px 55px rgba(5, 25, 16, 0.28);
  padding: 1rem 0.95rem;
  text-align: center;
}

.egr-confirm-message {
  margin: 0 0 0.88rem;
  font-size: 1.06rem;
  font-weight: 700;
  line-height: 1.9;
  color: var(--green-950);
}

.egr-confirm-submit {
  min-width: 180px;
  FONT-FAMILY: 'CAIRO';
}

.egr-guide-details {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 0.45rem 0.55rem;
  background: #fbfdfc;
}

.egr-guide-details summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--green-900);
  margin: 0.2rem 0 0.5rem;
}

#apply-form {
  scroll-margin-top: 120px;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell {
  --green-950: #dff9eb;
  --green-900: #c7efd8;
  --green-800: #a8e5c4;
  --green-700: #75cf9c;
  --green-500: #3fb879;
  --green-200: #263831;
  --green-100: #203029;
  --text-900: #eff6f1;
  --text-700: #cfddd5;
  --text-500: #afc1b7;
  --border: #3a4d44;
  --surface: #23282c;
  --surface-soft: #2a3035;
  --shadow-soft: 0 16px 36px rgba(0, 0, 0, 0.38);
  color-scheme: dark;
  background: rgb(39, 41, 45);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header {
  background: #20262a !important;
  border-bottom-color: #3f5148 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34) !important;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header .header-container {
  background: transparent;
  border: 0;
  box-shadow: none;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header .stream-item-top img,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header .stream-item-top picture img {
  border-color: #3c4f46;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-page-head {
  background: linear-gradient(135deg, #252b2f 0%, #1f2723 100%);
  border-color: #365247;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-top-links a,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-top-links .egr-badge {
  background: #252b2f;
  border-color: #3e5348;
  color: var(--green-950);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-top-links a:hover {
  background: #2a322e;
  border-color: #4b6658;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-badge {
  background: #3a3221;
  border-color: #5f5336;
  color: #f4d69a;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-home-hero {
  background: linear-gradient(145deg, #252b2f 0%, #1f2724 70%);
  border-color: #3a4f45;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-home-hero::before {
  background: radial-gradient(circle, rgba(63, 184, 121, 0.18) 0%, transparent 72%);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-kicker {
  background: #27332d;
  border-color: #486155;
  color: #c6eed8;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-home-hero-side {
  background: linear-gradient(180deg, #282f34 0%, #20282c 100%);
  border-color: #3e5248;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-home-hero-badges span {
  background: #283137;
  border-color: #42564d;
  color: #cff1de;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-brand-hero {
  background:
    radial-gradient(360px 220px at 92% 12%, rgba(202, 143, 47, 0.18), transparent 72%),
    linear-gradient(145deg, #252b2f 0%, #1f2724 62%, #1d2723 100%);
  border-color: #476054;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-brand-checks li {
  background: #252f34;
  border-color: #3f565f;
  color: #d9e6ef;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-brand-hero-side {
  background: transparent;
  border: 0;
  padding: 0;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-shield-frame {
  background: transparent;
  border-color: #3f5348;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-card-home {
  background: linear-gradient(180deg, #262d31 0%, #22282c 100%);
  border-color: #3f544a;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-card-home .egr-table-wrap {
  background: #252d32;
  border-color: #3f5348;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-hero-text {
  background: linear-gradient(180deg, #273036, #202a30);
  border-color: #3e505b;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-stats article {
  background: linear-gradient(180deg, #27322e 0%, #202a26 100%);
  border-color: #3f564a;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-btn-light {
  background: #2a3136;
  border-color: #6abf93;
  color: #bdeed4;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-btn-light:hover {
  background: #323c42;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-form input,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-form textarea,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-form select {
  background: #21272c;
  border-color: #3e5248;
  color: #edf4ef;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-rich-editor {
  background: #22292e;
  border-color: #3f5348;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-rich-toolbar {
  background: #273036;
  border-color: #3f5348;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-rich-toolbar button {
  background: #2c353b;
  border-color: #4a6358;
  color: #cef1de;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-rich-select {
  background: #2c353b;
  border-color: #4a6358;
  color: #cef1de;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-toolbar-sep {
  background: #466055;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-track-result,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-recipient-item {
  background: #252d32;
  border-color: #3f5348;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-goal-total {
  background: #243544;
  border-color: #3f5d7a;
  color: #bcdcff;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-editor-input li::marker {
  color: #d7f4e5;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-form input::placeholder,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-form textarea::placeholder {
  color: #9eb4a8;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-table th {
  background: linear-gradient(180deg, #28322d 0%, #222b27 100%);
  color: #d8f5e6;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table th,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table td {
  border-bottom-color: #446157;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table th + th,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table td + td {
  border-right-color: #4f6d63;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table tbody tr:nth-child(odd) td {
  background: #242c31;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table tbody tr:nth-child(even) td {
  background: #29352f;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table .egr-sdg-dimension-cell {
  background: #31423b !important;
  color: #d7efe3;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-sdg-table tfoot th {
  background: #273730;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-table tbody tr:nth-child(even) td {
  background: #262c31;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-files a,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-files-cell a {
  background: #22322a;
  border-color: #406652;
  color: #c8f1de;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-abstract {
  background: #242d34;
  border-color: #3f505e;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-list li {
  background: #252b30;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-row-total {
  background: #263730;
  border-color: #3f5f4f;
  color: #ccf2de;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-form label.egr-check {
  background: #262d31;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-guide-details {
  background: #222a2e;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-screening {
  background: #3f3423;
  color: #ffdba0;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-review {
  background: #213447;
  color: #a8d8ff;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-complete {
  background: #33284b;
  color: #d3c2ff;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-improve {
  background: #4a3822;
  color: #ffd89b;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-accepted {
  background: #1f3b2a;
  color: #96ecbc;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-rejected {
  background: #4a2424;
  color: #ffb9b9;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .st-default {
  background: #313840;
  color: #d9e2ea;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-success {
  background: #1f3829;
  border-color: #2f6e48;
  color: #b8f4ce;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-shell .egr-error {
  background: #412525;
  border-color: #8f3d3d;
  color: #ffcdcd;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-confirm-modal {
  background: #2a3338;
  border-color: #50675b;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.4);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-confirm-message {
  color: #dff6e9;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension {
  background: #273136;
  border-color: #486658;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-list li {
  background: #2f3b40;
  border-color: #5a7466;
  color: #e0f1e7;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-pill {
  background: #2f3b40;
  border-color: #5a7466;
  color: #e0f1e7;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-group {
  background: #2a3439;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-group-social,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-group-economic,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-group-environmental {
  background: #2f3c41;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-table tbody tr td.egr-guide-dimension-group-social {
  background: #2f3c41 !important;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-vertical {
  color: #d9f3e6;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-dimension-meta {
  color: #cde9da;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-guide-goal-ordinal {
  color: #b6d9c7;
}

/* ===== Visual Refresh: Premium Clean Brand (Home + Shared UI) ===== */

.egr-container {
  width: min(1180px, 94%);
  padding: 0.55rem 0 2.6rem;
}

body {
  background: #ffffff;
}

#theme-header {
  position: static;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 0.72rem !important;
  margin-bottom: 0.95rem !important;
}

#theme-header::before {
  content: none;
}

#theme-header::after {
  content: none;
}

#theme-header .header-container {
  max-width: min(1180px, 94%) !important;
  margin-inline: auto !important;
  background: #ffffff;
  border: 1px solid #d7e7de;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(9, 45, 29, 0.09);
  padding: 0.5rem 0.55rem !important;
}

#theme-header .logo-row {
  display: flex !important;
  direction: ltr;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

#theme-header .logo-wrapper,
#theme-header .stream-item-top-wrapper {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#theme-header .logo-wrapper {
  order: 2;
  margin-left: auto;
}

#theme-header .stream-item-top-wrapper {
  order: 1;
  width: clamp(300px, 42vw, 560px) !important;
  max-width: 56% !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#theme-header .logo-container {
  width: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#theme-header .tie-logo-img {
  max-height: 82px !important;
}

#theme-header .stream-item-top {
  line-height: 0;
  max-height: 98px;
  overflow: hidden;
}

#theme-header .stream-item-top img,
#theme-header .stream-item-top picture img {
  max-height: 98px !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
}

.egr-home-hero,
.egr-card,
.egr-card-home {
  background: linear-gradient(180deg, #ffffff 0%, #fbfefc 100%);
  border: 1px solid #d3e5db;
  border-radius: 22px;
  box-shadow: 0 18px 38px rgba(7, 46, 29, 0.08);
}

.egr-home-hero {
  padding: 1.55rem 1.6rem;
  margin-bottom: 1.35rem;
}

.egr-home-hero::before {
  content: "";
  position: absolute;
  inset: -90px auto auto -80px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44, 168, 97, 0.18) 0%, transparent 72%);
  pointer-events: none;
}

.egr-brand-hero::after {
  content: "";
  position: absolute;
  inset: auto -60px -90px auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(202, 143, 47, 0.16) 0%, transparent 72%);
  pointer-events: none;
}

.egr-brand-hero {
  background:
    radial-gradient(300px 180px at 12% 12%, rgba(44, 168, 97, 0.1), transparent 68%),
    radial-gradient(230px 150px at 88% 16%, rgba(202, 143, 47, 0.1), transparent 72%),
    linear-gradient(180deg, #ffffff 0%, #fbfefc 100%);
  border-color: #d3e5db;
}

.egr-home-hero h2 {
  font-size: clamp(1.7rem, 2.8vw, 2.6rem);
  line-height: 1.45;
  margin: 0 0 0.55rem;
}

.egr-brand-hero-intro .egr-main-title {
  text-align: center;
}

.egr-brand-copy {
  color: #2e4b5d;
  font-size: 1.12rem;
}

.egr-brand-hero-intro .egr-brand-copy.egr-justify {
  max-width: 980px;
  margin-inline: auto;
  text-align: center;
  text-align-last: center;
  line-height: 1.95;
}

.egr-brand-hero-side {
  margin-top: 0.45rem;
}

.egr-shield-frame {
  width: clamp(230px, 28vw, 350px);
  padding: 0.45rem;
  border: 1px solid #d6e8dd;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%);
}

.egr-shield-frame::after {
  display: none;
}

.egr-brand-hero-goals {
  margin-top: 0.45rem;
}

.egr-brand-hero-goals h3 {
  text-align: center;
  margin-bottom: 0.85rem;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
}

.egr-brand-checks {
  gap: 0.62rem;
}

.egr-brand-checks li {
  border-radius: 14px;
  border-color: #d9e8e0;
  background: #fbfdfc;
  padding: 0.72rem 0.95rem;
  line-height: 1.75;
}

.egr-card-home > h2 {
  text-align: center;
  margin-bottom: 1.1rem;
}

.egr-card-home > h2::after {
  width: min(220px, 32%);
  height: 2px;
  background: linear-gradient(90deg, #2ca861, #7fbf9d);
}

.egr-participation-grid .egr-sub-card {
  background: #fafdfb;
  border: 1px solid #d9e8e0;
  border-radius: 14px;
  padding: 0.95rem 1rem;
  box-shadow: none;
}

.egr-participation-grid .egr-sub-card h3 {
  margin-bottom: 0.35rem;
}

.egr-actions.egr-home-entry-actions {
  margin: 1rem 0 1.35rem;
  gap: 0.65rem;
}

.egr-home-entry-actions .egr-btn {
  min-width: 230px;
  border-radius: 999px;
  padding: 0.75rem 1.2rem;
  font-weight: 800;
}

.egr-btn-primary {
  box-shadow: 0 9px 18px rgba(21, 128, 77, 0.22);
}

.egr-btn-light {
  background: #ffffff;
  border-color: #c7dfd1;
}

.egr-card > .egr-table-wrap,
.egr-card-home .egr-table-wrap {
  border-radius: 16px;
  border: 1px solid #d7e7de;
  overflow: hidden;
}

.egr-table th {
  background: linear-gradient(180deg, #eff7f2 0%, #e7f1eb 100%);
}

.egr-table th,
.egr-table td {
  padding: 0.78rem 0.72rem;
}

.egr-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.egr-table tbody tr:nth-child(even) td {
  background: #f7fbf8;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-skin="dark"] body,
html[data-theme="dark"] body,
html.dark body,
html.dark-skin body,
body.dark-skin,
body.tie-skin-dark,
body.dark-mode,
body[data-skin="dark"],
body[data-theme="dark"] {
  background:
    radial-gradient(900px 320px at 86% -8%, rgba(63, 184, 121, 0.14), transparent 62%),
    rgb(39, 41, 45);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header::before {
  content: none;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header::after {
  content: none;
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) #theme-header .header-container {
  background: #232c30;
  border-color: #41554b;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.45);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-home-hero,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-card,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-card-home {
  background: linear-gradient(180deg, #252e32 0%, #222a2f 100%);
  border-color: #41554b;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
}

:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-brand-checks li,
:is(
  html[data-skin="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-skin,
  body.dark-skin,
  body.tie-skin-dark,
  body.dark-mode,
  body[data-skin="dark"],
  body[data-theme="dark"]
) .egr-participation-grid .egr-sub-card {
  background: #283136;
  border-color: #445a51;
  color: #d8e8de;
}

@media (max-width: 900px) {
  #theme-header {
    margin-top: 0.18rem !important;
    margin-bottom: 0.75rem !important;
  }

  #theme-header .header-container {
    padding-top: 0.24rem !important;
    padding-bottom: 0.24rem !important;
  }

  #theme-header .logo-row {
    display: flex !important;
    flex-direction: column !important;
    direction: rtl;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.65rem !important;
  }

  #theme-header .logo-wrapper,
  #theme-header .logo-container,
  #theme-header .stream-item-top-wrapper,
  #theme-header .stream-item-top {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    float: none !important;
  }

  #theme-header .logo-wrapper {
    order: 1;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    display: flex;
    justify-content: center;
  }

  #theme-header .stream-item-top-wrapper {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    justify-content: center;
  }

  #theme-header .stream-item-top {
    width: 100%;
    max-height: none !important;
    overflow: visible !important;
    display: flex;
    justify-content: center;
  }

  #theme-header .stream-item-top a {
    display: inline-block;
    max-width: 100%;
    line-height: 0;
  }

  #theme-header .tie-logo-img {
    max-height: 64px !important;
    width: auto !important;
  }

  #theme-header .stream-item-top img,
  #theme-header .stream-item-top picture img {
    display: block;
    width: min(92vw, 520px) !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    margin-inline: auto;
  }
}

@media (max-width: 1140px) {
  .egr-home-hero:not(.egr-brand-hero-stack) {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .egr-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .egr-grid-2,
  .egr-grid-3,
  .egr-contrib-grid,
  .egr-meta {
    grid-template-columns: 1fr;
  }

  .egr-col-full {
    grid-column: auto;
  }

  .egr-guide-dimensions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .egr-filter {
    grid-template-columns: 1fr;
  }

  .egr-main-title .egr-title-tail {
    display: block;
    margin-top: 0.08rem;
  }

  .egr-page-head h1,
  .egr-home-hero h2,
  .egr-card > h2,
  .egr-card > h3,
  .egr-card > h4,
  .egr-sub-card h3,
  .egr-sub-card h4 {
    text-align: center;
  }

  .egr-container {
    width: min(1240px, 96%);
  }

  .egr-home-hero {
    padding: 0.95rem;
  }

  .egr-brand-hero {
    padding: 1rem;
  }

  .egr-brand-hero-stack {
    grid-template-columns: 1fr;
  }

  .egr-shield-frame {
    width: clamp(180px, 58%, 290px);
    min-height: 0;
  }

  .egr-brand-hero-intro .egr-brand-copy.egr-justify {
    max-width: 100%;
    padding-inline: 0;
    font-size: 1.03rem;
    line-height: 1.75;
    text-wrap: pretty;
    text-align: center;
    text-align-last: center;
  }

  .egr-home-entry-actions .egr-btn {
    min-width: 100%;
  }

  .egr-btn-xl {
    min-width: 100%;
  }

  .egr-check-text {
    white-space: normal;
  }
}