html{--content-width:80%;}

.years_filters{display: flex;gap: var(--gap-micro);justify-content: center;flex-wrap: wrap;}
.years_filters div{padding: 0.5em 1em;background-color: var(--clr-bg);border-radius: var(--gap-micro);cursor: pointer;user-select: none;}
.years_filters .label{baackground-color: var(--clr-body);}
.years_filters .set{background-color: var(--clr-main-3);color: var(--clr-bg);}

.year{margin: 0 auto;width:var(--content-width);padding: var(--gap-micro);}

.aff{padding-bottom: var(--gap-micro);}
.aff .name{padding:1em 0.8em;font-size: 1.3em}
.fac .name{padding:0.5em 1em;font-size: 1em}

.e_pl{margin: var(--gap-micro);padding: var(--gap-micro);font-style: normal;border-radius: var(--gap-small);display: block;background-color: var(--clr-main-3-0);}
.e_pl p{margin: 0}
.e_pl s{display: block;line-height: 1;text-decoration: none;color: #333;}

s{display: block;line-height: 1;text-decoration: none;color: #333;}

.row1{padding-bottom:0.5em}
.row1 div {display: inline-block;vertical-align:top;}
.row2 div {display: inline-block;vertical-align:top;}
.row2{font-size:0.85em}
.col1{width:12%}
.col2{width:72%;word-break: break-word; }
.col3{width:calc(100% - 12% - 72% - 2em);text-align:right}

.col2,.col3{padding-inline: 0.5em}

.pps_info{margin: 0 auto;padding:var(--gap-main);display: flex; flex-direction:row;width:60%;border-radius: var(--gap-small);background-color: var(--clr-bg)}
.photo>img{max-width: 250px;border-radius: var(--gap-small);background-color: var(--clr-body)}
.rows{padding-inline: var(--gap-main)}
.row .label{margin:0}
h2{text-align: center}
.row .data{ }
.row li{overflow-wrap: break-word;}

.container_semesters{display: flex;flex-direction: column;gap:var(--gap-micro); justify-content: center;margin:var(--gap-micro);width:100%;overflow-x: auto}
.disciplines_tbl{margin: 0 auto;width:100%;padding: var(--gap-micro);border-radius: var(--gap-small);baackground-color: var(--clr-bg);border-spacing: 0px;border-collapse: collapse;}
.semester_head{background-color:var(--clr-main-3-3);color:var(--clr-bg)}
.disciplines_tbl .col_1{width:35%}
.disciplines_tbl td{padding: var(--gap-micro);}
.disciplines_tbl a{padding:0;margin:0}

.pps_cards{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;width: 90%;margin: var(--gap-small) auto; gap: var(--gap-micro)}
.pps_card s{font-size: calc(var(--fs-text) * 0.8);margin-top:  calc(var(--gap-micro)/2)}

.letters_filter{display:flex;flex-wrap:wrap;justify-content: center;flex-direction: row;gap: calc(var(--gap-micro)/2);cursor: pointer}

.letter.set{color:var(--clr-main-3)}

.big_table {overflow: auto;position: relative;text-align: center;width:var(--content-width);margin: 0 auto;border-radius: var(--gap-small);background-color:var(--clr-main-3-0)}
.big_table table {display: inline-block;text-align: left;vertical-align: top;overflow-x: auto;}

.scroll_right:after {content: '';display: block;width: 15px;position: absolute;top: 0;right: 0;bottom: 0;z-index: 500;background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 90%) 100% center;background-repeat: no-repeat;background-attachment: scroll;background-size: 15px 100%;background-position: 100% 0%;}
.scroll_left:before {content: '';display: block;width: 15px;position: absolute;top: 0;bottom: 0;left: 0;z-index: 500;background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 90%) 0 center;background-repeat: no-repeat;background-attachment: scroll;background-size: 15px 100%;}

@media screen and (max-width: 1050px) {
	.pps_cards{grid-template-columns: 1fr 1fr; width:60%}
}

@media screen and (max-width:1000px){
	.pps_info{font-size: var(--fs-mid)}
} 

@media screen and (max-width: 900px) {
	.pps_info{flex-direction: column;width: var(--content-width);}
	.photo{display: flex;justify-content: center}
	.rows{padding-top: var(--gap-mega)}
	.rows{padding-inline: 0}
	.row{flex-direction: column;font-size: var(--fs-mid)}
	.row .label{width: 100%; text-align: center;}
	.row .data{width: 100%}
}


@media screen and (max-width: 640px) {
	.pps_cards{grid-template-columns: 1fr ; width: 60%}
	.col1{width:22%}
	.col2{width:56%;font-size: 1em}
	.col3{width:calc(100% - 22% - 60% - 1em);padding-inline:0}
	.disciplines_tbl{width:100%}
	.disciplines_tbl .col_1{width:30%}
	.year{width:95%}
	.big_table{width:100%}
}