.chart-legend{padding:0;margin:0 0 1em;font:14px/16px Arial,sans-serif;line-height:18px;color:#000;list-style-type:none;text-align:center}.chart-legend li{display:inline-block;margin-right:12px}.chart-legend li:before{content:none}.chart-legend span{width:18px;height:18px;float:left;margin-right:8px;opacity:1}@media screen and (max-width:499px){.ydd-article__body #app-2021-05-students_subjects{margin-left:-20px;margin-right:-20px}}#app-2021-05-students_subjects{font-family:Open Sans,Arial,sans-serif;color:#000;margin:0 auto;max-width:560px;background:#fafafa;padding:10px 15px;box-sizing:border-box}#app-2021-05-students_subjects p{font-size:16px}@media screen and (min-width:480px){#app-2021-05-students_subjects p{font-size:18px}}#app-2021-05-students_subjects img{max-width:100%}#app-2021-05-students_subjects .rosor{margin:0 auto;display:block}#app-2021-05-students_subjects h2{text-align:center;font-weight:700;font-family:Yle,Arial,sans-serif;margin-top:1em}#app-2021-05-students_subjects h2:first-child{margin-top:0}#app-2021-05-students_subjects h3{font-size:20px;font-weight:700;font-family:Yle,Arial,sans-serif}#app-2021-05-students_subjects .filters{text-align:center;margin-bottom:.5em}#app-2021-05-students_subjects .filters label{font-size:1em;margin-bottom:.2em;display:block}#app-2021-05-students_subjects .chart{margin-bottom:2em}#app-2021-05-students_subjects .grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1em}#app-2021-05-students_subjects .icon{height:26px;vertical-align:bottom}.yddviz-button{text-decoration:none;background:#fff;color:#444;font-family:Open Sans,Arial,sans-serif;border:2px solid #444;font-size:1em;padding:8px 12px;border-radius:4px;display:block;position:relative;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;cursor:pointer;margin:0 auto;line-height:1;transition:background-color .5s}.yddviz-button:hover{background-color:#444;color:#fff}.yddviz-button:focus{outline:none;text-decoration:none;border:2px dashed #444}.yddviz-select{display:block;margin:0 auto 1em;border:2px solid #333;border-radius:6px;padding:6px;width:100%;font-size:16px;line-height:1.5}.yddviz-select:focus{outline:none;border:2px dashed #333;background:#f5f5f5}.yddviz-table{border-collapse:collapse;font-size:16px!important;width:100%!important;margin-bottom:1em!important;margin-top:1em!important;word-break:normal}@media screen and (min-width:480px){.yddviz-table{font-size:18px!important}}.yddviz-table caption{font-size:16px;font-family:Open Sans,Arial,sans-serif;font-weight:700;text-align:center;margin-bottom:1em;padding:0!important}.yddviz-table td,.yddviz-table th{padding:8px 6px!important;border:none}.yddviz-table tr:nth-child(2n) td,.yddviz-table tr:nth-child(2n) th{background:#f5f5f5!important}.yddviz-table tr:nth-child(2n) td.active,.yddviz-table tr:nth-child(2n) th.active{background:#daebeb!important}.yddviz-table tr:nth-child(odd) td,.yddviz-table tr:nth-child(odd) th{background:#fff!important}.yddviz-table tr:nth-child(odd) td.active,.yddviz-table tr:nth-child(odd) th.active{background:#f5f5ff!important}.yddviz-table tr td{text-align:right}.yddviz-table tr td:first-child{text-align:left}.yddviz-table thead tr th{background-color:#fff!important;color:#000!important;font-weight:700;text-align:center;vertical-align:top;border-bottom:1px solid #999;text-transform:none!important;white-space:normal;text-align:right;font-size:14px}.yddviz-table thead tr th:first-child{text-align:left}.yddviz-table thead tr th.sort{cursor:pointer;text-align:center}.yddviz-table thead tr th.sort.active{background:#daebeb!important}.yddviz-table thead tr th.sort.active:after{content:" ▼"}.yddviz-table tbody tr th{font-weight:400;text-align:left}