.article-info-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(200px, .55fr);
    gap: 28px;
    align-items: center;
    margin: 28px 0;
    padding: 24px;
    background: #f1f0f0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .28);
}

.article-info-panel__details table { width: 100%; border-collapse: collapse; background: #fff; font-size: 1rem; }
.article-info-panel__details th,
.article-info-panel__details td { padding: 12px 14px; border-bottom: 1px solid #d7d7d7; text-align: left; }
.article-info-panel__details th { width: 38%; font-weight: 400; }
.article-info-panel__details tr:first-child th,
.article-info-panel__details tr:first-child td { background: #d9eef8; font-weight: 700; }
.article-info-panel__details tr:last-child th,
.article-info-panel__details tr:last-child td { border-bottom: 0; }
.article-info-panel__rating { display: grid; justify-items: center; gap: 14px; padding: 12px; text-align: center; }
.article-info-panel__rating p,
.article-info-panel__rating strong { margin: 0; color: #f10000; font-size: 1.3rem; font-weight: 700; }
.article-info-panel__stars { display: flex; gap: 3px; color: #f0ad4e; font-family: Arial, sans-serif; font-size: 2.35rem; line-height: 1; }
.article-info-panel__stars span { display: block; }
.article-info-panel__stars .is-half { color: transparent; background: linear-gradient(90deg, #f0ad4e 50%, #fcfcfc 50%); background-clip: text; }
.article-info-panel__download { display: block; margin-top: 14px; line-height: 0; }
.article-info-panel__download a { display: inline-block; cursor: pointer; }
.article-info-panel__download img { display: block; width: 156px; height: auto; }

@media (max-width: 620px) {
    .article-info-panel { grid-template-columns: 1fr; gap: 16px; padding: 16px; }
    .article-info-panel__details th,
    .article-info-panel__details td { padding: 10px; }
    .article-info-panel__details th { width: 42%; }
}