.hl-library-review{display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;margin-top:22px!important;padding:24px 28px;border:1px solid var(--hl-line);border-radius:20px;background:#fff}
.hl-library-review img{width:82px;height:82px;border-radius:50%;object-fit:cover}
.hl-library-review span{color:var(--hl-green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hl-library-review h2{font-size:25px;margin:4px 0}
.hl-library-review p{margin:0;color:var(--hl-muted)}

.hl-preview-header{width:min(1240px,calc(100% - 30px));margin:12px auto 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dce8ed;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(18,63,88,.08);font-family:Inter,Arial,sans-serif}
.hl-preview-header>a{display:flex;flex-direction:column;text-decoration:none;color:#123f58}
.hl-preview-header>a span{font-size:11px;color:#617986;margin-top:2px}
.hl-preview-header nav{display:flex;align-items:center;gap:18px}
.hl-preview-header nav>a{text-decoration:none;color:#34586a;font-size:13px;font-weight:800}
.hl-preview-footer{width:min(1180px,calc(100% - 40px));margin:20px auto;padding:25px;border-top:1px solid #dce8ed;display:flex;justify-content:space-between;color:#617986;font-family:Inter,Arial,sans-serif}
.hl-preview-footer b{color:#123f58}

@media(max-width:560px){.hl-library-review{grid-template-columns:58px 1fr;padding:18px}
.hl-library-review img{width:58px;height:58px}
.hl-library-review h2{font-size:20px}
.hl-library-review p{grid-column:1/-1}
}

@media(max-width:720px){.hl-preview-header nav>a:not(.button){display:none}
.hl-preview-header{padding:11px 13px}
.hl-preview-header>a span{display:none}
.hl-preview-footer{display:grid;gap:5px}
}