/* skin/css/download.css */
.info-block { padding: 20px; margin-top: 15px; }
.ib-flex { display: flex; margin-bottom: 20px; }
.ib-icon { width: 80px; min-width: 80px; height: 80px; border: 2px solid #000; margin-right: 15px; }
.ib-txt h1 { font-size: 20px; font-weight: 900; margin-bottom: 5px; }
.ib-txt p { font-size: 12px; color: #666; font-family: monospace; margin-bottom: 8px; }
.ib-tags span { background: #000; color: #fff; padding: 2px 6px; font-size: 12px; margin: 5px 5px 0 0; float: left;}

.btn-mega {
    width: 100%;
    background: repeating-linear-gradient(45deg, #000, #000 12px, #222 12px, #222 20px);
    color: var(--primary-color);
    border: 2px solid #000;
    padding: 12px;
    font-size: 16px; font-weight: 900;
    cursor: pointer;
    display: block;
    text-align: center;
}

.swiper-slide { width: auto; height: auto; border: 1px solid #000; }
.swiper-slide img, .video-slide video { width: auto; height: auto; max-width: 600px; max-height: 540px; object-fit: cover; }

.article-content h3 { background: var(--primary-color); color: #000; display: inline-block; padding: 2px 8px; font-weight: 900; font-size: 14px; border: 1px solid #000; margin: 15px 0 12px; }
.article-content h4 { border-left: 4px solid #000; padding-left: 8px; font-weight: bold; margin: 15px 0 5px; }
.article-content p { font-size: 13px; color: #444; margin-bottom: 12px; }

.related-box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.related-item { display: flex; flex-direction: column; align-items: center; border: 1px solid #eee; padding: 5px; }
.related-item img { width: 40px; height: 40px; border: 1px solid #000; margin-bottom: 5px; }
.related-item span { font-size: 12px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-align: center; }
.related-item button { width: 100%; background: #000; color: #fff; border: none; font-size: 12px; margin-top: 5px; cursor: pointer; }