samp {
	font-family: inherit; /* Берем Arial у body */
	font-size: inherit;   /* На всякий случай, если были отклонения */
	color: inherit;       /* Цвет текста */
	background-color: transparent; /* Убираем возможный серый фон */
	padding: 0;           /* Сброс внутренних отступов */
	border: none;         /* Сброс рамок */
	font-weight: normal;  /* Обычное начертание */
	font-style: normal;   /* Не курсив */
}

.tooltip-box {
    display: inline-block;
    position: relative;
	    border-bottom_del: 1px dashed currentColor;
		    border-bottom: 1px dotted #ccc;
    cursor: help;
}

/* Псевдоэлемент стрелочки тоже нужно сдвинуть к левому краю */
.tooltip_del::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 15px; /* Отступ стрелочки от левого края */
    border-width: 8px;
    border-style: solid;
    border-color: #555555 transparent transparent transparent;
}

.tooltip-content {
    visibility: hidden;
    
    width: auto;
    min-width: 360px;       /* Не уже этого значения */
    max-width: 600px;       /* Но и не шире этого */
    
    background-color: #555555;
    color: #fff;
    text-align: left;
    padding: 12px 16px;
    border-radius: 6px;
    
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    
    transform: translateX(-50%); /* Центрируем относительно слова */
    
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    
    box-sizing: border-box;
}

.tooltip-box:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}