/* kolotoc Komentatoru */
.commtoc {position:relative; margin:0 0 2rem}
.commtoc-prev, .commtoc-next {position:absolute; top:50%; z-index:4; cursor:pointer}
.commtoc-prev {right:100%}
.commtoc-next {left:100%}
.commtoc-prev:before, .commtoc-next:before {content:''; display:block; width:2rem; height:2rem; margin:-1.125rem; border:.125rem solid #FFF; border-radius:100%; background:#1B3E7A url('/u/icon/fff/arrow1-right.svg') no-repeat 50% 50% / 60% 60% }
.commtoc-prev:before {transform:rotate(180deg)}
.commtoc-prev:hover:before, .commtoc-next:hover:before {background-color:#122E5B}
.commtoc-prev:after, .commtoc-next:after {content:''; display:block; width:2rem; height:6rem; margin:-4rem -1.25rem 0}  
.commtoc li {position:relative; display:flex; flex-direction:column; width:117px; margin:0 .25rem 0 0; padding:0 0 calc(var(--spacing-075, .75rem) + (3.75em * 0.75)); border-radius:.5rem; overflow:hidden; text-align:center; text-shadow:0 0 3px #000; color:#FFF; background:#122E5B; box-shadow:0 .5rem 1rem rgba(0,0,0,.08);}
.css-t .commtoc {margin:0 0 1rem}
.css-t .commtoc-prev, .css-t .commtoc-next {display:none}
.css-t .commtoc ul {display:flex; gap:0; white-space:nowrap; overflow-y:hidden; scrollbar-width:thin; scroll-behavior:smooth; margin:0 -1rem; padding:0 1rem}
.css-t .commtoc li {flex:0 0 auto; white-space:normal}
.commtoc li a {position:absolute; z-index:3; bottom:var(--spacing-075, .75rem); display:block; width:100%; color:inherit; text-decoration:none; text-align:inherit}
.commtoc li a:hover h3 {text-decoration:underline}
.commtoc li a:after {content:''; position:absolute; top:-9em; left:0; bottom:0; right:0; z-index:5}
.commtoc h3, .commtoc p {position:relative; line-height:1.25; font-family:inherit; text-align:center; text-transform:none}
.commtoc h3 {width:min-content; min-height:2.5em; margin:-2.5em auto 0; padding:0 var(--spacing-075, .75rem) .25em; font-size:100%}
.commtoc p {min-height:3.75em; margin:0 var(--spacing-075, .75rem); padding:.25rem 0 0; border-top:1px solid #4C70B5; font-size:75%}
.commtoc-foto {order:-1; position:relative; width:100%; height:0; padding:125% 0 0; text-align:center; overflow:hidden}
.commtoc-foto:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2.75em; background:linear-gradient(rgba(16,36,71,0) 0, #122E5B 100%)}
.commtoc-foto samp {position:absolute; top:0; left:50%; width:300%; height:100%; margin:0 0 0 -150%}
.commtoc-foto img {display:block; width:auto; height:100%; margin:auto}