:root{
  --stm-blue:#0050b2;
  --stm-blue-dark:#003b83;
  --stm-border:#d9d9de;
  --stm-bg:#f5f5f7;
  --stm-text:#333;
}

/* Typography */
body{
  font-family:"Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--stm-text);
}

/* Match site container width */
@media (min-width: 1400px){
  .container{max-width:1304px;}
}

a{color:inherit; text-decoration:none;}
a:hover{color:inherit;}

/* Title row */
.row-title{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--stm-border);
  padding-bottom:20px;
  margin-bottom:22px;
}
.row-title--change{border-bottom:0; padding-bottom:0;}

.title{font-weight:600; font-size:32px; line-height:40px; color:#000;}
.title h1{display:inline; font-weight:600; font-size:32px; line-height:40px; margin:0;}
.title a{font-weight:600; font-size:32px; line-height:40px; color:var(--stm-blue);} 
.title a:hover{color:var(--stm-blue-dark);} 
@media (max-width: 767.98px){
  .title, .title h1, .title a{font-size:26px; line-height:32px;}
}

/* Filter section */
.gray-bg{background:var(--stm-bg);} 
.filter-documentation{padding:24px 0; margin-top:14px; margin-bottom:36px;}
.filter-documentation__wrapper{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:24px;
}
@media (max-width: 991.98px){
  .filter-documentation__wrapper{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 575.98px){
  .filter-documentation__wrapper{grid-template-columns: 1fr;}
}

.wrap-field__description{
  display:block;
  font-size:14px;
  line-height:20px;
  color:#000;
  margin-bottom:8px;
  font-weight:500;
}

.wrap-field label{display:block;}

.wrap-field__field{
  width:100%;
  height:48px;
  border:1px solid var(--stm-border);
  border-radius:4px;
  padding:0 14px;
  background:#fff;
  font-size:16px;
  line-height:24px;
}
.wrap-field__field:focus{
  outline:0;
  border-color:#99c0f0;
  box-shadow:0 0 0 4px rgba(153,192,240,.6);
}

/* Date field icon */
.wrap-field--date{
  position:relative;
}
.wrap-field--date button{
  position:absolute;
  right:14px;
  top:40px;
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6b7280;
}
.wrap-field--date button:hover{color:#111827;}
.wrap-field--date button svg{width:18px; height:18px;}

/* Hint */
.hint-message{
  display:inline-block;
  width:18px;
  height:18px;
  margin-left:6px;
  border-radius:50%;
  background:var(--stm-blue);
  color:#fff;
  font-size:12px;
  line-height:18px;
  text-align:center;
  font-weight:700;
  position:relative;
  cursor:default;
}
.hint-message .message-copy{
  display:none;
  position:absolute;
  left:0;
  top:26px;
  width:min(360px, 80vw);
  background:#fff;
  border:1px solid var(--stm-border);
  border-radius:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  padding:12px 14px;
  color:#000;
  font-weight:400;
  z-index:50;
}
.hint-message:hover .message-copy{display:block;}

/* Choices select tweaks */
.choices__inner{
  min-height:48px;
  border:1px solid var(--stm-border);
  border-radius:4px;
  padding:7px 12px;
  background:#fff;
}
.choices[data-type*="select-one"] .choices__inner{padding-bottom:7px;}
.choices__list--single{padding:0;}
.choices__item{font-size:16px; line-height:24px;}
.choices__list--dropdown{border:1px solid var(--stm-border); border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.12);} 

/* Documents list */
.documentation-sect{padding-bottom:10px;}
.documentation-sect .title-message{
  font-weight:600;
  font-size:28px;
  line-height:36px;
  color:#000;
  margin:0 0 22px;
}
@media (max-width: 767.98px){
  .documentation-sect .title-message{font-size:22px; line-height:28px;}
}

.documentation-sect__row{padding:22px 0; border-top:1px solid var(--stm-border);} 
.documentation-sect__row:first-child{border-top:0;} 

.news-post__row{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}
.info-text.date{font-size:14px; line-height:20px; opacity:.75;}

.topic-item__wrapper{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border:1px solid #b3cbe8;
  border-radius:4px;
  background:#fff;
}
.topic-item__text{font-size:14px; line-height:20px; color:#000;}

.news-post__wrap-text h3{
  margin:0;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  color:#000;
}
@media (max-width: 767.98px){
  .news-post__wrap-text h3{font-size:18px; line-height:26px;}
}
.news-post__wrap-text:hover h3{color:var(--stm-blue);}

/* Pagination */
.pagination-block{padding:10px 0 30px;}
.pagination__wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.pagination__list{
  display:flex;
  align-items:center;
  gap:6px;
  padding:0;
  margin:0;
}
.pagination__item{list-style:none;}
.pagination__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  border:1px solid var(--stm-border);
  border-radius:4px;
  background:#fff;
  font-size:16px;
  line-height:24px;
  color:#000;
  padding:0 10px;
}
.pagination__link--active{
  background:var(--stm-blue);
  border-color:var(--stm-blue);
  color:#fff;
}

.btn-white{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:40px;
  padding:0 14px;
  border:1px solid var(--stm-border);
  border-radius:4px;
  background:#fff;
}
.btn-white__text{font-size:16px; line-height:24px; color:#000;}
.btn-white:hover{border-color:#b3cbe8;}

.btn-white svg{width:16px; height:16px;}
.btn-white[data-btn-pagination="prev"] svg{transform:rotate(180deg);} 

/* Flatpickr tweaks to match */
.flatpickr-calendar{box-shadow:0 10px 30px rgba(0,0,0,.15); border:1px solid var(--stm-border);}