.sr-wrap { 
max-width: 75%;
  margin: 50px auto;
  background: var(--accent1);
  border: 1px solid var(--line);
}

.sr-fact {
text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 5px;
}

.sr-descr {
text-align: center;
  padding: 10px;
  font-size: 12px;
}

.sr-fact strong {
color:var(--golden);
}

.sr-result h2 {
margin: 0;
  background: var(--accent2);
  font-size: 10px;
  text-transform: uppercase;
  padding: 5px;
}

.sr-status {
text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--golden);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sr-wrap p {
max-width: 75%;
  margin: 50px auto;
  background: var(--accent1);
  border: 1px solid var(--line);
}

.sr-wrap h1 {
border-bottom: 1px solid var(--line);
  font-size: 30px;
  font-weight: bold;
  font-family: var(--mainfont);
  text-transform: lowercase;
  color: var(--golden);
  padding: 20px;
  background-image: var(--background);
  background-position-y: 76%;
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 60px;
  background-size: 100%;
	margin:0px;
}
.sr-grid { 
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0px 20px;
}

.sr-field { 
background: var(--accent2);
  border: 1px solid var(--line);
  padding: 10px;
}
.sr-participants {
margin: 20px;
}

.sr-field label { 
display: block;
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--golden);
  letter-spacing: 1px;
}
.sr-field select { width: 100%; padding: 7px; }
.sr-counts { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }

.sr-count { 
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px;
  border: 1px solid var(--accent1);
  padding: 10px;
}

.sr-count input { width: 58px; padding: 5px; }
.sr-actions { margin-top: 16px; text-align:center; }
.sr-actions input { padding: 9px 18px; font-weight:bold; cursor:pointer; }
.sr-result { 
	margin: 20px;
  padding: 15px; border: 2px solid #777;
}
.sr-result.success { border-color: #3c8f3c; }
.sr-result.warning { border-color: #c99b2e; }
.sr-result.danger { border-color: #b33a3a; }
.sr-status { font-size: 1.2em; font-weight: bold; }
.sr-scores { display:grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0; }

.sr-scores div { 
padding: 10px;
  text-align: center;
  background: var(--accent2);
  border: 1px solid var(--line);
}

.sr-scores span { display:block; font-size:1.4em; margin-top:4px; }

.sr-box h3 {
margin: 0;
  background: var(--accent2);
  font-size: 10px;
  text-transform: uppercase;
  padding: 5px;
}
.sr-box { 
margin: 20px;
  padding: 12px;
  border: 1px solid var(--line);
  background: var(--accent2);
	line-height: 170%;
}
.sr-table { width:100%; }
.sr-table th, .sr-table td { padding:7px; }
@media (max-width: 700px) {
    .sr-grid, .sr-scores { grid-template-columns: 1fr; }
    .sr-counts { grid-template-columns: 1fr; }
}