html, body {width: 100%; height: 100%; margin: 0; padding: 0; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; background-color: #dedede;}
a, a:visited, a:active, a:hover {text-decoration: none; color: #222; font-weight: bold;}
img {border: 0}
.inf-clan-page {max-width: 1200px; margin: 0 auto; padding: 8px; display: flex; flex-direction: column; gap: 24px;}
.inf-clan-header {display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; border: 1px solid white; box-shadow: 1px 1px 7px 0px #afafaf;}
.inf-clan-header-name, .inf-clan-header-rating, .inf-clan-header-position {color: #8f0000; font-weight: bold; display: flex; align-items: center;}
.inf-clan-header-rating, .inf-clan-header-position {justify-content: center; text-align: center;}
.inf-clan-main {padding: 0 24px; display: grid; grid-template-columns: 2fr 1fr; grid-template-areas: "info members"; gap: 24px;}
.inf-clan-main-left, .inf-clan-main-right {display: flex; flex-direction: column; gap: 24px;}
.inf-clan-main-left {grid-area: info;}
.inf-clan-main-right {grid-area: members;}
.inf-clan-section {margin: 0; padding: 12px 12px 8px; min-width: 334px; border: 1px solid white; box-shadow: 1px 1px 7px 0px #afafaf;}
.inf-clan-section-title {color: #4f0000; font-weight: bold; padding: 0;}
.inf-clan-stats {display: grid; grid-template-columns: 1fr; gap: 6px;}
.inf-clan-stats-middle, .inf-clan-alliance-item {display: flex; align-items: center; gap: 6px;}
.inf-clan-stats-fight, .inf-clan-member-user, .inf-clan-alliance-item-ongoing {display: flex; align-items: center;}
.inf-clan-stats-fight img {margin-left: 6px;}
.inf-clan-sup-cg {color: #008800;}
.inf-clan-sup-cr {color: #ff0000;}
.inf-clan-sup-cg, .inf-clan-sup-cr {font-size: 10px; font-weight: bold; line-height: 1; position: relative; top: -4px;}
.inf-clan-members, .inf-clan-alliance {display: flex; flex-direction: column; gap: 6px;}
.inf-clan-member {display: flex; flex-wrap: wrap; align-items: center; gap: 5px;}
.inf-clan-member.offline {color: #777;}
.inf-align-icon {width: 12px; height: 15px;}
.inf-clan-icon {width: 24px; height: 15px;}
.inf-info-icon {width: 12px; height: 11px;}
.inf-clan-glava {color: #008080; font-weight: bold;}
.inf-clan-members-total {color: #777; text-align: right;}
.inf-clan-war-time {color: #777; font-size: 9pt;}
@media (max-width: 768px) {
    .inf-clan-main {padding: 0; grid-template-columns: 1fr; grid-template-areas: "members" "info";}
    .inf-clan-header {flex-direction: column; align-items: flex-start; gap: 6px;}
    .inf-clan-header-name, .inf-clan-header-rating, .inf-clan-header-position {width: 100%; justify-content: flex-start;}
    .inf-clan-section {min-width: 0;}
}