:root{--col-main:#0a2348;--col-main-red:#c8102e;--col-main-light:#4a94b1;--col-darkgray:#4d4d4d;--col-gray:#ccc;--col-lightback:#f8f6f0;--col-grayborder:#808080;--col-muted:#212529}.art-list{display:flex;flex-flow:column;row-gap:.5em;margin-bottom:2em}.art-list .col-6,.art-list .col-md-8{margin:0 auto}.art-preview,.art-preview:visited{display:flex;flex-flow:row nowrap;text-decoration:none;aspect-ratio:2/1;width:100%}.art-preview:hover{background-color:var(--col-lightback)}.art-thumb{flex-shrink:0;height:100%;width:auto;aspect-ratio:1/1;border-radius:.5em;position:relative;overflow:hidden}.art-thumb img{width:100%;height:100%;object-fit:cover}.art-info{display:flex;flex-flow:column;justify-content:space-between;height:100%;padding:.5em;overflow:hidden}.art-info div{overflow:hidden}.art-preview h3{line-height:1.2;font-size:1em;padding:0;margin:0 0 1em 0;overflow:hidden;color:#000;font-weight:bold}.art-preview:hover h3{color:var(--col-main-light)}.art-preview p{line-height:1.2;font-size:.9em;color:var(--col-muted);overflow:hidden}.art-preview:hover p{color:#000}.art-bottom{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;line-height:1.1;position:sticky;bottom:0;align-self:end;font-size:.9em}.art-bottom time{max-height:1em;color:var(--col-grayborder)}.art-preview:hover .art-bottom time{color:#000!important}.art-bottom b{color:var(--col-grayborder);font-weight:normal}.art-preview:hover .art-bottom b{color:var(--col-main);text-decoration:underline}@media(max-width:1200px){.art-list .col-md-8{width:75%!important}}@media(max-width:992px){.art-list .col-md-8{width:85%!important}}@media(max-width:768px){.block{font-size:.8rem}.art-list .col-md-8{width:95%!important}}@media(max-width:576px){.block{font-size:.7rem}.art-bottom b{display:none}.art-info{padding:0 .5em}.art-preview h3{font-weight:normal}.art-preview p{display:none}}