/* Forums */
.forum { margin: 0 0 25px; box-shadow: 0 0 5px 2px #0000001a; border-radius: 10px; }
.forum-head, .forum-body { display: flex; padding: 10px 17px; }
.forum-head { background: #1c1f87; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.forum-head em, .forum-body > div { width: 200px; text-align: center; }
.forum h2 { width: calc( 100% - 200px ); margin: 0; font-size: 14pt; }
.forum em { font-size: 11pt; font-style: normal; }
.forum-body { background: #fff; color: #000; align-items: center; }
.forum-body + .forum-body { border-top: 1px solid #efefef; }
.forum .forum-body:last-of-type { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.forum-body > section { width: calc( 100% - 200px ); }
.forum-body h3 { margin: 0 0 2px; font-size: 13pt; }
.forum-body aside { display: block; margin: 3px 0 0; font-size: 10pt; }
.forum-body section span + span { position: relative; padding-left: 8px; margin-left: 5px; }
.forum-body section span + span:before { content: ' '; position: absolute; top: 5px; bottom: 4px; left: 0; width: 1px; background: #d1d1d1; }
.forum-body div > a { background: #24b9d7; color: #fff; border-radius: 10px; display: block; width: max-content; max-width: 100%; margin: 0 auto 6px; font-size: 10pt; padding: 0px 6px; border: 1px solid #24b9d7; transition: all .4s; }
.forum-body div > a:hover { color: #24b9d7; background: 0; }
.forum-body div span { display: block; font-size: 10pt; }
.forum-body datetime { display: block; font-size: 8pt; }

/* Statistics */
#statistics { display: grid; grid-template-columns: repeat( auto-fit, minmax( 100px, 1fr ) ); border-radius: 10px; box-shadow: 0 0 5px 2px #0000001a; background: #fff; border-bottom: 3px solid #212386; padding: 60px 15px; margin: 45px 0; }
#statistics figure { position: relative; display: flex; align-items: center; justify-self: center; gap: 7px; margin: 0; padding: 60px 0 0; }
#statistics figure em { font-style: normal; font-weight: 700; font-size: 9pt; color: #fff; background: #ffa500; border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 30px; aspect-ratio: 1; }
#statistics figure:nth-of-type( 2 ) em { background-color: #008000; }
#statistics figure:nth-of-type( 3 ) em { background-color: #808080; }
#statistics figure:nth-of-type( 4 ) em { background-color: #6a5acd; }
#statistics figure:before { content: ' '; position: absolute; top: 0; left: 50%; transform: translateX( -50% ); display: block; background: url( '../images/icons/forums.webp' ) no-repeat center/contain; aspect-ratio: 1; height: 48px; }
#statistics figure:nth-of-type( 2 ):before { background-image: url( '../images/icons/topics.webp' ); }
#statistics figure:nth-of-type( 3 ):before { background-image: url( '../images/icons/reply.webp' ); }
#statistics figure:nth-of-type( 4 ):before { background-image: url( '../images/icons/person.webp' ); }

@media (max-width: 550px) {
    #statistics { gap: 40px 25px; grid-template-columns: repeat( 2, 1fr ); padding: 50px 15px; }
}