/**
 * Kingchefs Brand Colors & Footer
 */
:root {
  --kc-red: #CF3F3F;
  --kc-green: #7FBF3F;
  --kc-dark: #3F3F3F;
  --kc-white: #FFFFFF;
  --kc-text-light: #DEDEDE;
}

/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::before,
::after {
	box-sizing: border-box;
}

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
  -webkit-font-smoothing: antialiased;
}

/*
Sections
========
*/

body,h1,h2,h3,h4,h5,h6{margin:0;}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace;
	font-size: 1em; 
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
	appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	appearance: textfield; 
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/* Standard Line Height for <p><li><dd> */
p, li, dt, dd {line-height: 1.6;}

/* Merged and modified from align.module.css */
.align-left {
  float: left;
  margin: 0 1.5em 1em 0;
}

.align-right {
  float: right;
  margin: 0 0 1em 1.5em;
}

.align-center {
  display: block;
  margin: 1em auto; 
}

.text-align-center { text-align: center; }
.text-align-right  { text-align: right; }

/* Basic Elements */

p {
    margin-top: 0;
    margin-bottom: 1.25rem;
    line-height: 1.6;
    font-size: 1rem; 
    color: #374151; 
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p:last-child {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word;}
h1 { font-size:2rem; line-height: 1.2; margin-bottom: 1.5rem;}
h2 { font-size:1.5rem; line-height:1.3; margin: 2rem 0 1rem 0; }
h3 { font-size:1.25rem; line-height:1.3; margin: 1.5rem 0 0.75rem 0; }
h4 { font-size: 1rem; line-height:1.4; margin: 1.25rem 0 0.5rem 0; }
h5 { font-size: 0.875rem; line-height:1.4; margin: 1rem 0 0.5rem 0; }
h6 { font-size: 0.75rem; line-height:1.4; margin: 1rem 0 0.5rem 0; }

/* --- Global Links --- */

a, 
a:visited {
  color: #0066c0;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover, 
a:focus {
  text-decoration: underline;
}


/* General Layout */
.layout-container { 
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
  max-width: 80rem; 
}

/* Header */
.site-header {
  position: relative;
  background: #fff; /* 必须有背景色才能遮住向上滑动的搜索框 */
  z-index: 2000 !important;
}

.header-main-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px; /* 可根据 Logo 高度调整 */
  gap:1rem;
  position: relative; /* 必须加定位，z-index 才会生效 */
  z-index: 1100;      /* 确保高于搜索面板 */
  background: #fff;  /* 确保遮挡 */
}

.header-logo {flex: 1;}
.header-search {
  display: flex;
  justify-content: flex-end;
}
.header-search button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 4px;
    width: 2rem;
    height: 2rem;
}
.header-search button:hover svg {
  color: #76b852; /* 悬停时图标变品牌绿 */
}

.header-account-menu {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  gap: 1.5rem;
  margin-inline:1.5rem;
}

.header-account-menu a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  white-space: nowrap;
}

.header-account-menu a:hover {
  color: #76b852; /* 你的品牌绿 */
}

/* --- 2. 响应式控制 (768px 断点) --- */
@media (min-width: 48.01rem) {
  .header-hamburger-button { display: none; }
}

@media (max-width: 48rem) {
  .header-account-menu { display: none; } /* 手机端隐藏中间的文字链接 */

  /* 汉堡包样式 */
  .hamburger-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .hamburger-line {
    width: 100%;
    height: 3px;
    background-color: #333;
    transition: 0.3s;
    border-radius: 3px;
  }
}

/* --- 3. 搜索面板 (自上而下) --- */
.search-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  /* 确保初始状态完全藏在 header 后面 */
  transform: translateY(-100%); 
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
  z-index: 900; /* 低于 header-main-wrapper */
  padding: 20px 0;
  visibility: hidden; /* 辅助隐藏：防止在上方时依然能被鼠标点到 */
}

.search-overlay.is-active {
  visibility: visible;
  transform: translateY(70px); /* 70px 对应你 header-main-wrapper 的高度 */
}

/* --- 搜索面板内部布局 --- */

.search-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.search-form {
  flex: 1; 
  display: flex;
  gap: 1rem;
  min-width: 0; 
}

.search-form input[type="search"] {
  flex: 1; /* 输入框自适应 */
  height: 3rem;
  min-width: 100px; /* 保证输入框不会缩到看不见 */
  padding: 0 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.search-form button[type="submit"] {
  flex-shrink: 0; /* 强制不许压缩搜索按钮 */
  height: 3rem;
  padding: 0 2rem;
  background-color: #76b852;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap; /* 保证文字不换行 */
}

/* 修正搜索框专用的关闭按钮 */
#search-overlay .close-btn {
  position: static;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  background: #eee;
  border-radius: 4px;
}

/* 针对 1300px 以下的微调，防止两侧间距过大 */
@media (max-width: 1350px) {
  .search-inner {
    gap: 15px;
    padding: 0 1rem;
  }
}

/* 针对手机端的进一步优化 */
@media (max-width: 600px) {
  .search-form button[type="submit"] {
    padding: 0 12px;
    font-size: 14px;
  }
  #search-overlay .close-btn {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }
}

/* --- 4. 移动端抽屉 (自右向左) --- */
.nav-drawer {
  position: fixed;
  top: 0;
  right: -320px; /* 初始隐藏在右侧 */
  width: 300px;
  height: 100%;
  background: #fff;
  z-index: 4000;
  transition: right 0.3s ease-out;
  padding: 60px 25px;
  box-shadow: -5px 0 15px rgba(0,0,0,0.1);
  overflow-y: auto;
}

.nav-drawer.is-active {
  right: 0;
}

.nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: none;
  z-index: 3999;
}

.nav-overlay.is-active { display: block; }

.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}

/* 抽屉内菜单样式 */
.nav-drawer__account {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* --- Main Navigation (Desktop) --- */

.main-navigation {
  display: none;
}

@media (min-width: 48.01rem) {
  .main-navigation {
    width: 100%;
    display: block;
    background-color: #7FBF3F; 
  }

  .main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .main-navigation ul li a {
    display: block;
    padding: 0.75rem 1.5rem; /* 控制导航条的高度感 */
    color: #1F1F1F;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.125rem;
    transition: background-color 0.5s ease;
  }

  .main-navigation ul li a:hover {
    background-color: #CF3F3F; 
  }
}

/* Breadcrumb */

.breadcrumb .layout-container {
  /* 确保在移动端也能水平滚动，且不超出容器 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 增强 iOS 滚动流畅度 */
  scrollbar-width: none; /* 隐藏 Firefox 滚动条 */
}

.breadcrumb .layout-container::-webkit-scrollbar {
  display: none; /* 隐藏 Chrome/Safari 滚动条 */
}

.breadcrumb ol {
  display: flex;
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  white-space: nowrap; /* 核心：移动端禁止换行 */
}

/* 4. 列表项 */
.breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.2;
}

/* 5. 分隔符：使用伪元素渲染斜杠 */
.breadcrumb li:not(:last-child)::after {
  content: "/";
  margin: 0 0.625rem; /* 10px */
  color: #545454;
}

/* 6. 链接样式 */
.breadcrumb a {
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color: #7FBF3F;
}

/* 7. 最后一项（当前页面）样式 */
.breadcrumb li:last-child {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis; 
}

/* 8. 响应式调整：平板及以上屏幕 (768px+) */
@media (min-width: 48rem) {

  .breadcrumb ol {
    white-space: normal; /* 允许换行 */
    flex-wrap: wrap;
  }

  .breadcrumb .layout-container {
    overflow-x: visible; 
  }

  .breadcrumb li:last-child {
    padding-right: 0;
  }
}

/* Front top Feature */

section.front-top-feature {
    background-color: #f8f8f8;
    padding-block: 2rem;
}
@media (min-width: 48.01rem) {
  .front-top-feature {
    padding-block: 4rem; 
  }
}
/* ================================================
   # 通用 响应式分列样式 grid-auto-cols
   ================================================ */
/* 1. 基础布局 */
.grid-auto-cols {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr; /* 手机：1列 */
  padding:1rem 0;
}

/* 2. 平板断点：默认 2 列 */
@media (min-width: 48rem) and (max-width: 63.99rem) {
  .grid-auto-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  /* 强制 3 列的修正类 (增加权重) */
  .grid-auto-cols.grid-3-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 3. 桌面断点：强制单行等分 */
@media (min-width: 64rem) {
  .grid-auto-cols {
    grid-template-columns: none; 
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}

/* Views Style */
.views-view-responsive-grid {padding:1rem 0;}

.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid #DFDFDF;
  padding:2rem 1rem 1rem;
  border-radius: 0.5rem;
  border-bottom: 4px solid #7FBF3F;
  background-color: #FFFFFF;
  overflow: hidden; 
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.feature-card:hover {
  transform: translateY(-8px);
  /* 悬停时边框颜色可以稍微加深一点，或者变成品牌红 */
  border-color: #7FBF3F; 
  border-bottom-color: #CF3F3F;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.feature-card__icon svg {
  color: #3F3F3F; /* 初始深灰 */
  transition: all 0.3s ease;
  margin-bottom: 1.5rem;
  opacity: 0.8;
}

.feature-card:hover svg {
  color: #CF3F3F; /* 悬停图标也变红 */
  transform: scale(1.1); /* 图标微调放大 */
  opacity: 1;
}
.feature-card__title {
  margin:0;
  letter-spacing: 2px;
}
.feature-card__desc {
  max-width: 40rem; 
  margin-top: 1rem;
}

/* Logo 项容器 */
.logo-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8rem; 
  padding: 0;
}

/* 专门处理 Logo 图片 */
.logo-item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 8rem;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
}

.logo-item a {
  display: block;
  line-height: 0; 
}
/* Business Partner Header */

/* --- Business Header (Mini-site Top) --- */
.business-header {
  display: flex;
  flex-direction: column;
  align-items: center; 
  text-align: center;
  gap: 1.5rem;
  padding: 1rem;
  border-bottom: 1px solid var(--kc-text-light);
}

.business-header img {
  max-height: 8rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

.business-header .page-title {
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.02em; 
  color: var(--kc-dark);
}

/* 桌面端适配：768px 及以上 */
@media (min-width: 48.01rem) {
  .business-header {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    gap: 3rem;
  }
  .business-header .page-title {
    flex: 1; 
  }
}


/* Main Content Section*/

.main-wrapper {
  display: flex;
  flex-direction: column;
}

.site-main, 
.sidebar-first, 
.sidebar-second {
  flex: 1 1 auto;
  min-width: 0; 
}

@media (min-width: 48.01rem) {
  .main-wrapper {
    flex-direction: row; /* 开启横向排列 */
    align-items: flex-start; /* 侧边栏高度不强制拉伸 */
    gap: 2rem; 
  }

  /* 比例分配核心逻辑 */
  .sidebar-first, 
  .sidebar-second {
    /* 侧边栏：占 1 份 */
    flex: 1 1 0%; 
  }

  .site-main {
    /* 主内容：永远占 2 份（侧边栏的两倍） */
    flex: 2 1 0%; 
  }

  /* 视觉顺序调整：
     即使 HTML 里 Main 在第一位，但在桌面端我们让它排在中间 */
  .sidebar-first {
    order: 1; /* 排在最左边 */
  }
  
  .site-main {
    order: 2; /* 排在中间 */
  }
  
  .sidebar-second {
    order: 3; /* 排在最右边 */
  }
}

/* --- 3. 细节打磨：侧边栏内容样式 --- */
.sidebar-first,
.sidebar-second {
  /* 可以在这里给侧边栏加一些深色文字提示，保持你的 31 逻辑 */
  color: #3F3F3F; 
}

/* Footer */
.site-footer {
  background-color: var(--kc-dark);
  color: var(--kc-text-light);
  border-top: 4px solid var(--kc-green);
  padding: 2rem 0 0;
  margin-top:2rem; 
}
.footer-menu ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
}
@media (min-width: 48rem) {
  .footer-menu ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-menu a {
  color: var(--kc-green);
  text-decoration: none;
  transition: all 0.3s ease;
}
.footer-menu a:hover {
  color: var(--kc-red);
  text-decoration: underline;
}
.footer-menu ul li {padding:0.5rem 2rem; display:block;}

.footer-legal {
  border-top: 1px solid rgba(255, 255, 255, 0.1); 
  background-color: #3A3A3A; 
  padding: 1rem 0;
}

.footer-legal__copyright {
  display:block;
  margin: 1rem 0;
  font-size: 0.9rem;
  color: var(--kc-white);
  text-align: center;
}

.footer-legal__disclaimer {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
  max-width: 50rem; /* 800px */
  margin: 0 auto;
  padding: 0 1rem; /* 手机端防止文字贴边 */
}

/* 移动端微调 */
@media (max-width: 48rem) {
  .footer-legal {
    margin-top: 2rem;
    padding: 1.25rem 0;
  }
}

/* =================
   Call Out Section 
*/

.callout-section {
  padding: 4rem 0;
  background-color: #a5c588; 
  text-align: center;
  border-top: 1px solid #eee;
}

/* 直接对内部标签进行微调 */
.callout-section h2 {
  margin-bottom: 2rem;
}

.callout-section p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  text-align: left;
}

.callout-section ul {
  max-width: 800px;
  width: fit-content;
  margin: 0 auto 3rem;
  text-align: left;
  list-style: none;
  padding: 0;
}

.callout-section li {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

.callout-section li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  font-weight: bold;
}
.callout-section a {
  /* 把它变成一个醒目的按钮 */
  display: inline-block;
  background-color: var(--kc-red);
  color: #fff;
  padding: 1.25rem 2.5rem;
  text-decoration: none;
  font-weight: 700;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.callout-section a:hover {
  transform: translateY(-2px);
  background-color: #b33636;
}

/* --- Info Group 容器 (模拟 Fieldset) --- */
.info-group {
  position: relative;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 1rem;
  margin: 2rem 0 0;
  background-color: #ffffff;
}

/* --- 压线标题 --- */
.info-group-title {
  position: absolute;
  top: 0; 
  transform: translateY(-50%);
  left: 1rem;
  margin:0;
  padding: 0 0.5rem;
  font-size:1.25rem;
  background-color: #ffffff; 
  color: var(--kc-green); 
  text-transform: uppercase;
  max-width: 90%;
}

/* --- DL 规格网格 --- */
.site-main dl, aside dl {
  display: grid;
  grid-template-columns: 1fr; 
  color: var(--kc-dark); 
  line-height:1.6rem;
}

/* --- 移动端样式 (Mobile First) --- */
.site-main dt, aside dt {
  margin: 0;
  padding: 0.25rem 0;
  font-size:0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.site-main dd, aside dd {
  margin: 0;
  padding: 0.25rem 0 0.25rem 1rem;
  word-break: break-all; 
}

/* --- 桌面端样式 (Table Look) --- */
@media (min-width: 48rem) {
  .site-main dl {
    /* 3. 核心：定义两列，第一列固定 15rem */
    grid-template-columns: auto 1fr; 
    margin: 1rem 0 0 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
  }
  .site-main dt {
    grid-column: 1;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem; 
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #CCC;
  }
  .site-main dd {
    grid-column: 2;
    padding: 0.5rem 1rem 0.5rem 0.5rem; 
    margin: 0;
    display: flex;
    align-items: center;      /* 垂直居中 */
    border-bottom: 1px solid #CCC;
  }
}

/* General DD list */

/* 嵌套在 dd 里的列表容器 */
.site-main dd ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; /* 确保填满父级 dd */
}

.site-main dd ul.col-2 {
  display: block;
  width: 100%;
  /* 1. 响应式核心：最小宽度 12rem，最大 2 列 */
  column-width: 12rem;
  column-count: 2;
  column-gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-main dd li li {
  padding-left: 1rem;
  break-inside: avoid;
}

/* 州名(strong) 样式优化 */
.site-main dd strong {
  display: block;
}

/* 处理 dd 里的链接 (Website) */
.site-main dd a {
  color: var(--kc-dark);
  text-decoration: none;
  word-break: break-all;
}

/* --- Social Media Links --- */
.social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-links svg {
  height: 2rem; 
  width: auto;
  fill: currentColor;
  shape-rendering: geometricPrecision;
}
.social-links a {
  color: var(--kc-dark);
  display: flex;
  transition: color 0.3s ease;
}
.social-links a:hover {
  color: var(--kc-red);
}

.site-main ol {padding-left:1.5rem;}