/* /assets/css/related-content-hub.css */
.related-content-hub{margin-block: 24px;padding: 22px;border: 1px solid var(--mk-border, var(--mk-gray-200));background: var(--mk-surface, var(--mk-white));}.related-content-hub__head,.related-content-group__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px;}.related-content-hub__kicker{display: inline-flex;align-items: center;gap: 7px;color: var(--mk-accent, var(--red-800));font-size: .78rem;font-weight: 800;text-transform: uppercase;}.related-content-hub__head h2{margin: 7px 0 5px;font-size: clamp(1.2rem, 2vw, 1.55rem);}.related-content-hub__head p{max-width: 720px;margin: 0;color: var(--mk-text-muted, var(--mk-slate-500));}.related-content-hub__all,.related-content-group__head a{flex: 0 0 auto;color: var(--mk-accent, var(--red-800));font-weight: 750;text-decoration: none;}.related-content-hub__all{padding: 9px 12px;border: 1px solid color-mix(in srgb, var(--mk-accent, #991b1b) 28%, transparent);border-radius: 8px;background: color-mix(in srgb, var(--mk-accent, #991b1b) 7%, #fff);}.related-content-hub__actions{display: flex;flex-wrap: wrap;gap: 9px;margin-top: 16px;}.related-content-hub__actions a{display: inline-flex;align-items: center;gap: 7px;min-height: 38px;padding: 8px 12px;border: 1px solid var(--mk-border, var(--mk-gray-200));border-radius: 8px;background: var(--mk-surface-soft, var(--mk-slate-50));color: var(--mk-text, var(--mk-gray-800-alt));font-weight: 750;text-decoration: none;}.related-content-hub__actions svg{width: 18px;height: 18px;color: var(--mk-accent, var(--red-800));}.related-content-hub__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;margin-top: 20px;}.related-content-group{min-width: 0;padding: 16px;border: 1px solid var(--mk-border, var(--mk-gray-200));border-radius: 8px;background: var(--mk-surface-soft, var(--mk-slate-50));}.related-content-group__head{align-items: center;padding-bottom: 11px;border-bottom: 1px solid var(--mk-border, var(--mk-gray-200));}.related-content-group__head h3{display: flex;align-items: center;gap: 8px;margin: 0;font-size: 1rem;}.related-content-group__head h3 svg{width: 19px;height: 19px;color: var(--mk-accent, var(--red-800));}.related-content-group__head a{font-size: .8rem;}.related-content-group__items{display: grid;gap: 8px;padding-top: 10px;}.related-content-item{display: grid;gap: 3px;min-width: 0;padding: 10px;border-radius: 7px;color: var(--mk-text, var(--mk-gray-800-alt));text-decoration: none;transition: background-color .18s ease, transform .18s ease;}.related-content-item:hover{background: var(--mk-surface, var(--mk-white));transform: translateY(-1px);}.related-content-item strong,.related-content-item span,.related-content-item small{overflow-wrap: anywhere;}.related-content-item span{color: var(--mk-text-muted, var(--mk-slate-500));font-size: .88rem;}.related-content-item small{color: var(--mk-accent, var(--red-800));font-weight: 700;}@media (max-width: 760px){.related-content-hub{padding: 16px;}.related-content-hub__head,.related-content-group__head{align-items: stretch;flex-direction: column;}.related-content-hub__all{align-self: flex-start;}.related-content-hub__actions{display: flex;flex-wrap: wrap;gap: 9px;margin-top: 16px;}.related-content-hub__actions a{display: inline-flex;align-items: center;gap: 7px;min-height: 38px;padding: 8px 12px;border: 1px solid var(--mk-border, var(--mk-gray-200));border-radius: 8px;background: var(--mk-surface-soft, var(--mk-slate-50));color: var(--mk-text, var(--mk-gray-800-alt));font-weight: 750;text-decoration: none;}.related-content-hub__actions svg{width: 18px;height: 18px;color: var(--mk-accent, var(--red-800));}.related-content-hub__grid{grid-template-columns: 1fr;}}