/* Arrangement changes for the original Salt & Chrome page. */
.salt-release .release-content > .tab-panel { padding-top: 24px; }
.salt-release #panel-screenshots .screenshots,
.salt-release #panel-videos .game-videos-section { margin-top: 0; }
.salt-release #panel-release > h2,
.salt-release #installation-title,
.salt-release .about-intro > h2 {
  margin: 0 0 20px;
  font-size: 25px;
  font-weight: 560;
  line-height: 1.22;
  letter-spacing: -.025em;
}

.salt-release .requirements-heading > h2 {
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.salt-release .installation-steps { margin-top: 0; }
.salt-release .requirements-panel { container-type: inline-size; container-name: requirements; }
.salt-release .requirements-table-wrap {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.salt-release .requirements-table thead,
.salt-release .requirements-table :is(thead, tbody) :is(th, td),
.salt-release .requirements-table :is(thead, tbody) :is(th, td):last-child {
  background: transparent;
}

.salt-release .requirements-table :is(th, td) {
  padding: 12px 18px;
  border-bottom-color: var(--content-line);
  vertical-align: middle;
}

.salt-release .requirements-col-label { width: 30%; }
.salt-release .requirements-col-value { width: 35%; }
.salt-release .requirements-table :is(th, td):first-child { padding-left: 0; }
.salt-release .requirements-table :is(th, td):last-child { padding-right: 0; }
.salt-release .requirements-table thead th { padding-top: 0; padding-bottom: 12px; font-size: 12px; font-weight: 600; }
.salt-release .requirements-table thead th:first-child { font-size: 11px; font-weight: 450; }
.salt-release .requirements-table thead th:last-child { color: #466743; }
.salt-release .requirements-table tbody th { font-size: 12px; font-weight: 500; }
.salt-release .requirements-table tbody td { font-size: 13px; font-weight: 400; line-height: 1.55; }

.salt-release .requirement-label { display: flex; align-items: center; gap: 9px; }
.salt-release .requirement-label > span { min-width: 0; }
.salt-release .requirement-label .icon { width: 16px; height: 16px; color: #8296a3; stroke-width: 1.6; }
.salt-release .requirement-value { display: block; color: #24323d; font-variant-numeric: tabular-nums; }
.salt-release .requirement-detail { display: block; margin-top: 3px; color: #697987; font-size: 13px; font-weight: 400; line-height: 1.5; }

@container requirements (max-width: 660px) {
  .salt-release .requirements-table colgroup,
  .salt-release .requirements-table thead th:first-child { display: none; }
  .salt-release .requirements-table :is(thead, tbody) { display: block; }
  .salt-release .requirements-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
  }
  .salt-release .requirements-table thead { border-bottom: 1px solid var(--content-line); }
  .salt-release .requirements-table :is(th, td) { padding: 0; border-bottom: 0; }
  .salt-release .requirements-table thead th { padding-bottom: 12px; font-size: 12px; }
  .salt-release .requirements-table tbody tr { padding: 12px 0; border-bottom: 1px solid var(--content-line); }
  .salt-release .requirements-table tbody tr:last-child { border-bottom: 0; }
  .salt-release .requirements-table tbody th { grid-column: 1 / -1; padding-bottom: 8px; font-size: 12px; }
  .salt-release .requirements-table tbody td { font-size: 13px; }
  .salt-release .requirement-label { gap: 9px; }
  .salt-release .requirement-label .icon { width: 16px; height: 16px; }
  .salt-release .requirement-detail { font-size: 12px; }
}

.salt-release .installation-steps li {
  position: relative;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 17px;
}

.salt-release .installation-steps li + li { margin-top: 23px; }

.salt-release .installation-steps li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 34px;
  bottom: -18px;
  left: 20px;
  width: 1px;
  background: #dce8d8;
}

.salt-release .installation-number {
  padding: 0;
  color: #78a653;
  font-family: inherit;
  font-size: 28px;
  font-weight: 540;
  line-height: 1;
  letter-spacing: -.075em;
}

.salt-release .installation-steps h3 { font-weight: 610; }

.salt-release .installation-steps p {
  max-width: 620px;
  color: #536474;
  line-height: 1.52;
}

.salt-release .installation-steps p strong { color: #29433a; font-weight: 650; }
.salt-release .installation-steps .installation-step-extra { margin-top: 5px; color: #68796e; }
.salt-release .installation-guide code { color: #324c43; font-size: .94em; }

.salt-release .installation-files-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 9px;
  color: #4c773e;
  font-size: 12px;
  font-weight: 630;
}

.salt-release .installation-files-link:hover { color: #315e2c; text-decoration: underline; text-underline-offset: 3px; }
.salt-release .installation-files-link .icon { width: 13px; height: 13px; }

.salt-release .installation-note { margin-top: 24px; padding-left: 61px; }
.salt-release .installation-note::before { display: none; }
.salt-release .installation-note p { color: #62736b; font-size: 13px; line-height: 1.5; }
.salt-release .installation-note strong { color: #3f6a38; font-weight: 650; }
.salt-release .game-rating-heading h2,
.salt-release #versions-title,
.salt-release #mods-title,
.salt-release #reviews-title {
  font-weight: 560;
}

.salt-release .versions-heading-symbol {
  display: grid;
  place-items: center;
  flex: none;
  width: 34px;
  height: 34px;
  margin-left: auto;
  color: #b4c0c8;
}

.salt-release .versions-heading-symbol .icon {
  width: 25px;
  height: 25px;
  stroke-width: 1.6;
}

.salt-release :is(#versions, #mods) {
  --version-title-share: 56%;
  --version-rating-share: 23%;
  --version-action-share: 21%;
  --version-row-bleed: 12px;
}

@container (min-width: 781px) {
  .salt-release :is(#versions, #mods) .version-summary > :first-child { padding-left: 0; }
  .salt-release :is(#versions, #mods) .version-summary > :last-child { padding-right: 0; }
  .salt-release :is(#versions, #mods) .versions-table .version-expanded > td { padding-inline: 0; }

  /* Extend the details table left so its first label aligns with the rating percentage above. */
  .salt-release :is(#versions, #mods) .version-expanded-content {
    grid-template-columns: minmax(0, 1fr) calc(var(--version-action-share) + var(--version-controls-width) + 31px);
  }

  .salt-release :is(#versions, #mods) .version-summary > :is(:first-child, :last-child) { position: relative; }
  .salt-release :is(#versions, #mods) .version-summary > :is(:first-child, :last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--version-row-bleed);
    pointer-events: none;
  }
  .salt-release :is(#versions, #mods) .version-summary > :first-child::after { right: 100%; }
  .salt-release :is(#versions, #mods) .version-summary > :last-child::after { left: 100%; }
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover > :is(:first-child, :last-child)::after {
    bottom: -1px;
    border-bottom: 1px solid #e0e7eb;
    background: #f8fafb;
  }
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary > :is(:first-child, :last-child)::after {
    background: #f3f6f8;
  }
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) + .version-entry:not(.is-open) .version-summary:hover > :is(:first-child, :last-child)::after,
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) + .version-entry.is-open .version-summary > :is(:first-child, :last-child)::after {
    top: -1px;
    border-top: 1px solid #e0e7eb;
  }
}

@container (max-width: 780px) {
  .salt-release :is(#versions, #mods) .version-summary { position: relative; }
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover,
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary { border-inline-color: transparent; }
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover::before,
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover::after,
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary::before,
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary::after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    width: var(--version-row-bleed);
    pointer-events: none;
  }
  .salt-release :is(#versions, #mods) .version-summary::before { right: calc(100% + 1px); }
  .salt-release :is(#versions, #mods) .version-summary::after { left: calc(100% + 1px); }
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover::before,
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover::after {
    bottom: -1px;
    border-bottom: 1px solid #dce4e9;
    background: #f8fafb;
  }
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary::before,
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary::after { background: #f3f6f8; }
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover::before,
  .salt-release :is(#versions, #mods) .version-entry:not(.is-open) .version-summary:hover::after,
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary::before,
  .salt-release :is(#versions, #mods) .version-entry.is-open .version-summary::after { border-top: 1px solid #dce4e9; }
}

.salt-release :is(.release-column, .reviews-area) { --sidebar-inner-inset: 26px; }
.salt-release .related-games {
  width: min(100%, 560px);
  margin-inline: auto;
  padding-inline: var(--sidebar-inner-inset);
}

@media (max-width: 1320px) {
  .salt-release :is(.release-column, .reviews-area) { --sidebar-inner-inset: 22px; }
}

@media (max-width: 1100px) {
  .salt-release :is(.release-column, .reviews-area) { --sidebar-inner-inset: 20px; }
}

@media (max-width: 900px) {
  .salt-release :is(.release-column, .reviews-area) { --sidebar-inner-inset: 25px; }
}

@media (max-width: 540px) {
  .salt-release :is(.release-column, .reviews-area) { --sidebar-inner-inset: 20px; }
  .salt-release :is(#versions, #mods) { --version-row-bleed: 10px; }
}

.salt-release .release-facts .release-languages {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.salt-release .release-language {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.salt-release .release-language-flag {
  display: block;
  flex: none;
  width: 18px;
  height: 12px;
  border-radius: var(--radius-line);
  box-shadow: 0 0 0 1px rgba(31, 48, 55, .18);
}

.salt-release .release-language-divider { color: #819098; }

.salt-release .size-facts dt {
  display: flex;
  align-items: center;
  gap: 6px;
}

.salt-release .size-facts-icon {
  width: 15px;
  height: 15px;
  flex: none;
  color: #6d8190;
  stroke-width: 1.7;
}

.salt-release .game-rating-card {
  grid-template-columns: 205px minmax(0, 1fr);
  grid-template-areas: "summary distribution";
  align-items: center;
  gap: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.salt-release .game-rating-heading {
  align-items: center;
  margin-bottom: 24px;
}

.salt-release .game-rating-distribution {
  grid-area: distribution;
}

.salt-release .game-rating-row {
  grid-template-columns: 28px minmax(0, 1fr) 22px;
  gap: 9px;
  min-height: 27px;
  padding: 2px 0;
  border-radius: 0;
}

.salt-release .game-rating-row:not(:disabled):hover,
.salt-release .game-rating-row[aria-pressed="true"] {
  background: none;
}

.salt-release .game-rating-row:not(:disabled):hover .game-rating-level,
.salt-release .game-rating-row[aria-pressed="true"] .game-rating-level {
  color: #365b33;
}

.salt-release .game-rating-track {
  height: 8px;
  background: #e7ede6;
}

.salt-release .game-rating-fill {
  background: linear-gradient(90deg, #7aa64e, #91b664);
}

.salt-release .game-rating-summary {
  grid-area: summary;
  align-self: center;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  border: 0;
}

.salt-release .game-rating-value strong {
  color: #263d2e;
  font-size: 67px;
  letter-spacing: -.075em;
}

.salt-release .game-rating-value {
  margin: 0 0 4px;
}

.salt-release .game-rating-vote-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  width: max-content;
  max-width: 100%;
  font-size: 37px;
  line-height: 1;
  letter-spacing: 0;
}

.salt-release .game-rating-vote-stars button {
  flex: 0 0 34px;
  width: 34px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, #75a34a var(--average-fill, 0%), #d4dfce var(--average-fill, 0%));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: inherit;
  line-height: 1;
  text-align: center;
  transition: color .15s;
}

.salt-release .game-rating-vote-stars:where(:has(button:hover), :focus-within) button {
  background: none;
  color: #d0ddc7;
}

.salt-release .game-rating-vote-stars button:is(:hover, :focus-visible),
.salt-release .game-rating-vote-stars button:has(~ button:is(:hover, :focus-visible)) {
  color: #60943b;
}

.salt-release .game-rating-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 8px;
}

.salt-release #rating-read-reviews {
  margin-top: 0;
  font-weight: 650;
}

.salt-release #rating-write-review {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: #4c713d;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.salt-release #rating-write-review:hover {
  color: #345e2e;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.salt-release .version-download-size {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.salt-release .version-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.salt-release .version-verified .icon {
  width: 12px;
  height: 12px;
  flex: none;
  color: #6f9e45;
}

.salt-release .version-entry.is-open .version-summary > * {
  background: #f3f6f8;
}

.salt-release .versions-table .version-expanded > td {
  background: #fff;
}

.salt-release .version-toggle[aria-expanded="true"] .version-disclosure {
  color: #537c42;
  font-weight: 600;
}

.salt-release .version-expanded-content > p {
  color: #304338;
  font-size: 14px;
  line-height: 1.55;
}

.salt-release .version-expanded-content dl {
  gap: 9px;
  padding-left: 23px;
}

.salt-release .version-expanded-content dl > div {
  grid-template-columns: 102px minmax(0, 1fr);
  gap: 12px;
}

.salt-release .version-expanded-content dt {
  color: #6b7b70;
  font-size: 12px;
  font-weight: 500;
}

.salt-release .version-expanded-content dd {
  color: #263c32;
  font-size: 12px;
  font-weight: 600;
}

.salt-release .version-report-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  color: #5b715e;
  font: inherit;
  font-weight: 550;
  line-height: 1.45;
  text-align: left;
}

.salt-release .version-report-button:hover {
  color: #365b3b;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.salt-release .version-report-button .icon {
  width: 13px;
  height: 13px;
}

.salt-release #faq-title,
.salt-release .release-faq-resources h2 {
  font-size: clamp(23px, 2.8cqw, 27px);
  font-weight: 560;
  line-height: 1.14;
  letter-spacing: -.045em;
}
.salt-release .release-faq { margin-top: 80px; }
.salt-release .release-faq .versions-heading { margin-bottom: 14px; }

.salt-release .release-faq-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(28px, 3.5cqw, 44px);
}

.salt-release .release-faq-questions { min-width: 0; }

.salt-release .release-faq-resources {
  min-width: 0;
}

.salt-release .release-faq-resources h2 {
  margin: 0 0 14px;
  color: #121d2b;
}

.salt-release .release-faq-resources a {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 6px 0;
  color: #2b3b40;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.3;
}

.salt-release .release-faq-resources a + a { margin-top: 0; }
.salt-release .release-faq-resource-index {
  color: #85a36f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.salt-release .release-faq-resources a .icon { width: 14px; height: 14px; color: #64865a; transition: transform .15s ease; }
.salt-release .release-faq-resources a:hover { color: #2c7139; }
.salt-release .release-faq-resources a:hover .release-faq-resource-index { color: #4b7b43; }
.salt-release .release-faq-resources a:hover .icon { transform: translateX(3px); }

.salt-release .release-faq details + details { margin-top: 0; }
.salt-release .release-faq details { max-width: none; }

.salt-release .release-faq summary {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 38px;
  padding: 6px 0;
  list-style: none;
  color: #2b3b40;
  font-size: 15px;
  font-weight: 550;
  line-height: 1.3;
  cursor: pointer;
}

.salt-release .release-faq summary::-webkit-details-marker { display: none; }
.salt-release .release-faq summary:hover { color: #3f6f3e; }
.salt-release .release-faq summary:focus-visible { outline: 2px solid #7baa60; outline-offset: 3px; }
.salt-release .release-faq details[open] summary { color: #315c3d; }

.salt-release .release-faq summary::before {
  content: "+";
  color: #64865a;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.salt-release .release-faq details[open] summary::before { content: "−"; }

.salt-release .release-faq details p {
  max-width: 67ch;
  margin: 0;
  padding: 0 0 15px 30px;
  color: #5c6c71;
  font-size: 14px;
  line-height: 1.6;
}

.salt-release .release-faq details p strong { color: #314b3e; font-weight: 650; }
.salt-release .release-faq code { color: #3b6654; font-size: .94em; }

@container (max-width: 760px) {
  .salt-release .release-faq-layout { grid-template-columns: minmax(0, 1fr); gap: 34px; }
}

@container (max-width: 780px) {
  .salt-release .version-entry.is-open .version-summary {
    background: #f3f6f8;
  }

  .salt-release .version-expanded-content dl {
    padding: 15px 0 0;
    border-top: 1px solid #dce8d8;
  }
}

.salt-release .page-grid { row-gap: 0; }

.salt-release .game-rating-section {
  grid-column: 1;
  grid-row: 2;
}

.salt-release .reviews-area {
  display: block;
  grid-template-columns: inherit;
  column-gap: inherit;
  grid-column: 1 / -1;
  grid-row: 3;
  margin-top: 64px;
  scroll-margin-top: 30px;
  margin-bottom: 72px;
}

.salt-release .discussion-panel {
  position: relative;
  display: grid;
  grid-template-columns: inherit;
  column-gap: inherit;
}

.salt-release .discussion-panel::before {
  content: none;
}

.salt-release .discussion-panel .reviews-toolbar {
  min-width: 0;
  min-height: 45px;
  padding: 0;
  align-items: flex-start;
  border: 0;
  border-bottom: 1px solid #e3e9e5;
  border-radius: 0;
  background: transparent;
}

.salt-release .reviews-section {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.salt-release .discussion-panel .review-list {
  padding: 0;
}

.salt-release .discussion-panel .review-rating-filter {
  margin-inline: 0;
}

.salt-release .discussion-panel .review-entry {
  padding-block: 20px;
}

.salt-release .discussion-panel .review-entry:last-child {
  border-bottom: 0;
}

.salt-release .discussion-panel .review-status {
  margin: 20px 0 0;
}

.salt-release .discussion-panel .review-status:empty {
  margin: 0;
}

.salt-release .discussion-panel .review-more {
  width: 100%;
  margin: 0 0 24px;
}

.salt-release .reviews-heading {
  grid-column: 1 / -1;
  margin-bottom: 28px;
}

.salt-release .review-form--sidebar {
  grid-column: 2;
  grid-row: 1;
  align-self: stretch;
  min-width: 0;
  width: calc(100% - var(--sidebar-inner-inset) - var(--sidebar-inner-inset));
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  scroll-margin-top: 30px;
}

.salt-release .review-composer-body {
  padding: 20px 0 0;
}

.salt-release .discussion-panel .review-type-switch {
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #e3e9e5;
  border-radius: 0;
  background: transparent;
}

.salt-release .discussion-panel .review-filters {
  gap: 24px;
  align-items: flex-start;
}

.salt-release .discussion-panel :is(.review-filters, .review-type-switch) button {
  position: relative;
  min-width: 0;
  min-height: 44px;
  padding: 0 0 12px;
  border-radius: 0;
  background: transparent;
  color: #728079;
  font-weight: 550;
  line-height: 1.4;
  white-space: normal;
  transition: color .15s;
}

.salt-release .discussion-panel :is(.review-filters, .review-type-switch) button::after {
  content: "";
  position: absolute;
  inset: auto 0 -1px;
  height: 2px;
  background: #78a755;
  opacity: 0;
}

.salt-release .discussion-panel :is(.review-filters, .review-type-switch) button[aria-pressed="true"] {
  background: transparent;
  color: #20332b;
  box-shadow: none;
}

.salt-release .discussion-panel :is(.review-filters, .review-type-switch) button[aria-pressed="true"]::after {
  opacity: 1;
}

.salt-release .discussion-panel :is(.review-filters, .review-type-switch) button:hover {
  color: #476e34;
  background: transparent;
}

.salt-release .review-form--sidebar .review-fields {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.salt-release .review-form--sidebar :is(.review-fields label, .review-text-field) {
  gap: 8px;
  color: #58665e;
  font-weight: 500;
}

.salt-release .review-form--sidebar :is(input, textarea) {
  border: 1px solid #e3e9e5;
  border-radius: var(--radius-control);
  background: #fff;
  color: #20332b;
  font-size: 14px;
  transition: border-color .15s, background .15s, box-shadow .15s;
}

.salt-release .review-form--sidebar input {
  min-height: 44px;
  padding: 11px 13px;
  border-color: transparent;
  background: #f7f9f8;
}

.salt-release .review-form--sidebar :is(input, textarea)::placeholder {
  color: #6f7d74;
  opacity: 1;
}

.salt-release .review-form--sidebar :is(input, textarea):hover {
  border-color: #cbd8ce;
}

.salt-release .review-form--sidebar :is(input, textarea):focus {
  border-color: #78a755;
  background: #fff;
  box-shadow: 0 0 0 3px #78a75516;
}

.salt-release .review-form--sidebar .review-text-field {
  margin-top: 16px;
}

.salt-release .review-form--sidebar textarea {
  min-height: 120px;
  padding: 13px;
  background: #fff;
  line-height: 1.65;
}

.salt-release .review-form--sidebar .review-rating {
  flex-wrap: wrap;
  gap: 8px 16px;
}

.salt-release .review-form--sidebar .review-form-footer {
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  margin-top: 18px;
}

.salt-release .review-form--sidebar .review-form-footer button {
  position: relative;
  width: 100%;
  min-height: 46px;
  padding-inline: 18px 42px;
  border-radius: var(--radius-control);
  font-weight: 600;
}

.salt-release .review-form--sidebar .review-form-footer button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: #a7d563;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

@container (max-width: 700px) {
  .salt-release .game-rating-card { grid-template-columns: 150px minmax(0, 1fr); gap: 25px; padding: 0; }
  .salt-release .game-rating-value strong { font-size: 60px; }
  .salt-release .game-rating-vote-stars { gap: 1px; font-size: 31px; }
  .salt-release .game-rating-vote-stars button { flex-basis: 28px; width: 28px; height: 34px; }
}
@container (max-width: 520px) {
  .salt-release .game-rating-card { grid-template-columns: 126px minmax(0, 1fr); gap: 18px; }
  .salt-release .game-rating-value strong { font-size: 54px; }
  .salt-release .game-rating-vote-stars { font-size: 27px; }
  .salt-release .game-rating-vote-stars button { flex-basis: 24px; width: 24px; height: 30px; }
  .salt-release .game-rating-row { min-height: 26px; }
}
@container (max-width: 420px) {
  .salt-release .game-rating-card { grid-template-columns: 106px minmax(0, 1fr); gap: 13px; }
  .salt-release .game-rating-value strong { font-size: 48px; }
  .salt-release .game-rating-value > span { font-size: 10px; }
  .salt-release .game-rating-vote-stars { font-size: 23px; }
  .salt-release .game-rating-vote-stars button { flex-basis: 20px; width: 20px; height: 27px; }
  .salt-release .game-rating-row { grid-template-columns: 22px minmax(0, 1fr) 14px; gap: 5px; }
  .salt-release #rating-read-reviews { font-size: 11px; }
}
@media (max-width: 900px) {
  .salt-release .versions-section { grid-row: 4; }
  .salt-release .mods-section { grid-row: 5; }
  .salt-release .release-faq { grid-row: 6; margin-top: 72px; }
  .salt-release .game-rating-section { grid-row: 7; }
  .salt-release .reviews-area { grid-row: 8; margin-top: 64px; }
  .salt-release .discussion-panel { grid-template-columns: minmax(0, 1fr); }
  .salt-release .discussion-panel::before { display: none; }
  .salt-release .discussion-panel .reviews-toolbar {
    border-radius: 0;
    border-bottom: 1px solid #e3e9e5;
  }
  .salt-release .reviews-section { grid-row: 1; }
  .salt-release .discussion-panel .review-type-switch {
    border-radius: 0;
  }
  .salt-release .review-form--sidebar {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin: 32px 0 0;
    border-left: 0;
  }
}

@media (max-width: 540px) {
  .salt-release .release-faq { margin-top: 60px; }
  .salt-release .release-content > .tab-panel { padding-top: 20px; }
  .salt-release #panel-release > h2,
  .salt-release #installation-title,
  .salt-release .about-intro > h2 { margin-bottom: 18px; font-size: 23px; }
  .salt-release .requirements-heading > h2 { margin-bottom: 16px; font-size: 21px; }
  .salt-release .installation-steps li { grid-template-columns: 35px minmax(0, 1fr); gap: 13px; }
  .salt-release .installation-steps li:not(:last-child)::before { left: 16px; top: 30px; }
  .salt-release .installation-number { font-size: 24px; }
  .salt-release .installation-note { padding-left: 48px; }
  .salt-release #faq-title,
  .salt-release .release-faq-resources h2 { font-size: 23px; }
  .salt-release .release-faq .versions-heading,
  .salt-release .release-faq-resources h2 { margin-bottom: 12px; }
  .salt-release .release-faq summary { min-height: 40px; font-size: 14px; }
  .salt-release .release-faq details p { font-size: 13px; }
  .salt-release .release-faq-resources a { min-height: 40px; font-size: 14px; }
  .salt-release .discussion-panel .reviews-toolbar { padding: 0 0 12px; gap: 12px; }
  .salt-release .discussion-panel .review-type-switch { padding-inline: 0; }
  .salt-release .discussion-panel .review-list { padding-inline: 0; }
  .salt-release .review-composer-body { padding: 20px 0 0; }
  .salt-release .discussion-panel .review-status,
  .salt-release .discussion-panel .review-rating-filter { margin-inline: 0; }
  .salt-release .discussion-panel .review-more { width: 100%; margin-inline: 0; }
  .salt-release .reviews-area { margin-top: 64px; }
  .salt-release .reviews-heading { margin-bottom: 24px; }
  .salt-release .game-rating-heading { margin-bottom: 20px; }
  .salt-release .game-rating-heading h2 { font-size: 24px; }
}