* {
margin:0;
padding:0;
}

aside, footer, address, section, nav, header {
display:block;
}

img, iframe, video, embed {
max-width:100%!important;
}
:root{
	--bs-primary: #081666;
	--bs-primary-rgb: 8, 22, 102;
	--bs-dark-text-emphasis: #9f9f9f;
	--heading-color: #212529; /* Глубокий антрацит для заголовков */
    --text-color: #495057;    /* Мягкий темно-серый для описаний */
    --accent-blue: #0d6efd;   /* Основной цвет акцентов (Bootstrap Blue) */
}
.nav-tabs{
	--bs-nav-tabs-link-active-bg: #1d7d9d;
	--bs-nav-tabs-border-color: rgba(0, 0, 0, 0);
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-color);
    line-height: 1.6; /* Добавляем "воздуха" между строк для твоих описаний */
}

h1, h2, h3, h4, h5, h6, .card-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var(--heading-color);
}
/* Конкретно для твоих навыков в карточках */
.skill-title {
    font-size: 1.05rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

/* Описание навыка (твои подробные тексты) */
.skill-description {
    font-size: 0.875rem; /* Оптимальный размер для среднего объема текста */
    color: var(--text-color);
    font-weight: 400;
}

/* Тонкая рамка и эффект при наведении */
.skill-box {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    transition: all 0.25s ease-in-out;
}

.skill-box:hover {
    border-color: var(--accent-blue) !important;
    background-color: rgba(13, 110, 253, 0.02); /* Едва заметный фон при наведении */
    transform: translateY(-2px);
}
footer {
    margin-top: auto;
}

/* Эффекты при наведении */
.transition-base:hover {
    opacity: 1 !important;
    transform: scale(1.05);
}
.article-content img, 
.project-content img,
.example-article img {
    max-width: 100% !important; /* Не даем вылезать за края */
    height: auto !important;    /* СБРАСЫВАЕМ жесткую высоту редактора */
    display: block;
    margin-bottom: 1.5rem;      /* Добавляем аккуратный отступ снизу */
    border-radius: 8px;         /* Немного скруглим углы для красоты */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Легкая тень */
}