.policy { border-bottom: 1px solid var(--neutral-300); }

.page-template-default .site-inner section.policy__section { margin-bottom: 60px; margin-top: 0; }

.policy__sidebar_title {
  font-size: 26px; line-height: 32px; padding: 4px 0; font-weight: 600;
  color: var(--primary-900); margin-bottom: 24px;
}

.policy__sides { display: flex; gap: 32px; }
.policy__sidebar { flex: 0 0 320px; }

.policy__sidebar_link {
  border-radius: 4px; padding: 8px; display: block; border: none;
  color: var(--neutral-700); font-size: 16px; line-height: 24px;
}
.policy__sidebar_link:hover  { color: var(--neutral-700); background: #FCFCFC; }
.policy__sidebar_link:active { color: #3D3D3D; background: var(--secondary-200); font-weight: 600; }

.policy__main { border-left: 0.5px solid var(--neutral-300); padding-left: 44px; flex: 1; padding-bottom: 64px; }

.policy__sidebar_link.highlight { background-color: var(--secondary-200); color: #3D3D3D; font-weight: 600; }
.policy__sidebar_link { display: flex; }
.policy__sidebar_link:before { height: 24px; width: 24px; display: flex; justify-content: center; align-items: center; content: "\2022"; }

/* Accordion */
.policy__section_title {
  font-size: 40px; line-height: 48px; font-weight: 600; color: var(--primary-900);
  margin-top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  cursor: pointer; user-select: none; margin-bottom: 0;
}
.policy__section_title:after { content: ''; width: 32px; height: 32px; background-image: url(../../images/title-plus.svg); }
.policy__section.active .policy__section_title:after { background-image: url(../../images/title-minus.svg); }

.policy__section_content { display: none; }
.policy__section.active .policy__section_content { display: block; }

.policy__section_richtext { padding-top: 24px; }
.policy__section_richtext, .policy__section_richtext p { font-size: 16px; line-height: 24px; }

.policy__section_richtext ul li {
  list-style-type: disc; /* or circle / square if you prefer */
  margin-left: 1rem;
  padding-left: 0.1rem;
}

.policy__section_richtext ol li {
  list-style-type: decimal;
  margin-left: 1rem;
  padding-left: 0.1rem;
}

.policy__section_richtext ul, .policy__section_richtext ol {
    margin-bottom: 1.5rem;
}

/* Sticky */
@media (min-width: 768px) {
  .policy__sides { align-items: flex-start; }
  .policy__sidebar {
    position: sticky;
    top: calc((var(--wp-admin--admin-bar--height, 0px) + var(--header-height, 0px) + var(--hub-search-height, 0px)));
    padding-bottom: 64px;
  }
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
  .policy__sidebar { flex: 0 0 220px; }
}

/* Mobile */
@media (max-width: 767px) {
  section.policy { margin-top: -64px; }

  .policy__sides { flex-direction: column; }
  .policy__sidebar {
    flex: 1; position: fixed;
    top: calc((var(--header-height, 0px) + var(--hub-search-height, 0px)));
    left: 0; width: 100%; background-color: var(--neutral-50);
    padding-left: 16px; padding-right: 16px; z-index: 1; overflow: auto;
    max-height: calc(100 * var(--vh, 1vh) - 72px);
  }
  .policy__sidebar.active { padding-bottom: 16px; }

  .policy__sidebar_title {
    margin-bottom: 0; padding-top: 16px; padding-bottom: 16px;
    font-size: 16px; line-height: 26px; font-weight: 600; color: var(--primary-900);
    display: flex; align-items: center; gap: 8px; justify-content: space-between; cursor: pointer;
    background-color: var(--neutral-50);
  }
  .policy__sidebar_title:after {
    content: ''; width: 28px; height: 28px; display: block; background-image: url(../../images/categories-down.svg); transition: rotate 0.3s ease;
  }
  .policy__sidebar.active .policy__sidebar_title:after { rotate: 180deg; }
  .policy__sidebar.active .policy__sidebar_title { border-bottom: 1px solid var(--neutral-300); }

  .policy__main { border-left: none; padding-left: 0; }

  .policy__sidebar_list { display: none; }
  .policy__sidebar.active .policy__sidebar_list { display: block; margin-top: 10px; }

  .policy__section_title { font-size: 24px; line-height: 32px; margin-bottom: 16px !important; }
  .policy__section_richtext { padding-top: 0; }

  .policy { border-bottom: none; }
  .policy__main { padding-bottom: 0; }
}
.policy__section_content .policy__section_richtext h3 {
    color: #1E3851;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}
@media (max-width: 767px) {
  .policy__section_content .policy__section_richtext h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px; 
  }
}

.policy__section_content .policy__section_richtext h4 {
    color: #1E3851;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
}
@media (max-width: 767px) {
  .policy__section_content .policy__section_richtext h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px; 
  }
}

.policy__section_content .policy__section_richtext h2 {
    color: #1E3851;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}
@media (max-width: 767px) {
  .policy__section_content .policy__section_richtext h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px; 
  }
}

body .tip {
	border-radius: 8px;
	border: 1px solid #AEB9E1;
	margin-top: 32px;
	margin-bottom: 40px;
}

body .tip:last-child {
	margin-bottom: 0;
}

body .tip.style-success {
	border-color: var(--accent-green-400);
	background: var(--accent-green-300);
}

body .tip.style-important {
	border: 1px solid #F5C410;
	background: #F9EFCB;
}