Кулинарная школа Евгения Чернухи

«`html

.cs-seo-hub {
background: #f6f1ea;
padding: 44px 20px 52px;
color: #1f1b17;
font-family: inherit;
}

.cs-seo-hub * {
box-sizing: border-box;
}

.cs-seo-hub__inner {
max-width: 1180px;
margin: 0 auto;
}

.cs-seo-hub h2 {
margin: 0 0 20px;
font-size: clamp(30px, 4vw, 48px);
line-height: 1;
letter-spacing: -0.04em;
font-weight: 700;
}

.cs-seo-hub h3 {
margin: 0;
font-size: 22px;
line-height: 1.08;
letter-spacing: -0.025em;
font-weight: 700;
}

.cs-seo-hub p {
margin: 0;
}

.cs-seo-hub__faq {
margin-bottom: 34px;
}

.cs-faq-compact {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-radius: 24px;
overflow: hidden;
border: 1px solid rgba(31, 27, 23, 0.08);
background: #fffaf4;
}

.cs-faq-compact__item {
padding: 20px 22px;
border-right: 1px solid rgba(31, 27, 23, 0.08);
border-bottom: 1px solid rgba(31, 27, 23, 0.08);
}

.cs-faq-compact__item:nth-child(2n) {
border-right: 0;
}

.cs-faq-compact__item:nth-last-child(-n+2) {
border-bottom: 0;
}

.cs-faq-compact__item h3 {
margin-bottom: 8px;
font-size: 18px;
}

.cs-faq-compact__item p {
font-size: 14px;
line-height: 1.45;
color: rgba(31, 27, 23, 0.72);
}

.cs-chip-row {
display: flex;
gap: 10px;
overflow-x: auto;
padding: 0 0 12px;
margin: 0 0 30px;
scrollbar-width: thin;
}

.cs-chip-row a {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 10px 16px;
border-radius: 999px;
background: #fffaf4;
border: 1px solid rgba(31, 27, 23, 0.08);
color: #1f1b17;
text-decoration: none;
font-size: 15px;
line-height: 1;
font-weight: 600;
white-space: nowrap;
}

.cs-chip-row a:hover {
background: #df4f28;
color: #fffaf4;
}

.cs-seo-columns {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
gap: 16px;
margin-bottom: 34px;
}

.cs-seo-box {
background: #fffaf4;
border: 1px solid rgba(31, 27, 23, 0.08);
border-radius: 22px;
padding: 22px;
}

.cs-seo-box—dark {
background: #1f1b17;
color: #fffaf4;
}

.cs-seo-box—accent {
background: #df4f28;
color: #fffaf4;
}

.cs-seo-box h3 {
margin-bottom: 16px;
}

.cs-seo-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px 18px;
padding: 0;
margin: 0;
list-style: none;
}

.cs-seo-box:not(.cs-seo-box—dark):not(.cs-seo-box—accent) .cs-seo-list a {
color: #1f1b17;
}

.cs-seo-box—dark .cs-seo-list a,
.cs-seo-box—accent .cs-seo-list a {
color: #fffaf4;
}

.cs-seo-list a {
display: inline;
text-decoration: none;
font-size: 15px;
line-height: 1.25;
font-weight: 600;
opacity: 0.88;
}

.cs-seo-list a:hover {
text-decoration: underline;
}

.cs-format-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border-radius: 22px;
background: #fffaf4;
border: 1px solid rgba(31, 27, 23, 0.08);
}

.cs-format-table th,
.cs-format-table td {
padding: 15px 18px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid rgba(31, 27, 23, 0.08);
font-size: 15px;
line-height: 1.35;
}

.cs-format-table th {
background: rgba(31, 27, 23, 0.06);
font-weight: 700;
}

.cs-format-table tr:last-child td {
border-bottom: 0;
}

.cs-format-table a {
color: #df4f28;
text-decoration: none;
font-weight: 700;
}

.cs-format-table a:hover {
text-decoration: underline;
}

@media (max-width: 900px) {
.cs-seo-columns {
grid-template-columns: 1fr;
}

.cs-faq-compact {
grid-template-columns: 1fr;
}

.cs-faq-compact__item,
.cs-faq-compact__item:nth-child(2n),
.cs-faq-compact__item:nth-last-child(-n+2) {
border-right: 0;
border-bottom: 1px solid rgba(31, 27, 23, 0.08);
}

.cs-faq-compact__item:last-child {
border-bottom: 0;
}
}

@media (max-width: 640px) {
.cs-seo-hub {
padding: 36px 14px 44px;
}

.cs-seo-list {
grid-template-columns: 1fr;
}

.cs-format-table,
.cs-format-table tbody,
.cs-format-table tr,
.cs-format-table td {
display: block;
width: 100%;
}

.cs-format-table thead {
display: none;
}

.cs-format-table tr {
border-bottom: 1px solid rgba(31, 27, 23, 0.08);
}

.cs-format-table tr:last-child {
border-bottom: 0;
}

.cs-format-table td {
border-bottom: 0;
padding: 10px 16px;
}

.cs-format-table td:first-child {
padding-top: 16px;
font-weight: 700;
}

.cs-format-table td:last-child {
padding-bottom: 16px;
}
}

«`