/* Профессиональная активность, продвижение и чтение документов на лендинге. */
.hl-expertise { margin-top: var(--hl-space-lg); padding: var(--hl-space-lg); border: thin solid var(--border-default); border-radius: var(--radius-lg); background: var(--gradient-brand-panel); }
.hl-expertise-heading { max-width: var(--max-width-text); margin-bottom: var(--hl-space-md); }
.hl-expertise-heading h3 { font-size: var(--text-2xl); text-wrap: balance; }
.hl-expertise-heading > p:last-child { margin-bottom: 0; color: var(--color-muted); }
.hl-expertise-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hl-space-md); }
.hl-expertise-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: var(--hl-space-md); border: thin solid var(--border-default); border-radius: var(--radius-md); background: var(--color-white); transition: border-color var(--hl-hover-time) var(--motion-ease-out), box-shadow var(--hl-hover-time) var(--motion-ease-out); }
.hl-expertise-card:hover { border-color: var(--color-primary-disabled); box-shadow: var(--shadow-sm); }
.hl-expertise-icon { display: grid; place-items: center; width: var(--h-big); height: var(--h-big); margin-bottom: var(--hl-space-sm); border-radius: var(--radius-md); color: var(--color-primary); background: var(--color-bg-tint-purple); }
.hl-expertise-icon svg { width: var(--space-after-h2); height: var(--space-after-h2); }
.hl-expertise-card .hl-small-label { margin-bottom: var(--hl-space-xs); }
.hl-expertise-card h4 { margin: 0 0 var(--hl-space-xs); color: var(--color-heading); font-size: var(--text-xl); line-height: var(--leading-heading); font-weight: var(--weight-bold); letter-spacing: var(--tracking-tight); }
.hl-expertise-card p { color: var(--color-muted); }
.hl-expertise-card .hl-text-link { margin-top: auto; font-size: var(--text-base); }
.hl-expertise-access { display: flex; align-items: flex-start; gap: var(--hl-space-sm); margin-top: var(--hl-space-md); padding-top: var(--hl-space-md); border-top: thin solid var(--color-gray-border); }
.hl-expertise-access > span { display: grid; place-items: center; flex-shrink: 0; width: var(--h-small); height: var(--h-small); color: var(--color-primary); background: var(--color-white); border-radius: 50%; }
.hl-expertise-access p { margin: 0; color: var(--color-muted); font-size: var(--text-base); }
.hl-landing .hl-expertise-updates { margin: var(--hl-space-sm) 0 0; color: var(--color-muted); font-size: var(--text-sm); }
.hl-expertise-updates > span { margin-right: var(--hl-space-xs); color: var(--color-primary); }
.hl-landing .hl-promotion-title { display: flex; align-items: center; gap: var(--hl-space-sm); }
.hl-promotion-crown { display: grid; place-items: center; flex-shrink: 0; width: var(--h-big); height: var(--h-big); border-radius: var(--radius-md); color: var(--color-primary); background: var(--color-accent-yellow-bg); font-size: var(--text-2xl); }
.hl-document-dialog { width: min(var(--max-width-wide), calc(100% - var(--hl-space-lg))); max-height: calc(100dvh - var(--hl-space-lg)); padding: 0; border: thin solid var(--border-default); border-radius: var(--radius-lg); background: var(--color-white); color: var(--color-body); box-shadow: var(--shadow-modal); overflow: hidden; }
.hl-document-dialog[open] { display: flex; flex-direction: column; }
.hl-document-dialog::backdrop { background: var(--color-heading); opacity: .55; }
.hl-document-toolbar { display: flex; flex-shrink: 0; align-items: flex-start; justify-content: space-between; gap: var(--hl-space-md); padding: var(--hl-space-md); border-bottom: thin solid var(--border-default); }
.hl-landing .hl-document-toolbar h2 { margin: 0; font-size: var(--text-xl); text-wrap: balance; }
.hl-document-close { display: flex; align-items: center; gap: var(--hl-space-xs); flex-shrink: 0; min-height: var(--but-card-height); padding: var(--hl-space-xs) var(--hl-space-sm); border: thin solid var(--border-default); border-radius: var(--radius-sm); background: var(--color-white); color: var(--color-body); font: inherit; font-size: var(--text-sm); cursor: pointer; transition: background-color var(--hl-hover-time) var(--motion-ease-out); }
.hl-document-close:hover { background: var(--color-blend); }
.hl-document-close:focus-visible { outline: medium solid var(--color-primary); outline-offset: var(--hl-space-xs); }
.hl-document-body { min-height: 0; padding: var(--hl-space-md); overflow: auto; overscroll-behavior: contain; overflow-wrap: anywhere; font-size: var(--text-md); }
.hl-document-body :is(h1,h2,h3,h4) { margin-block: var(--hl-space-md) var(--hl-space-sm); }
.hl-document-body > :first-child { margin-top: 0; }
.hl-document-body ul, .hl-document-body ol { padding-left: var(--hl-space-md); }
.hl-document-body li { margin-bottom: var(--hl-space-sm); }
.hl-document-body img { max-width: 100%; height: auto; }
.hl-document-body table { display: block; max-width: 100%; overflow-x: auto; }
.hl-document-footer { flex-shrink: 0; padding: var(--hl-space-sm) var(--hl-space-md); border-top: thin solid var(--border-default); font-size: var(--text-sm); }
@media (max-width: 767px) {
    .hl-expertise { padding: var(--hl-space-sm); }
    .hl-expertise-grid { grid-template-columns: minmax(0, 1fr); gap: var(--hl-space-sm); }
    .hl-expertise-card { padding: var(--hl-space-sm); }
    .hl-document-dialog { width: calc(100% - var(--hl-space-sm)); max-height: calc(100dvh - var(--hl-space-sm)); }
    .hl-document-toolbar { gap: var(--hl-space-xs); padding: var(--hl-space-sm); }
    .hl-landing .hl-document-toolbar h2 { font-size: var(--text-lg); }
    .hl-document-close { padding: var(--hl-space-xs); }
    .hl-document-body { padding: var(--hl-space-sm); }
}
@media (prefers-reduced-motion: reduce) { .hl-expertise-card, .hl-document-close { transition: none; } }