/* article grid: reference Bootstrap-like layout (scoped from layout.css) */
main.page-template-article .ongle24-video-poster img { aspect-ratio: 1 / 1; object-fit: cover; }
main.page-template-article{--bs-gutter-x:1.5rem}
main.page-template-article .container{width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto;max-width:1400px}
main.page-template-article .container-fluid{width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
main.page-template-article .row{display:flex;flex-wrap:wrap;margin-top:0;margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
main.page-template-article .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5)}
main.page-template-article .col-1{flex:0 0 auto;width:8.333333%}
main.page-template-article .col-2{flex:0 0 auto;width:16.666667%}
main.page-template-article .col-3{flex:0 0 auto;width:25%}
main.page-template-article .col-4{flex:0 0 auto;width:33.333333%}
main.page-template-article .col-5{flex:0 0 auto;width:41.666667%}
main.page-template-article .col-6{flex:0 0 auto;width:50%}
main.page-template-article .col-7{flex:0 0 auto;width:58.333333%}
main.page-template-article .col-8{flex:0 0 auto;width:66.666667%}
main.page-template-article .col-9{flex:0 0 auto;width:75%}
main.page-template-article .col-10{flex:0 0 auto;width:83.333333%}
main.page-template-article .col-11{flex:0 0 auto;width:91.666667%}
main.page-template-article .col-12{flex:0 0 auto;width:100%}
@media(min-width:768px){main.page-template-article .col-md-1{flex:0 0 auto;width:8.333333%} main.page-template-article .col-md-2{flex:0 0 auto;width:16.666667%} main.page-template-article .col-md-3{flex:0 0 auto;width:25%} main.page-template-article .col-md-4{flex:0 0 auto;width:33.333333%} main.page-template-article .col-md-5{flex:0 0 auto;width:41.666667%} main.page-template-article .col-md-6{flex:0 0 auto;width:50%} main.page-template-article .col-md-7{flex:0 0 auto;width:58.333333%} main.page-template-article .col-md-8{flex:0 0 auto;width:66.666667%} main.page-template-article .col-md-9{flex:0 0 auto;width:75%} main.page-template-article .col-md-10{flex:0 0 auto;width:83.333333%} main.page-template-article .col-md-11{flex:0 0 auto;width:91.666667%} main.page-template-article .col-md-12{flex:0 0 auto;width:100%}}
@media(min-width:1024px){main.page-template-article .col-lg-1{flex:0 0 auto;width:8.333333%} main.page-template-article .col-lg-2{flex:0 0 auto;width:16.666667%} main.page-template-article .col-lg-3{flex:0 0 auto;width:25%} main.page-template-article .col-lg-4{flex:0 0 auto;width:33.333333%} main.page-template-article .col-lg-5{flex:0 0 auto;width:41.666667%} main.page-template-article .col-lg-6{flex:0 0 auto;width:50%} main.page-template-article .col-lg-7{flex:0 0 auto;width:58.333333%} main.page-template-article .col-lg-8{flex:0 0 auto;width:66.666667%} main.page-template-article .col-lg-9{flex:0 0 auto;width:75%} main.page-template-article .col-lg-10{flex:0 0 auto;width:83.333333%} main.page-template-article .col-lg-11{flex:0 0 auto;width:91.666667%} main.page-template-article .col-lg-12{flex:0 0 auto;width:100%}}
