@import "https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css";

:root {
  --gray: #55595c;
  --gray-light: #818a91;
  --gray-lighter: #eceeef;
  --gray-lightest: #f7f7f9;

  --bacground-gray-color: #eff4f3;

  --meta-text-color: #6b7280;
  --grid-gutter-width: 0.1rem;

  --padding-base-horizontal: 12px;
  --font-size-small: calc(16px * 0.875);
  --font-size-h1: calc(16px * 3);
  --font-size-h2: calc(16px * 1.75);
  --font-size-h3: calc(16px * 1.5);
  --font-size-h4: calc(16px * 1.25);
  --font-size-h5: calc(16px * 1.1);
  --font-size-h6: calc(16px * 1);
  --line-height-computed: 16px * 1.5;
  --strong-font-weight: 600;
  --input-border-color: #dee1e3;
  --input-focus-border-color: #9a9a9a;

  --lt-spacer: 1rem;

  /* Formatting Content */

  --lt-accordion-border: rgba(248, 246, 237, 1);
  --border-width: 2px;
  --border-radius-base-min: 4px;
  --border-radius-base-max: 48px;
  --border-radius-base: min(
    var(--border-radius-base-min),
    var(--border-radius-base-max)
  );
  --border-radius-lg-min: 16px;
  --border-radius-lg-max: 48px;
  --border-radius-lg: min(
    var(--border-radius-lg-min),
    var(--border-radius-lg-max)
  );

  --lt-accordion-padding-vertical: 1rem;
  --lt-accordion-padding-horizontal: 1.5rem;

  --font-weight-bold: 700;
  --font-family-body: 'Copernicus', sans-serif;

  --body-color-bg: rgba(248, 246, 237, 1);
  --color-text-primary: rgba(0, 72, 34, 1);
  --color-brand-primary: rgba(0, 72, 34, 1);
  --color-bg-secondary: rgba(248, 246, 237, 1);
  --color-brand-primary-inverse: rgba(241, 236, 218, 1);

  --info-callout-color: rgba(241, 236, 218, 1);
  --warning-callout-color: rgba(231, 183, 175, 1);
  --danger-callout-color: rgba(182, 96, 52, 1);
  --success-callout-color: rgba(213, 226, 123, 1);
  --neutral-callout-color: #d6d6d6;

  --callout-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05),
    0px 8px 40px 0px rgba(0, 0, 0, 0.1);

  --info-callout-icon: url(/hc/theming_assets/01KQCZ1Q94FDDS9RXDYGKG67ER);
  --warning-callout-icon: url(/hc/theming_assets/01KQCZ1PTCPXP1S269ZB1YCR0T);
  --danger-callout-icon: url(/hc/theming_assets/01KQCZ1Q8CXA0TSAEB3FQS0A7Q);
  --success-callout-icon: url(/hc/theming_assets/01KQCZ1PNCQPN6YX2KRPCEFMT0);
  --copy-code-icon: url(/hc/theming_assets/01KQCZ1P2B9JF0VAXA9D9K44PN);
  --anchor-list-icon: url(/hc/theming_assets/01KQCZ1P3M5VGB2G2DFPEB3PWV);
  --anchor-file-icon: url(/hc/theming_assets/01KQCZ1PXRC1XM55XM6HAMN80R);
  --blockqoute-icon: url(/hc/theming_assets/01KQCZ1MKTEVHFGS7ZZHBTE4FQ);

  --dots-left-bg: url($assets-dots-left-svg);

  --callout-padding: 2rem;
  --callout-border-width: 4px;

  --rte-bullet-color: #818a91;
  --code-bg: #f7f7f9;
  --light-gray: #f8f7f8;

  --color-table-bg-hover: #d6d6d6;

  --color-border: rgba(248, 246, 237, 1);

  --text-xxs: calc(0.625rem * var(--font-body-scale));
  --text-xs: calc(0.75rem * var(--font-body-scale));
  --text-sm: calc(0.875rem * var(--font-body-scale));
  --text-base: calc(1rem * var(--font-body-scale));
  --text-lg: calc(1.125rem * var(--font-body-scale));
  --text-xl: calc(1.25rem * var(--font-body-scale));
  --text-2xl: calc(1.5rem * var(--font-body-scale));
  --text-3xl: calc(1.875rem * var(--font-body-scale));
  --text-4xl: calc(2.25rem * var(--font-body-scale));
  --text-5xl: calc(3rem * var(--font-body-scale));
}
/* Reset the box-sizing */
*,
*:before,
*:after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

html,
body {
  height: 100%;
}
/* Body reset */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'Copernicus', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(0, 72, 34, 1);
  background-color: rgba(248, 246, 237, 1);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* Links */
a {
  color: rgba(0, 72, 34, 1);
  text-decoration: none;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: none;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

hr {
  border-top: 1px solid rgba(248, 246, 237, 1);
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Radion B Bold', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin: 0 0 calc(var(--line-height-computed));
}

h1,
.h1 {
  font-size: var(--font-size-h1);
  /* font-weight: 400; */
}

h2,
.h2 {
  font-size: var(--font-size-h2);
}

h3,
.h3 {
  font-size: var(--font-size-h3);
}

h4,
.h4 {
  font-size: var(--font-size-h4);
}

h5,
.h5 {
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-size: var(--font-size-h6);
}

b,
strong {
  font-weight: 700;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}
/* Description Lists */
dl {
  margin-top: 0;
  margin-bottom: calc(var(--line-height-computed));
}

dt,
dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
  line-height: 1.5;
}

dt {
  font-weight: bold;
}

[dir="ltr"] dd {
  margin-left: 0;
}

[dir="rtl"] dd {
  margin-right: 0;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}

@media (min-width: 576px) {
  .dl-horizontal dt {
    float: left;
    width: 30%;
    padding-right: var(--grid-gutter-width);
    clear: both;
  }
}

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .dl-horizontal dd {
    float: right;
    width: 70%;
  }
}
/*  Addresses */
address {
  margin-bottom: calc(var(--line-height-computed));
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.is-hidden,
.hidden,
[hidden],
[x-cloak] {
  display: none !important;
}

.powered-by-zendesk {
  display: none;
}

.visibility-hidden,
.recent-activity-accessibility-label,
.pagination-first-text,
.pagination-last-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}

.lt-main-content {
  padding-top: 3.5rem;
}

@media (min-width: 992px) {
  .lt-main-content {
    padding-top: 3.5rem;
  }
}
/*Was 7.5rem above in @media .lt-main-content*/

@media (min-width: 768px) {
  .on-footer {
    position: relative;
  }

  .on-footer:after {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 200px;
    content: "";
    background-color: rgba(0, 56, 34, 1);
  }

  [dir="ltr"] .on-footer:after {
    left: 0;
  }

  [dir="rtl"] .on-footer:after {
    right: 0;
  }
}

.lt-start-screen-wrap {
  position: relative;
  z-index: 0;
  padding-top: 7rem;
  padding-bottom: 4rem;
  color: rgba(241, 236, 218, 1);
  background-color: rgba(0, 72, 34, 1);
}

@media (min-width: 992px) {
  .lt-start-screen-wrap--pb {
    padding-bottom: 10.5rem;
  }
}

.lt-bg-light {
  background-color: #F8F6ED !important;
}
/*f8f9fa*/
.lt-block {
  background-color: #fff;
  border-radius: 12px;
}

.lt-block--shadow {
  box-shadow: 0 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
}
/* Layout */
/*
Normalize non-controls

Restyle and baseline non-control form elements.
*/
fieldset {
  /*
  Chrome and Firefox set a `min-width: min-content;` on fieldsets,
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359.
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: calc(var(--line-height-computed));
  font-size: calc(16px * 1.5);
  line-height: inherit;
  color: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}
/*
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies.
*/
/*  Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
  box-sizing: border-box;
}
/*  Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/*  Set the height of file controls to match text inputs */
input[type="file"] {
  display: block;
}
/*  Make range inputs behave like textual form controls */
input[type="range"] {
  display: block;
  width: 100%;
}
/*  Make multiple select elements height not fixed */
select[multiple],
select[size] {
  height: auto;
}
/*  Focus for file, radio, and checkbox */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*  Adjust output element */
output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
}
/*
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:

*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: var(--border-width) solid var(--input-border-color);
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.nesty-input:focus {
  border-color: var(--input-focus-border-color);
  outline: 0;
}
/*  Placeholder */
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.nesty-input::placeholder {
  color: #999;
  opacity: 1;
}
/* select {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
} */
select {
  width: 100%;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A")
    no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[dir="ltr"] select {
  padding-right: 36px;
  background-position: right 12px center;
}

[dir="rtl"] select {
  padding-left: 36px;
  background-position: left 12px center;
}

select::-ms-expand {
  display: none;
}
/*  Reset height for `textarea`s */
textarea {
  height: auto;
  height: calc(
    (var(--line-height-computed) + var(--padding-base-horizontal) + 2px) * 3
  );
  resize: vertical;
}

#hc-wysiwyg {
  border-color: var(--input-border-color);
  border-width: var(--border-width);
}
/*  Search inputs in iOS */
/*
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */
input[type="search"] {
  -webkit-appearance: none;
}
/*  Special styles for iOS temporal inputs

 In Mobile Safari, setting `display: block` on temporal inputs causes the
 text within the input to become vertically misaligned. As a workaround, we
 set a pixel line-height that matches the given height of the input, but only
 for Safari. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: calc(16px * 1.5 * 2.5);
  }
}
/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */
.form-field {
  margin-bottom: calc(var(--line-height-computed));
}

.form-field .optional {
  color: #00ae52;
}

[dir="ltr"] .form-field .optional {
  margin-left: 4px;
}

[dir="rtl"] .form-field .optional {
  margin-right: 4px;
}

.form-field.boolean {
  position: relative;
}

.form-field.boolean input[type="checkbox"] {
  position: absolute;
}

.form-field.boolean label {
  min-height: calc(var(--line-height-computed));
  /* Ensure the input doesn't jump when there is no text */
  margin-bottom: 0;
  cursor: pointer;
}

[dir="ltr"] .form-field.boolean {
  padding-left: 20px;
}

[dir="ltr"] .form-field.boolean input[type="checkbox"] {
  left: 0;
}

[dir="rtl"] .form-field.boolean {
  padding-right: 20px;
}

[dir="rtl"] .form-field.boolean input[type="checkbox"] {
  right: 0;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
/*  Help text

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */
.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  color: #00c85e; /* lighten the text some for contrast */
}

ul[data-hc-pills-container] {
  margin: 0 0 calc(var(--border-width) * -1);
  border: var(--border-width) solid var(--input-border-color);
  border-radius: 12px;
}

ul[data-hc-pills-container][data-hc-focus="true"] {
  position: relative;
  z-index: 2;
  border-color: var(--input-focus-border-color);
}

:root {
  --grid-gutter-width: clamp(1rem, 4vw, 4rem);
}

.lt-container {
  padding-left: clamp(1rem, 4vw, 4rem) !important;
  padding-right: clamp(1rem, 4vw, 4rem) !important;
}

}

@media (min-width: 576px) {
  .lt-container {
    padding-right: calc(var(--grid-gutter-width) * 2);
    padding-left: calc(var(--grid-gutter-width) * 2);
  }
}

.lt-container-inner {
  max-width: 1500px;
  margin-inline: auto;
}

.lt-layout {
  display: grid;
  min-height: 100%;
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
}

.lt-layout > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}


/* =========================================================
   RELAY MARKETING FOOTER MATCH — FINAL DROP-IN
   Remove older hc-footer / lt-footer custom overrides first
   ========================================================= */

.lt-footer {
  background: #002813;
  color: #f1ecda;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  isolation: isolate;
}

.lt-footer,
.lt-footer p,
.lt-footer li,
.lt-footer a,
.lt-footer small,
.lt-footer .micro-text {
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
}

.lt-footer__content {
  max-width: none;
  margin: 0;
  padding: 56px 0 40px !important;
}

.hc-footer {
  font-size: 16px;
  line-height: 1.5;
}

.hc-footer__container {
  max-width: 1480px;
  margin: 0 auto;
  padding-left: 28px;
  padding-right: 28px;
}

@media (min-width: 1200px) {
  .hc-footer__container {
    padding-left: 36px;
    padding-right: 36px;
  }
}

/* Brand */
.hc-footer__brand {
  margin: 0 0 28px;
}

.hc-footer__logo {
  display: block;
  width: auto;
  height: auto;
  max-height: 56px;
}

/* Grid */
.hc-footer__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 56px;
  row-gap: 32px;
  align-items: start;
}

.hc-footer__col {
  min-width: 0;
}

/* Titles */
.hc-footer__title {
  position: relative;
  margin: 0 0 18px;
  color: #f1ecda;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hc-footer__title::before {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  margin-bottom: 20px;
  background: #f1ecda;
  opacity: 0.95;
}

/* Lists */
.hc-footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hc-footer__list li {
  margin: 0 0 14px;
}

.hc-footer__list li:last-child {
  margin-bottom: 0;
}

/* Links */
.lt-footer a,
.hc-footer__list a,
.hc-footer__disclaimer a {
  color: #f1ecda;
  text-decoration: none;
}

.hc-footer__list a:hover,
.hc-footer__list a:focus-visible,
.hc-footer__disclaimer a:hover,
.hc-footer__disclaimer a:focus-visible,
.lt-footer a:hover,
.lt-footer a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.lt-footer a:focus-visible {
  outline: 2px solid #d5e27b;
  outline-offset: 3px;
}

/* Rule */
.hc-footer__rule {
  border: 0;
  height: 1px;
  margin: 48px 0 28px;
  background: rgba(241, 236, 218, 0.82);
}

/* Legal/social block */
.hc-footer__legal {
  width: 100%;
}

.hc-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin: 0 0 22px;
}

.lt-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 0;
  color: #d5e27b;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  transition: opacity 0.2s ease;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus-visible,
.lt-footer__social-link:active {
  color: #d5e27b;
  background: transparent;
  box-shadow: none;
  opacity: 0.82;
  transform: none;
}

.lt-footer__social-link svg {
  width: 30px;
  height: 30px;
  display: block;
  fill: currentColor;
}

.hc-footer__copyright {
  margin: 0 0 18px;
  color: #f1ecda;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 500;
}

.hc-footer__app-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 42px;
}

.hc-footer__app-badges img {
  display: block;
  height: 40px;
  width: auto;
}

/* ===== Compliance / disclaimer block — match marketing site ===== */

.hc-footer__disclaimer {
  margin-top: 56px; /* closer to rt-mt-700 feel */
  max-width: none;
}

.hc-footer__disclaimer-copy {
  margin: 0;
  color: #f1ecda;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0;
}

.hc-footer__disclaimer-copy a {
  color: #f1ecda;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.hc-footer__disclaimer-copy sup {
  font-size: 65%;
  vertical-align: super;
}

.hc-footer__theme-credit {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.8;
}

.hc-footer__theme-credit a {
  color: #f1ecda;
  text-decoration: underline;
}

/* kill old paragraph/list-based disclaimer styling */
.hc-footer__disclaimer p,
.hc-footer__disclaimer li,
.hc-footer__disclaimer ul,
.hc-footer__disclaimer small {
  all: unset;
}

.hc-footer__disclaimer-copy,
.hc-footer__theme-credit {
  display: block;
}

@media (max-width: 767px) {
  .hc-footer__disclaimer {
    margin-top: 40px;
  }

  .hc-footer__disclaimer-copy,
  .hc-footer__theme-credit {
    font-size: 14px;
    line-height: 1.75;
  }
}

/* kill old conflicting custom footer styles */
.lt-footer__social-icons,
.lt-footer__social-icons-row,
.lt-footer__divider,
.lt-footer-inner,
.hc-footer__bottom {
  all: unset;
}

/* Responsive */
@media (max-width: 1100px) {
  .hc-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 32px;
  }
}

@media (max-width: 767px) {
  .lt-footer__content {
    padding: 40px 0 28px !important;
  }

  .hc-footer__container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hc-footer__brand {
    margin-bottom: 24px;
  }

  .hc-footer__logo {
    max-height: 48px;
  }

  .hc-footer__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .hc-footer__title {
    font-size: 20px;
  }

  .hc-footer__title::before {
    width: 40px;
    margin-bottom: 18px;
  }

  .hc-footer__rule {
    margin: 36px 0 24px;
  }

  .hc-footer__social {
    gap: 16px;
    margin-bottom: 18px;
  }

  .lt-footer__social-link svg {
    width: 28px;
    height: 28px;
  }

  .hc-footer__copyright {
    font-size: 18px;
  }

  .hc-footer__app-badges {
    gap: 12px;
    margin-bottom: 32px;
  }

  .hc-footer__app-badges img {
    height: 38px;
  }

  .hc-footer__disclaimer p,
  .hc-footer__disclaimer li {
    font-size: 15px;
    line-height: 1.72;
  }
}

/* Components */
.lt-hero-unit {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 6.6875rem;
  color: rgba(241, 236, 218, 1) !important;
  background-color: rgba(0, 72, 34, 1) !important;
}
@media (min-width: 992px) {
  .lt-hero-unit {
    padding-top: 10rem;
    padding-bottom: 4.5rem;
  }
}

.lt-hero-unit__bg {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(/hc/theming_assets/01J06P4HZ4T3G852T6TAY7FN88) 50% 50% no-repeat;
  background-size: cover;
}

.lt-hero-unit__bg:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.27);
}

[dir="ltr"] .lt-hero-unit__bg {
  left: 0;
}

[dir="ltr"] .lt-hero-unit__bg:after {
  left: 0;
}

[dir="rtl"] .lt-hero-unit__bg {
  right: 0;
}

[dir="rtl"] .lt-hero-unit__bg:after {
  right: 0;
}

.lt-hero-unit__content,
.lt-hero-unit__faq-wrapper {
  z-index: 2;
}

.lt-hero-unit__welcome {
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  background-color: rgba(0, 72, 34, 1) !important;
  border-radius: 25px;
  font-family: 'Radion B Demi', sans-serif;
}

.lt-hero-unit__title {
  font-size: 2.5rem;
  line-height: 3rem;
}

.lt-hero-unit__description {
  font-size: 0.875rem;
  line-height: 1.1;
}

.lt-hero-unit__search-box .search input[type="search"] {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@media (min-width: 992px) {
  .lt-hero-unit__search-box .search {
    width: 568px;
  }

  .lt-hero-unit__search-box .search:before {
    left: 2rem !important;
  }
}

.lt-hero-unit__faq {
  position: absolute;
  width: 100%;
  padding: 1.5rem 0;
  padding-bottom: 0;
  color: rgba(0, 72, 34, 1);
}

.lt-hero-unit__faq-title {
  line-height: 1.1;
  font-family: 'Radion B Demi', sans-serif;
}

.lt-hero-unit__faq-name {
  font-family: 'Radion B Demi', sans-serif;
}

.lt-hero-unit__faq-item {
  list-style-type: none;
}

.lt-hero-unit__faq-item:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.lt-hero-unit__faq-item:hover:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.lt-hero-unit__faq-item:hover {
  background-color: #f5f5f5;
}

.lt-hero-unit__faq-item:hover .lt-hero-unit__faq-link {
  color: $brand_secondary;
}

.lt-hero-unit__faq-name {
  font-weight: 500;
  line-height: 1.5rem;
}

.lt-hero-unit__faq-link {
  color: rgba(0, 72, 34, 1);
}

.lt-hero-unit__faq-description {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgba(64, 118, 89, 1);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lt-hero-unit__decor {
  position: absolute;
  right: 0;
  bottom: -83px;
  left: 0;
  display: none;
  width: 100%;
}

.lt-hero-unit__decor svg {
  width: 100%;
}

.lt-hero-unit__decor--svg {
  position: absolute;
  bottom: 0;
}

[dir="ltr"] .lt-hero-unit__decor--svg:nth-child(1) {
  right: 0;
}

[dir="ltr"] .lt-hero-unit__decor--svg:nth-child(2) {
  left: 0;
}

[dir="rtl"] .lt-hero-unit__decor--svg:nth-child(1) {
  left: 0;
}

[dir="rtl"] .lt-hero-unit__decor--svg:nth-child(2) {
  right: 0;
}

.lt-hero-unit__decor--path {
  fill: rgba(0, 72, 34, 1);
}

@media (min-width: 992px) {
  .lt-hero-unit__faq-wrapper {
    width: 453px;
  }

  .lt-hero-unit__title {
    max-width: 500px;
    font-size: 3.5rem;
    line-height: 3.625rem;
  }

  .lt-hero-unit__faq {
    position: absolute;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
    top:-50px;
  }

  .lt-hero-unit__faq-title {
    padding: 0 2rem;
    margin-bottom: 0, 75rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .lt-hero-unit__faq-item:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
  }

  .lt-hero-unit__faq-description {
    font-size: 1rem;
  }
}


/* ==========================================================================
  Buttons
  ========================================================================== */
.lt-btn,
input[type="submit"],
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: none;
  border: 0;
  border-radius: 58px;
  transition: all 0.3s ease;
  touch-action: manipulation;
  font-family: 'Basis Grotesque Pro', sans-serif;
}
@media (max-width: 767px) {
  .lt-btn,
  input[type="submit"],
  .lt-section-subscribe button,
  .lt-article-subscribe button,
  .lt-community-follow button,
  .lt-profile__buttons button,
  .lt-profile__buttons a,
  .lt-organization-subscribe button,
  .lt-subscriptions-subscribe button,
  .pagination-next-link,
  .pagination-prev-link,
  .pagination-first-link,
  .pagination-last-link,
  .recent-activity-controls a {
    padding: 0.55rem 1.1rem;
  }
}

.lt-btn:focus {
  background-color: #c4d85f;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
  transform: scale(1.02);
  transition: all 0.2s ease;
},
.lt-btn:active:focus,
input[type="submit"]:focus,
input[type="submit"]:active:focus,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active:focus,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active:focus,
.lt-community-follow button:focus,
.lt-community-follow button:active:focus,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active:focus,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active:focus,
.lt-organization-subscribe button:focus,
.lt-organization-subscribe button:active:focus,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active:focus,
.pagination-next-link:focus,
.pagination-next-link:active:focus,
.pagination-prev-link:focus,
.pagination-prev-link:active:focus,
.pagination-first-link:focus,
.pagination-first-link:active:focus,
.pagination-last-link:focus,
.pagination-last-link:active:focus,
.recent-activity-controls a:focus,
.recent-activity-controls a:active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.lt-btn:hover,
.lt-btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-organization-subscribe button:hover,
.lt-organization-subscribe button:focus,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-last-link:hover,
.pagination-last-link:focus,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus {
  color: rgba(0, 72, 34, 1);
  text-decoration: none;
}

.lt-btn:active,
input[type="submit"]:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-community-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.lt-organization-subscribe button:active,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active,
.recent-activity-controls a:active {
  background-image: none;
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.lt-btn--default,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  color: rgba(0, 72, 34, 1);
  background-color: transparent;
  border: 1px solid #e6e6e6;
}

.lt-btn--default:hover,
.lt-btn--default:focus,
.lt-btn--default:active,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-next-link:active,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-prev-link:active,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-first-link:active,
.pagination-last-link:hover,
.pagination-last-link:focus,
.pagination-last-link:active,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus,
.recent-activity-controls a:active {
  color: #000b05;
  background-color: transparent;
  border-color: #000b05;
}

input[type="submit"],
.lt-btn--primary,
.lt-organization-subscribe button {
  color: #fff !important;
  background-color: rgba(0, 72, 34, 1) !important;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.lt-btn--primary:hover,
.lt-btn--primary:focus,
.lt-btn--primary:active,
.lt-organization-subscribe button:hover,
.lt-organization-subscribe button:focus,
.lt-organization-subscribe button:active {
  color: #fff;
  background-color: #00150a;
  border-color: #00150a;
}

.lt-article-subscribe button {
  color: rgba(241, 236, 218, 1);
  background-color: transparent;
  border: 1px solid rgba(241, 236, 218, 1);
}

.lt-btn--print {
  padding: 0 !important;
  font-size: var(--font-size-h5) !important;
  border: 0 !important;
}

.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-btn--hero {
  color: rgba(241, 236, 218, 1);
  background-color: transparent;
  border: 1px solid rgba(241, 236, 218, 1);
}

.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-community-follow button:active,
.lt-btn--hero:hover,
.lt-btn--hero:focus,
.lt-btn--hero:active {
  color: #e0d5ae;
  background-color: transparent;
  border-color: #e0d5ae;
}

.lt-organization-subscribe button {
  padding-top: 4px;
  padding-bottom: 4px;
}

.lt-avatar {
  position: relative;
  display: inline-block;
}

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  color: #fff;
  background: #cc0000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar__badge {
  right: -0.5rem;
}

[dir="rtl"] .lt-avatar__badge {
  left: -0.5rem;
}

.lt-avatar__badge:not(.is-active) {
  display: none;
}

.lt-avatar--agent:before {
  position: absolute;
  bottom: -4px;
  display: flex;
  width: 18px;
  height: 18px;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  content: "\f007";
  background-color: rgba(0, 72, 34, 1);
  border-radius: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar--agent:before {
  right: -4px;
}

[dir="rtl"] .lt-avatar--agent:before {
  left: -4px;
}

.lt-user-avatar {
  border-radius: 100%;
}

.lt-user-avatar--default {
  width: 2.5rem;
  height: 2.5rem;
}

.lt-user-avatar--topbar {
  width: 2rem;
  height: 2rem;
}

.lt-meta {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(64, 118, 89, 1);
}

.lt-meta__item {
  display: inline-block;
  line-height: 1;
}

[dir="ltr"] .lt-meta__item {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item {
  margin-left: 0.25rem;
}

.lt-meta__item + .lt-meta__item:before {
  font-size: 0.95rem;
  content: "\2022";
}

[dir="ltr"] .lt-meta__item + .lt-meta__item:before {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item + .lt-meta__item:before {
  margin-left: 0.25rem;
}

.lt-meta__link {
  color: inherit;
}

.lt-meta--profile {
  margin-bottom: 0;
}

.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
  opacity: 0.7;
  font-family: 'Basis Grotesque Pro', sans-serif;
}

.breadcrumbs > li {
  display: inline-block;
  color: rgba(241, 236, 218, 1);
}

.breadcrumbs > li + li:before {
  padding: 0 5px;
  color: rgba(241, 236, 218, 1);
  content: "\00a0";
  content: "› ";
}

.breadcrumbs > li a {
  color: rgba(241, 236, 218, 1);
}

.breadcrumbs > li:last-child a {
  color: rgba(241, 236, 218, 1);
}

[dir="ltr"] .breadcrumbs {
  padding-left: 0;
}

[dir="rtl"] .breadcrumbs {
  padding-right: 0;
}

.lt-breadcrumbs--search-results {
  padding: 0;
  font-size: 0.85rem;
}

.lt-breadcrumbs--search-results > li + li:before {
  position: relative;
  top: 2px;
  font-size: 1.4rem;
  line-height: 0.95rem;
  color: rgba(64, 118, 89, 1);
}

.lt-breadcrumbs--search-results > li a {
  color: rgba(64, 118, 89, 1);
}

.lt-breadcrumbs--search-results > li:last-child a {
  color: rgba(64, 118, 89, 1);
}

.lt-breadcrumbs-wrapper {
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}

.lt-entry-info {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}

@media (min-width: 992px) {
  .lt-entry-info {
    align-items: center;
  }
}

.lt-entry-info__avatar {
  flex-shrink: 0;
}

[dir="ltr"] .lt-entry-info__avatar {
  padding-right: 1rem;
}

[dir="rtl"] .lt-entry-info__avatar {
  padding-left: 1rem;
}

.lt-status-label {
  padding: 2px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
}

.lt-status-label--pending {
  background-color: rgba(231, 183, 175, 1);
}

.lt-status-label--with-ticket {
  background-color: rgba(0, 72, 34, 1);
}

.lt-status-label--with-ticket:hover,
.lt-status-label--with-ticket:focus,
.lt-status-label--with-ticket:active {
  color: #fff;
}

.lt-status-label--solved,
.lt-status-label--closed {
  background-color: rgba(213, 226, 123, 1);
}

.lt-status-label--new,
.lt-status-label--open {
  background-color: rgba(182, 96, 52, 1);
}

.lt-status-label--answered {
  background-color: rgba(231, 183, 175, 1);
}

.lt-status-label--official {
  background-color: rgba(0, 72, 34, 1);
}

.lt-status-label--completed,
.lt-status-label--answered {
  background-color: rgba(213, 226, 123, 1);
}

.lt-status-label--planned {
  background-color: rgba(0, 72, 34, 1);
}

.lt-status-label--not-planned {
  color: rgba(0, 72, 34, 1);
  background-color: var(--gray-lighter);
}

.lt-category-card__title {
  color: rgba(0, 72, 34, 1);
}

.lt-category-card__title-link {
  color: rgba(0, 72, 34, 1);
}

.lt-category-card__title-link:hover,
.lt-category-card__title-link:focus,
.lt-category-card__title-link:active {
  color: rgba(0, 72, 34, 1);
}

.lt-category-card__item {
  list-style-type: disc;
}

.lt-category-card__item::marker {
  color: rgba(64, 118, 89, 1);
}

.lt-category-card__item:hover::marker {
  color: rgba(0, 72, 34, 1);
}

.lt-category-card__link {
  color: rgba(64, 118, 89, 1);
}

.lt-category-card__link:hover {
  color: rgba(0, 72, 34, 1);
  text-decoration: underline;
}

.lt-contact-info-card__icon {
  width: 32px;
  height: 32px;
}

.lt-contact-info-card__link {
  color: rgba(0, 72, 34, 1);
  font-family: 'Radion B Demi', sans-serif;
}

.lt-contact-info-card__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}

@media (hover: hover) and (pointer: fine) {
  .lt-contact-info-card__link:hover,
  .lt-contact-info-card__link:focus {
    color: rgba(0, 72, 34, 1) !important;
    text-decoration: none;
  }
}

.lt-contact-info-card__title {
  color: rgba(0, 72, 34, 1);
}

.lt-contact-info-card__descr {
  color: rgba(64, 118, 89, 1);
}

.lt-custom-block-item {
  list-style-type: none;
}

@media (min-width: 768px) {
  .lt-custom-block-item {
    display: flex;
  }
}

.lt-custom-block-item__card {
  min-height: 190px;
  flex-direction: column;
}

@media (min-width: 992px) {
  .lt-custom-block-item__card {
    min-height: 245px;
  }
}

.lt-custom-block-item__icon {
  width: 2rem;
  height: 2rem;
}

.lt-custom-block-item__link {
  color: rgba(0, 72, 34, 1);
  transition: color 0.15s ease;
}

.lt-custom-block-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}

@media (hover: hover) and (pointer: fine) {
  .lt-custom-block-item__link:hover,
  .lt-custom-block-item__link:focus {
    color: rgba(0, 72, 34, 1) !important;
    text-decoration: none;
  }
}

.lt-custom-block-item__title {
  line-height: 1.1;
  color: rgba(0, 72, 34, 1);
  letter-spacing: -0.01em;
}

.lt-custom-block-item__desc {
  line-height: 1.5;
  color: rgba(64, 118, 89, 1);
}

.lt-block-list-item__title {
  font-family: 'Radion B Demi', sans-serif;
}

.lt-block-list-item .lt-block-list-item__link {
  background-color: rgba(255, 255, 255, 1);
}

.lt-block-list-item:nth-child(1n) .lt-block-list-item__link {
  background-color: rgba(255, 255, 255, 1);
}

.lt-block-list-item:nth-child(3n + 2) .lt-block-list-item__link {
  background-color: rgba(255, 255, 255, 1);
}

.lt-block-list-item:nth-child(3n) .lt-block-list-item__link {
  background-color: rgba(255, 255, 255, 1);
}

.lt-block-list-item__link {
  position: relative;
  z-index: 2;
  overflow: hidden;
  color: rgba(0, 72, 34, 1);
  background-color: rgba(255, 255, 255, 1);
}

.lt-block-list-item__link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
}

.lt-block-list-item__link:hover,
.lt-block-list-item__link:focus,
.lt-block-list-item__link:active {
  color: rgba(0, 72, 34, 1);
}

.lt-block-list-item__link:hover:after,
.lt-block-list-item__link:focus:after,
.lt-block-list-item__link:active:after {
  display: block;
}

.lt-block-list-item__icon {
  position: relative;
  z-index: 5;
  width: 32px;
  height: 32px;
}

.lt-block-list-item__icon path,
.lt-block-list-item__icon circle {
  transition: all 0.3s ease;
}

.lt-block-list-item__text {
  font-size: 0.875rem;
  opacity: 0.75;
}

.recent-activity {
  position: relative;
  z-index: 5;
  padding: 1.5rem;
  margin-bottom: 4rem;
  background: #fff;
  border-radius: 12px;
}

@media (min-width: 768px) {
  .recent-activity {
    padding: 3.5rem;
  }
}

.recent-activity-item-link {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5rem;
  color: #000;
  transition: color 0.15s ease;
}

.recent-activity-item-link:hover {
  color: rgba(0, 72, 34, 1);
}

.recent-activity-header {
  margin-bottom: 2rem;
  font-size: 2rem;
  line-height: 2.5rem;
  color: rgba(0, 72, 34, 1);
}

.recent-activity-list {
  display: grid;
  padding-inline-start: 0;
  margin-bottom: 0;
  list-style: none;
  gap: calc(var(--grid-gutter-width) * 2);
}

@media (min-width: 768px) {
  .recent-activity-list {
    grid-template-columns: 1fr 1fr;
  }

  .recent-activity-item-link {
    line-height: 1.5rem;
  }

  .recent-activity-item-time {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.recent-activity-item-time {
  position: relative;
  padding-inline-start: 1.5rem;
}

.recent-activity-item-time:before {
  position: absolute;
  top: 0.025em;
  width: 1em;
  height: 1em;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 0.9rem;
  content: "\f086";
}

[dir="ltr"] .recent-activity-item-time:before {
  left: 0;
}

[dir="rtl"] .recent-activity-item-time:before {
  right: 0;
}

.recent-activity-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.recent-activity-item-meta {
  display: flex;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.3rem;
  color: rgba(64, 118, 89, 1);
  align-items: center;
  justify-content: space-between;
}

.recent-activity-item-parent {
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1rem;
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
  border-radius: 6px;
}

.recent-activity-item-parent:hover,
.recent-activity-item-parent:focus,
.recent-activity-item-parent:active {
  color: #fff;
}

.recent-activity-comment-icon {
  display: none;
}

.recent-activity-controls {
  padding-top: 2rem;
}

.lt-footer-submit-ticket {
  text-align: center;
}

@media (min-width: 768px) {
  .lt-footer-submit-ticket {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .lt-footer-submit-ticket__text {
    width: 40%;
  }
}

.lt-footer-submit-ticket__title {
  line-height: 1.1;
  color: rgba(0, 72, 34, 1);
}

.lt-footer-submit-ticket__descr {
  line-height: 1.5rem;
  color: rgba(64, 118, 89, 1);
}

.lt-footer-submit-ticket__link {
  display: inline;
  width: -moz-fit-content;
  width: fit-content;
}

.lt-footer-submit-ticket__button {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5rem;
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
  border-radius: 57px;
  box-shadow: 0px 17px 24px rgba(242, 159, 58, 0.1);
}

.lt-footer-submit-ticket__button:hover,
.lt-footer-submit-ticket__button:focus,
.lt-footer-submit-ticket__button:active {
  color: #fff;
  background-color: #00150a;
}

@media (min-width: 768px) {
  .lt-footer-submit-ticket__illustration {
    width: 60%;
    max-width: 476px;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .lt-footer-submit-ticket__img {
    width: 100%;
  }
}

.share {
  display: flex;
  white-space: nowrap;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .share {
    justify-content: start;
  }
}

[dir="ltr"] .share {
  padding-left: 0;
}

[dir="rtl"] .share {
  padding-right: 0;
}

.share li {
  --size: 3.625rem;
  position: relative;
  display: flex;
  width: var(--size);
  height: var(--size);
  margin: 0px 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  color: rgba(0, 72, 34, 1);
  text-align: center;
  vertical-align: top;
  list-style-type: none;
  background-color: transparent;
  border: 1px solid rgba(150, 157, 156, 0.25);
  border-radius: var(--size);
  justify-content: center;
  align-items: center;
}

.share a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex !important;
  color: rgba(0, 72, 34, 1);
  align-items: center;
  justify-content: center;
  touch-action: manipulation;
}

.share a:hover,
.share a:focus,
.share a:active {
  color: rgba(0, 72, 34, 1);
  background-color: #fff;
}

.share svg {
  width: 18px;
  height: 18px;
}

.lt-page__heading {
  color: rgba(241, 236, 218, 1);
}

@media (min-width: 992px) {
  .lt-page__heading {
    order: -1;
  }
}

.lt-page__title {
  font-size: 2.5rem;
}

@media (max-width: 767px) {
  .lt-page__title {
    font-size: 2rem;
  }
}

.lt-page__desc {
  font-size: 1rem;
  line-height: 1.5;
  opacity: 0.7;
}

.lt-new-request-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-new-request-title {
  font-size: var(--font-size-h3);
}

@media (min-width: 576px) {
  .lt-new-request-title {
    font-size: var(--font-size-h2);
  }
}

@media (min-width: 768px) {
  .lt-new-request-title {
    font-size: var(--font-size-h1);
  }
}

.lt-new-request-form {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-new-request-tip {
  position: relative;
  background-color: #f3fafc;
  border: 2px solid #50b6d3;
  border-radius: 4px;
}

.lt-new-request-tip__icon {
  position: absolute;
  top: 2rem;
  color: #50b6d3;
}

[dir="ltr"] .lt-new-request-tip__icon {
  left: 1.5rem;
}

[dir="rtl"] .lt-new-request-tip__icon {
  right: 1.5rem;
}

.upload-dropzone {
  padding: calc(var(--line-height-computed)) 16px;
  border-color: var(--input-border-color);
  border-width: var(--border-width);
  border-radius: 12px;
}

.upload-dropzone,
.upload-dropzone a {
  font-size: var(--font-size-small);
}

.upload-dropzone span {
  color: rgba(0, 72, 34, 1);
}

.lt-error-page {
  max-width: 600px;
}

.lt-error-page__articles {
  border: 2px solid rgba(248, 246, 237, 1);
  border-radius: 4px;
}

.pagination-list {
  list-style: none;
}

[dir="ltr"] .pagination-list {
  padding-left: 0;
  margin-left: 0;
}

[dir="ltr"] .pagination-list li:not(:last-child) {
  margin-right: 0.5rem;
}

[dir="rtl"] .pagination-list {
  padding-right: 0;
  margin-right: 0;
}

[dir="rtl"] .pagination-list li:not(:last-child) {
  margin-left: 0.5rem;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
  display: inline-block;
}

[dir="ltr"] .pagination-next-text {
  margin-right: 16px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}

[dir="ltr"] .pagination-prev-text {
  margin-left: 16px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}

.satisfaction-box {
  padding: calc(var(--line-height-computed)) var(--grid-gutter-width);
  margin: 0 0 calc(10px * 2) 0;
  margin-top: 0;
  border-color: rgba(248, 246, 237, 1);
  border-radius: 4px;
}

.satisfaction-box h4:last-child {
  margin-bottom: 0;
}

.satisfaction-box input[type="radio"] ~ label {
  letter-spacing: normal;
}

[dir="ltr"] .satisfaction-box input[type="radio"] ~ label {
  margin-right: 10px;
}

[dir="rtl"] .satisfaction-box input[type="radio"] ~ label {
  margin-left: 10px;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"] {
  color: #fff;
  background-color: rgba(213, 226, 123, 1);
  border-color: rgba(213, 226, 123, 1);
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  color: #e0e0e0;
  background-color: #c8d951;
  border-color: #c5d749;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  background-image: none;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"] {
  color: #fff;
  background-color: rgba(182, 96, 52, 1);
  border-color: rgba(182, 96, 52, 1);
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  color: #e0e0e0;
  background-color: #8e4b29;
  border-color: #864726;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  background-image: none;
}

.satisfaction-box input[type="radio"][checked="checked"][value="good"] + label {
  color: #fff !important;
  background-color: #c5d749 !important;
  border-color: #c5d749 !important;
}

.satisfaction-box input[type="radio"][checked="checked"][value="bad"] + label {
  color: #fff !important;
  background-color: #864726 !important;
  border-color: #864726 !important;
}

.satisfaction-box label.disabled {
  margin-bottom: calc(var(--line-height-computed)) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
  color: rgba(213, 226, 123, 1) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
  color: rgba(182, 96, 52, 1) !important;
}

.satisfaction-comment {
  margin-top: 15px;
}

.satisfaction-box .satisfaction-submit {
  font-size: calc(16px - 5px) !important;
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
  border-color: rgba(0, 72, 34, 1);
}

.satisfaction-box .satisfaction-submit:hover,
.satisfaction-box .satisfaction-submit:focus,
.satisfaction-box .satisfaction-submit:active {
  color: #e0e0e0;
  background-color: #00150a;
  border-color: #000b05;
}

.satisfaction-box .satisfaction-submit:active {
  background-image: none;
}

[dir="ltr"] .satisfaction-box .satisfaction-submit {
  margin-left: 10px !important;
}

[dir="rtl"] .satisfaction-box .satisfaction-submit {
  margin-right: 10px !important;
}

.satisfaction-reason {
  padding-top: calc(var(--line-height-computed));
}

.satisfaction-box .satisfaction-cancel {
  font-size: calc(16px - 5px) !important;
  line-height: 1.5 !important;
}

.lt-scroll-to-top {
  position: fixed;
  bottom: -50px;
  z-index: 3;
  z-index: 30;
  width: 3rem;
  height: 3rem;
  font-size: 2rem !important;
  line-height: 3rem !important;
  color: rgba(0, 72, 34, 1);
  text-align: center;
  background-color: transparent;
  border: var(--border-width) solid rgba(0, 72, 34, 1);
  border-radius: 4px;
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lt-scroll-to-top:focus,
.lt-scroll-to-top:active {
  outline: 0;
}

.lt-scroll-to-top.is-active {
  bottom: 30px;
}

.lt-scroll-to-top:hover {
  color: #000b05;
  border-color: #000b05;
}

@media (max-width: 575px) {
  .lt-scroll-to-top {
    display: none;
  }
}

[dir="ltr"] .lt-scroll-to-top {
  left: 2rem;
}

[dir="rtl"] .lt-scroll-to-top {
  right: 2rem;
}

.lt-header {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid rgba(248, 246, 237, 1);
}

.lt-header__desc {
  margin-top: 1rem;
}

.recent-articles h3,
.related-articles h3 {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

@media (min-width: 576px) {
  .recent-articles h3,
  .related-articles h3 {
    margin-top: calc(var(--line-height-computed) / 2);
  }
}

.recent-articles ul,
.related-articles ul {
  list-style: none;
}

.recent-articles ul > li,
.related-articles ul > li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.recent-articles ul > li a,
.related-articles ul > li a {
  padding-bottom: 1px;
  color: rgba(0, 72, 34, 1);
  border-bottom: 1px solid rgba(248, 246, 237, 1);
}

[dir="ltr"] .recent-articles ul,
[dir="ltr"] .related-articles ul {
  padding-left: 0;
}

[dir="rtl"] .recent-articles ul,
[dir="rtl"] .related-articles ul {
  padding-right: 0;
}

.recent-articles h3 {
  font-size: var(--font-size-h4);
}

.lt-user-name {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(0, 72, 34, 1);
}

.lt-user-name--hero,
.lt-user-name--hero:hover,
.lt-user-name--hero:focus,
.lt-user-name--hero:active {
  color: rgba(241, 236, 218, 1);
}

@media (max-width: 991px) {
  .lt-user-info {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
    order: -1;
  }

  .lt-user-info__menu {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-user-info__menu [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.lt-status-widget {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem;
  font-weight: 600;
}

.lt-status-widget,
.lt-status-widget:hover,
.lt-status-widget:focus,
.lt-status-widget:active {
  color: #fff;
}

.lt-status-widget-container {
  display: flex;
  align-items: center;
}

.lt-status-widget__indicator {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #aaa;
  border-radius: 50%;
}

.lt-status-widget__indicator--none {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--operational {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--minor {
  background-color: #f1c40f;
}

.lt-status-widget__indicator--major {
  background-color: #e67e22;
}

.lt-status-widget__indicator--critical {
  background-color: #e74c3c;
}

.lt-status-widget__indicator--maintenance {
  background-color: #3498db;
}

[dir="ltr"] .lt-status-widget__indicator__text {
  margin-left: 0.5rem;
}

[dir="rtl"] .lt-status-widget__indicator__text {
  margin-right: 0.5rem;
}

.lt-profile-header {
  padding-top: 8rem;
  text-align: center;
  border-radius: 4px;
}

@media (min-width: 992px) {
  .lt-profile-header {
    padding-top: 6rem;
  }
}

.lt-profile-header__badge .lt-community-badge {
  margin: 0 !important;
}

.lt-profile-header__avatar {
  display: inline-block;
  margin-bottom: 16px;
}

.lt-profile-header__name {
  font-size: var(--font-size-h3);
}

.lt-profile-header__name a:hover,
.lt-profile-header__name a:focus,
.lt-profile-header__name a:active {
  color: rgba(0, 72, 34, 1);
}

.lt-profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(var(--line-height-computed));
  background-color: rgba(0, 72, 34, 1);
}

.lt-profile-header__description {
  word-break: break-all;
  word-break: break-word;
}

[dir="ltr"] .lt-profile__buttons > * + *,
[dir="ltr"] [data-action="userProfileActions"] > * + * {
  margin-left: var(--grid-gutter-width);
}

[dir="rtl"] .lt-profile__buttons > * + *,
[dir="rtl"] [data-action="userProfileActions"] > * + * {
  margin-right: var(--grid-gutter-width);
}

.lt-profile-stats {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: calc(16px - 2px);
  color: var(--meta-text-color);
  list-style: none;
}

[dir="ltr"] .lt-profile-stats {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-stats {
  padding-right: 0;
}

.lt-profile-stats__stat {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

@media (max-width: 575px) {
  .lt-profile-stats__stat {
    display: block;
  }

  .lt-profile-stats__stat:before {
    display: none;
  }
}

[dir="ltr"] .lt-profile-stats__stat {
  margin-right: var(--padding-base-horizontal);
}

[dir="rtl"] .lt-profile-stats__stat {
  margin-left: var(--padding-base-horizontal);
}

[dir="ltr"] .lt-profile-stats__label {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-stats__label {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-stats__value {
  color: rgba(0, 72, 34, 1);
}

.lt-profile-nav {
  margin-bottom: calc(var(--line-height-computed));
  overflow: hidden;
  font-size: var(--font-size-small);
  font-weight: 600;
  background-color: rgba(248, 246, 237, 1);
}

.lt-profile-nav__items {
  margin: 0;
  list-style: none;
}

[dir="ltr"] .lt-profile-nav__items {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-nav__items {
  padding-right: 0;
}

.lt-profile-nav__item {
  margin-bottom: 0;
  border-radius: 4px;
}

@media (min-width: 576px) {
  .lt-profile-nav__item {
    display: inline-block;
    vertical-align: middle;
  }
}

.lt-profile-nav__item a {
  display: block;
  color: rgba(0, 72, 34, 1);
}

.lt-profile-nav__item.is-active {
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
}

.lt-profile-nav__item.is-active,
.lt-profile-nav__item a {
  padding: calc(var(--line-height-computed) / 1.5)
    var(--padding-base-horizontal);
  line-height: 1;
}

[dir="ltr"] .lt-profile-nav__item:after {
  right: var(--padding-base-horizontal) !important;
}

[dir="rtl"] .lt-profile-nav__item:after {
  left: var(--padding-base-horizontal) !important;
}

.lt-profile-section {
  width: 100%;
}

.lt-profile-section__header {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-profile-section__title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-h3);
}

.lt-profile-section__description {
  font-size: var(--font-size-small);
  color: var(--meta-text-color);
}

@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

.lt-profile-section-sorter {
  font-size: var(--font-size-small);
}

.lt-profile-section-sorter .lt-dropdown {
  display: inline-block;
}

@media (min-width: 576px) {
  .lt-profile-section-sorter {
    display: table;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .lt-profile-section-sorter {
    padding-top: 0;
    border-top: 0;
  }
}

@media (min-width: 576px) {
  .lt-profile-section-sorter__col {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (max-width: 575px) {
  .lt-profile-section-sorter__col--main {
    margin-bottom: calc(var(--line-height-computed) / 2);
  }
}

@media (min-width: 576px) {
  .lt-profile-section-sorter__col--main {
    padding-right: var(--padding-base-horizontal);
  }
}

@media (min-width: 576px) {
  .lt-profile-section-sorter__col--btn {
    text-align: right;
  }
}

.lt-profile-contribution {
  position: relative;
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);
  word-wrap: break-word;
  border: 1px solid #eceeef;
  border-radius: 4px;
}

.lt-profile-contribution .breadcrumbs > li a {
  color: rgba(64, 118, 89, 1);
}

.lt-profile-contribution .breadcrumbs > li:before {
  color: rgba(64, 118, 89, 1);
}

.lt-profile-contribution .lt-meta {
  font-size: var(--font-size-small);
}

.lt-profile-contribution__header {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__status {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__title {
  margin-bottom: calc(var(--line-height-computed) / 4);
  font-size: 16px;
  font-weight: 600;
}

.lt-profile-contribution__body {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-profile-contribution--list .lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"]
  .lt-profile-contribution--list
  .lt-profile-contribution__title:before {
  margin-right: 2px;
}

[dir="rtl"]
  .lt-profile-contribution--list
  .lt-profile-contribution__title:before {
  margin-left: 2px;
}

.lt-profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-small);
}

.lt-profile__no-activity,
.lt-profile__private-activity {
  color: var(--meta-text-color);
  text-align: center;
}

.lt-profile-activity-list {
  list-style: none;
}

[dir="ltr"] .lt-profile-activity-list {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-activity-list {
  padding-right: 0;
}

.lt-profile-activity {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) * 1.5);
}

.lt-profile-activity__header {
  margin-bottom: calc(var(--line-height-computed) / 2);

  font-size: var(--font-size-small);
  font-weight: 600;
}

.lt-profile-activity__avatar {
  width: 30px;
  height: 30px;
}

[dir="ltr"] .lt-profile-activity__avatar {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-activity__avatar {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-activity__header:before,
.lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .lt-profile-activity__header:before,
[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 2px;
}

[dir="rtl"] .lt-profile-activity__header:before,
[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 2px;
}

[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 4px;
}

[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 4px;
}

.lt-profile-activity-list--articles .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-article"] .lt-profile-activity__header:before {
  content: "\f15c";
}

.lt-profile-activity-list--posts .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-post"] .lt-profile-activity__header:before {
  content: "\f086";
}

.lt-profile-activity-list--comments .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-comment"] .lt-profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}

.user-subscribe {
  display: inline-block;
}

.lt-profile-badge-item {
  border: 2px solid rgba(248, 246, 237, 1);
  border-radius: 4px;
}

.lt-profile-badge {
  width: 40px;
  height: 40px;
}

.lt-profile-badge__image {
  width: 40px;
  height: 40px;
}

.lt-attachment-list {
  margin: 0;
  font-size: var(--font-size-small);
  list-style: none;
}

[dir="ltr"] .lt-attachment-list {
  padding-left: 0;
}

[dir="rtl"] .lt-attachment-list {
  padding-right: 0;
}

.lt-attachment-list__item {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-attachment-list__item:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .lt-attachment-list__item {
  padding-left: calc(var(--padding-base-horizontal) * 1.5);
}

[dir="rtl"] .lt-attachment-list__item {
  padding-right: calc(var(--padding-base-horizontal) * 1.5);
}

.lt-attachment-list__icon {
  position: absolute;
  top: 4px;
}

[dir="ltr"] .lt-attachment-list__icon {
  left: 0;
}

[dir="rtl"] .lt-attachment-list__icon {
  right: 0;
}

.lt-attachment-list__meta {
  font-size: var(--font-size-small);
}

.lt-skip-navigation {
  position: absolute;
  top: auto;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: white;
  color: rgba(0, 72, 34, 1);
  background-color: #fff;
  border: 2px solid rgba(0, 72, 34, 1);
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-skip-navigation {
  left: -999px;
}

[dir="rtl"] .lt-skip-navigation {
  right: -999px;
}

.lt-skip-navigation:focus,
.lt-skip-navigation:active {
  top: auto;
  z-index: 999;
  overflow: auto;
  text-align: center;
  text-decoration: none;
}

[dir="ltr"] .lt-skip-navigation:focus,
[dir="ltr"] .lt-skip-navigation:active {
  left: auto;
}

[dir="rtl"] .lt-skip-navigation:focus,
[dir="rtl"] .lt-skip-navigation:active {
  right: auto;
}



/* ==========================================================================
  Notification
  ========================================================================== */
.notification {
  display: table;
  width: 100%;
  padding: 13px 15px;
  font-family: sans-serif;
  font-size: 12px;
  color: #555;
  border: 1px solid;
  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  max-width: 980px;
  padding: 0 20px;
  margin: 0 auto;
}

.notification-icon,
.notification-text,
.notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  width: 100%;
  padding: 0 15px;
}

.notification + .notification {
  position: relative;
  top: -1px;
  margin-bottom: -1px;
}
/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon:before,
.notification-error .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}
/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon:before,
.notification-notice .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon:before,
.notification-alert .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon:before,
.notification-inline.notification-error:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  content: "";
  background-size: cover;
}
/* Dismiss button */
.notification-dismiss,
a.notification-dismiss {
  color: #555;
  text-decoration: none !important;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
}

.notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.notification-inline {
  position: relative;
  padding: 5px;
  margin-top: 5px;
  line-height: 14px;
  vertical-align: middle;
  border-radius: 4px;
}

[dir="ltr"] .notification-inline {
  text-align: left;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
}

[dir="ltr"] .notification-inline.notification-error:before {
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error:before {
  margin: -2px 0 0 5px;
}

[dir="rtl"] .notification-inline.notification-error:before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  color: #cc3340;
  background-color: #fff0f1;
  border: 1px solid #e35b66;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

[dir="ltr"] .notification-left-aligned {
  padding-left: 0;
  text-align: left;
}

[dir="rtl"] .notification-left-aligned {
  padding-right: 0;
  text-align: right;
}

.lt-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .lt-backdrop {
  left: 0;
}

[dir="rtl"] .lt-backdrop {
  right: 0;
}

@media (max-width: 991px) {
  .lt-backdrop.is-active {
    display: block;
  }
}
/* Promoted Articles List view */
.lt-promoted-articles-item__card {
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
@media (min-width: 768px) {
  .lt-promoted-articles-item__card:hover .lt-promoted-articles-item__icon {
    background-color: rgba(0, 72, 34, 1);
  }

  .lt-promoted-articles-item__card:hover
    .lt-promoted-articles-item__icon:before,
  .lt-promoted-articles-item__card:hover
    .lt-promoted-articles-item__icon:after {
    background-color: #fff;
  }
}

.lt-promoted-articles-item:last-child .lt-promoted-articles-item__card {
  border-bottom: 0;
}

@media (min-width: 768px) {
  .lt-promoted-articles-item:last-child .lt-promoted-articles-item__card {
    border-bottom: 1px solid #ebebeb;
  }
}

.lt-promoted-articles-item__icon {
  position: relative;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 72, 34, 1);
  border-radius: 8px;
  transition: background-color 0.15s ease;
  flex: 0 0 32px;
}

.lt-promoted-articles-item__icon:before,
.lt-promoted-articles-item__icon:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  border-radius: 9px;
}

[dir="ltr"] .lt-promoted-articles-item__icon:before,
[dir="ltr"] .lt-promoted-articles-item__icon:after {
  left: 8px;
}

[dir="rtl"] .lt-promoted-articles-item__icon:before,
[dir="rtl"] .lt-promoted-articles-item__icon:after {
  right: 8px;
}

.lt-promoted-articles-item__icon:before {
  top: 12px;
  width: 16px;
  height: 2px;
}

.lt-promoted-articles-item__icon:after {
  top: 17px;
  width: 10px;
  height: 2px;
}

.lt-promoted-articles-item__title {
  font-weight: 500;
  line-height: 1.5;
  color: rgba(0, 72, 34, 1);
}

.lt-promoted-articles-item__link {
  color: rgba(0, 72, 34, 1);
  transition: color 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
  .lt-promoted-articles-item__link:hover,
  .lt-promoted-articles-item__link:focus,
  .lt-promoted-articles-item__link:active {
    color: rgba(0, 72, 34, 1);
  }

  .lt-promoted-articles-item__link:hover,
  .lt-promoted-articles-item__link:focus,
  .lt-promoted-articles-item__link:active + .lt-promoted-articles-item__icon {
    background-color: #fff;
  }
}

.lt-promoted-articles-item__link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}

.lt-promoted-articles-item__descr {
  line-height: 1.25rem;
  color: rgba(64, 118, 89, 1);
}
/* Accordion view */
.lt-promoted-articles-accordion-item {
  border: 2px solid rgba(248, 246, 237, 1);
  border-radius: 4px;
}

.lt-promoted-articles-accordion-item__title {
  position: relative;
  font-weight: 600;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title {
  text-align: left;
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title {
  text-align: right;
}

.lt-promoted-articles-accordion-item__title,
.lt-promoted-articles-accordion-item__title:hover,
.lt-promoted-articles-accordion-item__title:focus,
.lt-promoted-articles-accordion-item__title:active {
  color: rgba(0, 72, 34, 1);
}

.lt-promoted-articles-accordion-item__title:before {
  position: absolute;
  top: 50%;
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  border-bottom: 2px solid rgba(0, 72, 34, 1);
  transition: transform 0.3s;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title:before {
  right: 1.5rem;
  border-left: 2px solid rgba(0, 72, 34, 1);
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title:before {
  left: 1.5rem;
  border-right: 2px solid rgba(0, 72, 34, 1);
  transform: rotate(45deg) translateY(-50%);
}

.lt-promoted-articles-accordion-item__content {
  display: none;
}
/* Popular Searchs */

.lt-popular-searches {
  font-weight: 600;
}

.lt-popular-searches__item,
.lt-popular-searches__item:hover,
.lt-popular-searches__item:active,
.lt-popular-searches__item:focus {
  padding-bottom: 2px;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  color: #fff;
  border-bottom: 2px solid currentColor;
}

.lt-contact-box {
  display: flex;
  padding: 1.5rem 2rem;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
  font-size: 0.875rem;
  color: rgba(0, 72, 34, 1);
  flex-direction: column;
  border: 2px solid rgba(248, 246, 237, 1);
  border-radius: 4px;
  align-items: flex-start;
}

.lt-contact-box__icon {
  width: 1rem;
  height: 1rem;
}

.lt-contact-box__text {
  color: var(--meta-text-color);
}

.lt-info-block {
  position: relative;
  padding: 1.5rem;
}

@media (min-width: 992px) {
  .lt-info-block {
    padding: 4.5rem 5.9375rem;
    text-align: center;
  }
}

.lt-info-block__title {
  margin-bottom: 1rem;
  line-height: 1.1;
  color: rgba(0, 72, 34, 1);
}

.lt-info-block__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(64, 118, 89, 1);
}

.lt-vote__sum {
  display: block;
  width: 100%;
  text-align: center;
}

.lt-vote__control--header {
  padding: 0.5rem 0.9rem;
}

.lt-vote__control--active {
  color: rgba(0, 72, 34, 1);
  border-color: rgba(0, 72, 34, 1);
}

.lt-vote__control--down {
  transform: rotateX(180deg);
}

.language-selector {
  display: inline-block;
  padding-bottom: 8px;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .language-selector {
    padding-top: 8px;
  }
}

.lt-dropdown a[data-url]:before {
  position: relative;
  top: 0px;
  display: none;
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  content: "";
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-size: auto;
}

@media (max-width: 991px) {
  .lt-dropdown a[data-url]:before {
    top: -1px;
    margin-right: 4px !important;
  }
}

[dir="ltr"] .lt-dropdown a[data-url]:before {
  margin-right: 0;
}

[dir="rtl"] .lt-dropdown a[data-url]:before {
  margin-left: 0;
}

@media (min-width: 992px) {
  .language-selector--flags {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.language-selector--flags.lt-dropdown a[data-url]:before {
  display: inline-block;
}

@media (min-width: 992px) {
  .language-selector--flags > a {
    display: grid;
    padding: 6px;
    font-size: 0;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: inset 0px -2px 4px rgba(231, 232, 236, 0.25);
  }
}

@media (min-width: 992px) {
  .language-selector--flags .lt-dropdown-menu {
    top: 50px;
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .language-selector--flags .lt-dropdown-toggle:after {
    display: none;
  }
}

.lt-dropdown a[data-url]:before {
  background-image: url("/hc/theming_assets/01J06P4B95RY3F4H0XTFB061GW") !important;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/af"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/af-za"]:before {
  background-position: 0 0;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/af"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/af-za"]:before {
  background-position: 100% 0;
}

.lt-dropdown a[data-url*="/hc/change_language/am"]:before {
  background-position: -22px 0;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ar"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ar-ae"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ar-ps"]:before {
  background-position: 0 -22px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ar"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ar-ae"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ar-ps"]:before {
  background-position: 100% -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/az"]:before {
  background-position: -22px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/be"]:before {
  background-position: -44px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/bg-bg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/bg"]:before {
  background-position: -44px -22px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/bn"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/bn-in"]:before {
  background-position: 0 -44px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/bn"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/bn-in"]:before {
  background-position: 100% -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/bo"]:before {
  background-position: -22px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/bs"]:before {
  background-position: -44px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/cs"]:before,
.lt-dropdown a[data-url*="/hc/change_language/cs-cz"]:before {
  background-position: -66px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/cy"]:before {
  background-position: -66px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/da"]:before,
.lt-dropdown a[data-url*="/hc/change_language/da-dk"]:before {
  background-position: -66px -44px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-at"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-be"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-ch"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-dk"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-it"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-lu"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/de-ro"]:before {
  background-position: 0 -66px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-at"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-be"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-ch"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-dk"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-it"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-lu"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/de-ro"]:before {
  background-position: 100% -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/el"]:before,
.lt-dropdown a[data-url*="/hc/change_language/el-gr"]:before {
  background-position: -22px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/et"]:before,
.lt-dropdown a[data-url*="/hc/change_language/et-ee"]:before {
  background-position: -44px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/eu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/eu-es"]:before {
  background-position: -66px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/fa"]:before {
  background-position: -88px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/fi"]:before {
  background-position: -88px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/fil"]:before {
  background-position: -88px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/fo"]:before,
.lt-dropdown a[data-url*="/hc/change_language/fo-dk"]:before {
  background-position: -88px -66px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-002"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-be"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-ca"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-ch"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-fr"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-it"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/fr-lu"]:before {
  background-position: 0 -88px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-002"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-be"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-ca"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-ch"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-fr"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-it"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/fr-lu"]:before {
  background-position: 100% -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/ga"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ga-ie"]:before {
  background-position: -22px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/he"]:before {
  background-position: -44px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/hr"]:before {
  background-position: -66px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/hu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-hu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-ro"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hu-ua"]:before {
  background-position: -88px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/hy"]:before {
  background-position: -110px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/id-id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/jv-id"]:before {
  background-position: -110px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/as-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gu-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hi"]:before,
.lt-dropdown a[data-url*="/hc/change_language/hi-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/kn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/kn-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ks-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/or-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pa-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/sa-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/sd-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ta"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ta-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/te"]:before,
.lt-dropdown a[data-url*="/hc/change_language/te-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ur"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ur-in"]:before {
  background-position: -110px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/is"]:before {
  background-position: -110px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/it"]:before,
.lt-dropdown a[data-url*="/hc/change_language/it-ch"]:before,
.lt-dropdown a[data-url*="/hc/change_language/it-it"]:before {
  background-position: -110px -88px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/ja"]:before {
  background-position: 0 -110px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/ja"]:before {
  background-position: 100% -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/ka"]:before {
  background-position: -22px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/kk"]:before {
  background-position: -44px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/kl"]:before {
  background-position: -66px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/km"]:before {
  background-position: -88px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/ko"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ko-kr"]:before {
  background-position: -110px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/ky"]:before {
  background-position: -132px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/lt-lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/lt-lt"]:before {
  background-position: -132px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/lv-lv"]:before {
  background-position: -132px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/mk"]:before {
  background-position: -132px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/mn"]:before {
  background-position: -132px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/ms"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ms-my"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ml"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ml-in"]:before {
  background-position: -132px -110px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/mt"]:before {
  background-position: 0 -132px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/mt"]:before {
  background-position: 100% -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/my"]:before {
  background-position: -22px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/ne"]:before {
  background-position: -44px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/nl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nl-id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nl-nl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nl-be"]:before {
  background-position: -66px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/no"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nb"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nb-no"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/nn-no"]:before {
  background-position: -88px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/mi-nz"]:before {
  background-position: -110px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/pl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-cz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-pl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pl-ua"]:before {
  background-position: -132px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/apc-ps"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ajp-ps"]:before {
  background-position: -154px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/ps"]:before {
  background-position: -154px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/pt-br"]:before {
  background-position: -154px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/pt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/pt-bt"]:before {
  background-position: -154px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/ro"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-bg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-ua"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ro-ro"]:before {
  background-position: -154px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/ru"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-ee"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-kz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ru-ua"]:before {
  background-position: -154px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/si"]:before {
  background-position: -154px -132px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/sl"]:before {
  background-position: 0 -154px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/sl"]:before {
  background-position: 100% -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/so"]:before {
  background-position: -22px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/ca"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ca-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/gl-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-419"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-ar"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-cl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-co"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-hn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-mx"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-pe"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-pr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-us"]:before,
.lt-dropdown a[data-url*="/hc/change_language/es-ve"]:before {
  background-position: -44px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sq"]:before {
  background-position: -66px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sr-me"]:before {
  background-position: -88px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sr"]:before {
  background-position: -110px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/sv-se"]:before {
  background-position: -132px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/sw"]:before {
  background-position: -154px -154px;
}

.lt-dropdown a[data-url*="/hc/change_language/tg"]:before {
  background-position: -176px 0;
}

.lt-dropdown a[data-url*="/hc/change_language/th"]:before {
  background-position: -176px -22px;
}

.lt-dropdown a[data-url*="/hc/change_language/tk"]:before {
  background-position: -176px -44px;
}

.lt-dropdown a[data-url*="/hc/change_language/tl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/tl-ph"]:before {
  background-position: -176px -66px;
}

.lt-dropdown a[data-url*="/hc/change_language/tr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/tr-bg"]:before {
  background-position: -176px -88px;
}

.lt-dropdown a[data-url*="/hc/change_language/uk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/uk-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/uk-ua"]:before {
  background-position: -176px -110px;
}

.lt-dropdown a[data-url*="/hc/change_language/en-us"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-001"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ae"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-150"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-at"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-au"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-be"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-bg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-bo"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ca"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ch"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-co"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-cr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-cy"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-cz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-dk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ec"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ee"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-es"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-gr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-gu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-hk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-hn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-hu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-id"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ie"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-il"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-in"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-it"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-kr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lu"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-lv"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-mx"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-my"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-nl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-no"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-nz"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pe"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ph"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pl"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pr"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ps"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-pt"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ro"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-se"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-sg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-sk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-th"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-ua"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-vn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/en-za"]:before {
  background-position: -176px -132px;
}

.lt-dropdown a[data-url*="/hc/change_language/en-gb"]:before {
  background-position: -66px -176px;
}

.lt-dropdown a[data-url*="/hc/change_language/uz"]:before {
  background-position: -176px -154px;
}

[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/vi"]:before,
[dir="ltr"] .lt-dropdown a[data-url*="/hc/change_language/vi-vn"]:before {
  background-position: 0 -176px;
}

[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/vi"]:before,
[dir="rtl"] .lt-dropdown a[data-url*="/hc/change_language/vi-vn"]:before {
  background-position: 100% -176px;
}

.lt-dropdown a[data-url*="/hc/change_language/nso-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/st-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/tz-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/ts-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/xh"]:before,
.lt-dropdown a[data-url*="/hc/change_language/xh-za"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zu-za"]:before {
  background-position: -22px -176px;
}

.lt-dropdown a[data-url*="/hc/change_language/zh"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-hk"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-mo"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-sg"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-cn"]:before,
.lt-dropdown a[data-url*="/hc/change_language/zh-tw"]:before {
  background-position: -44px -176px;
}

.lt-dropdown a[data-url*="/hc/change_language/es"]:before {
  background-position: -44px -154px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .lt-dropdown a[data-url]:before {
    background-image: url("/hc/theming_assets/01J06P4ARK9KDKP9DT90BAXX4K") !important;
    background-size: 198px 198px;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  position: absolute;
  bottom: 110%;
  z-index: 1;
  min-width: 120px;
  max-width: 220px;
  padding: 0.67rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  visibility: hidden;
  background: #172926;
  border-radius: 6px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px rgba(23, 41, 38, 0.25);
}

[dir="ltr"] .tooltip .tooltiptext {
  left: 50%;
  margin-left: -60px;
}

[dir="rtl"] .tooltip .tooltiptext {
  right: 50%;
  margin-right: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* Search */
/* Search */
.search {
  position: relative;
  font-size: 1rem;
}

.search input[type="search" i]::-webkit-search-cancel-button {
  position: relative;
  display: none;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 2.5L2.5 13.5' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 2.5L13.5 13.5' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-appearance: none;
  appearance: none;
}

.search input[type="search"] {
  padding: 1.25rem 1.5rem;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 1) !important;
  border: none !important;
  border-radius: 50px !important;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);
  font-family: 'Basis Grotesque Pro', sans-serif;
}

.search input[type="submit"] {
  position: absolute;
  top: 8px;
  display: flex;
  width: 48px;
  height: 48px;
  font-size: 0;
  background-color: rgba(0, 72, 34, 1) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7 11.3C13.6 10.1 14.1 8.7 14.1 7.1C14.1 3.2 11 0 7.1 0C3.2 0 0 3.2 0 7.1C0 11 3.2 14.2 7.1 14.2C8.7 14.2 10.2 13.7 11.3 12.8L14.3 15.8C14.5 16 14.8 16.1 15 16.1C15.2 16.1 15.5 16 15.7 15.8C16.1 15.4 16.1 14.8 15.7 14.4L12.7 11.3ZM7.1 12.1C4.3 12.1 2 9.9 2 7.1C2 4.3 4.3 2 7.1 2C9.9 2 12.2 4.3 12.2 7.1C12.2 9.9 9.9 12.1 7.1 12.1Z' fill='white' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  border: none !important;
  border-radius: 50%;
  justify-content: space-between;
  align-items: center;
}

.search input[type="submit"]:hover {
  background-color: #00150a !important;
}

[dir="ltr"] .search input[type="submit"] {
  right: 8px;
}

[dir="rtl"] .search input[type="submit"] {
  left: 8px;
}

@media (min-width: 992px) {
  .search {
    font-size: 1rem;
  }

  .search input[type="search"] {
    position: relative;
  }

  .search input[type="submit"] {
    width: auto;
    padding: 0 2.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: none;
    background-image: none;
    border-radius: 25px;
  }

  [dir="ltr"] .search input[type="search"] {
    padding-right: 9.5rem;
    padding-left: 4rem;
  }

  [dir="rtl"] .search input[type="search"] {
    padding-right: 4rem;
    padding-left: 9.5rem;
  }
}

.searchbox {
  margin-top: calc(var(--line-height-computed));
}

.searchbox-suggestions ul {
  margin-bottom: calc(var(--line-height-computed));
  list-style: none;
}

.searchbox-suggestions li {
  margin-bottom: calc(var(--line-height-computed) / 3);
}

[dir="ltr"] .searchbox-suggestions ul {
  padding-left: 0;
}

[dir="rtl"] .searchbox-suggestions ul {
  padding-right: 0;
}

/* Search icon alignment fix — covers both normal + large hero search */
.lt-search-box--icon .search,
.lt-search-box-lg--icon .search {
  position: relative;
}

.lt-search-box--icon .search:before,
.lt-search-box-lg--icon .search:before {
  position: absolute;
  top: 50% !important;
  bottom: auto !important;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  content: "";
  background-image: url(/hc/theming_assets/01KQCZ1NK08X4YC42VSM97ZA1H);
  background-repeat: no-repeat;
  background-position: center center !important;
  background-size: 1rem;
  transform: translateY(-50%) !important;
  display: block;
}

[dir="ltr"] .lt-search-box--icon .search:before,
[dir="ltr"] .lt-search-box-lg--icon .search:before {
  left: 1.5rem !important;
}

[dir="rtl"] .lt-search-box--icon .search:before,
[dir="rtl"] .lt-search-box-lg--icon .search:before {
  right: 1.5rem !important;
}

[dir="ltr"] .lt-search-box--icon .search input[type="search"],
[dir="ltr"] .lt-search-box-lg--icon .search input[type="search"] {
  padding-left: 4rem !important;
}

[dir="rtl"] .lt-search-box--icon .search input[type="search"],
[dir="rtl"] .lt-search-box-lg--icon .search input[type="search"] {
  padding-right: 4rem !important;
}
.lt-search-result-heading {
  color: #fff;
  text-align: center;
}

.lt-search-result-heading__title {
  font-size: 2.5rem;
  line-height: 2.5rem;
}

@media (min-width: 768px) {
  .lt-search-result-heading__title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}

.lt-search-result__topic {
  text-align: center;
}

.lt-search-result__search-box {
  max-width: 736px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .lt-search-result__search-box .search input[type="search"] {
    padding: 1.5rem 4rem !important;
  }

  .lt-search-result__search-box .search:before {
    left: 2rem !important;
  }
}

[dir="ltr"] .lt-search-result__search-box .search input[type="search"] {
  padding-right: 1.5rem;
  padding-left: 3rem;
}

[dir="rtl"] .lt-search-result__search-box .search input[type="search"] {
  padding-right: 3rem;
  padding-left: 1.5rem;
}

.lt-search-results-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-search-result {
  border-bottom: 1px solid #e6e6e6;
}

.lt-search-result .lt-meta {
  font-size: 0.85rem;
}

.lt-search-result__title {
  font-weight: 600;
  line-height: 1.5;
}

.lt-search-result__description {
  padding: 0.875rem 1rem;
  font-weight: 500;
  color: rgba(64, 118, 89, 1);
  border: 1px solid #e6e6e6;
}

.lt-search-result__description:empty {
  display: none;
}

.lt-search-result__description em {
  padding: 2px 4px;
  font-style: normal;
  font-weight: var(--strong-font-weight);
  color: #fbb752;
  background: rgba(251, 183, 82, 0.3);
  border-radius: 3px;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
.lt-search-results-filters {
  font-size: 0.875rem;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
}

.lt-search-results-filters--mt {
  position: relative;
  z-index: 10;
  margin-top: -50px;
}

@media (min-width: 992px) {
  .lt-search-results-filters--mt {
    margin-top: -10rem;
  }
}

.lt-search-results__title {
  font-size: 1.5rem;
  font-weight: bold;
}

@media (min-width: 992px) {
  .lt-search-results__title {
    font-size: 2rem;
  }
}

.lt-search-results__content {
  position: relative;
  z-index: 10;
    border-radius: 25px;

  background-color: transparent;
}

@media (min-width: 992px) {
  .lt-search-results__content {
    padding: 3rem 3.5rem;
    margin-top: -10rem;
    background-color: #fff;
  }
}

.lt-search-results-filter__title {
  position: relative;
  margin-bottom: 0;
  font-weight: var(--strong-font-weight);
}

@media (max-width: 991px) {
  .lt-search-results-filter__title {
    cursor: pointer;
  }
}

@media (max-width: 991px) {
  .lt-search-results-filter__title:after {
    position: absolute;
    top: 50%;
    display: block;
    font-family: "Font Awesome 6 Free", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    color: inherit;
    content: "\f107";
    transition: all 0.3s ease;
    transform: translateY(-50%);
  }

  [dir="ltr"] .lt-search-results-filter__title:after {
    right: 0.5rem;
  }

  [dir="rtl"] .lt-search-results-filter__title:after {
    left: 0.5rem;
  }

  [dir="ltr"] .lt-search-results-filter__title.is-active:after {
    transform: translateY(-50%) rotate(-180deg);
  }

  [dir="rtl"] .lt-search-results-filter__title.is-active:after {
    transform: translateY(-50%) rotate(180deg);
  }
}

@media (min-width: 992px) {
  .lt-search-results-filter__list {
    display: block !important;
  }
}

.lt-search-results-filter__name {
  font-size: 1rem;
}

.lt-search-results-filter__item--subfilter:nth-child(n + 7) {
  display: none;
}

.search-result__subfilters--all
  .lt-search-results-filter__item:nth-child(n + 7) {
  display: block;
}

.search-result__subfilters--all .search-result__show-more {
  display: none !important;
}

.lt-search-results-filter__link {
  align-items: center;
  color: rgba(0, 72, 34, 1);
  text-decoration: none;
  border: 0;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.lt-search-results-filter__link:hover,
.lt-search-results-filter__link:focus,
.lt-search-results-filter__link:active {
  background-color: var(--gray-lightest);
  border-color: var(--gray-lightest);
}

.lt-search-results-filter__link:active {
  background-image: none;
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.lt-search-results-filter__count {
  display: inline-flex;
  display: inline-block;
  min-width: 48px;
  padding: 2px 12px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  background: rgba(0, 72, 34, 1);
  border-radius: 57px;
}

.search-result__show-more {
  padding: 0;
  color: rgba(0, 72, 34, 1);
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .search-result__show-more {
  margin-left: 8px;
}

[dir="rtl"] .search-result__show-more {
  margin-right: 8px;
}

.lt-search-results__no-result {
  padding: 0;
}

.lt-search-results__no-result p {
  margin-top: -5rem !important;
}

@media (min-width: 576px) {
  .lt-search-results__no-result p {
    margin-top: -6rem !important;
  }
}

@media (min-width: 992px) {
  .lt-search-results__no-result p {
    margin-top: -12rem !important;
  }
}

.lt-search-topic {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: rgba(241, 236, 218, 1);
}

.lt-search-topic__link {
  font-weight: 500;
  color: rgba(241, 236, 218, 1);
  text-decoration: underline;
  opacity: 0.7;
}

.lt-search-topic__link:not(:last-child):after {
  content: ",";
}

.lt-search-topic__link:hover,
.lt-search-topic__link:focus {
  color: rgba(241, 236, 218, 1);
  text-decoration: underline;
}
/* My Activities */
.lt-my-activities-items {
  width: 100%;
  margin-bottom: calc(var(--line-height-computed) * 2);
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

@media (min-width: 576px) {
  .lt-my-activities-items {
    table-layout: auto;
  }
}

.lt-my-activities-items__head {
  display: none;
  color: var(--meta-text-color);
}

@media (min-width: 576px) {
  .lt-my-activities-items__head {
    display: table-header-group;
    font-size: var(--font-size-small);
    font-weight: var(--strong-font-weight);
    text-transform: uppercase;
  }
}

@media (min-width: 576px) {
  .lt-my-activities-items__body {
    display: table-row-group;
  }
}

.lt-my-activities-items__row {
  display: block;
}

@media (min-width: 576px) {
  .lt-my-activities-items__row {
    display: table-row;
  }
}

.lt-my-activities-items__col {
  display: block;
}

@media (min-width: 576px) {
  .lt-my-activities-items__col {
    display: table-cell;
    padding-top: calc(var(--line-height-computed) / 2);
    padding-bottom: calc(var(--line-height-computed) / 2);
    border-bottom: 1px solid rgba(248, 246, 237, 1);
  }

  [dir="ltr"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-left: var(--padding-base-horizontal);
  }

  [dir="rtl"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-right: var(--padding-base-horizontal);
  }
}

@media (max-width: 575px) {
  .lt-my-activities-items__request-id {
    display: inline;
  }
}

@media (min-width: 576px) {
  .lt-my-activities-items__request-id {
    display: none;
  }
}

.lt-my-activities-items__col .requests-link {
  color: var(--meta-text-color);
  white-space: nowrap;
}

.lt-my-activities-items__col
  requests-link[href*="asc"]
  .requests-sort-symbol:after {
  content: "\f0d8";
}

@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}

.lt-my-activities-menu--main {
  border-bottom: var(--border-width) solid rgba(248, 246, 237, 1);
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  font-weight: bold;
  background-color: #eceeef;
  border-radius: 4px;
}

.lt-my-activities-menu-item__link,
.lt-my-activities-menu-item__link:hover,
.lt-my-activities-menu-item__link:focus {
  color: rgba(0, 72, 34, 1);
}

.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  color: rgba(0, 72, 34, 1);
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
}

.lt-my-activities-menu--sub .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
  color: rgba(0, 72, 34, 1);
}

.lt-my-activities-menu-item {
  margin-bottom: 1rem;
}

.lt-my-activities-menu-item a {
  font-weight: bold;
  color: rgba(0, 72, 34, 1);
}

@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}

@media (min-width: 576px) {
  .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    font-size: 10px;
    content: "\2022";
  }

  [dir="ltr"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-right: 1rem;
  }

  [dir="rtl"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-left: 1rem;
  }
}

@media (max-width: 575px) {
  .lt-my-activities-item {
    padding: calc(var(--line-height-computed) / 2)
      var(--padding-base-horizontal);
    margin-bottom: calc(var(--line-height-computed));
    border: var(--border-width) solid rgba(248, 246, 237, 1);
    border-radius: 4px;
  }
}

.lt-my-activities-item__meta {
  font-size: 14px;
  color: var(--meta-text-color);
}

@media (max-width: 575px) {
  .lt-my-activities-item__meta {
    display: inline-block;
    margin-right: calc(var(--padding-base-horizontal) / 2);
  }
}

.lt-my-activities-item__title {
  font-weight: 400;
}

@media (max-width: 575px) {
  .lt-my-activities-item__title {
    font-size: var(--font-size-h4);
  }
}

@media (max-width: 575px) {
  .lt-my-activities-item__icon {
    display: inline-block;
  }
}

@media (min-width: 576px) {
  .lt-my-activities-item__icon {
    display: none;
  }
}

.subscriptions-subscribe div {
  display: inline-block;
}
/* Comments */
/* ==========================================================================
  Comment Form
  ========================================================================== */
.lt-comment-form {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .lt-comment-form {
    order: 1;
  }
}

.lt-comment-form__attachments {
  margin-bottom: 1rem;
}

.lt-comment-form__mark-as-solved {
  position: relative;
}

.lt-comment-form__ccs {
  margin-bottom: 0;
}

.lt-comment-form__ccs + textarea {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.lt-comment-form__body {
  margin-bottom: 16px;
}

.lt-comment-form__body textarea {
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e6e6e6;
  border-radius: 12px;
}

.lt-comment-form__body textarea:focus {
  border-color: var(--input-focus-border-color);
  outline: 0;
}

.lt-comment-form__controls {
  position: relative;
}

.lt-comment-form__controls input[type="submit"] {
  display: inline-block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: none;
  border-radius: 57px;
  box-shadow: 0px 17px 24px rgba(242, 159, 58, 0.1);
}

@media (min-width: 768px) {
  .lt-comment-form__controls input[type="submit"] {
    width: auto;
  }
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: var(--border-width) solid var(--gray-lighter);
}
@media (min-width: 576px) {
  .lt-comment-sorter {
    display: table;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .lt-comment-sorter__col {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (max-width: 575px) {
  .lt-comment-sorter__col--main {
    margin-bottom: 12px;
  }
}

@media (min-width: 576px) {
  .lt-comment-sorter__col--main {
    padding-right: 16px;
  }
}

@media (min-width: 576px) {
  .lt-comment-sorter__col--filters {
    text-align: right;
  }
}

.lt-comment-sorter__item.is-active {
  font-weight: 600;
}

.lt-comment-sorter__item + .lt-comment-sorter__item:before {
  margin: 0 6px;
  font-size: 10px;
  font-weight: 900;
  content: "\2022";
}
/* ==========================================================================
  Comment
  ========================================================================== */
.lt-comment {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--input-border-color);
  border-radius: 12px;
}

.lt-comment:not(:last-child) {
  margin-bottom: 1rem;
}

.lt-comment__inner {
  position: relative;
}

.lt-comment__header {
  position: relative;
  margin-bottom: 24px;
}

.lt-comment__content {
  flex-grow: 1;
}

@media (min-width: 992px) {
  .lt-comment__date {
    margin-left: 2rem;
  }
}

.lt-comment__voting-and-actions button {
  position: relative;
  z-index: 1;
  display: flex;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  justify-content: center;
  align-items: center;
}

.lt-comment__voting-and-actions button path {
  fill: #bcbcbc;
}

.lt-comment__voting-and-actions button:hover,
.lt-comment__voting-and-actions button:focus,
.lt-comment__voting-and-actions button:active {
  z-index: 2;
}

.lt-comment__voting-and-actions button:hover path,
.lt-comment__voting-and-actions button:focus path,
.lt-comment__voting-and-actions button:active path {
  fill: rgba(0, 72, 34, 1);
}

@media (min-width: 992px) {
  .lt-comment__voting-and-actions {
    margin-left: 2rem;
    border-top: 0;
  }

  .lt-comment__voting-and-actions button {
    top: 2px;
  }
}

.lt-comment__voting {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.lt-comment__voting:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  content: "";
  background-color: #e6e6e6;
}

@media (min-width: 992px) {
  .lt-comment__voting:before {
    display: none;
  }
}

@media (min-width: 992px) {
  .lt-comment__voting {
    position: absolute;
    top: 2.8rem;
    right: 1rem;
    display: block;
    border-top: 0;
  }

  .lt-comment__voting > * {
    margin-bottom: 0.2rem;
  }

  .lt-comment__voting > *:first-child {
    margin-bottom: 0.4em;
  }
}

.lt-comment__voting .lt-vote__sum {
  z-index: 5;
  display: flex;
  width: auto;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .lt-comment__voting .lt-vote__sum {
    display: block;
    padding: 0;
    border: 0;
  }
}

[dir="ltr"] .lt-comment__voting:before {
  left: 50%;
}

[dir="rtl"] .lt-comment__voting:before {
  right: 50%;
}

.lt-comment__actions {
  position: absolute;
  top: 0.5rem;
  text-align: center;
}

[dir="ltr"] .lt-comment__actions {
  right: 1rem;
}

[dir="rtl"] .lt-comment__actions {
  left: 1rem;
}

.lt-comment__official-heading {
  position: absolute;
  top: 0;
  width: auto;
  padding: 2px 8px;
  font-size: var(--font-size-small);
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
  border-radius: 0 0 4px 4px;
}

[dir="ltr"] .lt-comment__official-heading {
  right: 0;
}

[dir="rtl"] .lt-comment__official-heading {
  left: 0;
}

.lt-comment--official {
  border: var(--border-width) solid rgba(0, 72, 34, 1);
}

.lt-comment__body {
  margin-bottom: 2rem;
  word-break: break-word;
}

.lt-comment__body p {
  margin-bottom: 12px;
}

.lt-comment__body ul {
  list-style: disc;
}

.lt-comment__body ul ul,
.lt-comment__body ul ol,
.lt-comment__body ol ul,
.lt-comment__body ol ol {
  margin-top: 12px;
}

.lt-comment__body ul li,
.lt-comment__body ol li {
  margin-bottom: 12px;
}

@media (max-width: 575px) {
  .lt-comment__body [dir="auto"] {
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .lt-comment__body {
    margin-bottom: 0;
  }
}

[dir="ltr"] .lt-comment__body ul,
[dir="ltr"] .lt-comment__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-comment__body ul,
[dir="rtl"] .lt-comment__body ol {
  padding-right: 20px;
}
/* Comment List */
.lt-comments {
  margin-bottom: 48px;
}

.lt-comments-wrap {
  display: flex;
  flex-direction: column;
}

.lt-comments__callout {
  display: block;
  padding: 1rem 2rem;
  margin: 0;
  margin-bottom: 1rem;
  text-align: center;
  background: rgba(230, 230, 230, 0.9);
  border-radius: 12px;
}

@media (min-width: 768px) {
  .lt-comments__callout {
    padding: 2rem 2rem;
    order: 1;
  }
}

.lt-comments__callout:empty {
  display: none;
}

.lt-comments__list {
  list-style: none;
}

[dir="ltr"] .lt-comments__list {
  padding-left: 0;
}

[dir="rtl"] .lt-comments__list {
  padding-right: 0;
}
/* Article */
.lt-article-container {
  position: relative;
  display: flex;
  margin-top: -9rem;
  margin-right: calc(var(--grid-gutter-width) * -1);
  margin-left: calc(var(--grid-gutter-width) * -1);
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .lt-article-container {
    margin-top: -12rem;
  }
}

.lt-article-container__column {
  width: 100%;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
}

.lt-article-container__sidenav,
.lt-article-container__toc {
  display: none;
}

html.sidenav-enabled .lt-article-container__sidenav,
html.toc-enabled .lt-article-container__toc {
  display: block;
}

html.sidenav-enabled .lt-article-container__sidenav {
  padding-bottom: 24px;
}

.lt-article-container__sidenav {
  z-index: 5;
  margin-bottom: 40px;
}

html.sidenav-enabled .lt-article-container__sidebar,
html.toc-enabled .lt-article-container__sidebar {
  width: 100%;
  padding-top: 2rem;
}

@media (min-width: 992px) {
  .lt-article-container__sidenav {
    height: -moz-fit-content;
    height: fit-content;
  }

  .lt-article-container__article {
    width: calc(100% / 12 * 8);
  }

  .lt-article-container__sidebar {
    width: calc(100% / 12 * 4);
  }

  html.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 4);
  }

  html.sidenav-enabled .lt-article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  html.sidenav-enabled .lt-article-container__sidebar,
  html.toc-enabled .lt-article-container__sidebar {
    margin-top: 0;
  }

  html.sidenav-enabled .lt-article-container__sidebar {
    flex-grow: 1;
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__sidenav,
  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 3);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 6);
  }
}
.lt-article-container {
  display: flex;
  flex-direction: row;
}

.lt-article-container__sidebar {
  order: 1;
}

.lt-article-container__article {
  order: 2;
}

.lt-article-container__toc {
  order: 3;
}

/* 🔻 Hides the sidebar on screens smaller than 768px */
@media (max-width: 767px) {
  .lt-article-container__sidebar {
    display: none !important;
  }
}


/* Article Lists in Section Pages */


.lt-article-list {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

[dir="ltr"] .lt-article-list {
  padding-left: 0;
}

[dir="rtl"] .lt-article-list {
  padding-right: 0;
}

.lt-article-list-item {
  position: relative;
}

.lt-article-list-item:before {
  position: absolute;
  top: 0;
  font-size: 0.875rem;
  color: rgba(0, 72, 34, 1);
  content: "\2022";
}

[dir="ltr"] .lt-article-list-item {
  padding-left: var(--lt-gutter-x);
}

[dir="ltr"] .lt-article-list-item:before {
  left: calc(var(--lt-gutter-x) / 2);
}

[dir="rtl"] .lt-article-list-item {
  padding-right: var(--lt-gutter-x);
}

[dir="rtl"] .lt-article-list-item:before {
  right: calc(var(--lt-gutter-x) / 2);
}

[dir="ltr"] .lt-article-list:not(.lt-row) .lt-article-list-item:before {
  left: 0;
}

[dir="rtl"] .lt-article-list:not(.lt-row) .lt-article-list-item:before {
  right: 0;
}

[dir="ltr"] .lt-article-list:not(.lt-row) .lt-article-list-item {
  padding-left: calc(var(--lt-gutter-x) / 2);
}

[dir="rtl"] .lt-article-list:not(.lt-row) .lt-article-list-item {
  padding-right: calc(var(--lt-gutter-x) / 2);
}

.lt-article-list-item:not(:last-child) {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .lt-article-list-item {
    padding-right: 1rem;
  }
}

.lt-article-list {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Creates a 3-column layout */
  gap: 10px; /* Adds spacing between items */
  justify-items: center; /* Centers items horizontally */
}
.lt-article-list-item__link::after {
  content: '›'; /* Unicode arrow or use SVG if needed */
  font-size: 40px;
  color: #004822; /* Subtle gray like the screenshot */
  margin-left: auto; /* Pushes it to the right end */
  transition: transform 0.5s ease-in-out;
}

.lt-article-list-item__link:hover::after {
  transform: translateX(4px); /* Subtle slide effect */
}

.lt-article-list-item {
  padding-left: 0;
  width: 100%; /* Ensures uniform sizing */
}

.lt-article-list-item:before {
  content: none; /* Removes the bullet/dot */
}

.lt-article-list-item__link {
  font-size: 20px; /* Slightly larger text */
  font-weight: 900;
  font-family: 'Basis Grotesque Pro', sans-serif;
  line-height: 1.8rem;
  text-decoration: none;
  display: flex;
  align-items: center; /* Vertically center the text */
  justify-content: flex-start; /* Align text to the left */
  width: 100%; /* Ensures uniform width */
  height: 100px; /* Increased height */
  padding: 16px; /* Increased padding */
  background-color: white;
  border-radius: 10px; /* Slightly larger rounded corners */
  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.lt-article-list-item__link:hover,
.lt-article-list-item__link:focus,
.lt-article-list-item__link:active {
  background-color: #e7b7af;
  transform: scale(1.02); /* Slightly stronger hover effect */
}

/* Responsive: Adjusts to 2 columns on smaller screens */
@media (max-width: 768px) {
  .lt-article-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive: Adjusts to 1 column on very small screens */
@media (max-width: 480px) {
  .lt-article-list {
    grid-template-columns: 1fr;
  }
}



.lt-article-list-item--is-promoted span {
  font-size: 10px;
  color: #fbce0a;
  vertical-align: middle;
}

.see-all-articles {
  display: inline-block;
}

[dir="ltr"] .see-all-articles {
  margin-left: -1rem;
}

[dir="rtl"] .see-all-articles {
  margin-right: -1rem;
}

.lt-article-vote__controls {
  display: block;
}

.lt-article-vote__item {
  --size: 3.625rem;

  width: var(--size);
  height: var(--size);
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid rgba(150, 157, 156, 0.25);
  border-radius: var(--size);
}

.lt-article-vote__item:hover,
.lt-article-vote__item:focus,
.lt-article-vote__item:active {
  cursor: pointer;

  background-color: #fff;
  border-color: rgba(0, 72, 34, 1);
}

.lt-article-vote__item:active {
  background-image: none;
}

.lt-article-vote__item--down {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9.75H0.75C0.551088 9.75 0.360322 9.67098 0.21967 9.53033C0.0790176 9.38968 0 9.19891 0 9V0.75C0 0.551088 0.0790176 0.360322 0.21967 0.21967C0.360322 0.0790176 0.551088 0 0.75 0L3 0V9.75Z' fill='%23172926'/%3E%3Cpath d='M16.9042 10.2038C16.6223 10.5323 16.2726 10.7959 15.8792 10.9765C15.4858 11.1571 15.0579 11.2504 14.625 11.25H9.75V15C9.75 16.6545 9.1545 18 7.5 18C7.33543 18.0001 7.17542 17.946 7.04463 17.8461C6.91384 17.7462 6.81953 17.6061 6.77625 17.4473L4.5 9.75003V3.23917e-05H13.8195C14.5371 -0.00330939 15.2318 0.252023 15.7765 0.719247C16.3211 1.18647 16.6791 1.8343 16.785 2.54403L17.592 7.79403C17.6579 8.22153 17.6305 8.65822 17.5118 9.07416C17.3931 9.49009 17.1858 9.87544 16.9042 10.2038Z' fill='%23172926'/%3E%3C/svg%3E%0A");
}

.lt-article-vote__item--up {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.25H0.75C0.551088 8.25 0.360322 8.32902 0.21967 8.46967C0.0790176 8.61032 0 8.80109 0 9L0 17.25C0 17.4489 0.0790176 17.6397 0.21967 17.7803C0.360322 17.921 0.551088 18 0.75 18H3V8.25Z' fill='%23172926'/%3E%3Cpath d='M16.9042 7.8C16.6227 7.4708 16.2731 7.20649 15.8797 7.02523C15.4862 6.84398 15.0582 6.75008 14.625 6.75H9.75V3C9.75 1.3455 9.1545 1.56415e-08 7.5 1.56415e-08C7.33543 -3.35833e-05 7.17542 0.0540632 7.04463 0.153951C6.91384 0.253839 6.81953 0.393973 6.77625 0.55275L4.5 8.25V18H13.8195C14.5371 18.0033 15.2318 17.748 15.7765 17.2808C16.3211 16.8136 16.6791 16.1657 16.785 15.456L17.592 10.206C17.6573 9.77909 17.6297 9.34311 17.511 8.92787C17.3923 8.51262 17.1853 8.1279 16.9042 7.8Z' fill='%23172926'/%3E%3C/svg%3E%0A");
}

.lt-article-vote__item:after {
  content: "";
}

.lt-article-vote__item--voted {
  color: #00150a;

  border-color: #00150a;
}

.lt-article-vote__question {
  display: block;
  font-weight: 500;
  line-height: 1.1;
  color: rgba(0, 72, 34, 1);
  font-family: 'Radion B Demi', sans-serif;
}

.lt-article-vote__count {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
}

.lt-article-share__title {
  font-weight: 500;
  line-height: 1.1;
  color: rgba(0, 72, 34, 1);
}

.lt-article-page {
  position: relative;
  z-index: 5;
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-article {
  position: relative;
}

.lt-article__header {
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .lt-article__heading {
    order: -1;
  }
}

@media (--sccren-sm) {
  .lt-article__search {
    width: 100%;
  }
}

.lt-article__date {
  font-size: 1rem;
  line-height: 1rem;
  opacity: 0.7;
}

.lt-btn--print {
  color: rgba(241, 236, 218, 1);
  background-color: transparent;
}

[dir="ltr"] .lt-btn--print {
  text-align: left;
}

[dir="rtl"] .lt-btn--print {
  text-align: right;
}

.lt-article__follow {
  width: 100%;
}

@media (min-width: 576px) {
  .lt-article__follow {
    width: auto;
  }
}

@media (min-width: 576px) {
  .lt-article__follow > div {
    text-align: right;
  }
}

.lt-article__callout a,
.lt-article__callout a:hover,
.lt-article__callout a:focus,
.lt-article__callout a:active {
  color: rgba(241, 236, 218, 1);
  text-decoration: underline;
}

.lt-article__box {
  box-shadow: 0px 100px 80px rgb(182 195 193 / 10%),
    0px 22.3363px 17.869px rgb(182 195 193 / 6%),
    0px 6.6501px 5.32008px rgb(182 195 193 / 4%);
}

@media (max-width: 991px) {
  .lt-article__box {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.lt-article__body {
  margin-bottom: calc(var(--line-height-computed));
  word-break: break-word;
  background-color: #fff;
}

.lt-article__body h2,
.lt-article__body .wysiwyg-font-size-x-large {
  font-size: var(--font-size-h2);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-large {
  font-size: var(--font-size-h3);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-medium {
  font-size: var(--font-size-h4);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-small {
  font-size: var(--font-size-small);
}

.lt-article__body ul ul,
.lt-article__body ul ol,
.lt-article__body ol ul,
.lt-article__body ol ol {
  margin-top: calc(var(--line-height-computed) / 2);
  margin-bottom: 0;
}

.lt-article__body ul li,
.lt-article__body ol li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

[dir="ltr"] .lt-article__body ul,
[dir="ltr"] .lt-article__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-article__body ul,
[dir="rtl"] .lt-article__body ol {
  padding-right: 20px;
}

@media (max-width: 575px) {
  .lt-article-sidebar {
    padding-top: calc(var(--line-height-computed));

    border-top: var(--border-width) solid rgba(248, 246, 237, 1);
  }
}

.content-tags__list {
  display: flex;
  padding: 0;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .content-tags__list {
    display: none;
  }

  .content-tags__list.is-active {
    display: flex;
  }
}

.content-tags__item {
  padding: 4px 12px;
  color: rgba(0, 72, 34, 1);
  background-color: transparent;
  border: 1px solid rgba(248, 246, 237, 1);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.content-tags__item:hover,
.content-tags__item:active,
.content-tags__item:focus {
  color: rgba(0, 72, 34, 1);
  background-color: rgba(248, 246, 237, 1);
  border-color: rgba(248, 246, 237, 1);
}

.content-tags__item--search {
  display: inline-flex;
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
  border: none;
  border-radius: 57px;
}

.content-tags__item--search .label {
  display: inline-block;
}

.content-tags__item--search .close-icon {
  color: #fff;
}

.content-tags__item--search:hover,
.content-tags__item--search:active,
.content-tags__item--search:focus {
  color: #fff;
  background-color: rgba(0, 72, 34, 1);
}

[dir="ltr"] .content-tags__item--search .label {
  margin-right: 3px;
}

[dir="rtl"] .content-tags__item--search .label {
  margin-left: 3px;
}
/* Category */
.lt-category-tree-item {
  margin-bottom: 4rem;
}

.lt-category-tree-item__sections {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-category-tree-item__title-link {
  color: inherit;
}

.lt-category-accordion__link {
  font-size: 1.2rem;
  background-color: #fff;
  border-color: transparent;
  border-radius: 12px;
}

.lt-category-accordion__link:hover {
  cursor: pointer;
}

.lt-category-accordion__link:active {
  color: rgba(0, 72, 34, 1);
}

[dir="ltr"] .lt-category-accordion__link {
  text-align: left;
}

[dir="rtl"] .lt-category-accordion__link {
  text-align: right;
}

.lt-category-accordion__link:before {
  position: absolute;
  top: 45%;
  width: 1rem;
  height: 1rem;
  content: "";
  border-bottom: 2px solid rgba(0, 72, 34, 1);
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link:before {
  right: 1.5rem;
  border-left: 2px solid rgba(0, 72, 34, 1);
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-category-accordion__link:before {
  left: 1.5rem;
  border-right: 2px solid rgba(0, 72, 34, 1);
  transform: rotate(45deg) translateY(-50%);
}

.lt-category-accordion__link--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .lt-category-accordion__link--active:before {
  transform: rotate(-135deg);
}

.lt-category-accordion__sections {
  display: none;
  border-top: 2px solid var(--gray-lighter);
}
/* Section */
.lt-section-link {
  color: inherit;
}

.lt-section-heading__title {
  line-height: 1.3;
  color: rgba(0, 72, 34, 1);
  font-family: 'Radion B Demi', sans-serif;
}

.lt-section-heading__descr {
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(64, 118, 89, 1);
}

.lt-section-heading__link {
  color: rgba(0, 72, 34, 1);
}

.lt-section-heading__link:hover,
.lt-section-heading__link:focus,
.lt-section-heading__link:active {
  color: rgba(0, 72, 34, 1);
}

.lt-section-articles {
  margin-bottom: calc(var(--line-height-computed));

  /* @media (--screen-lg) { */
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
  /* } */
}

.lt-section-articles__title {
  line-height: 1.5;
  font-family: 'Radion B Demi', sans-serif;
}

.lt-section-articles__list {
  list-style: none;
}

[dir="ltr"] .lt-section-articles__list {
  padding-left: 0;
}

[dir="rtl"] .lt-section-articles__list {
  padding-right: 0;
}

.lt-section-articles__item .is-active {
  color: rgba(0, 72, 34, 1);
}

@media (min-width: 992px) {
  .lt-section-articles__item:hover {
    background-color: rgba(0, 72, 34, 1);
  }

  .lt-section-articles__item:hover a {
    color: #fff;
  }
}

.lt-section-articles__link {
  line-height: 1.4;
  color: rgba(0, 72, 34, 1);
}
/* Community */
.lt-community-nav {
  border-bottom: var(--border-width) solid #eceeef;
}

@media (min-width: 768px) {
  .lt-community-nav-item + .lt-community-nav-item {
    margin-left: 1rem;
  }
}

.lt-community-nav-item {
  margin-bottom: 1rem;
  color: rgba(0, 72, 34, 1);
}

.lt-community-nav-item a {
  font-weight: bold;
  color: rgba(0, 72, 34, 1);
}

.lt-community-nav-item.is-active {
  font-weight: bold;
  color: rgba(0, 72, 34, 1);
}

[dir="ltr"] .lt-community-follow > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-community-follow > * + * {
  margin-right: 1rem;
}

.lt-topic-title {
  font-size: var(--font-size-h3);
}

@media (min-width: 576px) {
  .lt-topic-title {
    font-size: var(--font-size-h2);
  }
}

@media (min-width: 768px) {
  .lt-topic-title {
    font-size: var(--font-size-h1);
  }
}

@media (min-width: 576px) {
  .lt-topic-controls {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 576px) {
  .lt-topic-controls__item {
    display: flex;
    align-items: center;
  }
}

.lt-topic-controls__item--subscribe {
  display: flex;
  align-items: center;
}

.lt-post {
  position: relative;
}

.lt-post__title {
  font-size: var(--font-size-h3);
}

@media (min-width: 576px) {
  .lt-post__title {
    font-size: var(--font-size-h2);
  }
}

@media (min-width: 768px) {
  .lt-post__title {
    font-size: var(--font-size-h1);
  }
}

[dir="ltr"] .lt-post__title {
  padding-right: calc(var(--padding-base-horizontal) * 1.5);
}

[dir="rtl"] .lt-post__title {
  padding-left: calc(var(--padding-base-horizontal) * 1.5);
}

.lt-post__text {
  word-wrap: break-word;
}

.lt-post__text ul {
  list-style: disc;
}

.lt-post__text ul ul,
.lt-post__text ul ol,
.lt-post__text ol ul,
.lt-post__text ol ol {
  margin-top: calc(var(--line-height-computed) / 2);
}

.lt-post__text ul li,
.lt-post__text ol li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

[dir="ltr"] .lt-post__text ul,
[dir="ltr"] .lt-post__text ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-post__text ul,
[dir="rtl"] .lt-post__text ol {
  padding-right: 20px;
}

.lt-post__body {
  word-break: break-word;
}

[dir="ltr"] .lt-post__body {
  padding-right: calc(40px + var(--padding-base-horizontal));
}

[dir="rtl"] .lt-post__body {
  padding-left: calc(40px + var(--padding-base-horizontal));
}

.lt-post__voting-and-actions {
  position: absolute;
  top: 0;
  width: 40px;
  text-align: center;
}

.lt-post__voting-and-actions .lt-dropdown-toggle {
  font-size: 0;
}

.lt-post__voting-and-actions .lt-dropdown-toggle:after {
  font-size: 16px;
  content: "\f013";
}

.lt-post__voting-and-actions .lt-vote__control--down {
  transform: rotateX(360deg);
}

[dir="ltr"] .lt-post__voting-and-actions {
  right: 0;
}

[dir="ltr"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions {
  left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-right: 0;
}

.lt-post__actions {
  padding-top: 8px;
}

.lt-post__actions .lt-dropdown-menu {
  width: auto;
}

.lt-post__actions .lt-dropdown-menu [role="menuitem"] {
  white-space: nowrap;
}

.lt-post__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
}

.lt-post-callout {
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);
}

.lt-post-list-item {
  padding-top: 1rem;
  margin-bottom: 1rem;

  border-top: var(--border-width) solid rgba(248, 246, 237, 1);
}

.lt-post-list-item__icon {
  position: relative;
  top: -4px;
  font-size: 50%;
}

.lt-post-list-item__side {
  min-width: 120px;
}

.lt-post-status {
  display: inline-block;
  padding: 1px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
}

.lt-post-status--completed,
.lt-post-status--answered {
  background-color: rgba(213, 226, 123, 1);
}

.lt-post-status--planned {
  background-color: rgba(0, 72, 34, 1);
}

.lt-post-status--not-planned {
  color: rgba(0, 72, 34, 1);
  background-color: var(--gray-lighter);
}

.lt-new-post-title {
  font-size: var(--font-size-h3);
}

@media (min-width: 576px) {
  .lt-new-post-title {
    font-size: var(--font-size-h2);
  }
}

@media (min-width: 768px) {
  .lt-new-post-title {
    font-size: var(--font-size-h1);
  }
}

.lt-new-post-form {
  margin-bottom: calc(var(--line-height-computed));
}

.community-badge {
  margin: 2px;
}

.community-badge-titles {
  display: inline-flex;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  background-color: rgba(0, 72, 34, 1);
  border-radius: 4px;
}

.community-badge-achievements {
  display: inline-block;
}

[dir="ltr"] .community-badge-achievements {
  margin: 0 0.25rem 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 0.25rem;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

.hotposts-header {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
}

@media (min-width: 576px) {
  .hotposts-meta {
    display: flex;
    width: 100%;
  }
}

.hotposts-author,
.hotposts-comments,
.hotposts-date,
.hotposts-img,
.hotposts-votes {
  display: inline-flex;
  align-items: center;
}

.hotposts-img {
  width: 20px;
  height: 20px;
  overflow: hidden;
  vertical-align: bottom;
  border-radius: 50%;
}

[dir="ltr"] .hotposts-img {
  margin-right: 8px;
}

[dir="rtl"] .hotposts-img {
  margin-left: 8px;
}

.hotposts-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.hotposts-name {
  display: inline-block;
  vertical-align: bottom;
}

.hotposts-icon {
  position: relative;
  top: -2px;
  display: inline-flex;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

[dir="ltr"] .hotposts-icon {
  margin-right: 6px;
}

[dir="rtl"] .hotposts-icon {
  margin-left: 6px;
}

.hotposts-tabs .tab {
  padding: 15px 0 0;
  margin: 0;
  border: none;
}

.hotposts-tabs .tabs-menu {
  border-bottom: 2px solid #eceeef;
}

.hotposts-tabs .tabs-link {
  padding: 0 0 8px;
  margin-bottom: -2px;
  color: #2d7ccc;
  border: none;
  border-bottom: 2px solid #eceeef;
}

[dir="ltr"] .hotposts-tabs .tabs-link {
  margin-right: 20px;
}

[dir="rtl"] .hotposts-tabs .tabs-link {
  margin-left: 20px;
}

.hotposts-tabs .tabs-link:hover,
.hotposts-tabs .tabs-link:focus {
  color: #1f568d;
}

.hotposts-tabs .tabs-link.is-active {
  color: #4e5565;
  border-color: #4e5565;
}
/* Request */
.lt-request-table-toolbar {
  padding-top: var(--padding-base-horizontal);
  padding-bottom: calc(var(--padding-base-horizontal) / 2);
  margin-bottom: calc(var(--line-height-computed));
  background-color: #f9f9f9;
  border-radius: 4px;
}
@media (min-width: 576px) {
  .lt-request-table-toolbar {
    padding-top: calc(var(--padding-base-horizontal) / 2);
    padding-bottom: var(--padding-base-horizontal);
  }
}

.lt-request-table-toolbar label {
  font-size: var(--font-size-small);
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .lt-request-table-filters {
    display: table;
    width: 100%;
  }
}

.lt-request-table-filters__item {
  padding-right: var(--padding-base-horizontal);
  padding-left: var(--padding-base-horizontal);
}

@media (max-width: 575px) {
  .lt-request-table-filters__item {
    margin-bottom: calc(var(--line-height-computed) / 2);
  }
}

@media (min-width: 576px) {
  .lt-request-table-filters__item {
    display: table-cell;
    width: 33%;
    vertical-align: bottom;
  }
}

.lt-request-table-organization {
  display: table;
  width: 100%;
}

.lt-request-table-organization__col {
  display: table-cell;
  vertical-align: middle;
}

.lt-request-table-organization__col--main {
  width: 100%;
}

.lt-request-table-organization__col--button [role="button"] {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
  padding-top: 0;
  padding-bottom: 0;
  line-height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
}

[dir="ltr"] .lt-request-table-organization__col--button {
  padding-left: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-request-table-organization__col--button {
  padding-right: calc(var(--padding-base-horizontal) / 2);
}

.requests-sort-symbol {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.requests-sort-symbol:after {
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: var(--meta-text-color);
  content: "\f0d7";
}

[dir="ltr"] .requests-sort-symbol:after {
  margin-left: 5px;
}

[dir="rtl"] .requests-sort-symbol:after {
  margin-right: 5px;
}

.lt-request-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-request-id {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

.lt-request-follow-up:empty {
  display: none;
}

.lt-request-sidebar {
  font-size: 14px;
}

@media (min-width: 768px) {
  .lt-request-sidebar {
    margin-top: -2rem;
  }
}

.lt-request-sidebar dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.request-column {
  margin-top: -2rem;
}

.lt-request-status {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #fff;
  white-space: nowrap;
  border-radius: 4px;
}

.lt-request-status--solved,
.lt-request-status--closed {
  background-color: rgba(213, 226, 123, 1);
}

.lt-request-status--new,
.lt-request-status--open {
  background-color: rgba(182, 96, 52, 1);
}

.lt-request-status--answered {
  background-color: rgba(231, 183, 175, 1);
}
/* Formatting */
.accordion {
  padding-top: 0;
  overflow: hidden;
  border: var(--border-width) solid var(--lt-accordion-border);
  border-radius: var(--border-radius-base);
}

.accordion__summary {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--lt-accordion-padding-vertical)
    var(--lt-accordion-padding-horizontal);
  font-weight: var(--font-weight-bold);
  color: var(--accordion-color-text, var(--color-text-primary));
  list-style: none;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  touch-action: manipulation;
}

[dir="ltr"] .accordion__summary {
  text-align: left;
}

[dir="rtl"] .accordion__summary {
  text-align: right;
}

.accordion__summary-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordion__item + .accordion__item summary,
.accordion > details-accordion + details-accordion summary {
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

.stroke .accordion__item + .accordion__item summary,
.stroke > details-accordion + details-accordion summary {
  border-top: var(--border-width) solid var(--color-brand-primary);
}

.accordion__content {
  padding-top: var(--lt-accordion-padding-vertical);
  padding-bottom: var(--lt-accordion-padding-vertical);
  margin-right: var(--lt-accordion-padding-horizontal);
  margin-left: var(--lt-accordion-padding-horizontal);
  border-top: var(--border-width) solid var(--lt-accordion-border);
}

.accordion__content *:last-child {
  margin-bottom: 0;
}

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary-wrapper > .lt-icon {
  transition: transform 0.3s;
  margin-inline-start: 1rem;
}

[dir="ltr"] details[open] .accordion__summary-wrapper > .lt-icon {
  transform: rotate(180deg);
}

[dir="rtl"] details[open] .accordion__summary-wrapper > .lt-icon {
  transform: rotate(-180deg);
}

.accordion--large {
  border-radius: var(--border-radius-lg);
}

.accordion--large .accordion__summary {
  font-weight: 400;
}

.lt-icon {
  width: 1rem;
  height: 1rem;
}

.accordion--large .accordion__summary-wrapper .lt-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.accordion--large:hover,
.accordion--large:focus,
.accordion[open] {
  border-color: var(--color-brand-primary);
}

.stroke.accordion {
  border: var(--border-width) solid var(--color-brand-primary);
}

.colored-title.accordion details[open] .accordion__summary-wrapper {
  color: var(--color-brand-primary);
}

.colored.accordion details[open] .accordion__summary-wrapper {
  color: var(--color-brand-primary-inverse);
}

.colored.accordion details[open] .accordion__summary {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

.neutral.accordion .accordion__summary {
  background-color: rgba(214, 214, 214, 0.2);
}

.neutral.accordion details[open] .accordion__summary {
  border-bottom: var(--border-width) solid var(--lt-accordion-border);
}

.neutral.accordion details[open] .accordion__content {
  border-top: none;
}

.image-with-border {
  padding: var(--image-padding, 1rem);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--border-radius-base);
}

.image-with-shadow {
  box-shadow: 0 5px 15px 2px var(--gray);
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
}

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
  width: 100%;
}

.image-with-video-icon:before {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  font-size: 0;
  content: "";
  border-style: solid;
  transition: transform 0.6s ease;
}

.image-with-video-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:before {
  left: 50%;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 60px;
  transform: translate(-50%, -50%);
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:before {
  right: 50%;
  border-color: transparent #fff transparent transparent;
  border-width: 30px 60px 30px 0;
  transform: translate(50%, -50%);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
  transform: translate(50%, -50%) scale(1.1);
}

.image-with-background {
  padding: var(--image-padding, 2rem);
  background-color: var(--image-bg, var(--light-gray));
  border-radius: var(--border-radius-base);
}
/* Clean, Help-Center-Friendly Blockquotes */
blockquote {
  border-left: 4px solid var(--color-accent-primary, #2F3941);
  background-color: #f9f9f9;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  font-family: var(--font-family-body, "Inter", sans-serif);
  font-size: var(--text-md, 1rem);
  line-height: 1.75rem;
  color: var(--color-text-primary, #2f3941);
  text-align: left;
  position: relative;
  border-radius: 4px;
}

blockquote > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  blockquote {
    padding: 1rem;
    font-size: 0.95rem;
    line-height: 1.5rem;
  }
}


.callout,
.note,
.warning,
.danger,
.success {
  position: relative;
  z-index: 1;
  overflow: hidden;
  list-style: none;
  border-radius: var(--border-radius-base);
}

[dir="ltr"] .callout,
[dir="ltr"] .note,
[dir="ltr"] .warning,
[dir="ltr"] .danger,
[dir="ltr"] .success {
  padding: var(--callout-padding) var(--callout-padding) var(--callout-padding)
    calc(var(--callout-padding) * 2);
}

[dir="rtl"] .callout,
[dir="rtl"] .note,
[dir="rtl"] .warning,
[dir="rtl"] .danger,
[dir="rtl"] .success {
  padding: var(--callout-padding) calc(var(--callout-padding) * 2)
    var(--callout-padding) var(--callout-padding);
}

.callout > * + *,
.note > * + *,
.warning > * + *,
.danger > * + *,
.success > * + * {
  margin-top: var(--flow-space, 1rem);
}

.callout:after,
.note:after,
.warning:after,
.danger:after,
.success:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--callout-color);
  border-radius: var(--border-radius-base);
  opacity: 0.15;
}

[dir="ltr"] .callout:after,
[dir="ltr"] .note:after,
[dir="ltr"] .warning:after,
[dir="ltr"] .danger:after,
[dir="ltr"] .success:after {
  left: 0;
}

[dir="rtl"] .callout:after,
[dir="rtl"] .note:after,
[dir="rtl"] .warning:after,
[dir="rtl"] .danger:after,
[dir="rtl"] .success:after {
  right: 0;
}

.callout:before,
.note:before,
.note--default:before,
.callout--info:before,
.note--warning:before,
.warning:before,
.callout--warning:before,
.note--danger:before,
.danger:before,
.callout--danger:before,
.note--success:before,
.success:before,
.callout--success:before {
  position: absolute;
  top: 2rem;
  width: 24px;
  height: 24px;
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
}

[dir="ltr"] .callout:before,
[dir="ltr"] .note:before,
[dir="ltr"] .note--default:before,
[dir="ltr"] .callout--info:before,
[dir="ltr"] .note--warning:before,
[dir="ltr"] .warning:before,
[dir="ltr"] .callout--warning:before,
[dir="ltr"] .note--danger:before,
[dir="ltr"] .danger:before,
[dir="ltr"] .callout--danger:before,
[dir="ltr"] .note--success:before,
[dir="ltr"] .success:before,
[dir="ltr"] .callout--success:before {
  left: 2rem;
}

[dir="rtl"] .callout:before,
[dir="rtl"] .note:before,
[dir="rtl"] .note--default:before,
[dir="rtl"] .callout--info:before,
[dir="rtl"] .note--warning:before,
[dir="rtl"] .warning:before,
[dir="rtl"] .callout--warning:before,
[dir="rtl"] .note--danger:before,
[dir="rtl"] .danger:before,
[dir="rtl"] .callout--danger:before,
[dir="rtl"] .note--success:before,
[dir="rtl"] .success:before,
[dir="rtl"] .callout--success:before {
  right: 2rem;
}

.note:before,
.note--default:before,
.callout:before,
.callout--info:before {
  background-color: var(--info-callout-color);
  -webkit-mask: var(--info-callout-icon) center/contain no-repeat;
  mask: var(--info-callout-icon) center/contain no-repeat;
}

.note--success:before,
.success:before,
.callout--success:before {
  background-color: var(--success-callout-color);
  -webkit-mask: var(--success-callout-icon) center/contain no-repeat;
  mask: var(--success-callout-icon) center/contain no-repeat;
}

.note--danger:before,
.danger:before,
.callout--danger:before {
  background-color: var(--danger-callout-color);

  -webkit-mask: var(--danger-callout-icon) center/contain no-repeat;
  mask: var(--danger-callout-icon) center/contain no-repeat;
}

.note--warning:before,
.warning:before,
.callout--warning:before {
  background-color: var(--warning-callout-color);
  -webkit-mask: var(--warning-callout-icon) center/contain no-repeat;
  mask: var(--warning-callout-icon) center/contain no-repeat;
}

.shadow.callout,
.shadow.note,
.shadow.warning,
.shadow.danger,
.shadow.success {
  box-shadow: var(--callout-box-shadow);
}

[dir="ltr"] .minimal.callout,
[dir="ltr"] .minimal.note,
[dir="ltr"] .minimal.warning,
[dir="ltr"] .minimal.danger,
[dir="ltr"] .minimal.success {
  border-left: none;
}

[dir="rtl"] .minimal.callout,
[dir="rtl"] .minimal.note,
[dir="rtl"] .minimal.warning,
[dir="rtl"] .minimal.danger,
[dir="rtl"] .minimal.success {
  border-right: none;
}

.stroke.note,
.minimal.stroke.note,
.minimal.stroke.callout--info,
.stroke.callout--info {
  border: 1px solid var(--info-callout-color);
}

.minimal.stroke.warning,
.minimal.stroke.callout--warning,
.stroke.callout--warning,
.stroke.warning {
  border: 1px solid var(--warning-callout-color);
}

.minimal.stroke.callout--danger,
.minimal.stroke.danger,
.stroke.callout--danger,
.stroke.danger {
  border: 1px solid var(--danger-callout-color);
}

.minimal.stroke.callout--success,
.minimal.stroke.success,
.stroke.callout--success,
.stroke.success {
  border: 1px solid var(--success-callout-color);
}

.note,
.note--default,
.callout,
.callout--info,
.callout--primary {
  --callout-color: var(--info-callout-color);
}

[dir="ltr"] .note,
[dir="ltr"] .note--default,
[dir="ltr"] .callout,
[dir="ltr"] .callout--info,
[dir="ltr"] .callout--primary {
  border-left: var(--callout-border-width) solid var(--info-callout-color);
}

[dir="rtl"] .note,
[dir="rtl"] .note--default,
[dir="rtl"] .callout,
[dir="rtl"] .callout--info,
[dir="rtl"] .callout--primary {
  border-right: var(--callout-border-width) solid var(--info-callout-color);
}

.warning,
.note--warning,
.callout--warning {
  --callout-color: var(--warning-callout-color);
}

[dir="ltr"] .warning,
[dir="ltr"] .note--warning,
[dir="ltr"] .callout--warning {
  border-left: var(--callout-border-width) solid var(--warning-callout-color);
}

[dir="rtl"] .warning,
[dir="rtl"] .note--warning,
[dir="rtl"] .callout--warning {
  border-right: var(--callout-border-width) solid var(--warning-callout-color);
}

.danger,
.note--danger,
.callout--danger {
  --callout-color: var(--danger-callout-color);
}

[dir="ltr"] .danger,
[dir="ltr"] .note--danger,
[dir="ltr"] .callout--danger {
  border-left: var(--callout-border-width) solid var(--danger-callout-color);
}

[dir="rtl"] .danger,
[dir="rtl"] .note--danger,
[dir="rtl"] .callout--danger {
  border-right: var(--callout-border-width) solid var(--danger-callout-color);
}

.success,
.note--success,
.callout--success {
  --callout-color: var(--success-callout-color);
}

[dir="ltr"] .success,
[dir="ltr"] .note--success,
[dir="ltr"] .callout--success {
  border-left: var(--callout-border-width) solid var(--success-callout-color);
}

[dir="rtl"] .success,
[dir="rtl"] .note--success,
[dir="rtl"] .callout--success {
  border-right: var(--callout-border-width) solid var(--success-callout-color);
}

.no-icon.callout,
.no-icon.note,
.no-icon.warning,
.no-icon.danger,
.no-icon.success {
  padding: var(--callout-padding);
}

.no-icon.callout:before,
.no-icon.note:before,
.no-icon.warning:before,
.no-icon.danger:before,
.no-icon.success:before {
  display: none;
}

.transparent.callout:after,
.transparent.note:after,
.transparent.warning:after,
.transparent.danger:after,
.transparent.success:after {
  background-color: transparent;
}

.neutral.callout:after,
.neutral.note:after,
.neutral.warning:after,
.neutral.danger:after,
.neutral.success:after {
  background-color: var(--neutral-callout-color);
  opacity: 0.2;
}

code {
  font-size: 0.875em;
  word-wrap: break-word;
}

.rte code:not([class]) {
  padding: 0.25em;
  background-color: var(--code-bg);
  border-radius: var(--border-radius-base);
}

.rte pre code {
  padding: 1.25rem;
  border-radius: var(--border-radius-base);
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

pre {
  position: relative;
}

.lt-copy-code {
  position: absolute;
  top: 22px;
  z-index: 2;
  font-family: var(--font-family-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-dark-theme-text, var(--color-text-primary));
  cursor: pointer;
}

.lt-copy-code:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  content: "";
}

[dir="ltr"] .lt-copy-code {
  right: 22px;
}

[dir="ltr"] .lt-copy-code:before {
  margin-right: 5px;
  background: var(--color-dark-theme-text, var(--color-text-primary));
  -webkit-mask: var(--copy-code-icon) center/contain no-repeat;
  mask: var(--copy-code-icon) center/contain no-repeat;
}

[dir="rtl"] .lt-copy-code {
  left: 22px;
}

[dir="rtl"] .lt-copy-code:before {
  margin-left: 5px;
  background: var(--color-dark-theme-text, var(--color-text-primary));
  -webkit-mask: var(--copy-code-icon) center/contain no-repeat;
  mask: var(--copy-code-icon) center/contain no-repeat;
}

[dir] .lt-copy-code:before {
  background-size: 18px auto;
}

.list-check ul:not([class]),
.list-bullet ul:not([class]),
.list-number ul:not([class]),
.list-colored ul:not([class]),
.list-anchor ul:not([class]),
.list-dash ul:not([class]),
.list-file ul:not([class]),
.rte ul:not([class]) {
  list-style-type: disc;
}

[dir="ltr"] .list-check ul:not([class]),
[dir="ltr"] .list-bullet ul:not([class]),
[dir="ltr"] .list-number ul:not([class]),
[dir="ltr"] .list-colored ul:not([class]),
[dir="ltr"] .list-anchor ul:not([class]),
[dir="ltr"] .list-dash ul:not([class]),
[dir="ltr"] .list-file ul:not([class]),
[dir="ltr"] .rte ul:not([class]) {
  padding-left: 1rem;
}

[dir="rtl"] .list-check ul:not([class]),
[dir="rtl"] .list-bullet ul:not([class]),
[dir="rtl"] .list-number ul:not([class]),
[dir="rtl"] .list-colored ul:not([class]),
[dir="rtl"] .list-anchor ul:not([class]),
[dir="rtl"] .list-dash ul:not([class]),
[dir="rtl"] .list-file ul:not([class]),
[dir="rtl"] .rte ul:not([class]) {
  padding-right: 1rem;
}

.list-check ul:not([class]) > li,
.list-bullet ul:not([class]) > li,
.list-number ul:not([class]) > li,
.list-colored ul:not([class]) > li,
.list-anchor ul:not([class]) > li,
.list-dash ul:not([class]) > li,
.list-file ul:not([class]) > li,
.rte ul:not([class]) > li {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir="ltr"] .list-check ul:not([class]) > li,
[dir="ltr"] .list-bullet ul:not([class]) > li,
[dir="ltr"] .list-number ul:not([class]) > li,
[dir="ltr"] .list-colored ul:not([class]) > li,
[dir="ltr"] .list-anchor ul:not([class]) > li,
[dir="ltr"] .list-dash ul:not([class]) > li,
[dir="ltr"] .list-file ul:not([class]) > li,
[dir="ltr"] .rte ul:not([class]) > li {
  padding-left: 0.5rem;
}

[dir="rtl"] .list-check ul:not([class]) > li,
[dir="rtl"] .list-bullet ul:not([class]) > li,
[dir="rtl"] .list-number ul:not([class]) > li,
[dir="rtl"] .list-colored ul:not([class]) > li,
[dir="rtl"] .list-anchor ul:not([class]) > li,
[dir="rtl"] .list-dash ul:not([class]) > li,
[dir="rtl"] .list-file ul:not([class]) > li,
[dir="rtl"] .rte ul:not([class]) > li {
  padding-right: 0.5rem;
}

.list-check ul:not([class]) > li::marker,
.list-bullet ul:not([class]) > li::marker,
.list-number ul:not([class]) > li::marker,
.list-colored ul:not([class]) > li::marker,
.list-anchor ul:not([class]) > li::marker,
.list-dash ul:not([class]) > li::marker,
.list-file ul:not([class]) > li::marker,
.rte ul:not([class]) > li::marker {
  color: var(--rte-bullet-color);
}

.rte-enhanced ol {
  list-style: none;
}

.list-check,
.list-bullet,
.list-number,
.rte-enhanced ol,
.rte ol,
.list-colored,
.list-anchor,
.list-dash,
.list-file {
  list-style-position: inside;
}

[dir="ltr"] .list-check,
[dir="ltr"] .list-bullet,
[dir="ltr"] .list-number,
[dir="ltr"] .rte-enhanced ol,
[dir="ltr"] .rte ol,
[dir="ltr"] .list-colored,
[dir="ltr"] .list-anchor,
[dir="ltr"] .list-dash,
[dir="ltr"] .list-file {
  padding-left: 0;
}

[dir="rtl"] .list-check,
[dir="rtl"] .list-bullet,
[dir="rtl"] .list-number,
[dir="rtl"] .rte-enhanced ol,
[dir="rtl"] .rte ol,
[dir="rtl"] .list-colored,
[dir="rtl"] .list-anchor,
[dir="rtl"] .list-dash,
[dir="rtl"] .list-file {
  padding-right: 0;
}

.list-number li,
.rte-enhanced ol li,
.list-colored li,
.list-file li,
.rte li {
  list-style: inherit;
}

.list-number li:last-child,
.rte-enhanced ol li:last-child,
.list-colored li:last-child,
.rte li:last-child {
  margin-bottom: 0;
}

.lt-article__body h2 {
  font-family: 'Radion B Demi', sans-serif;
}

.lt-article__body .list-check,
.lt-article__body .list-bullet,
.lt-article__body .list-number,
.lt-article__body .rte-enhanced ol,
.lt-article__body .list-colored,
.lt-article__body .list-anchor,
.lt-article__body .list-task,
.lt-article__body .list-dash,
.lt-article__body .list-file {
  list-style: none;
}

[dir="ltr"] .lt-article__body .list-check,
[dir="ltr"] .lt-article__body .list-bullet,
[dir="ltr"] .lt-article__body .list-number,
[dir="ltr"] .lt-article__body .rte-enhanced ol,
[dir="ltr"] .lt-article__body .list-colored,
[dir="ltr"] .lt-article__body .list-anchor,
[dir="ltr"] .lt-article__body .list-task,
[dir="ltr"] .lt-article__body .list-dash,
[dir="ltr"] .lt-article__body .list-file {
  padding-left: 0;
}

[dir="rtl"] .lt-article__body .list-check,
[dir="rtl"] .lt-article__body .list-bullet,
[dir="rtl"] .lt-article__body .list-number,
[dir="rtl"] .lt-article__body .rte-enhanced ol,
[dir="rtl"] .lt-article__body .list-colored,
[dir="rtl"] .lt-article__body .list-anchor,
[dir="rtl"] .lt-article__body .list-task,
[dir="rtl"] .lt-article__body .list-dash,
[dir="rtl"] .lt-article__body .list-file {
  padding-right: 0;
}

.list-check > li,
.list-bullet > li,
.list-number > li,
.rte-enhanced ol > li,
.list-colored > li,
.list-task > div,
.list-task > li,
.list-dash > li,
.list-anchor > li,
.list-file > li {
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

[dir="ltr"] .list-check > li,
[dir="ltr"] .list-bullet > li,
[dir="ltr"] .list-number > li,
[dir="ltr"] .rte-enhanced ol > li,
[dir="ltr"] .list-colored > li,
[dir="ltr"] .list-task > div,
[dir="ltr"] .list-task > li,
[dir="ltr"] .list-dash > li,
[dir="ltr"] .list-anchor > li,
[dir="ltr"] .list-file > li {
  padding-left: 2.5rem;
}

[dir="rtl"] .list-check > li,
[dir="rtl"] .list-bullet > li,
[dir="rtl"] .list-number > li,
[dir="rtl"] .rte-enhanced ol > li,
[dir="rtl"] .list-colored > li,
[dir="rtl"] .list-task > div,
[dir="rtl"] .list-task > li,
[dir="rtl"] .list-dash > li,
[dir="rtl"] .list-anchor > li,
[dir="rtl"] .list-file > li {
  padding-right: 2.5rem;
}

[dir="ltr"] .list-anchor > li,
[dir="ltr"] .list-file > li {
  padding-left: 1.5rem;
}

[dir="rtl"] .list-anchor > li,
[dir="rtl"] .list-file > li {
  padding-right: 1.5rem;
}

[dir="ltr"] .list-dash > li {
  padding-left: 1.75rem;
}

[dir="rtl"] .list-dash > li {
  padding-right: 1.75rem;
}

[dir="ltr"] .rte li + ul,
[dir="ltr"] .rte li + ol {
  margin-left: 2.5rem;
}

[dir="rtl"] .rte li + ul,
[dir="rtl"] .rte li + ol {
  margin-right: 2.5rem;
}

.list-check > li:before,
.list-bullet > li:before,
.list-number > li:before,
.list-anchor > li:before,
.list-file > li:before,
.rte-enhanced ol > li:before,
.list-colored > li:before,
.list-dash > li:before {
  position: absolute;
  top: 0.15em;
  display: inline-block;
  width: 1.725em;
  height: 1.725em;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.725em;
  text-align: center;
  border-radius: 50%;
}

[dir="ltr"] .list-check > li:before,
[dir="ltr"] .list-bullet > li:before,
[dir="ltr"] .list-number > li:before,
[dir="ltr"] .list-anchor > li:before,
[dir="ltr"] .list-file > li:before,
[dir="ltr"] .rte-enhanced ol > li:before,
[dir="ltr"] .list-colored > li:before,
[dir="ltr"] .list-dash > li:before {
  left: 0;
}

[dir="rtl"] .list-check > li:before,
[dir="rtl"] .list-bullet > li:before,
[dir="rtl"] .list-number > li:before,
[dir="rtl"] .list-anchor > li:before,
[dir="rtl"] .list-file > li:before,
[dir="rtl"] .rte-enhanced ol > li:before,
[dir="rtl"] .list-colored > li:before,
[dir="rtl"] .list-dash > li:before {
  right: 0;
}

.list-anchor > li:before,
.list-file > li:before {
  width: 1rem;
  height: 1rem;
  content: "";
}

[dir="ltr"] .list-anchor > li:before,
[dir="ltr"] .list-file > li:before {
  left: 0;
}

[dir="rtl"] .list-anchor > li:before,
[dir="rtl"] .list-file > li:before {
  right: 0;
}

.list-anchor > li:before {
  top: 0.4rem;
  background: var(--anchor-list-icon) center/contain no-repeat;
}

.list-file > li:before {
  top: 0.5rem;
  background: var(--anchor-file-icon) center/contain no-repeat;
}

.list-bullet > li:before,
.list-check > li:before {
  color: var(--list-bullet-text, var(--color-brand-primary-inverse));
  content: "✓";
  background-color: var(--list-bullet-bg, var(--color-text-primary));
}

.list-number,
.rte-enhanced ol,
.list-colored {
  counter-reset: list;
}

.list-number > li,
.rte-enhanced ol > li,
.list-colored > li {
  counter-increment: list;
}

.list-number > li:before,
.rte-enhanced ol > li:before,
.list-colored > li:before {
  color: var(--list-bullet-text, var(--color-brand-primary-inverse));
  content: counter(list);
  background-color: var(--list-bullet-bg, var(--color-text-primary));
}

.task-wrapper {
  display: flex;
  align-items: center;
}

.task-wrapper label {
  display: flex;
  font-weight: normal;
  cursor: pointer;
  align-items: center;
}

[dir="ltr"] .task-wrapper label {
  margin-left: -2rem;
}

[dir="rtl"] .task-wrapper label {
  margin-right: -2rem;
}

.task-wrapper label:before {
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-color: var(--body-color-bg);
  border: 0.05em solid var(--color-text-primary);
  border-radius: 0.15em;
}

[dir="ltr"] .task-wrapper label:before {
  margin-right: 0.5em;
}

[dir="rtl"] .task-wrapper label:before {
  margin-left: 0.5em;
}

.task-wrapper input[type="checkbox"] {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}

.task-wrapper label:hover:before,
.task-wrapper input[type="checkbox"]:hover + label:before {
  background-color: var(--color-bg-secondary);
}

.task-wrapper label:focus:before,
.task-wrapper input[type="checkbox"]:focus + label:before {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-brand-primary);
}

.task-wrapper input[type="checkbox"]:checked + label:before {
  display: flex;
  color: var(--color-brand-primary-inverse);
  content: "✓";
  background-color: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  justify-content: center;
  align-items: center;
}

.list-dash > li:before {
  content: "—";
}

.list-step {
  position: relative;
}

.list-step > li:not(:last-child):after {
  position: absolute;
  top: 1rem;
  bottom: 10px;
  z-index: -1;
  width: 1px;
  content: "";
  background-color: var(--light-gray);
}

[dir="ltr"] .list-step > li:not(:last-child):after {
  left: calc(1.5rem + 1px);
}

[dir="rtl"] .list-step > li:not(:last-child):after {
  right: calc(1.5rem + 1px);
}

.list-number.list-step > li:not(:last-child):after,
.list-colored.list-step > li:not(:last-child):after,
.list-file.list-step > li:not(:last-child):after,
.list-task.list-step > .task-wrapper:not(:last-child):after,
.list-task.list-step > li:not(:last-child):after,
.list-dash.list-step > li:not(:last-child):after {
  position: absolute;
  top: 1rem;
  bottom: -1.5rem;
  z-index: -1;
  width: 1px;
  content: "";
  background-color: var(--light-gray);
}

[dir="ltr"] .list-number.list-step > li:not(:last-child):after,
[dir="ltr"] .list-colored.list-step > li:not(:last-child):after,
[dir="ltr"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="ltr"] .list-dash.list-step > li:not(:last-child):after {
  left: calc(1rem - 4px);
}

[dir="rtl"] .list-number.list-step > li:not(:last-child):after,
[dir="rtl"] .list-colored.list-step > li:not(:last-child):after,
[dir="rtl"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="rtl"] .list-dash.list-step > li:not(:last-child):after {
  right: calc(1rem - 4px);
}

[dir="ltr"] .list-file.list-step > li:not(:last-child):after {
  left: 1.5rem;
}

[dir="rtl"] .list-file.list-step > li:not(:last-child):after {
  right: 1.5rem;
}

.list-task.list-step > li {
  position: relative;
}

.list-task.list-step > li:before {
  position: absolute;
  top: calc(1rem - 6px);
  width: 8px;
  height: 8px;
  content: "";
  background-color: var(--body-color-bg);
  border: 1px solid var(--color-text-primary);
  border-radius: 50%;
}

[dir="ltr"] .list-task.list-step > li:before {
  left: calc(1rem - 2px);
}

[dir="rtl"] .list-task.list-step > li:before {
  right: calc(1rem - 2px);
}

[dir="ltr"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="ltr"] .list-task.list-step > li:not(:last-child):after {
  left: calc(1rem + 2px);
}

[dir="rtl"] .list-task.list-step > .task-wrapper:not(:last-child):after,
[dir="rtl"] .list-task.list-step > li:not(:last-child):after {
  right: calc(1rem + 2px);
}

.img-magnifier-glass {
  position: absolute;
  width: 150px;
  height: 150px;
  cursor: none;
  border: 1px solid rgb(121, 121, 121);
  border-radius: 50%;
}

.rte iframe,
.rte embed,
.rte object,
.rte video {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.embed,
.embed-responsive {
  position: relative;
  z-index: 1;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.embed img,
.embed-responsive img {
  width: 100%;
}

.embed iframe,
.embed embed,
.embed object,
.embed video,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

[dir="ltr"] .embed iframe,
[dir="ltr"] .embed embed,
[dir="ltr"] .embed object,
[dir="ltr"] .embed video,
[dir="ltr"] .embed-responsive iframe,
[dir="ltr"] .embed-responsive embed,
[dir="ltr"] .embed-responsive object,
[dir="ltr"] .embed-responsive video {
  left: 0;
}

[dir="rtl"] .embed iframe,
[dir="rtl"] .embed embed,
[dir="rtl"] .embed object,
[dir="rtl"] .embed video,
[dir="rtl"] .embed-responsive iframe,
[dir="rtl"] .embed-responsive embed,
[dir="rtl"] .embed-responsive object,
[dir="rtl"] .embed-responsive video {
  right: 0;
}

.embed-responsive--16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive--4by3 {
  padding-bottom: 75%;
}

.rte {
  line-height: 1.8;
  word-break: break-word;
}

.rte * {
  margin-bottom: 0;
}

.rte > *:not([hidden]) + *:not([hidden]) {
  margin-top: var(--flow-space, 1rem);
}

.rte > * {
  margin-bottom: 0;
}

.rte h1,
.rte h2,
.rte h3 {
  --flow-space: 3rem;
}

.rte h4,
.rte h5,
.rte h6 {
  --flow-space: 2rem;
}

.rte:after {
  display: block;
  clear: both;
  content: "";
}

.rte > p:first-child {
  margin-top: 0;
}

.rte > p:last-child {
  margin-bottom: 0;
}

.rte figcaption {
  margin-top: 1rem;
  opacity: 0.75;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: transparent;
}

.rte table:not([class*="table"]) {
  width: 100%;
  table-layout: auto;
}

[dir="ltr"] .rte table:not([class*="table"]) {
  text-align: left;
}

[dir="rtl"] .rte table:not([class*="table"]) {
  text-align: right;
}

.rte table:not([class*="table"]) thead {
  border-bottom-color: var(--color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rte table:not([class*="table"]) th,
.rte table:not([class*="table"]) td {
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

[dir="ltr"] .rte table:not([class*="table"]) th:first-child,
[dir="ltr"] .rte table:not([class*="table"]) td:first-child {
  padding-left: 0;
}

[dir="rtl"] .rte table:not([class*="table"]) th:first-child,
[dir="rtl"] .rte table:not([class*="table"]) td:first-child {
  padding-right: 0;
}

[dir="ltr"] .rte table:not([class*="table"]) th:last-child,
[dir="ltr"] .rte table:not([class*="table"]) td:last-child {
  padding-right: 0;
}

[dir="rtl"] .rte table:not([class*="table"]) th:last-child,
[dir="rtl"] .rte table:not([class*="table"]) td:last-child {
  padding-left: 0;
}

.rte table:not([class*="table"]) th {
  font-weight: 600;
  vertical-align: bottom;
}

.rte table:not([class*="table"]) tbody tr {
  border-bottom-color: var(--color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.rte table:not([class*="table"]) tbody td {
  padding-top: 0.5rem;
  vertical-align: baseline;
}

.rte table:not([class*="table"]) tbody tr:last-child {
  border-bottom-width: 0;
}

/* Mobile Table responsiveness */

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive table {
  width: 100%;
  min-width: 480px; /* ensures some horizontal space on small screens */
  table-layout: auto;
  border-collapse: collapse;
}

.table-responsive table td,
.table-responsive table th {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word; /* <- Recommended for modern wrapping */
  vertical-align: top;
}

/* Optional: slightly bigger column width for left column */
.table-responsive th:first-child,
.table-responsive td:first-child {
  min-width: 120px;
  font-weight: 600;
}
/* Optional: Make table columns breathe a bit */
.table-responsive table {
  table-layout: auto;
  min-width: 600px; /* Or whatever feels balanced for your content */
}

/* Tweak padding for lists inside cells */
.table-responsive td ul {
  padding-left: 1.25rem;
  margin: 0;
  list-style-position: outside;
}
/* Ensure the cell itself is vertically and horizontally aligned */
.wysiwyg-table td,
.wysiwyg-table th {
  vertical-align: middle; /* Vertically center */
  text-align: center;     /* Horizontally center */
  padding: 12px;
  height: 100%;           /* Allow the content to vertically center */
}

/* Make emoji content behave as centered block */
.wysiwyg-table td span,
.wysiwyg-table th span {
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
}
.wysiwyg-table td {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 575px) {
.table-responsive thead tr th {
  text-align: center;
  font-weight: bold;
  color: #444;
  background-color: #f9f9f9;
}
  .table-responsive table {
  width: 100%;
  min-width: 900px; /* or however wide your table needs to be */
  border-collapse: collapse;
}

 .table-responsive td,
.table-responsive th {
  white-space: nowrap;
  text-align: center;
  padding: 12px;
}

  .table-responsive table {
    table-layout: fixed; /* optional: makes sure columns shrink equally */
  }
}


/* Stacked Tables */


@media screen and (max-width: 575px) {
  .stacked-table table,
  .stacked-table thead,
  .stacked-table tbody,
  .stacked-table th,
  .stacked-table td,
  .stacked-table tr {
    display: block;
    width: 100%;
  }

  .stacked-table thead {
    display: none;
  }

  .stacked-table tr {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 8px;
    background: #fff;
  }

  .stacked-table td {
    position: relative;
    padding-left: 50%;
    text-align: left;
    border-bottom: 1px solid #eee;
  }

  .stacked-table td::before {
    content: attr(data-label);
    position: absolute;
    top: 12px;
    left: 12px;
    font-weight: bold;
    color: var(--color-text);
    white-space: nowrap;
  }

  .stacked-table td:last-child {
    border-bottom: none;
  }
}





.rte table.hover td,
.rte table.hover th,
.rte table.border td,
.rte table.border th,
.rte table.striped td,
.rte table.striped th,
.rte table.colored td,
.rte table.colored th {
  padding: 1rem !important;
}

table.striped tbody tr:nth-child(odd) {
  color: inherit;
}

.rte table.colored:not([class*="table"]) thead {
  border-bottom: none;
}

[dir="ltr"] .table--color-header thead th:first-child,
[dir="ltr"] table.colored thead th:first-child {
  border-top-left-radius: var(--border-radius-base-min);
}

[dir="rtl"] .table--color-header thead th:first-child,
[dir="rtl"] table.colored thead th:first-child {
  border-top-right-radius: var(--border-radius-base-min);
}

[dir="ltr"] .table--color-header thead th:last-child,
[dir="ltr"] table.colored thead th:last-child {
  border-top-right-radius: var(--border-radius-base-min);
}

[dir="rtl"] .table--color-header thead th:last-child,
[dir="rtl"] table.colored thead th:last-child {
  border-top-left-radius: var(--border-radius-base-min);
}

table.table--color-header th,
table.colored th {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

table.border {
  border-collapse: separate;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base-min);
}

table.border tbody tr:not(:last-child) td,
table.border th {
  border-bottom: 1px solid var(--color-border);
}

[dir="ltr"] table.border td:not(:first-child),
[dir="ltr"] table.border th:not(:first-child) {
  border-left: 1px solid var(--color-border);
}

[dir="rtl"] table.border td:not(:first-child),
[dir="rtl"] table.border th:not(:first-child) {
  border-right: 1px solid var(--color-border);
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed));
}

.table th,
.table td {
  padding: 12px;
  vertical-align: top;
}

.table td {
  border-top: 1px solid var(--color-border);
}

.table--color-header tbody tr:first-child td {
  border-top: none;
}

.table thead th {
  vertical-align: bottom;
}

[dir="ltr"] .table thead th {
  text-align: left;
}

[dir="rtl"] .table thead th {
  text-align: right;
}

.table tbody + tbody {
  border-top: 1px solid var(--color-border);
}

.table .table {
  background-color: var(--color-brand-primary-inverse);
}

.table--color-header th {
  color: var(--color-brand-primary-inverse);
  background-color: var(--color-brand-primary);
}

.table--striped th,
.table--striped td,
.table--striped thead th {
  border-color: var(--color-brand-primary-inverse);
}

.table--striped tbody tr:nth-child(odd) {
  color: inherit;
}

.table--hover tbody tr:hover {
  color: inherit;
}

.table--bordered {
  border-collapse: separate;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-base-min);
}

[dir="ltr"] .table--bordered td:not(:first-child),
[dir="ltr"] .table--bordered th:not(:first-child) {
  border-left: 1px solid var(--color-border);
}

[dir="rtl"] .table--bordered td:not(:first-child),
[dir="rtl"] .table--bordered th:not(:first-child) {
  border-right: 1px solid var(--color-border);
}

.table--striped tbody tr:nth-child(odd),
table.striped tbody tr:nth-child(odd),
.table--hover tbody tr,
.rte table.hover tr {
  position: relative;
}

.table--striped tbody tr:nth-child(odd) td,
table.striped tbody tr:nth-child(odd) td,
.table--hover tbody tr td,
.rte table.hover tr td {
  position: relative;
  z-index: 1;
}

.table--striped th,
.table--striped td,
table.striped th,
.table--striped td {
  position: relative;
}

.table--striped tbody td:after,
table.striped tbody td:after,
.table--hover tbody td:after,
.rte table.hover tbody td:after {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  opacity: 0.3;
}

[dir="ltr"] .table--striped tbody td:after,
[dir="ltr"] table.striped tbody td:after,
[dir="ltr"] .table--hover tbody td:after,
[dir="ltr"] .rte table.hover tbody td:after {
  left: 0;
}

[dir="rtl"] .table--striped tbody td:after,
[dir="rtl"] table.striped tbody td:after,
[dir="rtl"] .table--hover tbody td:after,
[dir="rtl"] .rte table.hover tbody td:after {
  right: 0;
}

.table--hover tbody td:after,
.rte table.hover tbody td:after {
  background-color: rgba(0, 0, 0, 0);
}

.table--striped tbody td:after,
table.striped tbody td:after {
  background-color: var(--color-table-bg-hover);
}

.table--striped tbody tr:nth-child(even) td:after,
table.striped tbody tr:nth-child(even) td:after {
  background-color: rgba(0, 0, 0, 0);
}

.table--hover tbody tr:hover td:after,
.rte table.hover tbody tr:hover td:after {
  background-color: var(--color-table-bg-hover);
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media (min-width: 576px) {
  .tabs {
    flex-direction: row;
  }
}

.tab {
  flex-basis: 100%;
  padding: 1rem;
  border: var(--border-width) solid var(--color-border);
  border-bottom-right-radius: var(--border-radius-base);
  border-bottom-left-radius: var(--border-radius-base);
}

.tab > *:last-child {
  margin-bottom: 0;
}

.tabs-link {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.5rem 1rem;
  margin: 0;
  font-weight: var(--font-weight-bold);
  text-align: center;
  color: var(--color-text-primary);
  cursor: pointer;
  border-color: var(--color-border);
  border-style: solid;
  border-width: var(--border-width) var(--border-width) 0 var(--border-width);
  font-family: 'Basis Grotesque Pro', sans-serif;
}

@media (min-width: 576px) {
  .tabs-link {
    margin-bottom: calc(-1 * var(--border-width));
    flex: 1 1 10px;
  }

  .tabs-link:not([aria-selected="true"]) {
    border-color: transparent;
  }
}

.tabs-link:first-child {
  border-top-left-radius: var(--border-radius-base);
  border-top-right-radius: var(--border-radius-base);
}

@media (min-width: 576px) {
  .tabs-link {
    border-top-left-radius: var(--border-radius-base);
    border-top-right-radius: var(--border-radius-base);
  }
}

.tabs-link[aria-selected="true"] {
  background-color: var(--color-brand-primary);
  color: #fff;
  cursor: pointer;
  border-color: var(--color-border);
}

.underline .tabs-link[aria-selected="true"] {
  border-color: var(--color-brand-primary);
  border-width: 0 0 var(--border-width) 0;
}

.background .tabs-link[aria-selected="true"],
.background .tab {
  position: relative;
  overflow: hidden;
  color: var(--color-text-primary);
  border-width: 0 0 0 0;
}

.background .tab:after,
.background .tabs-link[aria-selected="true"]:after {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-brand-primary);
  opacity: 0.15;
}

[dir="ltr"] .background .tab:after,
[dir="ltr"] .background .tabs-link[aria-selected="true"]:after {
  left: 0;
}

[dir="rtl"] .background .tab:after,
[dir="rtl"] .background .tabs-link[aria-selected="true"]:after {
  right: 0;
}

slider-component {
  position: relative;
  display: block;
}

.slider-grid {
  display: flex;
  padding: 0;
  margin-bottom: 2rem;
  list-style: none;
  flex-wrap: wrap;
}

.slider-grid:last-child {
  margin-bottom: 0;
}

.slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  display: none;
  width: 0.4rem;
  height: 0.4rem;
}

.slider::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 0.4rem;
}

.slider::-webkit-scrollbar-track {
  border-radius: 0.4rem;
}

.slider.slider--tablet {
  position: relative;
  margin-bottom: 1rem;
  overflow-x: auto;
  flex-wrap: inherit;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

[dir="ltr"] .slider.slider--tablet {
  scroll-padding-left: 1.5rem;
}

[dir="rtl"] .slider.slider--tablet {
  scroll-padding-right: 1.5rem;
}

.slider--tablet.smooth {
  scroll-behavior: smooth;
}

.slider--tablet:after {
  width: 0;
  content: "";
}

[dir="ltr"] .slider--tablet:after {
  padding-left: 1.5rem;
}

[dir="rtl"] .slider--tablet:after {
  padding-right: 1.5rem;
}

.slider.slider--tablet .slider__slide {
  margin-bottom: 0;
}

.slider-grid__item {
  flex-grow: 1;
  flex-shrink: 0;
}

.slider-grid__item.slider__slide--full-width {
  width: 100%;
  max-width: none;
}

.slider__slide {
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lt-btn.slider-button {
  display: flex;
  width: 44px;
  height: 44px;
  cursor: pointer;
  border: none;
  align-items: center;
  justify-content: center;
}

.slider-button .icon {
  height: 0.6rem;
}

.slider-button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.slider-button[disabled] .icon {
  cursor: not-allowed;
}

[dir="ltr"] .slider-button--next .icon {
  transform: rotate(-90deg);
}

[dir="rtl"] .slider-button--next .icon {
  transform: rotate(90deg);
}

[dir="ltr"] .slider-button--prev .icon {
  transform: rotate(90deg);
}

[dir="rtl"] .slider-button--prev .icon {
  transform: rotate(-90deg);
}

[dir="ltr"] .slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

[dir="rtl"] .slider-button--next:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

[dir="ltr"] .slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

[dir="rtl"] .slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
}
/* Extensions */
.sidenav {
  z-index: 10;
}
@media (min-width: 992px) {
  .sidenav {
    padding: 2rem;
  }
}

.sidenav ul {
  list-style-type: none;
}

.sidenav__categories-list {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .sidenav__categories-list {
    padding: 0 !important;
  }
}

.sidenav__categories-list a {
  color: rgba(0, 72, 34, 1);
}

.sidenav__categories-list a:hover,
.sidenav__categories-list a:focus,
.sidenav__categories-list a:active {
  color: rgba(0, 72, 34, 1);
}

[dir="ltr"] .sidenav__categories-list {
  padding-right: 1rem;
  padding-left: 0;
}

[dir="rtl"] .sidenav__categories-list {
  padding-right: 0;
  padding-left: 1rem;
}

.sidenav__category-name,
.sidenav__section-name,
.sidenav__home {
  font-weight: 700;
}

.sidenav-btn {
  display: block;
  padding: 0.8rem 1.5rem;
  font-weight: 700;
  color: rgba(0, 72, 34, 1);
  text-align: center;
}

.sidenav__home {
  margin-bottom: 1rem;
}

.sidenav__category,
.sidenav__section,
.sidenav__article {
  margin-top: 0.8rem;
}

[dir="ltr"] .sidenav__sections-list,
[dir="ltr"] .sidenav__articles-list {
  padding-left: 1rem;
}

[dir="rtl"] .sidenav__sections-list,
[dir="rtl"] .sidenav__articles-list {
  padding-right: 1rem;
}
/* Mobile */
.sidenav-mobile {
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 85%;
  max-width: 300px;
  height: 100%;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}

[dir="ltr"] .sidenav-mobile {
  left: 0;
  transform: translateX(-100%);
}

[dir="rtl"] .sidenav-mobile {
  right: 0;
  transform: translateX(100%);
}

.sidenav-mobile.is-active {
  padding-top: 32px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);

  transition: all 0.3s;
  transform: translateX(0);
}

[dir="ltr"] .sidenav-mobile.is-active {
  padding-left: 32px;
}

[dir="rtl"] .sidenav-mobile.is-active {
  padding-right: 32px;
}

[dir="ltr"] .sidenav-mobile .sidenav__category-name:after,
[dir="ltr"] .sidenav-mobile .sidenav__section-name:after {
  right: 10px;
}

[dir="rtl"] .sidenav-mobile .sidenav__category-name:after,
[dir="rtl"] .sidenav-mobile .sidenav__section-name:after {
  left: 10px;
}

.lt-toc {
  z-index: 10;
}

.lt-toc * {
  box-sizing: border-box;
}

.lt-toc--list {
  margin: 0;
  overflow-y: auto;

  list-style: none;
}

[dir="ltr"] .lt-toc--list {
  padding-left: 0;
}

[dir="rtl"] .lt-toc--list {
  padding-right: 0;
}

.lt-toc--link {
  display: block;
  padding: 6px 12px;

  text-decoration: none;
}

.lt-toc--link.is-active {
  background: currentColor;
}

.lt-toc--link.is-active span {
  color: #ffffff;
}

@media (min-width: 992px) {
  .lt-toc--container {
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 100px 80px rgba(182, 195, 193, 0.1),
      0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
      0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
  }
}

.lt-toc--current {
  padding: 6px 12px;
}
/* Desktop version */
.lt-toc_is-desktop {
  position: relative;
}

.lt-toc_is-desktop .lt-toc--title {
  margin: 0 0 12px;

  font-size: 20px;
}

.lt-toc_is-desktop .lt-toc--current {
  display: none;
}

.lt-toc_is-desktop .lt-toc--item {
  margin-bottom: 6px;
}

.lt-toc_is-desktop .lt-toc--list {
  display: block !important;
}

.lt-toc_is-desktop .lt-toc--link {
  border-radius: 4px;
}
/* Mobile version */
.lt-toc-mobile {
  display: none;
}

.lt-toc-mobile.is-active {
  display: block;
}

.lt-toc-mobile,
.lt-toc_is-mobile {
  width: 100%;
}

.lt-toc-mobile_end {
  margin-top: 24px;
}

.lt-toc_is-mobile {
  position: absolute;
  z-index: 99;
}

.lt-toc_is-mobile.lt-toc_is-bottom {
  top: 0 !important;
}

.lt-toc_is-mobile .lt-toc--container {
  position: relative;

  width: 100%;

  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.lt-toc_is-mobile .lt-toc--title {
  position: absolute;
  top: 0;

  display: block;
  padding: 2px 4px;
  margin: 0;
  font-size: 14px;

  font-weight: normal;
  line-height: 16px;

  background: #eee;
  border-radius: 4px;
  transform: translateY(-50%);
}

.lt-toc_is-mobile .lt-toc--list {
  display: none;

  border-top: 1px solid #e8e8e8;
}

.lt-toc_is-mobile .lt-toc--current,
.lt-toc_is-mobile .lt-toc--link {
  padding: 12px;

  font-size: 16px;
  line-height: 1.5;
}

.lt-toc_is-mobile .lt-toc--current {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;

  white-space: nowrap;

  cursor: pointer;
}

.lt-toc_is-mobile .lt-toc--current:before,
.lt-toc_is-mobile .lt-toc--current:after {
  position: absolute;
  bottom: 50%;

  display: block;

  content: "";

  background: #4e5565;
  border-radius: 1px;

  transition: all 0.3s;
}

.lt-toc_is-mobile .lt-toc--current:before {
  width: 2px;
  height: 12px;
}

.lt-toc_is-mobile .lt-toc--current:after {
  width: 12px;
  height: 2px;
}

.lt-toc_is-mobile .lt-toc--container.is-active .lt-toc--current:after {
  opacity: 0;
}

.lt-toc_is-mobile .lt-toc--item:last-child a {
  border-radius: 0 0 4px 4px;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--title {
  left: 12px;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current {
  padding-right: 36px;
}

[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:before,
[dir="ltr"] .lt-toc_is-mobile .lt-toc--current:after {
  right: 22px;
  transform: translate(50%, 50%);
}

[dir="ltr"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:before {
  transform: translate(50%, 50%) rotate(-90deg);
}

[dir="ltr"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:after {
  transform: translate(50%, 50%) rotate(-90deg);
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--title {
  right: 12px;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current {
  padding-left: 36px;
}

[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:before,
[dir="rtl"] .lt-toc_is-mobile .lt-toc--current:after {
  left: 22px;
  transform: translate(-50%, 50%);
}

[dir="rtl"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:before {
  transform: translate(-50%, 50%) rotate(90deg);
}

[dir="rtl"]
  .lt-toc_is-mobile
  .lt-toc--container.is-active
  .lt-toc--current:after {
  transform: translate(-50%, 50%) rotate(90deg);
}

[dir="ltr"] .hotposts .meta__item:not(:last-child) {
  margin-right: 1rem;
}

[dir="rtl"] .hotposts .meta__item:not(:last-child) {
  margin-left: 1rem;
}

.prevnext {
  grid-template-columns: 1fr 1fr !important;
}

.prevnext__btn {
  position: relative;
  padding: 1rem !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 12px !important;
}

@media (min-width: 768px) {
  .prevnext__btn {
    padding: 1.1rem 2rem !important;
  }
}

.prevnext__btn:before {
  position: absolute;
  top: 1rem;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .prevnext__btn:before {
    top: 40%;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.prevnext__btn--prev {
  padding-top: 3rem !important;
}

@media (min-width: 768px) {
  .prevnext__btn--prev {
    padding-top: 1rem !important;
    padding-left: 4rem !important;
  }
}

.prevnext__btn--prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.25 11.25L0.75 11.25' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 18.75L0.750001 11.25L8.25 3.75' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

[dir="ltr"] .prevnext__btn--prev:before {
  left: 1.5rem;
}

[dir="rtl"] .prevnext__btn--prev:before {
  right: 1.5rem;
}

.prevnext__btn--next {
  padding-top: 3rem !important;
}

@media (min-width: 768px) {
  .prevnext__btn--next {
    padding-top: 1rem !important;
    padding-right: 4rem !important;
  }
}

.prevnext__btn--next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 12.75H23.25' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 5.25L23.25 12.75L15.75 20.25' stroke='%23555D5C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

[dir="ltr"] .prevnext__btn--next:before {
  right: 1.5rem;
}

[dir="rtl"] .prevnext__btn--next:before {
  left: 1.5rem;
}

.prevnext__icon {
  display: none !important;
}

.prevnext__name {
  font-size: 1rem !important;
  font-weight: normal !important;
  color: rgba(64, 118, 89, 1) !important;
  text-transform: none !important;
}

.prevnext__title {
  font-weight: bold !important;
}
.lt-article__body a:hover {
  text-decoration: underline;
}

.btn-login,
.btn-signup {
  padding: 25px 48px;
  display: inline-block;
  border-radius: 60px;
  border: none;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #004822;
  transition: 0.3s all ease;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}

.btn-login {
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 0.9375rem;
  color: #25201F;
  padding: 16px 0;
  line-height: 2;
  margin: 0;
}

@media (max-width: 991px) {
  .btn-login {
    padding: 16px 25px;
  }
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active {
  text-decoration: underline;
}

.btn-signup {
  font-size: 0.9375rem;
  color: #004822;
  background-color: #D5E27B;
  padding: 12px 24px;
}

.btn-signup:hover,
.btn-signup:focus,
.btn-signup:active {
  background-color: #E5EEA5;
}

.lt-article__body a {
  text-decoration: underline;
  font-weight: bold;
}
.lt-border-box {
  background-color: #fff; /* White background */
  border-radius: 8px; /* Optional for rounded corners */
  padding: 16px; /* Adds spacing inside the box */
}
.back-to-main-site {
  font-family: 'Basis Grotesque Pro', sans-serif;
}

/* Tooltip */
.tooltip {
  position: relative;
  cursor: pointer;
}

.tooltip .tooltip-text {
  display: none;
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  ...
}

.tooltip:hover .tooltip-text,
.tooltip:focus-within .tooltip-text {
  display: block;
}
.related-links {
  position: relative;
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
  border-left: 4px solid var(--color-accent-primary, #004822);
  padding: 1.5rem;
  margin: 2rem 0;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  animation: fadeInBlock 0.6s ease-in;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related-links:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.related-links::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/hc/theming_assets/01JZX7AEDGXK8AKMQDGQ3CZ23K);
  background-size: 120px;
  opacity: 0.25;
  animation: grainMove 80s linear infinite alternate;
  backdrop-filter: blur(1px);
  pointer-events: none;
  z-index: 0;
}

.related-links * {
  position: relative;
  z-index: 1;
}

/* Entry animation */
@keyframes fadeInBlock {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Subtle grain drift */
@keyframes grainMove {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-20px, 15px);
  }
  100% {
    transform: translate(40px, -25px);
  }
}

/* Theme Modifiers */
.related-links--success {
  border-left-color: #004822;
}

.related-links--info {
  border-left-color: #3694ff;
}

.related-links--warning {
  border-left-color: #FF6A00;
}

.callout-block {
  position: relative;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  border-left: 4px solid;
  border-radius: 6px;
  background-color: #f9f9f9;
  font-size: 1rem;
  line-height: 1.6;
  color: #25201f;
  animation: fadeInBlock 0.4s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

.callout-block strong {
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}

.callout--info {
  border-left-color: #004822;
  background-color: #f1f4f2;
}

.callout--tip {
  border-left-color: #6c6406;
  background-color: #f9f8ec;
}

.callout--alert {
  border-left-color: #b66034;
  background-color: #fbf3f0;
}

.callout--new {
  border-left-color: #d5e27b;
  background-color: #fafbe9;
}

/* Optional animated grain overlay */
.callout-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/hc/theming_assets/01JZX7AEDGXK8AKMQDGQ3CZ23K);
  background-size: 100px 100px;
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
}

.callout-block * {
  position: relative;
  z-index: 1;
}

@keyframes fadeInBlock {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ============================================= */
/* == FEEDBACK MODAL — CONSOLIDATED FINAL CSS == */
/* ============================================= */

/* Overlay (backdrop) */
.feedback-modal-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

/* Modal window */
.feedback-modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 550px;
  background-color: var(--body-bg, #F8F6ED);
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  border-radius: var(--border-radius-lg, 16px);
  box-shadow: 0 5px 25px rgba(0,0,0,0.2);
  z-index: 1001;
  padding: 2.5rem;

  /* hidden by default */
  transform: translate(-50%, -45%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;

  /* keep scroll inside modal */
  max-height: 90vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* If JS locks the body via position:fixed, don't pass scroll to the page */
body[style*="position: fixed"] {
  overscroll-behavior: none;
}

/* Close button */
.feedback-modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  background: none;
  border: none;
  font-size: 1.8rem;
  line-height: 1;
  color: var(--gray, #55595c);
  cursor: pointer;
  transition: transform 0.2s ease, color 0.2s ease;
}
.feedback-modal-close:hover {
  transform: scale(1.1);
  color: #000;
}

/* Visible state */
.feedback-modal-overlay.is-visible,
.feedback-modal-content.is-visible {
  opacity: 1;
  visibility: visible;
}
.feedback-modal-content.is-visible {
  transform: translate(-50%, -50%);
}

/* Optional slide-in block for conditional questions */
#feedback-follow-up-section {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(10px);
  transition:
    max-height 0.5s ease-out,
    opacity 0.5s 0.1s ease-out,
    transform 0.5s ease-out;
}
#feedback-follow-up-section.is-visible {
  max-height: 600px;
  opacity: 1;
  transform: translateY(0);
}

/* ========================= */
/* Binary Choice (Yes / No)  */
/* ========================= */
.feedback-binary-choice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.feedback-binary-choice input[type="radio"] {
  display: none;
}
.feedback-binary-choice label {
  display: block;
  padding: 1rem;
  border: 2px solid var(--gray-lighter, #eceeef);
  border-radius: var(--border-radius-base, 8px);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  font-weight: 600;
  text-align: center;
}

/* 'Yes' styles */
#task-yes + label {
  background-color: rgba(213, 226, 123, 0.2);
  border-color: rgba(213, 226, 123, 0.5);
  color: #004822;
}
#task-yes:hover + label,
#task-yes:checked + label {
  background-color: #D5E27B;
  border-color: #D5E27B;
  color: #004822;
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* 'No' styles */
#task-no + label {
  background-color: rgba(231, 183, 175, 0.2);
  border-color: rgba(231, 183, 175, 0.5);
  color: #004822;
}
#task-no:hover + label,
#task-no:checked + label {
  background-color: #E7B7AF;
  border-color: #E7B7AF;
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* ===================== */
/* Emoji rating buttons  */
/* ===================== */
.feedback-emoji-rating {
  display: flex;
  justify-content: center;   /* ⬅️ center horizontally */
  align-items: center;       /* vertically align the labels */
  gap: clamp(0.75rem, 2.5vw, 1.5rem);
  margin-top: 0.5rem;
}
.feedback-emoji-rating input[type="radio"] {
  display: none;
}
.feedback-emoji-rating label {
  display: inline-block;
  font-size: 3rem;
  line-height: 1;            /* prevents extra vertical space that can look off-center */
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0.5;
}
.feedback-emoji-rating label:hover {
  transform: scale(1.2);
  opacity: 1;
}
.feedback-emoji-rating input[type="radio"]:checked + label {
  transform: scale(1.1);
  opacity: 1;
}
@media (max-width: 768px) {
  .feedback-emoji-rating label {
    font-size: 2.5rem;
    margin: 0 0.25rem;
  }
}
/* ===================== */
/* Checklist (improvals) */
/* ===================== */
.feedback-checklist {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.feedback-checklist div {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.75rem;
}
.feedback-checklist label {
  font-weight: normal;
  cursor: pointer;
  user-select: none;
  line-height: 1.35;
}

/* Prefer native checkbox with brand accent — scales automatically */
.feedback-checklist input[type="checkbox"] {
  width: clamp(1rem, 4.5vw, 1.25rem);
  height: clamp(1rem, 4.5vw, 1.25rem);
  accent-color: var(--brand-primary, #004822);
}

/* Fallback for browsers without accent-color support */
@supports not (accent-color: #000) {
  .feedback-checklist input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background: var(--body-bg, #F8F6ED);
    border: 2px solid var(--input-border-color, #dee1e3);
    border-radius: var(--border-radius-base, 4px);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
  }
  .feedback-checklist input[type="checkbox"]:hover {
    border-color: var(--brand-primary, #004822);
  }
  .feedback-checklist input[type="checkbox"]:checked {
    background-color: var(--brand-primary, #004822);
    border-color: var(--brand-primary, #004822);
  }
  .feedback-checklist input[type="checkbox"]::after {
    content: '';
    position: absolute;
    width: 0.35em;   /* scales with box */
    height: 0.6em;   /* scales with box */
    border: 2px solid var(--brand_primary_inverse, #F1ECDA);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    top: 45%;
    left: 50%;
    translate: -50% -50%;
    opacity: 0;
    transition: opacity .15s ease;
  }
  .feedback-checklist input[type="checkbox"]:checked::after {
    opacity: 1;
  }
}

.feedback-checklist input[type="checkbox"]:focus-visible {
  outline: 2px solid #1e90ff;
  outline-offset: 2px;
}

/* ================ */
/* Success message  */
/* ================ */
.feedback-success-view {
  text-align: center;
  padding: 2rem 0;
}
.feedback-success-view .icon {
  font-size: 3rem;
  color: var(--brand-success, #D5E27B);
  margin-bottom: 1rem;
}
.feedback-success-view h4 {
  color: var(--text_color, #004822);
}

/* ============================= */
/*      Responsive adjustments   */
/* ============================= */
@media (max-width: 768px) {
  .feedback-modal-content {
    padding: 2rem 1.5rem;
  }
  .feedback-modal-content h4 {
    font-size: 1.25rem;
  }
  .feedback-emoji-rating label {
    font-size: 2.5rem;
    margin: 0 0.25rem;
  }
  .feedback-checklist label {
    font-size: 1rem;
  }
  .feedback-binary-choice label {
    padding: 0.6rem 1.5rem;
  }
}

  
/* ====================================================================== */
/* Generative Answers — Relay card look                                   */
/* ====================================================================== */

:root{
  /* tweakables */
  --ga-radius: 18px;                    /* match search cards */
  --ga-pad: 24px;
  --ga-border: 1px solid rgba(0,0,0,.06);
  --ga-shadow: 0 1px 0 rgba(0,0,0,.03);
  --ga-shadow-hover: 0 10px 24px rgba(0,0,0,.07);
  --ga-text: var(--text_color, #172926);
  --ga-muted: rgba(23,41,38,.65);
  --ga-link: var(--brand_primary, #004822);
  --ga-chip-bg: #efefef;
  --ga-chip-fg: #3d3d3d;
  --ga-soft-bg: #F9FAFB;
}

/* Main card */
[data-test-id="generative-answers-container"]{
  background:#fff;
  border-radius: var(--ga-radius);
  padding: var(--ga-pad);
  border: var(--ga-border);
  box-shadow: var(--ga-shadow);
  position: relative;
  margin-bottom: 24px;
  font-family: 'Basis Grotesque Pro', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--ga-text);
  transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
[data-test-id="generative-answers-container"]:hover{
  box-shadow: var(--ga-shadow-hover);
  border-color: rgba(0,0,0,.1);
}

/* Remove the animated rainbow border from older CSS */
[data-test-id="generative-answers-container"]::before{ content:none!important; }

/* Header (“Quick answer”) — robust target: immediate first child text row */
[data-test-id="generative-answers-container"] > *:first-child{
  display:flex;
  align-items:center;
  gap:.75rem;
  font-weight:700;
  color: var(--ga-text);
  font-size: clamp(1.05rem, .95rem + .4vw, 1.25rem);
  margin-bottom: .75rem;
}

/* Replace icon with a brandy robot chip */
[data-test-id="generative-answers-container"] > *:first-child svg{ display:none !important; }
[data-test-id="generative-answers-container"] > *:first-child::before{
  content:'🤖';
  font-size:1.25rem;
  line-height:1;
}

/* Optional: a small “AI” pill at the right side of header (comment out if not wanted) */
[data-test-id="generative-answers-container"] > *:first-child::after{
  content:'AI';
  margin-left:auto;
  background: var(--ga-chip-bg);
  color: var(--ga-chip-fg);
  font-weight:700;
  font-size:.85rem;
  padding: 6px 10px;
  border-radius:9999px;
}

/* Body copy */
[data-test-id="generative-answers-content"]{
  color: var(--ga-text);
  line-height:1.6;
  font-size: clamp(.98rem, .95rem + .15vw, 1.05rem);
}
[data-test-id="generative-answers-content"] p{ margin: .5rem 0; }
[data-test-id="generative-answers-content"] ul,
[data-test-id="generative-answers-content"] ol{ margin: .5rem 0 .75rem 1.25rem; }

/* Links inside the answer */
[data-test-id="generative-answers-content"] a{
  color: var(--ga-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* “Cited source” block -> soft card button */
[data-test-id="cited-source-content"]{
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0,0,0,.06);
}
[data-test-id="cited-source-content"] a{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding: .6rem .9rem;
  background: var(--ga-soft-bg);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  color: var(--ga-text);
  text-decoration:none;
  font-weight:600;
}
[data-test-id="cited-source-content"] a:hover{
  border-color: rgba(0,0,0,.12);
  background:#F3F4F6;
}

/* Feedback thumbs aligned to the right, subtle hover */
[data-test-id="generative-answers-content"] [data-test-id="feedback-container"],
[data-test-id="generative-answers-content"] .sc-fubCfw{
  display:flex !important;
  justify-content:flex-end;
  gap:4px;
  margin-top:.5rem;
}
[data-test-id="thumbs-up-btn"],
[data-test-id="thumbs-down-btn"]{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:8px;
  padding:.4rem .5rem;
  transition: background .15s ease, border-color .15s ease;
}
[data-test-id="thumbs-up-btn"]:hover,
[data-test-id="thumbs-down-btn"]:hover{
  background:#F3F4F6;
  border-color: rgba(0,0,0,.14);
}

/* Hide GA’s own “show more / based on” footers if they appear */
[data-test-id="generative-answers-content"] > a[role="link"],
[data-test-id="generative-answers-content"] > [class*="sc-"][style*="opacity"]{
  display:none !important;
}

/* “No results” block kept in theme */
.no-results-message{
  text-align:center;
  padding: 3rem 2rem;
  border-top: 1px solid rgba(0,0,0,.08);
  margin-top: 1.25rem;
}
.no-results-message h3{
  font-weight: 700;
  color: var(--ga-text);
  margin-bottom: .35rem;
}
.no-results-message p{
  color: var(--ga-muted);
  margin: 0 auto 1rem;
  max-width: 42ch;
}
.no-results-message .lt-btn--primary{
  color: var(--brand_primary, #004822);
  background-color: #D5E27B;
  border: 1px solid rgba(0,0,0,.06);
}
.no-results-message .lt-btn--primary:hover{
  background-color: #c1cf5f;
}

}

  /* ========================================================================== */
/* == Suggested Topics Section Styling                                     == */
/* ========================================================================== */

.suggested-topics-section {
  width: 100%;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #E5E7EB; /* Light separator line */
  justify-content: center; /* Add this line */
}

.suggested-topics-title {
  text-align: center;
  font-family: 'Radion B Demi', sans-serif;
  color: var(--color-text-primary);
  margin-bottom: 2rem;
  font-size: 1.75rem;
    justify-content: center; /* Add this line */

}

/* Ensure custom blocks look good */
.lt-custom-block-item__card {
  height: 100%; /* Makes all cards in a row the same height */
  flex-direction: column;
    justify-content: center; /* Add this line */

}

.lt-custom-block-item__desc {
  font-size: 0.9rem;
}
  /* ========================================================================== */
/* == Animated Suggested Topic Blocks                                      == */
/* ========================================================================== */

/* 1. Define the entrance animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2. Prepare the cards for animation and add the hover transition */
.lt-custom-block-item__card {
  /* Prepare for the entrance animation */
  opacity: 0;
  animation-name: fadeInUp;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; /* Keeps the card visible after animation */
  
  /* Add a smooth transition for the hover effect */
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}

/* 3. Stagger the entrance animation for each card */
.suggested-topics-section .lt-col:nth-child(1) .lt-custom-block-item__card {
  animation-delay: 0.1s;
}
.suggested-topics-section .lt-col:nth-child(2) .lt-custom-block-item__card {
  animation-delay: 0.2s;
}
.suggested-topics-section .lt-col:nth-child(3) .lt-custom-block-item__card {
  animation-delay: 0.3s;
}

/* 4. Define the hover effect for the card */
.lt-custom-block-item__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* 5. Add a subtle animation to the icon on hover */
.lt-custom-block-item__icon {
  transition: transform 0.3s ease-out;
}
.lt-custom-block-item__card:hover .lt-custom-block-item__icon {
  transform: scale(1.1) rotate(-3deg);
}

/* ============================= */
/*      NAVATTIC   */
/* ============================= */
/* ============================= */
/* Relay Brand tokens (CSS vars) */
/* ============================= */
:root {
  --relay-green:    #004822;
  --relay-offwhite: #f1ecda;
  --relay-lime:     #d5e27b;
  --relay-moss:     #6c6406;
  --relay-pink:     #e7b7af;
  --relay-sage:     #cfc99c;
  --relay-copper:   #b66034;
  --relay-black:    #25201f;

  /* Soft band tint (precomputed so you don’t need color-mix): */
  --relay-soft-tint: #f1ecda; /* Off-white base */
  --relay-soft-fg:   #25201f; /* Relay Black for headings/body */
  --relay-soft-bd:   rgba(0, 72, 34, 0.18); /* subtle green border */
}

/* Hide CTA on mobile */
@media (max-width: 767px) {
  .cta-desktop-only { display: none !important; }
}

/* ============================= */
/* CTA Band (shared structure)   */
/* ============================= */
.cta-band {
  width: 100%;
  margin: 1.5rem 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid transparent;
}

.cta-band__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
}

.cta-band__heading {
  font-weight: 700;
}

.cta-band__sub {
  opacity: 0.9;
  margin-left: 0.5rem;
}

/* Text block layout */
.cta-band__text {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  color: inherit;
}

/* ============================= */
/* SOFT band (default)           */
/* ============================= */
.cta-band--soft {
  background: var(--relay-soft-tint);
  color: var(--relay-soft-fg);
  border-color: var(--relay-soft-bd);
}

/* Bump button text slightly on desktop for prominence */
.cta-band--soft .lt-btn { font-size: 1rem; }

/* ============================= */
/* DARK band (optional)          */
/* Toggle classes & button style */
/* ============================= */
.cta-band--dark {
  background: var(--relay-green);
  color: #fff;
  border-color: var(--relay-green);
}

/* White (inverted) button for dark band */
.lt-btn--invert {
  background-color: #ffffff !important;
  color: var(--relay-green) !important;
  border: 0 !important;
}
.lt-btn--invert:hover,
.lt-btn--invert:focus { background-color: #f6f7f7 !important; }

/* ============================= */
/* Button micro-interactions     */
/* (works with either band)      */
/* ============================= */

/* Keep your existing .lt-btn base styles. Add these for CTA polish. */
.lt-btn--cta { position: relative; overflow: hidden; }

.lt-btn--cta .cta-icon {
  margin-left: 0.5rem;
  vertical-align: -2px;
  transform: translateX(0);
  transition: transform 0.25s cubic-bezier(.2,.7,.2,1);
}
.lt-btn--cta:hover .cta-icon,
.lt-btn--cta:focus-visible .cta-icon {
  transform: translateX(0.25rem);
}

/* Subtle glow (use Relay Lime as aura) */
.lt-btn--cta:hover,
.lt-btn--cta:focus-visible {
  box-shadow: 0 10px 24px rgba(0,0,0,0.18), 0 0 0 6px rgba(213, 226, 123, 0.18);
}

/* Shimmer sweep */
.lt-btn--cta::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.25) 45%,
    rgba(255,255,255,.5) 50%,
    rgba(255,255,255,.25) 55%,
    transparent 100%);
  transform: translateX(-120%);
  opacity: 0;
  pointer-events: none;
}
.lt-btn--cta:hover::before,
.lt-btn--cta:focus-visible::before {
  opacity: 1;
  animation: ctaShine 1.1s linear;
}
@keyframes ctaShine {
  from { transform: translateX(-120%); }
  to   { transform: translateX(120%); }
}

/* Loading state */
.lt-btn.is-loading { pointer-events: none; opacity: 0.92; }
.lt-btn.is-loading .cta-icon { opacity: 0; }

.lt-btn--cta .spinner {
  display: none;
  width: 1rem; height: 1rem;
  margin-left: 0.5rem;
  border: 2px solid rgba(255,255,255,0.35);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.lt-btn.is-loading .spinner { display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .lt-btn--cta .cta-icon,
  .lt-btn--cta::before { animation: none; transition: none; }
}
/* ============================= */
/* Relay palette as CSS vars     */
/* ============================= */
:root{
  --relay-green:    #004822;
  --relay-offwhite: #f1ecda;
  --relay-lime:     #d5e27b;
  --relay-moss:     #6c6406;
  --relay-sage:     #cfc99c;
  --relay-black:    #25201f;
    --relay-copper:    #b66034;
}

/* Hide CTA on mobile */
@media (max-width: 767px) {
  .cta-desktop-only { display:none !important; }
}

/* ============================= */
/* CTA band (soft, brand-aligned)*/
/* ============================= */
.cta-band{
  position: relative;
  width:100%;
  margin:1.5rem 0;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(0,72,34,0.16);      /* subtle green-tinted border */
  background: var(--relay-offwhite);         /* soft surface */
  color: var(--relay-black);
}

/* Lime accent stripe */
.cta-band::before{
  content:"";
  position:absolute; inset:0 auto 0 0;
  width:6px;
  background: var(--relay-copper);
}

/* Layout */
.cta-band__content{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; padding:1rem 1.25rem;
}

.cta-band__text{ display:flex; align-items:baseline; gap:.4rem; }
.cta-band__heading{ font-weight:700; color: var(--relay-black); }
.cta-band__sub{ color: var(--relay-black); opacity:.75; }

/* Make the band feel interactive without being flashy */
.cta-band{ transition: box-shadow .25s ease, transform .25s ease; }
.cta-band:hover{ box-shadow: 0 10px 24px rgba(0,0,0,.06); transform: translateY(-1px); }
.cta-band:active{ transform: translateY(0); }

/* Emphasize the CTA a hair on desktop */
.cta-band .lt-btn{ font-size:1rem; }

/* Optional: dark band variant (switch section to .cta-band--dark and button to .lt-btn--invert) */
.cta-band--dark{
  background: var(--relay-green);
  color:#fff;
  border-color: var(--relay-green);
}
.lt-btn--invert{
  background:#fff !important; color: var(--relay-green) !important; border:0 !important;
}
.lt-btn--invert:hover,
.lt-btn--invert:focus{ background:#f6f7f7 !important; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .cta-band{ transition:none; }
}
/* ============================= */
/*      NAVATTIC  END */
/* ============================= */
  
  /* ========================================================================== */
/* == Modern Search Filter Bar (Corrected Positioning)                     == */
/* ========================================================================== */

/* This container now sits at the top of the main content area. */
.filter-bar-container {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  margin-top: 0; /* This was the problematic negative margin. Now corrected. */
  position: relative;
  z-index: 10;
  box-shadow: 0 100px 80px rgba(182, 195, 193, 0.1),
    0px 22.3363px 17.869px rgba(182, 195, 193, 0.0596107),
    0px 6.6501px 5.32008px rgba(182, 195, 193, 0.0403893);
  margin-bottom: 1.5rem; /* Space between filter bar and results title */
}

/* Resets the original theme's negative margin for the results area */
.lt-search-results__content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Adjust the results title to sit below the new filter bar */
.lt-search-results__title {
    margin-top: 0 !important;
}

.filter-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.filter-bar__label {
  font-weight: 700;
  font-family: 'Basis Grotesque Pro', sans-serif;
  color: var(--text_color, #004822);
  font-size: 0.9rem;
  margin-right: 0.5rem;
}

/* Dropdown Wrapper */
.filter-dropdown {
  position: relative;
}

/* Dropdown Toggle Button */
.filter-dropdown__toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: var(--body-bg, #F8F6ED);
  border: 1px solid rgba(0, 72, 34, 0.15);
  border-radius: 50px;
  font-family: 'Basis Grotesque Pro', sans-serif;
  font-weight: 600;
  color: var(--text_color, #004822);
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.filter-dropdown__toggle:hover {
  border-color: rgba(0, 72, 34, 0.4);
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.filter-dropdown__toggle .fa-chevron-down {
  font-size: 0.7rem;
  transition: transform 0.3s ease;
}

.filter-dropdown[x-data*="open: true"] .filter-dropdown__toggle .fa-chevron-down {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.filter-dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 100;
  min-width: 240px;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  list-style: none;
  margin: 0;
}

/* Dropdown Menu Items */
.filter-dropdown__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.8rem;
  font-family: 'Basis Grotesque Pro', sans-serif;
  text-decoration: none;
  color: var(--text_color, #004822);
  border-radius: 6px;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 500;
}

.filter-dropdown__item:hover {
  background-color: var(--body-bg, #F8F6ED);
}

.filter-dropdown__item.is-active {
  font-weight: 700;
  background-color: rgba(0, 72, 34, 0.1);
}

.filter-dropdown__count {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-light-color);
  background-color: #ECEEEF;
  padding: 2px 8px;
  border-radius: 50px;
}

.filter-dropdown__item.is-active .filter-dropdown__count {
  background-color: var(--brand_primary, #004822);
  color: var(--brand_primary_inverse, #FFFFFF);
}

/* Responsive adjustments for mobile */
@media (max-width: 767px) {
  .filter-bar-container {
    padding: 0.75rem;
  }
  .filter-bar {
    gap: 0.5rem;
  }
  .filter-bar__label {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
  /* Style for the loading state during AJAX filtering */
#main-content.is-loading {
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none; /* Prevents clicking on old results while new ones load */
}

/* =========================================
   Very small phones (<= 420px)
========================================= */
@media (max-width: 420px) {
  #user-nav .btn-login,
  #user-nav .btn-signup {
    width: 100%;
    justify-content: center;
  }
}
/* Reserve space for the custom element so layout doesn't jump */
.lt-article-page sidenav-component{
  display:block;
}

/* On desktop, give the host a minimum height so the column has weight.
   Adjust if your nav is typically taller/shorter. */
@media (min-width: 992px){
  .lt-article-page sidenav-component{ min-height: 360px; }
}

/* Initial state: keep the inner card hidden and slightly left */
.lt-article-page sidenav-component .sidenav{
  opacity: 0;
  transform: translateX(-12px);
  will-change: transform, opacity;
}

/* When hydrated -> slide + fade in */
.hc-sidenav-hydrated .lt-article-page sidenav-component .sidenav{
  opacity: 1;
  transform: none;
  transition:
    transform .24s cubic-bezier(.22,.61,.36,1),
    opacity  .24s ease;
}

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce){
  .lt-article-page sidenav-component .sidenav{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* === Current article (by article id in the URL) === */
.lt-article-page sidenav-component .sidenav a[href*="/articles/{{article.id}}"] {
  color: #0a5c3a;                 /* Relay green-ish emphasis */
  font-weight: 700;
  background: rgba(10, 92, 58, 0.08);
  border-left: 3px solid #0a5c3a;
  padding-left: 10px;             /* compensate for the border */
  border-radius: 6px;
}

/* When the current link lives inside a list item, you can also tint the li */
.lt-article-page sidenav-component .sidenav li > a[href*="/articles/{{article.id}}"] {
  display: block;                 /* ensures background covers the row */
}

/* === Current parent section (by section id in the URL) === */
.lt-article-page sidenav-component .sidenav a[href*="/sections/{{section.id}}"] {
  color: #0a5c3a;
  font-weight: 700;
  text-decoration: none;
}

/* Hover states still feel clickable */
.lt-article-page sidenav-component .sidenav a[href*="/articles/{{article.id}}"]:hover,
.lt-article-page sidenav-component .sidenav a[href*="/sections/{{section.id}}"]:hover {
  background: rgba(10, 92, 58, 0.12);
}

/* Prefer reduced motion? keep it instant. */
@media (prefers-reduced-motion: reduce){
  .lt-article-page sidenav-component .sidenav a[href*="/articles/{{article.id}}"],
  .lt-article-page sidenav-component .sidenav a[href*="/sections/{{section.id}}"] {
    transition: none !important;
  }
}

/* Make the whole block a clear, clickable target */
[data-ada-cta]{
  cursor:pointer;
}
[data-ada-cta]:hover{
  filter:brightness(0.98);
}
:root {
  --sidenav-text-base: 1rem;
  --sidenav-text-lg: 1.125rem;
  --sidenav-text-scale: 0.8765;
  --sidenav-text-color: var(--text-color);
  --sidenav-link-color: var(--link-color);
  --sidenav-link-alpha: 0.75;
  --sidenav-font-weight-bold: 600;
}

.sidenav {
  display: block;
}

.sidenav summary::-webkit-details-marker {
  display: none;
}

.sidenav__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;

  font-weight: var(--sidenav-font-weight-bold);

  border-top: var(--border-width) solid var(--border-color);
  border-bottom: var(--border-width) solid var(--border-color);

  touch-action: manipulation;
}

.sidenav__toggle svg {
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.sidenav summary {
  position: relative;

  list-style: none;
  cursor: pointer;
}

.sidenav__content {
  padding-top: 0.5rem;
  padding-left: 1.5rem;
}

.sidenav__list {
  margin: 0;
  padding-left: 0;

  list-style: none;
}

.sidenav__list > * + *,
.sidenav__list + .sidenav__articles {
  margin-top: 0.5rem;
}

.sidenav__label {
  font-weight: var(--sidenav-font-weight-bold);
}

.sidenav__articles {
  display: block;
}

.sidenav__article-name {
  color: var(--sidenav-link-color);

  opacity: var(--sidenav-link-alpha);

  transition: all linear 0.2s;
}

.sidenav__list--main > li > sidenav-details > details > summary {
  font-size: calc(var(--sidenav-text-lg) * var(--sidenav-text-scale));
}

sidenav-details > details > summary > span {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}

sidenav-details > details > summary > span > svg {
  position: relative;
  top: 0.25rem;

  width: 1rem;

  transform: rotate(-90deg);
  flex-shrink: 0;
}

sidenav-details > details[open] > summary > span > svg {
  transform: rotate(0deg);
}

.sidenav__content > * + * {
  margin-top: 0.5rem;
}

sidenav-article-list {
  display: block;
}

/* Default */

.sidenav--default .sidenav__article-name[aria-current="page"] {
  --sidenav-link-alpha: 1;
  text-decoration: underline;
}

/* Bordered */

.sidenav--bordered {
  --border-color-default: #e8e8e8;
  --color-active-default: #3c50c8;
  --color-hover-default: #000;
}

.sidenav--bordered .sidenav__article-name {
  display: block;
  padding: 0.375rem 0 0.375rem 1rem;
  border-left: var(--border-width, 1px) solid
    var(--color-border, var(--border-color-default));
}

.sidenav--bordered .sidenav__content {
  padding-left: 0.5rem;
}

.sidenav--bordered .sidenav__article {
  margin-top: 0;
}

.sidenav--bordered .sidenav__article-name[aria-current="page"] {
  --sidenav-link-alpha: 1;
  border-color: currentColor;
  color: var(--color-link, var(--color-active-default));
}

.sidenav--bordered .sidenav__article-name:hover,
.sidenav--bordered .sidenav__article-name:focus {
  --sidenav-link-alpha: 1;
  color: var(--color-text-primary, var(--color-hover-default));
  opacity: var(--sidenav-link-alpha);
}

/* ==== SIDENAV: kill pop-in & tighten spacing ==== */

/* 1) Never hide the sidenav while the component hydrates */
.lt-article-page sidenav-component .sidenav{
  opacity: 1 !important;
  transform: none !important;
}

/* 2) Animate ONLY when the component is ready (class set by your JS) */
html.hc-sidenav-ready .lt-article-page sidenav-component .sidenav{
  animation: hcSidenavIn .22s ease-out both;
}
@keyframes hcSidenavIn{
  from{ opacity:.001; transform: translateX(-6px); }
  to{ opacity:1; transform:none; }
}
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  html.hc-sidenav-ready .lt-article-page sidenav-component .sidenav{
    animation: none;
  }
}

/* 3) Tighten default spacing in the sidenav lists */
.lt-article-page sidenav-component .sidenav,
.lt-article-page sidenav-component .sidenav *{
  box-sizing: border-box;
}

.lt-article-page sidenav-component .sidenav ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

/* Keep the card padding, but make it modest on desktop */
@media (min-width: 992px){
  .lt-article-page sidenav-component .sidenav{
    padding: 1rem !important; /* was 2rem */
  }
}

/* Collapse vertical rhythm to a comfortable density */
.sidenav__categories-list{ margin-top: .25rem !important; }
.sidenav__content{ padding-top: .25rem !important; padding-left: 1rem !important; }

.sidenav__list > * + *{ margin-top: .375rem !important; }  /* between siblings */
.sidenav__category,
.sidenav__section,
.sidenav__article{ margin-top: .375rem !important; }       /* per item */

/* Remove any accidental extra spacing that creeps in from nested ULs */
.sidenav__sections-list,
.sidenav__articles-list{
  margin: 0 !important;
  padding-inline-start: 1rem !important;
}

/* Current item styling stays (no visual jump) */
.hc-current-article{
  color:#0a5c3a!important;
  font-weight:700!important;
  background:rgba(10,92,58,.08);
  border-left:3px solid #0a5c3a;
  padding-left:10px;
  border-radius:6px;
}
.hc-current-article:hover{ background:rgba(10,92,58,.12); }
/* Keep columns in flow – never hide the container */
.lt-article-container__sidenav,
.lt-article-container__toc {
  display: block !important;   /* was display:none; */
}

/* Optional: if you want TOC hidden on mobile only, control with media query, not JS gate */
@media (max-width: 991px) {
  .lt-article-container__toc { display: none !important; }
}
/* Tighter rhythm without losing clarity */
.sidenav { padding: 1rem; }             /* was 2rem on desktop via another sheet */
.sidenav__list > * + * { margin-top: .375rem; }
.sidenav__category, .sidenav__section, .sidenav__article { margin-top: .375rem; }
.sidenav__content { padding-top: .25rem; padding-left: 1rem; }
/* Desktop: when TOC is NOT enabled, remove the empty right column
   and stick the article to the right edge. */
@media (min-width: 992px) {
  /* kill the empty TOC column unless html.toc-enabled is present */
  html:not(.toc-enabled) .lt-article-container__toc {
    display: none !important;
  }

  /* keep the grid widths: sidenav = 4/12, article = 8/12 */
  .lt-article-container__sidenav {
    width: calc(100% / 12 * 4);
  }
  .lt-article-container__article {
    width: calc(100% / 12 * 8);
  }

  /* push the article column to the RIGHT when no TOC */
  html:not(.toc-enabled) .lt-article-container__article {
    margin-left: auto;   /* makes it hug the right gutter */
  }

  /* when TOC *is* enabled, show it and remove the auto push */
  html.toc-enabled .lt-article-container__toc {
    display: block !important;
    width: calc(100% / 12 * 4);
  }
  html.toc-enabled .lt-article-container__article {
    margin-left: 0;
  }

  /* if both sidenav + toc are enabled and you want the narrower split */
  html.sidenav-enabled.toc-enabled .lt-article-container__sidenav,
  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 3);
  }
  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 6);
  }
}
/* ===== Generic fade-in (no layout shift) ===== */
.fade-in {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .22s ease-out, transform .22s ease-out;
  will-change: opacity, transform;
}
html.dom-ready .fade-in {
  opacity: 1;
  transform: none;
}

/* Respect "Reduce Motion" */
@media (prefers-reduced-motion: reduce) {
  .fade-in { transition: none; transform: none; opacity: 1; }
}

/* ===== Sidenav: fade only when it’s actually ready ===== */
/* Keep it in flow (no display:none) so there’s no CLS */
.lt-article-container__sidenav .sidenav {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .18s ease-out, transform .18s ease-out;
}
html.hc-sidenav-ready .lt-article-container__sidenav .sidenav {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lt-article-container__sidenav .sidenav { transition: none; opacity: 1; transform: none; }
}

/* Optional: if you use the skeleton, hide it once ready */
html.hc-sidenav-ready .lt-article-container__sidenav .sidenav-skel { display: none; }
/* When revealed by IO, ensure full state */
.io-visible { opacity: 1 !important; transform: none !important; }
/* 1) Global guard: never allow horizontal overflow on small screens */
html, body { max-width: 100%; overflow-x: hidden; }
@supports (overflow-x: clip) { html, body { overflow-x: clip; } } /* modern, avoids compositing quirks */

/* 2) Off-canvas sidenav: make sure it never extends past the viewport */
.sidenav-mobile {
  box-sizing: border-box;              /* include padding in width */
  width: min(85vw, 300px);             /* use viewport units, capped at 300px */
  padding-inline: 16px;                /* set base padding; avoids adding extra width later */
}
.sidenav-mobile.is-active {
  padding-top: 32px;                   /* vertical padding only when open */
  /* keep padding-inline as is to avoid width growth */
}

/* 3) Article content: prevent wide media from forcing a wider layout */
.rte, .lt-article__body {
  overflow-wrap: anywhere;             /* long words/URLs */
  word-break: break-word;
}
.rte img, .rte video, .rte iframe,
.rte table, .rte pre, .rte code, .rte .codeblock {
  max-width: 100%;
}

/* Tables & code blocks should scroll inside themselves, not the page */
.rte table, .rte pre, .rte code, .rte .codeblock {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 4) Hero decorative SVGs: keep them inside the viewport */
.lt-hero-unit__decor { overflow: hidden; }
.lt-hero-unit__decor--svg svg {
  width: 100%;           /* was fixed 1440px in markup; this prevents overflow */
  height: auto;
  display: block;
}

/* 5) Flex columns: make sure gaps/padding don’t add extra width */
.lt-article-container { overflow-x: hidden; } /* extra belt-and-suspenders */
/* ===========================
   ERROR PAGE POLISH (scoped)
   =========================== */
.lt-error-page { --relay-green:#0a5c3a; }

/* 1) Chips: readable on dark hero, tidy rhythm */
.lt-start-screen-wrap .hc-suggested{ margin-top:.75rem; }
.lt-start-screen-wrap .hc-chip{
  display:inline-block;
  padding:.35rem .7rem;
  font-size:.9375rem;
  line-height:1;
  font-weight:600;
  border-radius:9999px;
  background:rgba(255,255,255,.14);   /* visible on dark header */
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  text-decoration:none;
  backdrop-filter:saturate(120%);      /* subtle, harmless if unsupported */
}
.lt-start-screen-wrap .hc-chip:hover,
.lt-start-screen-wrap .hc-chip:focus{
  background:rgba(255,255,255,.22);
}
.lt-start-screen-wrap .hc-chip:focus-visible{
  outline:2px solid #fff; outline-offset:2px;
}

/* 2) Card layout: cleaner proportions & spacing */
.lt-error-page .lt-row{ row-gap:2rem; }
@media (min-width: 992px){
  .lt-error-page .lt-row{ column-gap:2rem; align-items:flex-start; }
  .lt-error-page .lt-col-lg-8{ max-width: 760px; }  /* content card */
  .lt-error-page aside{ max-width: 360px; }         /* sidebar card */
}

/* 3) Card visuals: consistent radius/shadow/inner spacing */
.lt-error-page .lt-block.lt-block--shadow{
  border-radius:16px;
  box-shadow:0 8px 22px rgba(0,0,0,.05);
}

/* 4) Promoted list readability */
.lt-error-page .lt-promoted-articles-item{ margin-bottom:.35rem; }
.lt-error-page .lt-promoted-articles-item__title{
  text-decoration:none; line-height:1.45;
}
.lt-error-page .lt-promoted-articles-item__title:hover,
.lt-error-page .lt-promoted-articles-item__title:focus{
  text-decoration:underline;
}

/* 5) Buttons in Next steps: size down, full width, accessible focus */
.lt-error-page [aria-labelledby="next-steps"] .lt-btn{
  width:100%;
  padding:.6rem 1rem;                 /* smaller than default */
  border-radius:9999px;
  font-weight:600;
}
.lt-error-page [aria-labelledby="next-steps"] .lt-btn--default{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
}
.lt-error-page [aria-labelledby="next-steps"] .lt-btn--ghost{
  background:#eef0ee;                 /* softer gray pill */
  border:1px solid rgba(0,0,0,.06);
}
.lt-error-page [aria-labelledby="next-steps"] .lt-btn:focus-visible{
  outline:2px solid var(--relay-green);
  outline-offset:2px;
}

/* 6) Hero decor: ensure no overflow, smoother edge */
.lt-hero-unit__decor{ overflow:hidden; }
.lt-hero-unit__decor--svg svg{ width:100%; height:auto; display:block; }

/* Target the category icons on the homepage / section cards */
.lt-block-list-item__icon {
  width: 40px;   /* default is 32px — bump to 40–44px */
  height: 40px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

/* Optional: add hover feedback */
.lt-block-list-item:hover .lt-block-list-item__icon {
  transform: scale(1.35);
}

/* For smaller screens, slightly reduce so it doesn't overwhelm */
@media (max-width: 640px) {
  .lt-block-list-item__icon {
    width: 36px;
    height: 36px;
  }
}
/* =========================================================
   Permissions matrix module (article)
   ======================================================= */

.permissions-matrix {
  margin: 32px 0;
  font-size: 14px;
  color: #666666;
}

.permissions-matrix__heading {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #333333;
}

.permissions-matrix__intro {
  margin: 4px 0 16px;
  font-size: 14px;
  line-height: 1.5;
}

.permissions-matrix__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 16px;
}

.permissions-matrix__control {
  flex: 1 1 200px;
  min-width: 160px;
}

.permissions-matrix__control--button {
  flex: 0 0 auto;
}

.permissions-matrix__label {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
}

.comparison-dropdown {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #6c757d;
  font-size: 14px;
}

/* Buttons */
.permissions-matrix__button {
  padding: 8px 16px;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.permissions-matrix__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.permissions-matrix__filter {
  padding: 6px 12px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  background-color: #004822; /* swap to Relay token if you have one */
  color: #f1ecda;
}

.permissions-matrix__filter--secondary {
  background-color: #e5e7eb;
  color: #374151;
}

.permissions-matrix__filter:focus,
.permissions-matrix__button:focus {
  outline: 2px solid #111827;
  outline-offset: 2px;
}

.permissions-matrix__note {
  margin: 4px 0 12px;
  font-size: 12px;
  color: #6b7280;
}

.permissions-matrix__table-wrap {
  width: 100%;
  overflow-x: auto;
}

.permissions-matrix__table {
  width: 100%;
  border-collapse: collapse;
}

/* Optional: slightly tighter cells */
.permissions-matrix__table th,
.permissions-matrix__table td {
  padding: 8px 5px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .permissions-matrix__controls {
    align-items: stretch;
  }

  .permissions-matrix__control--button {
    width: 100%;
  }

  .permissions-matrix__button {
    width: 100%;
    text-align: center;
  }
}

 /* ==================== FOOTER CTA ==================== */
.section-footer-cta {
  background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 32px;
  display: flex; align-items: center; justify-content: space-between;
  /* Increased margin to push it away from the cards */
  margin-top: 80px; 
}
.section-footer-cta h4 { font-size: 1.1rem; font-weight: 700; margin: 0 0 4px 0; color: var(--relay-green); }
.section-footer-cta p { margin: 0; font-size: 0.9rem; color: #666; }
.btn-contact {
  background: var(--relay-green); color: #fff; padding: 12px 24px; border-radius: 50px;
  font-weight: 600; font-size: 1rem; border: none; cursor: pointer; transition: background 0.2s;
}
.btn-contact:hover { background: #153324; }
@media (max-width: 600px) { .section-footer-cta { flex-direction: column; text-align: center; gap: 16px; } }

/* ===== FAQ accordions in article body (prettier version) ===== */

.lt-article__body details {
  margin: 0 0 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(15, 23, 42, 0.08); /* soft slate-ish border */
  background-color: #FFFFFF;
  overflow: hidden;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.08s ease;
}

/* Slight lift when open or hovered */
.lt-article__body details[open],
.lt-article__body details:hover {
  border-color: var(--color-brand-primary);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

/* Summary row: clean header bar */
.lt-article__body details > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 1.25rem;
  font-weight: 600;
  font-size: var(--font-size-base, 1rem);
  line-height: 1.4;
  color: var(--color-text-primary);
  cursor: pointer;
  list-style: none;
  background-color: #F9FAFB; /* light header tint */
}

/* Darken the header a bit when open */
.lt-article__body details[open] > summary {
  background-color: #F3F4F6;
}

/* Respect direction */
[dir="ltr"] .lt-article__body details > summary { text-align: left; }
[dir="rtl"] .lt-article__body details > summary { text-align: right; }

/* Hide browser marker */
.lt-article__body details > summary::-webkit-details-marker {
  display: none;
}

/* Chevron icon */
.lt-article__body details > summary::after {
  content: "";
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid rgba(15, 23, 42, 0.6);
  border-bottom: 2px solid rgba(15, 23, 42, 0.6);
  transform: rotate(45deg); /* down-right */
  transition: transform 0.2s ease;
}

/* Rotate chevron on open */
[dir="ltr"] .lt-article__body details[open] > summary::after {
  transform: rotate(225deg); /* up-right */
}
[dir="rtl"] .lt-article__body details[open] > summary::after {
  transform: rotate(-135deg); /* up-left */
}

/* Content area: no divider line, just padding */
.lt-article__body details > *:not(summary) {
  padding: 0 1.25rem 0.9rem;
  font-size: var(--font-size-small, 0.9375rem);
  line-height: 1.6;
  color: var(--meta-text-color, #666666);
}

/* Remove weird extra gap at top of first answer block */
.lt-article__body details > summary + * {
  margin-top: 0.5rem;
  padding-top: 0;
}

/* Last child spacing */
.lt-article__body details > *:last-child {
  margin-bottom: 0.1rem;
}

/* Bullet lists inside the answer */
.lt-article__body details ul {
  padding-left: 1.25rem;
  margin: 0.5rem 0 0.25rem;
}

.lt-article__body details li {
  margin-bottom: 0.25rem;
}

/* Keyboard focus */
.lt-article__body details > summary:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 3px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .lt-article__body details,
  .lt-article__body details > summary::after {
    transition: none;
  }
}

/* =========================================================
   RELAY HEADER — FULL REPLACEMENT CSS (REVISED)
   Replace ALL old header / topbar / dropdown CSS with this
   ========================================================= */

:root {
  --relay-header-bg: #f8f5ed;
  --relay-header-border: #e5e2d9;
  --relay-header-text: #2d2d2d;
  --relay-header-green: #004822;
  --relay-header-green-2: #005923;
  --relay-header-lime: #d5e27b;
  --relay-header-lime-soft: #e3eab8;
  --relay-header-muted: #4f6b5d;
  --relay-header-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
  --relay-header-height: 60px;
  --relay-header-height-mobile: 60px;
  --relay-header-max: 1600px;
  --relay-header-speed: 0.18s ease;
  --relay-header-speed-slow: 0.24s ease;
  --relay-dropdown-min-height: 330px;
}

/* -----------------------------------------
   Base
   ----------------------------------------- */

.lt-topbar,
.lt-topbar *,
.lt-topbar *::before,
.lt-topbar *::after {
  box-sizing: border-box;
}

.lt-topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--relay-header-bg);
  border-bottom: 1px solid var(--relay-header-border);
  overflow: visible;
  isolation: isolate;
  font-family: "Droid Sans", "Basis Grotesque Pro", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  border-bottom: 1px solid #d9d4ca;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.lt-topbar__shell {
  position: static;
  max-width: var(--relay-header-max);
  min-height: var(--relay-header-height);
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 22px;
}

.lt-topbar__brand {
  flex: 0 0 auto;
  min-width: 80px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.lt-topbar__brand:focus-visible {
  outline: 2px solid var(--relay-header-green);
  outline-offset: 4px;
  border-radius: 8px;
}

.lt-topbar__logo {
  width: 74px;
}

/* -----------------------------------------
   Desktop nav
   ----------------------------------------- */

.lt-topbar__desktop-nav {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
}

.lt-topbar__desktop-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.lt-topbar__desktop-item {
  display: flex;
  align-items: stretch;
  position: static;
}

.lt-topbar__nav-link,
.lt-dropdown-toggle {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0 18px;
  min-height: var(--relay-header-height);
  display: inline-flex;
  align-items: center;
  color: var(--relay-header-text);
  text-decoration: none;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition:
    border-color var(--relay-header-speed),
    color var(--relay-header-speed),
    opacity var(--relay-header-speed);
}

.lt-topbar__nav-link:hover,
.lt-topbar__nav-link:focus-visible,
.lt-dropdown-toggle:hover,
.lt-dropdown-toggle:focus-visible {
  color: var(--relay-header-text);
  border-bottom-color: var(--relay-header-text);
  outline: none;
  text-decoration: none;
}

.lt-dropdown-toggle.is-active,
.lt-topbar__nav-link.is-active,
.lt-dropdown.is-active > .lt-dropdown-toggle {
  color: var(--relay-header-text);
  border-bottom-color: var(--relay-header-text);
}

/* -----------------------------------------
   CTA cluster
   ----------------------------------------- */

.lt-topbar__right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.lt-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 16px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 600;
  line-height: 1;
  font-weight: 500;
  transition:
    background var(--relay-header-speed),
    border-color var(--relay-header-speed),
    color var(--relay-header-speed),
    opacity var(--relay-header-speed);
}

.lt-cta:focus-visible {
  outline: 2px solid var(--relay-header-green);
  outline-offset: 3px;
}

.lt-cta--login {
  color: var(--relay-header-green);
  background: transparent;
  padding-inline: 8px;
    font-weight: 600;

}

.lt-cta--login:hover {
  opacity: 0.78;
}

.lt-cta--demo {
  color: var(--relay-header-green);
  background: transparent;
  border: 1px solid var(--relay-header-green);
    font-weight: 600;

}

.lt-cta--demo:hover {
  background: rgba(0, 72, 34, 0.05);
}

.lt-cta--signup {
  color: var(--relay-header-lime);
  background: var(--relay-header-green);
  border: 1px solid var(--relay-header-green);
    font-weight: 600;

}

.lt-cta--signup:hover {
  background: #0d6831;
  border-color: #0d6831;
}

/* -----------------------------------------
   Shared desktop dropdown sheet
   JS controls visibility via .is-active
   Full-width like marketing
   ----------------------------------------- */

.lt-dropdown-menu {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  width: auto;
  max-width: none;
  margin-left: 0;
  background: var(--relay-header-bg);
  border-top: 1px solid var(--relay-header-border);
  border-bottom: 1px solid var(--relay-header-border);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  box-shadow: var(--relay-header-shadow);
  padding: 22px 24px 28px;
  min-height: 330px;
  z-index: 50;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition:
    opacity 180ms ease,
    transform 220ms ease,
    visibility 0s linear 220ms;
  will-change: opacity, transform;
}

.lt-dropdown.is-active > .lt-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition:
    opacity 180ms ease,
    transform 220ms ease,
    visibility 0s linear 0s;
}

.lt-dropdown-menu--products,
.lt-dropdown-menu--solutions,
.lt-dropdown-menu--resources {
  min-height: var(--relay-dropdown-min-height);
}

.lt-topbar.has-open-desktop-menu {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

/* -----------------------------------------
   Shared dropdown primitives
   ----------------------------------------- */

.lt-nav-sheet {
  display: grid;
  align-items: start;
  max-width: var(--relay-header-max);
  margin: 0 auto;
}

.lt-nav-col {
  min-width: 0;
}

.lt-nav-col--stack {
  display: grid;
  gap: 34px;
  align-content: start;
}

.lt-nav-group {
  min-width: 0;
}

.lt-nav-group__title {
  margin: 0 0 18px;
  color: #2f2f2f;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}

.lt-nav-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  text-decoration: none;
  color: inherit;
}

.lt-nav-item + .lt-nav-item {
  margin-top: 18px;
}

.lt-nav-item__icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: var(--relay-header-lime-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2b2929;
  flex: 0 0 40px;
}

.lt-nav-item__icon svg,
.lt-nav-item__icon img {
  width: 20px;
  height: 20px;
  display: block;
}

.lt-nav-item__icon svg {
  fill: currentColor;
}

.lt-nav-item__icon img {
  object-fit: contain;
}

.lt-nav-item__title {
  display: block;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}

.lt-nav-item__desc {
  display: block;
  margin-top: 6px;
  color: #3f3f3f;
  font-size: 14px;
  line-height: 1.45;
}

.lt-nav-item--logo {
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
}

.lt-nav-item__logo-wrap {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lt-nav-item__logo-wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.lt-nav-item--logo .lt-nav-item__title,
.lt-nav-item--icon-only .lt-nav-item__title {
  margin-top: 0;
}

.lt-nav-item:hover .lt-nav-item__title,
.lt-nav-feature-card:hover .lt-nav-feature-card__title,
.lt-resource-card:hover .lt-resource-card__title,
.lt-nav-updates:hover .lt-nav-updates__title {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.lt-nav-item:focus-visible,
.lt-nav-feature-card:focus-visible,
.lt-resource-card:focus-visible,
.lt-nav-promo:focus-visible,
.lt-nav-updates:focus-visible {
  outline: 2px solid var(--relay-header-green);
  outline-offset: 3px;
  border-radius: 8px;
}

/* -----------------------------------------
   Shared promo rail
   ----------------------------------------- */

.lt-nav-rail {
  display: grid;
  gap: 26px;
  align-content: start;
}

.lt-nav-promo {
  min-height: 224px;
  padding: 18px 18px 20px;
  border-radius: 12px;
  background: var(--relay-header-green-2);
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lt-nav-promo__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 8px;
  background: var(--relay-header-lime);
  color: #2a3617;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}

.lt-nav-promo__title {
  color: #fff;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
  max-width: 12ch;
}

.lt-nav-promo__cta {
  color: var(--relay-header-lime);
  justify-self: end;
  align-self: end;
  font-size: 22px;
  line-height: 1;
}

.lt-nav-updates {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 8px;
  row-gap: 4px;
  align-items: start;
  text-decoration: none;
  color: #2f2f2f;
}

.lt-nav-updates__icon {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #2b2929;
}

.lt-nav-updates__icon img,
.lt-nav-updates__icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.lt-nav-updates__title {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}

.lt-nav-updates__text {
  display: block;
  font-size: 14px;
  line-height: 1.35;
}

/* -----------------------------------------
   PRODUCTS
   ----------------------------------------- */

.lt-dropdown-menu--products {
  padding-top: 24px;
}

.lt-nav-sheet--products {
  grid-template-columns:
    minmax(240px, 1.15fr)
    minmax(320px, 1.25fr)
    minmax(220px, 0.9fr)
    minmax(230px, 0.72fr);
  gap: 48px;
}

.lt-dropdown-menu--products .lt-nav-item__desc {
  max-width: 30ch;
}

/* -----------------------------------------
   SOLUTIONS
   ----------------------------------------- */

.lt-nav-sheet--solutions {
  grid-template-columns: 250px minmax(280px, 1fr) minmax(260px, 0.95fr) 230px;
  gap: 48px;
}

.lt-nav-feature-card {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: #1a1a1a;
  position: relative;
  min-height: 246px;
}

.lt-nav-feature-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lt-nav-feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.55));
}

.lt-nav-feature-card__eyebrow,
.lt-nav-feature-card__title,
.lt-nav-feature-card__desc {
  position: relative;
  z-index: 1;
  display: block;
}

.lt-nav-feature-card__eyebrow {
  margin: 18px 18px 0;
  width: fit-content;
  min-height: 26px;
  padding: 4px 10px;
  border-radius: 8px;
  background: var(--relay-header-lime);
  color: #2a3617;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}

.lt-nav-feature-card__title {
  margin: 82px 18px 8px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  max-width: 11ch;
}

.lt-nav-feature-card__desc {
  margin: 0 18px 18px;
  font-size: 15px;
  line-height: 1.4;
  max-width: 16ch;
}

/* -----------------------------------------
   RESOURCES
   ----------------------------------------- */

.lt-nav-sheet--resources {
  grid-template-columns: minmax(0, 1.6fr) 270px 230px;
  gap: 44px;
}

.lt-resource-media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.lt-resource-card {
  display: block;
  text-decoration: none;
  color: inherit;
}

.lt-resource-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 12px;
  background: #e8e2d6;
}

.lt-resource-card__title {
  display: block;
  color: #2f2f2f;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}

.lt-resource-card__desc {
  display: block;
  margin-top: 6px;
  color: var(--relay-header-muted);
  font-size: 14px;
  line-height: 1.4;
  max-width: 28ch;
}

.lt-resource-links {
  display: grid;
  gap: 22px;
  align-content: start;
  padding-top: 2px;
}

.lt-nav-item--icon-only {
  align-items: center;
}

/* -----------------------------------------
   Mobile menu button
   ----------------------------------------- */

.lt-menu-toggle {
  appearance: none;
  border: 0;
  background: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
}

.lt-menu-toggle:focus-visible {
  outline: 2px solid var(--relay-header-green);
  outline-offset: 3px;
}

.lt-menu-toggle span,
.lt-menu-toggle span::before,
.lt-menu-toggle span::after {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--relay-header-green);
  border-radius: 999px;
  position: relative;
  transition: transform var(--relay-header-speed), opacity var(--relay-header-speed);
}

.lt-menu-toggle span::before,
.lt-menu-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
}

.lt-menu-toggle span::before {
  top: -6px;
}

.lt-menu-toggle span::after {
  top: 6px;
}

.lt-menu-toggle.is-active span {
  background: transparent;
}

.lt-menu-toggle.is-active span::before {
  transform: translateY(6px) rotate(45deg);
}

.lt-menu-toggle.is-active span::after {
  transform: translateY(-6px) rotate(-45deg);
}

/* -----------------------------------------
   Mobile drawer
   ----------------------------------------- */

.lt-topbar__mobile-nav {
  position: fixed;
  top: var(--relay-header-height-mobile);
  right: 0;
  bottom: 0;
  width: min(420px, 100vw);
  background: var(--relay-header-bg);
  border-left: 1px solid var(--relay-header-border);
  box-shadow: -12px 0 30px rgba(0, 0, 0, 0.08);
  padding: 18px 20px 28px;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform var(--relay-header-speed-slow);
  z-index: 999;
}

.lt-topbar__mobile-nav.is-active {
  transform: translateX(0);
}

.lt-topbar__mobile-head {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}

.lt-topbar__mobile-brand {
  display: inline-flex;
  width: fit-content;
}

.lt-topbar__mobile-logo {
  width: 50px;
  height: auto;
  display: block;
}

.lt-topbar__mobile-cta-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lt-topbar__mobile-login {
  color: var(--relay-header-green);
  text-decoration: none;
  font-weight: 500;
}

.lt-topbar__mobile-signup {
  background: var(--relay-header-green);
  color: var(--relay-header-lime);
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 60px;
  font-weight: 500;
}

.lt-mobile-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lt-mobile-nav__item + .lt-mobile-nav__item {
  border-top: 1px solid rgba(0, 72, 34, 0.08);
}

.lt-mobile-nav__link {
  display: block;
  padding: 16px 0;
  color: var(--relay-header-green);
  text-decoration: none;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
}

.lt-mobile-nav__link:hover,
.lt-mobile-nav__link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
  outline: none;
}

body.lt-mobile-nav-open {
  overflow: hidden;
}

/* -----------------------------------------
   Responsive
   ----------------------------------------- */

@media (min-width: 1200px) {
  .lt-topbar__desktop-nav {
    display: block;
  }

  .lt-menu-toggle,
  .lt-topbar__mobile-nav {
    display: none;
  }
}

@media (max-width: 1399px) {
  .lt-dropdown-menu {
    padding: 24px 24px 30px;
  }

  .lt-nav-sheet--products {
    grid-template-columns: minmax(210px, 1fr) minmax(280px, 1.1fr) minmax(190px, 0.9fr) 190px;
    gap: 32px;
  }

  .lt-nav-sheet--solutions {
    grid-template-columns: 220px minmax(230px, 1fr) minmax(220px, 0.95fr) 190px;
    gap: 32px;
  }

  .lt-nav-sheet--resources {
    grid-template-columns: minmax(0, 1.3fr) 230px 190px;
    gap: 28px;
  }
}

@media (max-width: 1199px) {
  .lt-topbar__shell {
    min-height: var(--relay-header-height-mobile);
    padding: 0 16px;
    gap: 14px;
  }

  .lt-topbar__logo {
    width: 70px;
  }

  .lt-cta--demo {
    display: none;
  }
}

@media (max-width: 767px) {
  .lt-topbar__right {
    gap: 10px;
  }

  .lt-cta--login {
    font-size: 14px;
    padding-inline: 2px;
  }

  .lt-cta--signup {
    min-height: 36px;
    padding: 8px 14px;
    font-size: 14px;
  }

  .lt-topbar__mobile-nav {
    width: 100vw;
    padding: 16px 18px 24px;
  }
}

@media (max-width: 479px) {
  .lt-topbar__shell {
    padding: 0 12px;
  }

  .lt-topbar__right {
    gap: 8px;
  }

  .lt-cta--signup {
    padding: 8px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lt-topbar *,
  .lt-topbar *::before,
  .lt-topbar *::after {
    transition: none !important;
  }

  .lt-dropdown-menu {
    transition: none !important;
  }
}

/* -----------------------------------------
   Desktop dropdown card entrance motion
   ----------------------------------------- */

/* Solutions: left feature card slides/fades from left */
.lt-dropdown-menu--solutions .lt-nav-feature-card {
  opacity: 0;
  transform: translateX(-18px);
  transition:
    opacity 260ms ease,
    transform 260ms ease;
}

/* Resources: all 3 media cards slide/fade from left together */
.lt-dropdown-menu--resources .lt-resource-card {
  opacity: 0;
  transform: translateX(-18px);
  transition:
    opacity 260ms ease,
    transform 260ms ease;
}

/* Active state */
.lt-dropdown.is-active > .lt-dropdown-menu--solutions .lt-nav-feature-card,
.lt-dropdown.is-active > .lt-dropdown-menu--resources .lt-resource-card {
  opacity: 1;
  transform: translateX(0);
}
@media (prefers-reduced-motion: reduce) {
  .lt-topbar *,
  .lt-topbar *::before,
  .lt-topbar *::after {
    transition: none !important;
  }

  .lt-dropdown-menu,
  .lt-dropdown-menu--solutions .lt-nav-feature-card,
  .lt-dropdown-menu--resources .lt-resource-card {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
/* =========================================================
   RELAY MOBILE MENU — MARKETING STYLE
   ========================================================= */

@media (max-width: 1199px) {
  .lt-topbar__mobile-nav {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    padding: 0;
    background: rgba(24, 47, 28, 0.82);
    border: 0;
    box-shadow: none;
    overflow: hidden;
    transform: translateX(100%);
    transition: transform 220ms ease;
    z-index: 9999;
  }

  .lt-topbar__mobile-nav.is-active {
    transform: translateX(0);
  }

  .lt-mobile-nav__panel {
    width: 100vw;
    max-width: none;
    height: 100dvh;
    min-height: 100dvh;
    margin: 0;
    padding: 18px 16px calc(24px + env(safe-area-inset-bottom));
    background: #f8f5ed;
    box-shadow: none;
    overflow-y: auto;
    border-radius: 0;
  }

  .lt-mobile-nav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
  }


  .lt-mobile-nav__brand {
    display: inline-flex;
    align-items: center;
  }

  .lt-mobile-nav__logo {
    width: 64px;
    height: auto;
    display: block;
  }

  .lt-mobile-nav__top-actions {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .lt-mobile-nav__login {
    color: #2d2d2d;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
  }

  .lt-mobile-nav__signup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: #005923;
    color: #d5e27b;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
  }

  .lt-mobile-nav__close {
    appearance: none;
    border: 0;
    background: transparent;
    width: 28px;
    height: 28px;
    padding: 0;
    position: relative;
    cursor: pointer;
  }

  .lt-mobile-nav__close::before,
  .lt-mobile-nav__close::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 13px;
    width: 20px;
    height: 2px;
    background: #5a5151;
    border-radius: 999px;
  }

  .lt-mobile-nav__close::before {
    transform: rotate(45deg);
  }

  .lt-mobile-nav__close::after {
    transform: rotate(-45deg);
  }

  .lt-mobile-nav__body {
    display: grid;
    gap: 0;
  }

  .lt-mobile-accordion,
  .lt-mobile-nav__simple-link {
    border-top: 1px solid #e0dbcf;
  }
 .lt-mobile-accordion__toggle {
    appearance: none;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    color: #2d2d2d;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
  }

  .lt-mobile-accordion__chevron {
    width: 12px;
    height: 12px;
    border-right: 2px solid #5a5151;
    border-bottom: 2px solid #5a5151;
    transform: rotate(45deg);
    transition: transform 180ms ease;
    margin-right: 4px;
  }

  .lt-mobile-accordion.is-open .lt-mobile-accordion__chevron {
    transform: rotate(-135deg);
  }

  .lt-mobile-accordion__panel {
    padding: 0 0 18px;
  }

  .lt-mobile-nav__group {
    margin-top: 16px;
  }

  .lt-mobile-nav__group--tight {
    margin-top: 12px;
  }

  .lt-mobile-nav__group-title {
    margin: 0 0 12px;
    color: #2d2d2d;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0dbcq;
  }

  .lt-mobile-nav__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    text-decoration: none;
    color: inherit;
    margin-bottom: 16px;
  }

  .lt-mobile-nav__item--logo {
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
  }

.lt-mobile-nav__icon {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  background: #e3eab8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2b2929;
  flex: 0 0 44px;
}

.lt-mobile-nav__icon svg,
.lt-mobile-nav__icon img {
  width: 21px;
  height: 21px;
  display: block;
}

.lt-mobile-nav__icon svg {
  fill: currentColor;
}

.lt-mobile-nav__icon img {
  object-fit: contain;
}

  .lt-mobile-nav__logo-mark {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .lt-mobile-nav__logo-mark img {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }

  .lt-mobile-nav__title {
    display: block;
    color: #2d2d2d;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
  }

  .lt-mobile-nav__desc {
    display: block;
    margin-top: 4px;
    color: #3f3f3f;
    font-size: 14px;
    line-height: 1.4;
  }

  .lt-mobile-nav__feature-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    min-height: 220px;
    text-decoration: none;
    color: #fff;
    margin: 6px 0 18px;
    background: #1a1a1a;
  }

  .lt-mobile-nav__feature-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .lt-mobile-nav__feature-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.58));
  }

  .lt-mobile-nav__feature-eyebrow,
  .lt-mobile-nav__feature-title,
  .lt-mobile-nav__feature-desc {
    position: relative;
    z-index: 1;
    display: block;
  }

  .lt-mobile-nav__feature-eyebrow {
    margin: 14px 12px 0;
    width: fit-content;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    background: #d5e27b;
    color: #2a3617;
    font-size: 12px;
    font-weight: 600;
  }

  .lt-mobile-nav__feature-title {
    margin: 92px 12px 8px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    max-width: 12ch;
  }

  .lt-mobile-nav__feature-desc {
    margin: 0 12px 14px;
    font-size: 15px;
    line-height: 1.35;
    max-width: 18ch;
  }

  .lt-mobile-nav__media-list {
    display: grid;
    gap: 16px;
    margin-bottom: 18px;
  }

  .lt-mobile-nav__media-item {
    display: grid;
    grid-template-columns: 138px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    text-decoration: none;
    color: inherit;
  }

  .lt-mobile-nav__media-thumb {
    width: 138px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    background: #e8e2d6;
  }

  .lt-mobile-nav__media-content {
    display: grid;
    gap: 6px;
    align-content: start;
    padding-top: 4px;
  }

  .lt-mobile-nav__simple-link {
    display: block;
    padding: 18px 0;
    color: #2d2d2d;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
  }

  .lt-mobile-nav__demo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin-top: 24px;
    border-radius: 6px;
    background: #004822;
    color: #d5e27b;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
  }
}
/* =========================================================
   Relay Help Center Home Redesign — v6
   Richer color distribution + placeholder asset imagery
   ========================================================= */

.template-home .lt-main-content {
  padding-top: 0;
}

.hc-home-clean {
  --hc-green: #004822;
  --hc-green-strong: #002813;
  --hc-lime: #d5e27b;
  --hc-lime-soft: rgba(213, 226, 123, 0.34);
  --hc-cream: #f8f6ed;
  --hc-cream-warm: #f1ecda;
  --hc-peach: #e7b7af;
  --hc-copper: #b66034;
  --hc-card: #ffffff;
  --hc-border: rgba(0, 72, 34, 0.11);
  --hc-text-soft: rgba(0, 72, 34, 0.78);
  --hc-shadow: 0 18px 38px rgba(0, 72, 34, 0.07);
  --hc-radius: 22px;
  --hc-radius-sm: 18px;
  --hc-max: 1440px;
  color: var(--hc-green);
  background:
    linear-gradient(to bottom, var(--hc-cream) 0 44rem, #fff 44rem 100%);
  overflow: clip;
}

.hc-home-clean,
.hc-home-clean p,
.hc-home-clean li,
.hc-home-clean a,
.hc-home-clean button,
.hc-home-clean input {
  font-family: 'Relay Sans', 'Basis Grotesque Pro', 'Droid Sans', Arial, sans-serif;
}

.hc-home-clean h1,
.hc-home-clean h2,
.hc-home-clean h3 {
  margin: 0;
  color: var(--hc-green);
  letter-spacing: -0.025em;
}

.hc-home-clean h1 {
  font-family: 'Relay Display', 'Galaxie Copernicus', Georgia, serif;
}

.hc-home-clean h2,
.hc-home-clean h3 {
  font-family: 'Relay Sans', 'Basis Grotesque Pro', 'Droid Sans', Arial, sans-serif;
}

.hc-home-clean a {
  color: inherit;
  text-decoration: none;
}

.hc-home-clean a:focus-visible,
.hc-home-clean button:focus-visible,
.hc-home-clean input:focus-visible {
  outline: 2px solid var(--hc-green);
  outline-offset: 4px;
}

.hc-home-clean .lt-container-inner {
  max-width: var(--hc-max);
}

.hc-clean-kicker,
.hc-clean-card__eyebrow,
.hc-clean-stack__badge-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: var(--hc-lime-soft);
  color: var(--hc-green);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}

.hc-clean-hero {
  position: relative;
  padding-top: clamp(4.5rem, 6vw, 6rem);
  padding-bottom: clamp(3.25rem, 6vw, 5rem);
  background:
    radial-gradient(circle at 94% 8%, rgba(213, 226, 123, 0.45), transparent 18%),
    radial-gradient(circle at 8% 18%, rgba(231, 183, 175, 0.4), transparent 14%),
    linear-gradient(180deg, var(--hc-cream) 0%, var(--hc-cream-warm) 100%);
}

.hc-clean-hero__inner {
  display: grid;
  gap: 2.25rem;
  align-items: center;
}

@media (min-width: 1080px) {
  .hc-clean-hero__inner {
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.78fr);
    gap: 2.75rem;
  }
}

.hc-clean-hero__title {
  max-width: 11ch;
  margin-top: 1rem;
  font-size: clamp(2.7rem, 5vw, 5rem);
  line-height: 0.94;
  font-weight: 700;
}

.hc-clean-hero__text {
  max-width: 42rem;
  margin: 1rem 0 0;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.7;
  color: var(--hc-text-soft);
}

.hc-clean-hero__search {
  max-width: 44rem;
  margin-top: 1.5rem;
}

.hc-clean-hero__search .search {
  position: relative;
  width: 100%;
}

.hc-clean-hero__search .search input[type='search'] {
  min-height: 68px;
  padding: 0 1.5rem 0 3.6rem;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(0, 72, 34, 0.14);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(0, 72, 34, 0.06);
}

.hc-clean-hero__search .search:before {
  left: 1.4rem !important;
  top: 50%;
  transform: translateY(-50%);
  color: var(--hc-green);
  font-size: 1rem;
}

.hc-clean-hero__search .search input[type='search']::placeholder {
  color: rgba(0, 72, 34, 0.52);
}

.hc-clean-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}

.hc-clean-chip {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(0, 72, 34, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 0.95rem;
  font-weight: 500;
  transition: transform 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.hc-clean-chip:hover,
.hc-clean-chip:focus-visible {
  transform: translateY(-1px);
  background: #fff;
  border-color: rgba(0, 72, 34, 0.22);
}

.hc-clean-hero__visual {
  position: relative;
}

.hc-clean-stack {
  position: relative;
  min-height: 30rem;
}

.hc-clean-stack__frame {
  position: absolute;
  overflow: hidden;
  border-radius: 26px;
  box-shadow: var(--hc-shadow);
  background: #fff;
}

.hc-clean-stack__frame--primary {
  inset: 0 0 4rem 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.05));
}

.hc-clean-stack__frame--secondary {
  width: min(16rem, 42%);
  right: -0.5rem;
  bottom: 0;
  aspect-ratio: 0.88;
  border: 8px solid rgba(255, 255, 255, 0.9);
  background: var(--hc-peach);
}

.hc-clean-stack__badge,
.hc-clean-stack__pill {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(0, 72, 34, 0.08);
  z-index: 3;
}

.hc-clean-stack__badge {
  left: -0.5rem;
  bottom: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.95);
}

.hc-clean-stack__badge strong {
  font-size: 1.1rem;
  line-height: 1.1;
}

.hc-clean-stack__badge small {
  font-size: 0.88rem;
  color: var(--hc-text-soft);
}

.hc-clean-stack__pill {
  top: 1rem;
  right: 1rem;
  padding: 0.75rem 1rem;
  background: rgba(241, 236, 218, 0.95);
  font-size: 0.95rem;
  font-weight: 600;
}

.hc-clean-stack__pill--lime {
  background: rgba(213, 226, 123, 0.92);
}

.hc-clean-stack__pill-icon {
  width: 1.1rem;
  height: 1.1rem;
}

.hc-rich-media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hc-rich-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hc-rich-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--hc-grain-image);
  background-size: 240px 240px;
  opacity: 0.1;
  mix-blend-mode: multiply;
}

.hc-rich-media--hero img {
  object-position: center center;
}

.hc-rich-media--hero-accent img {
  object-position: center top;
}

.hc-clean-section {
  padding-block: clamp(1.25rem, 2vw, 1.75rem) clamp(3rem, 5vw, 4.75rem);
}

.hc-clean-section--alt {
  background:
    linear-gradient(180deg, rgba(241, 236, 218, 0.7) 0%, rgba(248, 246, 237, 0) 100%);
}

.hc-clean-section__head {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 920px) {
  .hc-clean-section__head {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    align-items: end;
  }
}

.hc-clean-section__title {
  margin-top: 0.7rem;
  font-size: clamp(1.75rem, 2.2vw, 2.25rem);
  line-height: 1.08;
  font-weight: 700;
}

.hc-clean-section__text {
  max-width: 34rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--hc-text-soft);
}

.hc-clean-section__footer {
  margin: 1.25rem 0 0;
}

.hc-clean-inline-link,
.hc-clean-card__link,
.hc-clean-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: var(--hc-green);
  font-weight: 600;
}

.hc-clean-inline-link:hover,
.hc-clean-inline-link:focus-visible,
.hc-clean-card__link:hover,
.hc-clean-card__link:focus-visible,
.hc-clean-card__block-link--card:hover .hc-clean-card__cta,
.hc-clean-card__block-link--card:focus-visible .hc-clean-card__cta {
  color: var(--hc-copper);
}

.hc-clean-task-grid,
.hc-clean-learning-grid,
.hc-clean-topic-grid,
.hc-clean-support__grid {
  display: grid;
  gap: 1rem;
}

.hc-clean-task-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hc-clean-promoted {
  display: grid;
  grid-template-columns: minmax(220px, 0.46fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
}

.hc-clean-learning-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hc-clean-topic-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hc-clean-support__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hc-clean-card {
  position: relative;
  height: 100%;
  padding: 1.25rem;
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  background: #fff;
  box-shadow: var(--hc-shadow);
}

.hc-clean-card__block-link {
  display: block;
  height: 100%;
  color: inherit;
}

.hc-clean-card__block-link--card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.hc-clean-card__block-link--support {
  color: inherit;
}

.hc-clean-card__body {
  padding-top: 1rem;
}

.hc-clean-card__title {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
}

.hc-clean-card__text {
  margin: 0.7rem 0 0;
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--hc-text-soft);
}

.hc-clean-card__link,
.hc-clean-card__cta {
  margin-top: 1rem;
}

.hc-clean-card__block-link--card .hc-clean-card__cta {
  margin-top: auto;
  padding-top: 1rem;
}

.hc-clean-card--task {
  padding-top: 1.4rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 246, 237, 0.45) 100%);
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(2) {
  background:
    linear-gradient(180deg, rgba(241, 236, 218, 0.78) 0%, #fff 100%);
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(3) {
  background:
    linear-gradient(180deg, rgba(231, 183, 175, 0.24) 0%, #fff 100%);
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(4) {
  background:
    linear-gradient(180deg, rgba(213, 226, 123, 0.18) 0%, #fff 100%);
}

.hc-clean-section--promoted {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(248, 246, 237, 0.82) 100%);
}

.hc-clean-promoted__feature {
  min-height: 100%;
  padding: 1.35rem;
  border-radius: var(--hc-radius);
  background:
    radial-gradient(circle at 100% 0%, rgba(213, 226, 123, 0.4), transparent 38%),
    linear-gradient(145deg, var(--hc-green-strong) 0%, var(--hc-green) 100%);
  color: var(--hc-cream-warm);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: var(--hc-shadow);
}

.hc-clean-promoted__feature-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: auto;
  padding: 0.8rem;
  border-radius: 16px;
  background: rgba(241, 236, 218, 0.12);
  border: 1px solid rgba(241, 236, 218, 0.14);
}

.hc-clean-promoted__feature-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(266%) hue-rotate(338deg) brightness(101%) contrast(92%);
}

.hc-clean-promoted__feature strong {
  margin-top: 2.5rem;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.05;
  font-weight: 700;
}

.hc-clean-promoted__feature span {
  max-width: 20rem;
  margin-top: 0.7rem;
  color: rgba(241, 236, 218, 0.84);
  font-size: 0.98rem;
  line-height: 1.55;
}

.hc-clean-promoted__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hc-clean-promoted__item {
  min-width: 0;
}

.hc-clean-promoted__link {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-sm);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 28px rgba(0, 72, 34, 0.055);
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease;
}

.hc-clean-promoted__link:hover,
.hc-clean-promoted__link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(0, 72, 34, 0.2);
  background: #fff;
  box-shadow: 0 18px 34px rgba(0, 72, 34, 0.09);
}

.hc-clean-promoted__article-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0.72rem;
  border-radius: 14px;
  background: rgba(213, 226, 123, 0.32);
}

.hc-clean-promoted__article-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(19%) sepia(36%) saturate(1416%) hue-rotate(115deg) brightness(95%) contrast(105%);
}

.hc-clean-promoted__body {
  min-width: 0;
}

.hc-clean-promoted__title {
  display: block;
  color: var(--hc-green);
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 700;
}

.hc-clean-promoted__meta {
  display: block;
  margin-top: 0.4rem;
  color: var(--hc-text-soft);
  font-size: 0.82rem;
  line-height: 1.3;
  font-weight: 600;
}

.hc-clean-promoted__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--hc-cream-warm);
  color: var(--hc-green);
  font-weight: 700;
  transition: background-color 0.24s ease, color 0.24s ease, transform 0.24s ease;
}

.hc-clean-promoted__link:hover .hc-clean-promoted__arrow,
.hc-clean-promoted__link:focus-visible .hc-clean-promoted__arrow {
  background: var(--hc-lime);
  color: var(--hc-green-strong);
  transform: translateX(2px);
}

.hc-clean-card--learning {
  overflow: hidden;
  padding: 0;
}

.hc-clean-card--learning-featured {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 24px;
}

.hc-clean-card--learning-featured:hover,
.hc-clean-card--learning-featured:focus-within {
  transform: none;
  border-color: transparent;
}

.hc-clean-card--learning-featured .hc-clean-card__block-link {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 72, 34, 0.08);
  border-radius: 24px;
  box-shadow: var(--hc-shadow);
}

.hc-clean-card--learning-featured .hc-clean-card__block-link::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 40, 18, 0.68) 100%);
  pointer-events: none;
}

.hc-rich-media--learning {
  aspect-ratio: 1.6;
  min-height: 19rem;
  background: var(--hc-cream-warm);
}

.hc-rich-media--learning img {
  transform: scale(1.01);
  transition: transform 0.3s ease;
}

.hc-clean-card--learning-featured:hover .hc-rich-media--learning img,
.hc-clean-card--learning-featured:focus-within .hc-rich-media--learning img {
  transform: scale(1.04);
}

.hc-clean-learning-pill {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 2.6rem;
  padding: 0.5rem 1rem;
  border-radius: 14px;
  background: rgba(56, 55, 35, 0.84);
  color: #f5efb5;
  font-family: 'Relay Display', 'Galaxie Copernicus', Georgia, serif;
  font-size: clamp(1.1rem, 1.5vw, 1.55rem);
  line-height: 1;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.hc-clean-card--topic {
  padding: 0;
}

.hc-clean-card--topic .hc-clean-card__block-link {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 100%;
  padding: 1.2rem;
}

.hc-clean-topic-accent {
  width: 42px;
  height: 6px;
  margin-bottom: 1rem;
  border-radius: 999px;
  background: var(--hc-lime);
}

.hc-clean-topic-grid .hc-clean-card--topic:nth-child(3n+2) .hc-clean-topic-accent {
  background: var(--hc-peach);
}

.hc-clean-topic-grid .hc-clean-card--topic:nth-child(3n) .hc-clean-topic-accent {
  background: rgba(182, 96, 52, 0.78);
}

.hc-clean-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hc-clean-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hc-clean-icon--tile {
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: 1.1rem;
  padding: 0.7rem;
  border-radius: 14px;
  background: rgba(241, 236, 218, 0.96);
}

.hc-clean-card--task .hc-clean-icon--tile img {
  width: 100%;
  height: 100%;
  opacity: 0.94;
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(1) .hc-clean-icon--tile img,
.hc-clean-task-grid .hc-clean-card--task:nth-child(4) .hc-clean-icon--tile img {
  filter: brightness(0) saturate(100%) invert(19%) sepia(36%) saturate(1416%) hue-rotate(115deg) brightness(95%) contrast(105%);
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(2) .hc-clean-icon--tile {
  background: rgba(213, 226, 123, 0.36);
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(3) .hc-clean-icon--tile {
  background: rgba(231, 183, 175, 0.38);
}

.hc-clean-task-grid .hc-clean-card--task:nth-child(4) .hc-clean-icon--tile {
  background: rgba(182, 96, 52, 0.12);
}

.hc-clean-section--support {
  padding-bottom: 5rem;
}

.hc-clean-support {
  padding: 1.5rem;
  border-radius: calc(var(--hc-radius) + 4px);
  background:
    radial-gradient(circle at top right, rgba(213, 226, 123, 0.18), transparent 22%),
    var(--hc-green-strong);
  color: var(--hc-cream-warm);
}

.hc-clean-support__wordmark {
  width: 120px;
  height: auto;
  margin-bottom: 1rem;
}

.hc-clean-support .hc-clean-kicker {
  background: rgba(213, 226, 123, 0.18);
  color: var(--hc-cream-warm);
}

.hc-clean-support .hc-clean-section__title,
.hc-clean-support .hc-clean-card__title {
  color: #fff;
}

.hc-clean-support .hc-clean-section__text,
.hc-clean-support .hc-clean-card__text {
  color: rgba(241, 236, 218, 0.84);
}

.hc-clean-support__intro {
  margin-bottom: 1.5rem;
}

.hc-clean-card--support {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(241, 236, 218, 0.12);
  box-shadow: none;
}

.hc-clean-icon--support {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  padding: 0.65rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
}

.hc-clean-card--support .hc-clean-card__link {
  color: var(--hc-lime);
}

.hc-clean-card--support .hc-clean-card__link:hover,
.hc-clean-card--support .hc-clean-card__link:focus-visible {
  color: #fff;
}

.hc-clean-card,
.hc-clean-chip,
.hc-clean-stack__frame,
.hc-clean-card__link,
.hc-clean-inline-link {
  transition: transform 0.24s ease, border-color 0.24s ease, background-color 0.24s ease, color 0.24s ease, box-shadow 0.24s ease;
}

.hc-clean-card:hover,
.hc-clean-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(0, 72, 34, 0.16);
}

.hc-clean-card__block-link--card:focus-visible {
  outline: none;
}

.hc-clean-card:has(.hc-clean-card__block-link--card:focus-visible) {
  transform: translateY(-2px);
  border-color: rgba(0, 72, 34, 0.2);
  box-shadow: 0 22px 42px rgba(0, 72, 34, 0.1);
}

.hc-clean-card--support:hover,
.hc-clean-card--support:focus-within {
  border-color: rgba(241, 236, 218, 0.22);
}

[data-reveal] {
  opacity: 0;
  transform: translate3d(0, 24px, 0) scale(0.985);
  filter: blur(2px);
  transition:
    opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 720ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

[data-reveal].is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.hc-clean-hero__content[data-reveal] {
}

.hc-clean-hero__visual[data-reveal] {
  transform: translate3d(0, 32px, 0) scale(0.975);
}

.hc-clean-section__head[data-reveal] {
  transform: translate3d(0, 18px, 0);
}

.hc-clean-task-grid[data-reveal],
.hc-clean-promoted[data-reveal],
.hc-clean-learning-grid[data-reveal],
.hc-clean-topic-grid[data-reveal],
.hc-clean-support[data-reveal] {
  transform: translate3d(0, 22px, 0);
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none !important;
    will-change: auto;
  }
}

@media (max-width: 1200px) {
  .hc-clean-task-grid,
  .hc-clean-promoted,
  .hc-clean-learning-grid,
  .hc-clean-topic-grid,
  .hc-clean-support__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hc-clean-promoted__feature {
    min-height: 18rem;
  }

  .hc-clean-promoted__list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1079px) {
  .hc-clean-stack {
    min-height: 22rem;
    max-width: 34rem;
    margin-inline: auto;
  }

  .hc-clean-stack__frame--secondary {
    right: 0;
  }
}

@media (max-width: 767px) {
  .hc-home-clean {
    background: linear-gradient(to bottom, var(--hc-cream) 0 40rem, #fff 40rem 100%);
  }

  .hc-clean-hero {
    padding-top: 6.5rem;
  }

  .hc-clean-hero__title {
    max-width: 100%;
  }

  .hc-clean-hero__search .search input[type='search'] {
    min-height: 60px;
    padding-left: 3.25rem;
    padding-right: 1.2rem;
  }

  .hc-clean-hero__search .search:before {
    left: 1.2rem !important;
  }

  .hc-clean-learning-pill {
    left: 0.85rem;
    bottom: 0.85rem;
    font-size: 1.15rem;
  }

  .hc-rich-media--learning {
    min-height: 16rem;
  }

  .hc-clean-stack {
    min-height: 18rem;
  }

  .hc-clean-stack__frame--primary {
    inset: 0 0 2.5rem 0;
  }

  .hc-clean-stack__frame--secondary {
    width: 42%;
    border-width: 6px;
  }

  .hc-clean-stack__badge {
    left: 0;
    bottom: 0.5rem;
  }

  .hc-clean-stack__pill {
    top: 0.75rem;
    right: 0.75rem;
  }

  .hc-clean-task-grid,
  .hc-clean-promoted,
  .hc-clean-learning-grid,
  .hc-clean-topic-grid,
  .hc-clean-support__grid {
    grid-template-columns: 1fr;
  }

  .hc-clean-promoted__feature {
    min-height: 14rem;
  }

  .hc-clean-promoted__link {
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    gap: 0.85rem;
  }

  .hc-clean-promoted__article-icon {
    width: 2.75rem;
    height: 2.75rem;
  }

  .hc-clean-support {
    padding: 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    transform: none;
  }

  .hc-clean-card,
  .hc-clean-chip,
  .hc-clean-stack__frame,
  .hc-clean-card__link,
  .hc-clean-inline-link {
    transition: none !important;
  }
}


.hc-clean-card--task .hc-clean-card__title {
  max-width: 12ch;
}

.hc-clean-card--task .hc-clean-card__text {
  max-width: 28ch;
}
/* =========================================================
   Relay Help Center Subpages — v2
   Simpler, calmer subpages aligned to the new home page
   ========================================================= */

:root {
  --hc-green: #004822;
  --hc-green-strong: #002813;
  --hc-lime: #d5e27b;
  --hc-cream: #f8f6ed;
  --hc-cream-warm: #f1ecda;
  --hc-card: #ffffff;
  --hc-border: rgba(0, 72, 34, 0.12);
  --hc-border-strong: rgba(0, 72, 34, 0.18);
  --hc-text-soft: rgba(0, 72, 34, 0.78);
  --hc-shadow: 0 16px 34px rgba(0, 72, 34, 0.07);
  --hc-radius: 24px;
  --hc-radius-sm: 18px;
}

.template-category .lt-main-content,
.template-section .lt-main-content,
.template-search-results .lt-main-content,
.template-article .lt-main-content {
  padding-top: 0;
}

.hc-subpage-shell {
  color: var(--hc-green);
  background: linear-gradient(to bottom, var(--hc-cream) 0 20rem, #fff 20rem 100%);
}

.hc-subpage-shell,
.hc-subpage-shell p,
.hc-subpage-shell li,
.hc-subpage-shell a,
.hc-subpage-shell button,
.hc-subpage-shell input,
.hc-subpage-shell textarea,
.hc-subpage-shell select {
  font-family: 'Basis Grotesque Pro', 'Droid Sans', Arial, sans-serif;
}

.hc-subpage-shell h1,
.hc-subpage-shell h2,
.hc-subpage-shell h3,
.hc-subpage-shell h4 {
  margin: 0;
  color: var(--hc-green);
  letter-spacing: -0.025em;
}

.hc-subpage-hero {
  padding-top: clamp(6rem, 8vw, 7.5rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
  background:
    radial-gradient(circle at top right, rgba(213, 226, 123, 0.2), transparent 34%),
    linear-gradient(180deg, var(--hc-cream) 0%, var(--hc-cream-warm) 100%);
}

.hc-subpage-hero--simple {
  overflow: visible;
}

.hc-article-hero {
  padding-top: clamp(2.75rem, 4vw, 3.75rem);
}

.hc-subpage-breadcrumbs {
  margin-bottom: 1rem;
}

.hc-subpage-breadcrumbs .breadcrumbs {
  margin: 0;
  color: rgba(0, 72, 34, 0.72);
}

.hc-subpage-breadcrumbs a,
.hc-subpage-breadcrumbs li,
.hc-subpage-breadcrumbs span {
  color: rgba(0, 72, 34, 0.72);
}

.hc-subpage-header,
.hc-article-header {
  max-width: 52rem;
}

.hc-subpage-eyebrow,
.hc-subpage-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 2.15rem;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  background: rgba(213, 226, 123, 0.3);
  color: var(--hc-green);
  font-size: 0.9rem;
  font-weight: 700;
}

.hc-subpage-kicker {
  background: rgba(241, 236, 218, 0.96);
}

.hc-subpage-title {
  margin-top: 0.9rem;
  font-family: 'Radion B Bold', 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 0.98;
}

.hc-subpage-description {
  max-width: 44rem;
  margin: 1rem 0 0;
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  line-height: 1.7;
  color: var(--hc-text-soft);
}

.hc-subpage-search {
  margin-top: 1.35rem;
  max-width: 44rem;
}

.hc-subpage-search .search {
  position: relative;
  width: 100%;
}

.hc-subpage-search .search input[type='search'] {
  min-height: 64px;
  padding: 0 1.4rem 0 3.5rem !important;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(0, 72, 34, 0.14);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(0, 72, 34, 0.06);
}

.hc-subpage-search .search:before {
  left: 1.35rem !important;
  top: 50%;
  transform: translateY(-50%);
  color: var(--hc-green);
}

.hc-subpage-search .search input[type='search']::placeholder {
  color: rgba(0, 72, 34, 0.52);
}

.hc-subpage-follow,
.hc-article-meta {
  margin-top: 1rem;
}

.hc-subpage-content,
.hc-search-results-page,
.hc-article-page,
.hc-article-feedback,
.hc-article-comments {
  padding-top: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
}

.hc-subpage-section__head {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.hc-subpage-section__head > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hc-subpage-section__head .hc-subpage-kicker {
  margin-bottom: 0.95rem;
}

.hc-subpage-section__title {
  margin-top: 0;
}


@media (min-width: 992px) {
  .hc-subpage-section__head {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 30rem);
    align-items: end;
  }
}

.hc-subpage-section__title {
  margin-top: 0;
  font-family: 'Radion B Bold', 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: clamp(1.6rem, 2.5vw, 2.3rem);
  line-height: 1.02;
}

.hc-subpage-section__text {
  margin: 0;
  line-height: 1.65;
  color: var(--hc-text-soft);
}

.hc-subpage-card-grid {
  display: grid;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.hc-subpage-card-grid--sections {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.hc-subpage-card {
  min-width: 0;
}

.hc-subpage-card__link {
  display: flex;
  gap: 1rem;
  height: 100%;
  padding: 1.35rem;
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  background: var(--hc-card);
  box-shadow: var(--hc-shadow);
  color: inherit;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.hc-subpage-card__link:hover,
.hc-subpage-card__link:focus-visible {
  transform: translateY(-2px);
  border-color: var(--hc-border-strong);
  box-shadow: 0 18px 32px rgba(0, 72, 34, 0.09);
}

.hc-subpage-card__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: rgba(241, 236, 218, 0.95);
}

.hc-subpage-card__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.hc-subpage-card__body {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
}

.hc-subpage-card__title {
  font-family: 'Radion B Bold', 'Basis Grotesque Pro', sans-serif;
  font-size: 1.35rem;
  line-height: 1.15;
}

.hc-subpage-card__text {
  margin: 0.7rem 0 0;
  color: var(--hc-text-soft);
  line-height: 1.65;
}

.hc-subpage-card__cta {
  margin-top: auto;
  padding-top: 1rem;
  font-weight: 700;
}

.hc-article-stack {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  background: var(--hc-card);
  box-shadow: var(--hc-shadow);
}

.hc-article-stack__item + .hc-article-stack__item {
  border-top: 1px solid rgba(0, 72, 34, 0.08);
}

.hc-article-stack__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.35rem;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.18s ease;
}

.hc-article-stack__link:hover,
.hc-article-stack__link:focus-visible {
  background: rgba(248, 246, 237, 0.88);
}

.hc-article-stack__main {
  min-width: 0;
}

.hc-article-stack__title {
  font-size: 1.08rem;
  line-height: 1.35;
}

.hc-article-stack__meta {
  display: inline-block;
  margin-top: 0.3rem;
  color: var(--hc-text-soft);
  font-size: 0.95rem;
}

.hc-article-stack__arrow {
  font-size: 1.15rem;
  font-weight: 700;
}

.hc-subpage-empty {
  list-style: none;
}

.hc-subpage-empty__card {
  padding: 1.5rem;
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  background: var(--hc-card);
  box-shadow: var(--hc-shadow);
}

.hc-subpage-empty__title {
  font-size: 1.3rem;
}

.hc-subpage-empty__text {
  margin: 0.7rem 0 0;
  color: var(--hc-text-soft);
  line-height: 1.65;
}

.hc-subpage-empty__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  margin-top: 1rem;
  padding: 0.72rem 1.15rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--hc-green);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.hc-subpage-empty__button:hover,
.hc-subpage-empty__button:focus-visible {
  background: var(--hc-green-strong);
  color: #fff;
}

.hc-subpage-empty__button--ghost {
  border-color: var(--hc-border);
  background: transparent;
  color: var(--hc-green);
}

.hc-subpage-empty__button--ghost:hover,
.hc-subpage-empty__button--ghost:focus-visible {
  background: rgba(248, 246, 237, 0.95);
  color: var(--hc-green);
}

/* Search results */
.hc-search-filterbar {
  margin-top: 1.15rem;
}

.hc-search-filterbar__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  padding: 0.95rem 1rem;
  border: 1px solid var(--hc-border);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 28px rgba(0, 72, 34, 0.06);
}

.hc-search-filterbar__label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--hc-green);
}

.filter-dropdown {
  position: relative;
  z-index: 40;
}

.filter-dropdown__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.95rem;
  border: 1px solid var(--hc-border);
  border-radius: 999px;
  background: var(--hc-cream);
  color: var(--hc-green);
  font-weight: 600;
  cursor: pointer;
}

.filter-dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 220px;
  padding: 0.4rem;
  margin: 0;
  list-style: none;
  border: 1px solid var(--hc-border);
  border-radius: 0.9rem;
  background: #fff;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.filter-dropdown__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.7rem;
  color: var(--hc-green);
  text-decoration: none;
}

.filter-dropdown__item:hover,
.filter-dropdown__item:focus-visible {
  background: rgba(248, 246, 237, 0.96);
}

.filter-dropdown__item.is-active {
  background: rgba(0, 72, 34, 0.08);
  font-weight: 700;
}

.filter-dropdown__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.8rem;
  min-height: 1.35rem;
  padding: 0 0.45rem;
  border-radius: 999px;
  background: rgba(0, 72, 34, 0.08);
  font-size: 0.8rem;
  font-weight: 700;
}

.lt-start-screen-wrap,
.lt-container,
.lt-container-inner,
.hc-search-results-page,
.hc-search-answer-wrap {
  overflow: visible !important;
}

.hc-search-answer-wrap > * {
  margin-bottom: 1.25rem;
}

.hc-search-results__title {
  margin: 0 0 1rem;
  font-size: clamp(1.15rem, 1.4vw, 1.45rem);
  line-height: 1.35;
}

.hc-search-results__title .count,
.hc-search-results__title .query {
  font-weight: 800;
}

.hc-search-results__title .label {
  opacity: 0.72;
}

.hc-search-card-list {
  display: grid;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.hc-search-card__link {
  display: block;
  padding: 1.25rem 1.3rem;
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius-sm);
  background: var(--hc-card);
  box-shadow: var(--hc-shadow);
  color: inherit;
  text-decoration: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.hc-search-card__link:hover,
.hc-search-card__link:focus-visible {
  transform: translateY(-2px);
  border-color: var(--hc-border-strong);
  box-shadow: 0 18px 32px rgba(0, 72, 34, 0.09);
}

.hc-search-card__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.hc-search-card__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: clamp(1.05rem, 1.2vw, 1.25rem);
  line-height: 1.3;
}

.hc-search-card__chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  max-width: 100%;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: rgba(241, 236, 218, 0.95);
  font-size: 0.86rem;
  font-weight: 700;
}

.hc-search-card__snippet {
  margin: 0.75rem 0 0;
  color: var(--hc-text-soft);
  line-height: 1.65;
}

.hc-search-card__footer {
  margin-top: 0.9rem;
}

.hc-search-card__more {
  font-weight: 700;
}

/* Article page */
.hc-article-header {
  max-width: 52rem;
}

.hc-article-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.hc-article-meta__author .lt-entry-info {
  margin: 0;
}

.hc-article-meta__actions {
  display: flex;
  align-items: center;
}

.hc-article-layout {
  display: grid;
  gap: 1.25rem;
  align-items: start;
}

@media (min-width: 1100px) {
  .hc-article-layout {
    grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
    gap: clamp(1.5rem, 2vw, 2.25rem);
  }
}

@media (min-width: 1440px) {
  .hc-article-layout {
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
  }
}

.hc-article-layout__sidenav,
.hc-article-layout__toc {
  position: relative;
  min-width: 0;
}

.hc-article-layout__toc {
  display: none !important;
}

.hc-article-panel,
.hc-article-card,
.hc-related-articles,
.hc-article-feedback__inner,
.hc-article-comments .lt-comments-wrap {
  border: 1px solid var(--hc-border);
  border-radius: var(--hc-radius);
  background: #fff;
  box-shadow: var(--hc-shadow);
}

.hc-article-panel {
  padding: 1rem;
}

@media (min-width: 1100px) {
  .hc-article-panel,
  .hc-article-layout__sidenav .sidenav,
  .hc-article-layout__toc [data-toc] {
    position: sticky;
    top: 104px;
  }

  .hc-article-panel--sidenav {
    min-height: 420px;
    overflow: hidden;
  }

  .hc-article-layout__sidenav sidenav-component {
    display: block;
    min-height: 420px;
  }

  .hc-article-layout__sidenav .sidenav {
    width: 100%;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

.hc-article-card {
  padding: clamp(1.2rem, 2vw, 1.9rem);
}

.hc-article-body > *:first-child {
  margin-top: 0 !important;
}

.hc-article-body p,
.hc-article-body li {
  line-height: 1.75;
}

.hc-article-body h2,
.hc-article-body h3,
.hc-article-body h4 {
  margin-top: 1.7rem;
  margin-bottom: 0.7rem;
}

.hc-article-body img,
.hc-article-body table,
.hc-article-body pre,
.hc-article-body blockquote {
  margin: 1.25rem 0;
}

/* Article tables: normalize Zendesk/WYSIWYG table markup and pasted inline styles. */
.hc-article-body .table-responsive,
.hc-article-body figure.wysiwyg-table,
.hc-article-body .wysiwyg-table {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.5rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(0, 72, 34, 0.14);
  border-radius: 8px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.hc-article-body .table-responsive table,
.hc-article-body .wysiwyg-table table,
.hc-article-body table.table,
.hc-article-body table[class*="table--"],
.hc-article-body table:not([class]) {
  display: table !important;
  width: 100% !important;
  max-width: none;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  table-layout: auto;
}

.hc-article-body .table-responsive th,
.hc-article-body .table-responsive td,
.hc-article-body .wysiwyg-table th,
.hc-article-body .wysiwyg-table td,
.hc-article-body table.table th,
.hc-article-body table.table td,
.hc-article-body table[class*="table--"] th,
.hc-article-body table[class*="table--"] td,
.hc-article-body table:not([class]) th,
.hc-article-body table:not([class]) td {
  min-width: 0 !important;
  height: auto !important;
  padding: 0.95rem 1rem !important;
  border: 1px solid rgba(0, 72, 34, 0.14) !important;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  color: rgba(23, 51, 40, 0.88);
  line-height: 1.55;
}

.hc-article-body .table-responsive th,
.hc-article-body .wysiwyg-table th,
.hc-article-body table.table th,
.hc-article-body table[class*="table--"] th,
.hc-article-body table:not([class]) th {
  background: rgba(241, 236, 218, 0.72);
  color: #004822;
  font-weight: 700;
}

.hc-article-body .table-responsive td:first-child,
.hc-article-body .wysiwyg-table td:first-child,
.hc-article-body table.table td:first-child,
.hc-article-body table[class*="table--"] td:first-child,
.hc-article-body table:not([class]) td:first-child {
  font-weight: 600;
}

.hc-article-body .table-responsive td span,
.hc-article-body .table-responsive th span,
.hc-article-body .wysiwyg-table td span,
.hc-article-body .wysiwyg-table th span {
  display: inline;
  line-height: inherit;
}

.hc-article-body .table-responsive p,
.hc-article-body .wysiwyg-table p,
.hc-article-body table p {
  margin: 0;
}

.hc-article-body .table-responsive p + p,
.hc-article-body .wysiwyg-table p + p,
.hc-article-body table p + p {
  margin-top: 0.45rem;
}

@media (max-width: 767px) {
  .hc-article-body .table-responsive table,
  .hc-article-body .wysiwyg-table table {
    min-width: 640px !important;
  }
}

.hc-article-tags {
  margin-top: 1.5rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(0, 72, 34, 0.08);
}

.hc-related-articles {
  margin-top: 1rem;
  padding: 1.25rem;
}

.hc-related-articles__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.9rem;
}

.hc-related-articles__title {
  font-size: 1.15rem;
}

.hc-related-articles__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.hc-related-articles__item + .hc-related-articles__item {
  margin-top: 0.35rem;
}

.hc-related-articles__link {
  display: block;
  padding: 0.7rem 0.8rem;
  border-radius: 0.9rem;
  color: var(--hc-green);
  text-decoration: none;
}

.hc-related-articles__link:hover,
.hc-related-articles__link:focus-visible,
.hc-related-articles__link.is-active {
  background: rgba(248, 246, 237, 0.96);
}

.hc-article-feedback__inner {
  padding: 1.4rem;
}

.hc-article-comments .lt-comments-wrap {
  padding: 1.35rem;
}

.hc-article-comments .lt-comment {
  border: 1px solid rgba(0, 72, 34, 0.08);
  border-radius: 1rem;
  box-shadow: none;
  background: #fff;
}

.hc-article-comments .lt-comments__callout {
  margin-bottom: 1rem;
}

/* Accessibility / interactions */
.hc-subpage-shell a:focus-visible,
.hc-subpage-shell button:focus-visible,
.hc-subpage-shell input:focus-visible,
.hc-subpage-shell select:focus-visible,
.hc-subpage-shell textarea:focus-visible {
  outline: 2px solid var(--hc-green);
  outline-offset: 3px;
}

@media (max-width: 1199px) {
  .hc-article-layout__toc {
    display: none;
  }
}

@media (max-width: 767px) {
  .hc-subpage-hero {
    padding-top: 5.6rem;
    padding-bottom: 2rem;
  }

  .hc-article-hero {
    padding-top: 3rem;
  }

  .hc-subpage-title {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }

  .hc-subpage-search .search input[type='search'] {
    min-height: 58px;
  }

  .hc-search-card__header {
    flex-wrap: wrap;
  }

  .hc-search-card__chip {
    margin-top: 0.15rem;
  }

  .hc-subpage-card__link {
    align-items: flex-start;
  }
}
/* Support cards: make icons readable on dark green */
.hc-clean-card--support .hc-clean-icon {
  background: rgba(241, 236, 218, 0.14) !important;
  border: 1px solid rgba(241, 236, 218, 0.1);
}

.hc-clean-card--support .hc-clean-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(266%) hue-rotate(338deg) brightness(101%) contrast(92%);
}
/* Support card CTA contrast fix */
.hc-clean-card--support .hc-clean-card__cta,
.hc-clean-card--support .hc-clean-card__block-link--support .hc-clean-card__cta,
.hc-clean-card--support .hc-clean-card__block-link--support:visited .hc-clean-card__cta {
  color: #f1ecda !important;
  opacity: 0.96;
}

.hc-clean-card--support .hc-clean-card__block-link--support:hover .hc-clean-card__cta,
.hc-clean-card--support .hc-clean-card__block-link--support:focus-visible .hc-clean-card__cta {
  color: #d5e27b !important;
}

/* Home page: remove the wrapper gradient causing the seam */
.hc-home-clean {
  background: #fff !important;
}

/* Let the hero own the warm background */
.hc-home-clean .hc-clean-hero {
  background:
    radial-gradient(circle at 94% 8%, rgba(213, 226, 123, 0.45), transparent 18%),
    radial-gradient(circle at 8% 18%, rgba(231, 183, 175, 0.4), transparent 14%),
    linear-gradient(180deg, var(--hc-cream) 0%, var(--hc-cream-warm) 100%) !important;
}
.hc-home-clean {
  background: linear-gradient(to bottom, #f8f6ed 0 34rem, #fff 34rem 100%) !important;
}

/* ==========================================================================
   Relay Guide cleanup patch — legacy hub-style guides
   Purpose: fix the old #welcome/.hub-shell/.section guide pages without
   touching the newer .pi-* guides.
   Paste AFTER the old guide CSS.
   ========================================================================== */

.site-bg {
  display: none !important;
}

.page-bleed {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  transform: none !important;
  overflow: visible !important;
}

#welcome.hero {
  min-height: auto !important;
  padding: 2.75rem 0 1.5rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#welcome.hero::before,
#welcome.hero::after {
  display: none !important;
}

#welcome.hero > div {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 3rem);
  text-align: left !important;
}

#welcome .pill {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0.35rem 0.8rem;
  margin: 0 0 1rem;
  border-radius: 999px;
  background: rgba(213, 226, 123, 0.45);
  color: #004822;
  font: 700 0.875rem/1 "Basis Grotesque Pro", "Droid Sans", sans-serif;
}

#welcome .pill:empty::before {
  content: "Relay Guide";
}

#welcome.hero h1 {
  max-width: 16ch;
  margin: 0 0 1rem;
  color: #004822;
  font-size: clamp(2.2rem, 4.2vw, 4.4rem);
  line-height: 0.98;
  letter-spacing: -0.03em;
}

#welcome.hero p {
  max-width: 78ch;
  margin: 0 0 1.35rem;
  color: rgba(0, 72, 34, 0.85);
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.55;
}

#welcome .cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-start !important;
  align-items: center;
  margin-top: 0.25rem;
}

#welcome .cta .btn {
  min-height: 48px;
  padding: 0.85rem 1.2rem;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 700;
  box-shadow: none;
}

#welcome .cta .btn.primary {
  color: #fff;
  background: #004822;
  border: 1px solid #004822;
}

#welcome .cta .btn.secondary {
  color: #004822;
  background: transparent;
  border: 1px solid rgba(0, 72, 34, 0.22);
}

.hero + .hub-shell {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 3rem) 4rem;
  display: block !important;
}

.hero + .hub-shell .toc-rail {
  display: none !important;
}

.hero + .hub-shell .hub-wrapper {
  max-width: 100% !important;
  padding: 0 !important;
}

.hero + .hub-shell .section {
  position: relative;
  margin: 1.5rem 0 0 !important;
  padding: 1.75rem clamp(1rem, 2.4vw, 2rem) !important;
  border: 1px solid rgba(0, 72, 34, 0.08);
  border-radius: 28px;
  background: #fff;
  box-shadow: none !important;
  overflow: hidden;
}

.hero + .hub-shell .section:nth-of-type(even) {
  background: #f1ecda;
}

.hero + .hub-shell .section:nth-of-type(odd) {
  background: #ffffff;
}

.hero + .hub-shell .section#steps,
.hero + .hub-shell .section#demo-library {
  background: #f8f6ed;
}

.hero + .hub-shell .section h2,
.hero + .hub-shell .section h3,
.hero + .hub-shell .section h4 {
  color: #004822;
}

.hero + .hub-shell .section p,
.hero + .hub-shell .section li,
.hero + .hub-shell .section .actions,
.hero + .hub-shell .section .meta {
  color: rgba(0, 72, 34, 0.82);
}

.hero + .hub-shell .section .eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.9rem !important;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(213, 226, 123, 0.4);
  color: #004822 !important;
  font: 700 0.75rem/1 "Basis Grotesque Pro", "Droid Sans", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hero + .hub-shell .section > h2 {
  margin-bottom: 0.65rem !important;
  font-size: clamp(1.65rem, 2.4vw, 2.3rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.hero + .hub-shell .image-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.hero + .hub-shell .image-card {
  position: relative;
  min-height: 320px;
  aspect-ratio: 1.25 / 1;
  border-radius: 24px;
  overflow: hidden;
  background: #ddd;
  box-shadow: none !important;
}

.hero + .hub-shell .image-card .img {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center center !important;
  transform: none !important;
  filter: none !important;
}

.hero + .hub-shell .image-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.28));
  z-index: 1;
}

.hero + .hub-shell .image-card::after {
  display: none !important;
}

.hero + .hub-shell .image-card .label {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 2;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #004822;
  font-weight: 700;
  text-shadow: none;
  box-shadow: none;
}

.hero + .hub-shell .grid.cols-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.hero + .hub-shell .card {
  background: #fff;
  border: 1px solid rgba(0, 72, 34, 0.08);
  border-radius: 22px;
  box-shadow: none !important;
}

.hero + .hub-shell .card.step,
.hero + .hub-shell .resource-card,
.hero + .hub-shell .demo {
  padding: 1.25rem !important;
}

.hero + .hub-shell .card.step h3,
.hero + .hub-shell .resource-card h4,
.hero + .hub-shell .demo h3 {
  margin-bottom: 0.5rem;
  color: #004822;
}

.hero + .hub-shell .step-icon,
.hero + .hub-shell .demo-badge {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0.9rem;
  border-radius: 12px;
  background: rgba(213, 226, 123, 0.35);
  color: #004822;
}

.hero + .hub-shell .actions {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(0, 72, 34, 0.08);
}

.hero + .hub-shell .actions strong {
  display: inline-block;
  margin-bottom: 0.45rem;
}

.hero + .hub-shell .demo-scroller {
  padding-top: 0.5rem;
}

.hero + .hub-shell .demo-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, 32%);
  gap: 1rem;
}

.hero + .hub-shell .demo-nav {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(0,72,34,0.12);
  background: #fff;
  box-shadow: none;
}

.hero + .hub-shell .section *,
.hero + .hub-shell .section p[style],
.hero + .hub-shell .section .eyebrow[style] {
  color: inherit;
}

@media (max-width: 991px) {
  #welcome.hero {
    padding-top: 2rem !important;
  }

  #welcome.hero h1 {
    max-width: none;
  }

  .hero + .hub-shell .grid.cols-3,
  .hero + .hub-shell .image-grid {
    grid-template-columns: 1fr !important;
  }

  .hero + .hub-shell .image-card {
    min-height: 260px;
  }

  .hero + .hub-shell .demo-track {
    grid-auto-columns: 86%;
  }

  #welcome .cta {
    justify-content: flex-start !important;
  }
}

/* ==========================================================================
   Relay Guides — shared CSS
   Clean shared guide system for .rg-guide templates
   Replaces the older broken .rg-guide CSS block
   ========================================================================== */

.rg-guide {
  --rg-green: #004822;
  --rg-green-deep: #0d3b2e;
  --rg-lime: #d5e27b;
  --rg-cream: #f8f6ed;
  --rg-cream-2: #f1ecda;
  --rg-cream-3: #ebe1c3;
  --rg-copper: #b66034;
  --rg-blue: #2f6f8f;
  --rg-white: #ffffff;
  --rg-text: #173328;
  --rg-border: rgba(0, 72, 34, 0.10);
  --rg-shadow: 0 20px 50px rgba(0, 72, 34, 0.08);
  --rg-radius-xl: 8px;
  --rg-radius-lg: 8px;
  --rg-radius-pill: 999px;
  --rg-max: 1240px;

  color: var(--rg-text);
  background: linear-gradient(180deg, #fbfaf3 0%, #f8f6ed 34%, #f3eedf 100%);
}

.rg-guide *,
.rg-guide *::before,
.rg-guide *::after {
  box-sizing: border-box;
}

.rg-guide img {
  display: block;
  max-width: 100%;
  height: auto;
}

.rg-guide a {
  text-decoration: none;
}

.rg-guide .lt-container-inner {
  max-width: var(--rg-max);
}

/* ==========================================================================
   Hero
   ========================================================================== */

.rg-guide__hero {
  padding-top: clamp(2rem, 5vw, 4rem);
  padding-bottom: clamp(2rem, 5vw, 4rem);
  background: linear-gradient(180deg, rgba(251, 250, 243, 0.98), rgba(248, 246, 237, 0.72));
}

.rg-guide__hero-inner {
  display: grid;
  gap: 1.5rem;
  align-items: center;
}

@media (min-width: 992px) {
  .rg-guide__hero-inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    gap: 2rem;
  }
}

.rg-guide__hero-copy {
  position: relative;
  z-index: 1;
}

.rg-guide__eyebrow {
  margin: 0 0 0.75rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 72, 34, 0.74);
}

.rg-guide__title {
  margin: 0 0 1rem;
  font-family: "Droid Sans", "Basis Grotesque Pro", Arial, sans-serif;
  font-size: clamp(2rem, 4.3vw, 3.5rem);
  line-height: 1.02;
  letter-spacing: 0;
  color: var(--rg-green);
}

.rg-guide__lede,
.rg-guide__section-copy {
  margin: 0;
  max-width: 56rem;
  font-size: clamp(1rem, 1rem + 0.16vw, 1.1rem);
  line-height: 1.65;
  color: rgba(23, 51, 40, 0.88);
}

.rg-guide__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.rg-guide__cta-row .lt-btn {
  min-height: 48px;
  border-radius: 999px;
}

.rg-guide__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
}

.rg-guide__chips a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0.65rem 0.9rem;
  border: 1px solid rgba(0, 72, 34, 0.16);
  border-radius: var(--rg-radius-pill);
  background: rgba(255, 255, 255, 0.82);
  color: var(--rg-green);
  font-weight: 600;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.rg-guide__chips a:hover,
.rg-guide__chips a:focus-visible {
  background: var(--rg-cream-2);
  border-color: rgba(0, 72, 34, 0.3);
  transform: translateY(-1px);
}

.rg-guide__hero-media {
  position: relative;
  min-height: 320px;
}

.rg-guide__hero-card {
  position: absolute;
  overflow: hidden;
  border-radius: var(--rg-radius-xl);
  background: var(--rg-white);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: var(--rg-shadow);
}

.rg-guide__hero-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rg-guide__hero-card--main {
  inset: 0 14% 10% 0;
}

.rg-guide__hero-card--accent {
  right: 0;
  bottom: 0;
  width: 48%;
  height: 48%;
  border: 8px solid rgba(248, 246, 237, 0.95);
}

.rg-guide__hero-badge {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  max-width: 240px;
  padding: 0.95rem 1rem;
  border-radius: var(--rg-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  color: var(--rg-green);
  box-shadow: 0 14px 34px rgba(0, 72, 34, 0.12);
}

.rg-guide__hero-badge span {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0, 72, 34, 0.66);
}

.rg-guide__hero-badge strong {
  display: block;
  margin-top: 0.35rem;
  font-size: 1rem;
  line-height: 1.35;
}

/* ==========================================================================
   Shared sections
   ========================================================================== */

.rg-guide__summary,
.rg-guide__section {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.rg-guide__summary {
  background: rgba(255, 255, 255, 0.46);
}

.rg-guide__section--alt {
  background: linear-gradient(180deg, rgba(235, 225, 195, 0.86), rgba(241, 236, 218, 0.94));
  border-top: 1px solid rgba(0, 72, 34, 0.12);
  border-bottom: 1px solid rgba(0, 72, 34, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    inset 0 -1px 0 rgba(0, 72, 34, 0.04);
}

.rg-guide__section-head {
  margin-bottom: 1.25rem;
}

.rg-guide__section-title {
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 2.2rem);
  line-height: 1.15;
  color: var(--rg-green);
}

/* ==========================================================================
   Facts / summary cards
   ========================================================================== */

.rg-guide__facts {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.rg-guide__source-note {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  max-width: 58rem;
  margin-top: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(47, 111, 143, 0.22);
  border-radius: var(--rg-radius-xl);
  background: rgba(47, 111, 143, 0.08);
  color: rgba(23, 51, 40, 0.9);
  line-height: 1.55;
}

.rg-guide__source-note::before {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  flex: 0 0 0.65rem;
  margin-top: 0.45rem;
  border-radius: 50%;
  background: var(--rg-blue);
}

.rg-guide__fact,
.rg-guide__library-group,
.rg-guide__help,
.rg-guide__workflow-card,
.rg-guide__step,
.rg-guide__faq-list details {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--rg-border);
  box-shadow: var(--rg-shadow);
}

.rg-guide__fact,
.rg-guide__library-group {
  padding: 1.15rem 1.2rem;
  border-radius: var(--rg-radius-xl);
}

.rg-guide__card-icon {
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 0.8rem;
  border-radius: var(--rg-radius-xl);
  background: rgba(213, 226, 123, 0.42);
  border: 1px solid rgba(0, 72, 34, 0.12);
}

.rg-guide__card-icon img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  opacity: 0.78;
}

.rg-guide__fact h3,
.rg-guide__step h3,
.rg-guide__workflow-copy h3,
.rg-guide__library-group h3 {
  margin: 0 0 0.45rem;
  font-size: 1.08rem;
  line-height: 1.28;
  color: var(--rg-green);
}

.rg-guide__fact p,
.rg-guide__library-group li,
.rg-guide__workflow-copy p,
.rg-guide__step p,
.rg-guide__faq-list p {
  margin: 0;
  line-height: 1.6;
  color: rgba(23, 51, 40, 0.86);
}

/* ==========================================================================
   Sticky anchors
   ========================================================================== */

.rg-guide__anchor {
  position: sticky;
  top: 0;
  z-index: 6;
  padding-top: 0;
  padding-bottom: 0;
  backdrop-filter: blur(10px);
  background: rgba(243, 238, 223, 0.92);
  border-top: 1px solid rgba(0, 72, 34, 0.1);
  border-bottom: 1px solid rgba(0, 72, 34, 0.14);
}

.rg-guide__anchor-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  list-style: none;
  margin: 0;
  padding: 0.75rem 0;
}

.rg-guide__anchor-list a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.55rem 0.85rem;
  border-radius: var(--rg-radius-pill);
  color: var(--rg-green);
  font-weight: 600;
}

.rg-guide__anchor-list a:hover,
.rg-guide__anchor-list a:focus-visible,
.rg-guide__anchor-list a.is-active {
  background: rgba(0, 72, 34, 0.08);
}

/* ==========================================================================
   Steps
   ========================================================================== */

.rg-guide__steps {
  display: grid;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.rg-guide__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.2rem;
  border-radius: var(--rg-radius-xl);
}

.rg-guide__step-number {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  border-radius: 999px;
  background: var(--rg-green);
  color: var(--rg-cream);
  font-weight: 700;
}

.rg-guide__step-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.9rem;
}

.rg-guide__step-actions a,
.rg-guide__library-group a {
  color: var(--rg-green);
  font-weight: 600;
}

.rg-guide__step-actions a::after,
.rg-guide__library-group a::after {
}

.rg-guide__step-actions a:hover,
.rg-guide__step-actions a:focus-visible,
.rg-guide__library-group a:hover,
.rg-guide__library-group a:focus-visible {
  color: var(--rg-green-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ==========================================================================
   Workflow cards
   ========================================================================== */

.rg-guide__workflow-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.rg-guide__workflow-card {
  overflow: hidden;
  border-radius: var(--rg-radius-xl);
}

.rg-guide__workflow-card a {
  display: block;
  height: 100%;
  color: inherit;
}

.rg-guide__workflow-media {
  aspect-ratio: 16 / 10;
  background: #d9d9d9;
}

.rg-guide__workflow-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rg-guide__workflow-copy {
  padding: 1rem 1rem 1.15rem;
}

/* ==========================================================================
   Library
   ========================================================================== */

.rg-guide__library {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.rg-guide__detail-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.rg-guide__detail-card {
  padding: 1.15rem 1.2rem;
  border: 1px solid var(--rg-border);
  border-radius: var(--rg-radius-xl);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--rg-shadow);
}

.rg-guide__detail-card h3 {
  margin: 0 0 0.7rem;
  font-size: 1.08rem;
  color: var(--rg-green);
}

.rg-guide__checklist {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rg-guide__checklist li {
  position: relative;
  padding-left: 1.35rem;
  line-height: 1.55;
  color: rgba(23, 51, 40, 0.86);
}

.rg-guide__checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--rg-copper);
}

.rg-guide__mini-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: var(--rg-radius-xl);
  background: rgba(255, 255, 255, 0.92);
}

.rg-guide__mini-table th,
.rg-guide__mini-table td {
  padding: 0.8rem 0.9rem;
  border-bottom: 1px solid var(--rg-border);
  text-align: left;
  vertical-align: top;
  line-height: 1.45;
}

.rg-guide__mini-table th {
  color: var(--rg-green);
  background: rgba(213, 226, 123, 0.22);
  font-weight: 700;
}

.rg-guide__mini-table tr:last-child td {
  border-bottom: 0;
}

.rg-guide__library-group ul {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding-left: 1rem;
}

/* ==========================================================================
   FAQ
   ========================================================================== */

.rg-guide__faq-list {
  display: grid;
  gap: 0.85rem;
}

.rg-guide__faq-list details {
  padding: 1rem 1.1rem;
  border-radius: var(--rg-radius-xl);
}

.rg-guide__faq-list summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  color: var(--rg-green);
}

.rg-guide__faq-list summary::-webkit-details-marker {
  display: none;
}

.rg-guide__faq-list summary::after {
  float: right;
  content: "+";
  color: var(--rg-copper);
}

.rg-guide__faq-list details[open] summary::after {
  content: "−";
}

.rg-guide__faq-list p {
  margin-top: 0.85rem;
}

/* ==========================================================================
   Help CTA block
   ========================================================================== */

.rg-guide__help {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--rg-radius-xl);
  background: linear-gradient(135deg, var(--rg-green) 0%, var(--rg-green-deep) 100%);
  border: 1px solid rgba(213, 226, 123, 0.28);
  box-shadow: 0 24px 60px rgba(0, 72, 34, 0.18);
}

.rg-guide__help::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, var(--rg-lime), rgba(213, 226, 123, 0.42), var(--rg-copper));
}

.rg-guide__help > div:first-child {
  position: relative;
  z-index: 1;
}

.rg-guide__help-icon {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 1rem;
  border-radius: var(--rg-radius-xl);
  background: var(--rg-lime);
  border: 1px solid rgba(255, 255, 255, 0.36);
}

.rg-guide__help-icon img {
  width: 1.35rem;
  height: 1.35rem;
  opacity: 0.82;
}

.rg-guide__help .rg-guide__eyebrow,
.rg-guide__help .rg-guide__section-title,
.rg-guide__help .rg-guide__section-copy {
  color: var(--rg-white);
}

.rg-guide__help .rg-guide__eyebrow {
  color: rgba(213, 226, 123, 0.9);
}

.rg-guide__help .rg-guide__section-copy {
  color: rgba(255, 255, 255, 0.84);
}

.rg-guide__help-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
}

.rg-guide__help-actions .lt-btn {
  min-height: 46px;
  border-radius: 999px;
}

.rg-guide__help-actions .lt-btn--primary {
  background: var(--rg-lime);
  border-color: var(--rg-lime);
  color: var(--rg-green);
}

.rg-guide__help-actions .lt-btn--primary:hover,
.rg-guide__help-actions .lt-btn--primary:focus {
  background: #e1ea96;
  border-color: #e1ea96;
  color: var(--rg-green);
}

.rg-guide__help-actions .lt-btn--default {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.55);
  color: var(--rg-white);
}

.rg-guide__help-actions .lt-btn--default:hover,
.rg-guide__help-actions .lt-btn--default:focus {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--rg-white);
  color: var(--rg-white);
}

/* ==========================================================================
   Interaction polish
   ========================================================================== */

.rg-guide__step,
.rg-guide__workflow-card,
.rg-guide__fact,
.rg-guide__detail-card,
.rg-guide__library-group,
.rg-guide__faq-list details,
.rg-guide__hero-card,
.rg-guide__chips a,
.rg-guide__anchor-list a {
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

.rg-guide__workflow-card:hover,
.rg-guide__workflow-card:focus-within,
.rg-guide__fact:hover,
.rg-guide__detail-card:hover,
.rg-guide__library-group:hover,
.rg-guide__faq-list details:hover {
  transform: translateY(-1px);
  box-shadow: 0 24px 54px rgba(0, 72, 34, 0.11);
}

.rg-guide a:focus-visible,
.rg-guide button:focus-visible,
.rg-guide summary:focus-visible {
  outline: 2px solid var(--rg-green);
  outline-offset: 3px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 991px) {
  .rg-guide__anchor {
    position: relative;
  }

  .rg-guide__help {
    flex-direction: column;
    align-items: flex-start;
  }

  .rg-guide__hero-media {
    min-height: 260px;
  }
}

@media (max-width: 767px) {
  .rg-guide__hero {
    padding-top: 1.5rem;
  }

  .rg-guide__hero-media {
    order: -1;
  }

  .rg-guide__hero-card--main {
    inset: 0 6% 16% 0;
  }

  .rg-guide__hero-card--accent {
    width: 44%;
    height: 44%;
  }

  .rg-guide__hero-badge {
    right: 0.75rem;
    left: auto;
    bottom: 0.75rem;
    max-width: 200px;
  }

  .rg-guide__step {
    grid-template-columns: 1fr;
  }

  .rg-guide__step-number {
    margin-bottom: 0.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rg-guide__step,
  .rg-guide__workflow-card,
  .rg-guide__fact,
  .rg-guide__detail-card,
  .rg-guide__library-group,
  .rg-guide__faq-list details,
  .rg-guide__hero-card,
  .rg-guide__chips a,
  .rg-guide__anchor-list a {
    transition: none !important;
  }
}

/* =========================================================
   Relay Subscription Calculator — New Theme Match
   Add near the bottom of style.css
   Scope: Relay-Subscription-Calculator.hbs
   ========================================================= */

/* ---------- Theme tokens ---------- */

.relay-page {
  --rc-green-900: #002813;
  --rc-green-800: #004822;
  --rc-green-700: #0e5a39;
  --rc-green-600: #407659;
  --rc-lime: #d5e27b;
  --rc-lime-strong: #c9ef62;
  --rc-offwhite: #f8f6ed;
  --rc-cream: #f1ecda;
  --rc-white: #ffffff;
  --rc-clay: #b66034;
  --rc-pink: #e7b7af;
  --rc-ink: #004822;
  --rc-muted: #407659;
  --rc-border: rgba(0, 72, 34, 0.14);
  --rc-shadow: 0 24px 70px rgba(0, 40, 19, 0.12);
  --rc-shadow-soft: 0 12px 34px rgba(0, 40, 19, 0.08);
  --rc-radius-sm: 12px;
  --rc-radius-md: 16px;
  --rc-radius-lg: 24px;
  --rc-radius-xl: 32px;

  position: relative;
  z-index: 1;
  color: var(--rc-ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(213, 226, 123, 0.34), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(231, 183, 175, 0.28), transparent 28rem),
    linear-gradient(180deg, #f8f6ed 0%, #f4efdf 48%, #f8f6ed 100%);
  font-family: "Basis Grotesque Pro", "Droid Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: clip;
}

/* Keep Zendesk header spacing, but avoid the old dark page feel. */
html {
  scroll-padding-top: var(--hc-header-h, 0px);
}

.u-header-offset {
  padding-top: var(--hc-header-h, 0px);
}

/* Hide the old floating dark-gradient calculator background. */
body > .relay-decor,
body > .decor-icon,
.relay-decor,
.decor-icon {
  display: none !important;
}

/* Keep calculator content aligned with the new HC containers. */
.relay-page > * {
  width: min(100%, 1240px);
  margin-inline: auto !important;
  padding-inline: clamp(20px, 4vw, 56px) !important;
}

.relay-page :where(h1, h2, h3, h4, p) {
  color: inherit;
}

.relay-page :where(h1, h2, h3, h4) {
  font-family: "Basis Grotesque Pro", "Droid Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -0.035em;
}

/* ---------- Hero ---------- */

.relay-page__hero {
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding-block: clamp(72px, 9vw, 128px) clamp(36px, 6vw, 72px) !important;
  text-align: left;
  background: transparent !important;
}

.relay-page__hero::before {
  content: "Pricing calculator";
  display: inline-flex;
  width: fit-content;
  margin-bottom: 18px;
  padding: 8px 14px;
  border: 1px solid rgba(0, 72, 34, 0.16);
  border-radius: 999px;
  color: var(--rc-green-800);
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 8px 24px rgba(0, 40, 19, 0.06);
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.relay-page__hero h1 {
  max-width: 780px;
  margin: 0;
  color: var(--rc-green-800);
  font-size: clamp(44px, 7vw, 92px);
  line-height: 0.95;
  font-weight: 700;
  text-wrap: balance;
}

.relay-page__hero p {
  max-width: 620px;
  margin: clamp(18px, 2vw, 24px) 0 0;
  color: var(--rc-muted);
  font-size: clamp(18px, 2.1vw, 24px);
  line-height: 1.35;
}

/* ---------- Shared section rhythm ---------- */

.relay-presets,
.relay-inputs,
.relay-results,
.relay-fees,
.relay-features {
  padding-block: clamp(28px, 5vw, 56px) !important;
  color: var(--rc-green-800) !important;
}

.relay-presets h2,
.relay-results h2,
.relay-fees h2,
.relay-features h2,
.inputs-col h3,
#business-title,
#tx-title {
  margin: 0 0 18px;
  color: var(--rc-green-800) !important;
  text-shadow: none !important;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.05;
  font-weight: 700;
  text-wrap: balance;
}

/* ---------- Presets ---------- */

.preset-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 760px) {
  .preset-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.preset {
  min-height: 64px;
  padding: 18px 20px;
  border: 1px solid var(--rc-border);
  border-radius: var(--rc-radius-md);
  color: var(--rc-green-800);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: var(--rc-shadow-soft);
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.preset:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 72, 34, 0.3);
  background: #fff;
  box-shadow: var(--rc-shadow);
}

.preset:focus-visible {
  outline: 3px solid rgba(213, 226, 123, 0.85);
  outline-offset: 3px;
}

.preset.is-active,
.preset[aria-pressed="true"] {
  color: var(--rc-cream);
  border-color: var(--rc-green-800);
  background: var(--rc-green-800);
  box-shadow:
    0 0 0 4px rgba(213, 226, 123, 0.5),
    var(--rc-shadow);
}

.preset:active {
  transform: translateY(0) scale(0.99);
}

/* ---------- Inputs ---------- */

.relay-inputs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media (min-width: 980px) {
  .relay-inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.inputs-col {
  min-width: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--rc-border);
  border-radius: var(--rc-radius-lg);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--rc-shadow-soft);
  backdrop-filter: blur(10px);
}

.slider-block {
  margin: 20px 0 28px;
}

.slider-block:last-child {
  margin-bottom: 0;
}

.relay-inputs label,
.relay-inputs .slider-block label,
.relay-inputs [aria-labelledby="tx-title"] label {
  display: block;
  margin: 16px 0 8px;
  color: var(--rc-green-800) !important;
  text-shadow: none !important;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
}

.relay-inputs .value {
  color: var(--rc-green-600) !important;
  text-shadow: none !important;
  font-weight: 700;
}

.range-labels {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  color: var(--rc-muted) !important;
  font-size: 13px;
  font-weight: 600;
}

.range-labels span {
  color: var(--rc-muted) !important;
  text-shadow: none !important;
}

/* Range inputs */
.relay-page input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 12px;
  border: 0;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--rc-green-800), var(--rc-lime)) 0 / var(--range-progress, 50%) 100% no-repeat,
    rgba(0, 72, 34, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 40, 19, 0.12);
  cursor: pointer;
}

.relay-page input[type="range"]:focus-visible {
  outline: 3px solid rgba(213, 226, 123, 0.9);
  outline-offset: 5px;
}

.relay-page input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border: 4px solid var(--rc-cream);
  border-radius: 50%;
  background: var(--rc-green-800);
  box-shadow: 0 4px 12px rgba(0, 40, 19, 0.28);
}

.relay-page input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border: 4px solid var(--rc-cream);
  border-radius: 50%;
  background: var(--rc-green-800);
  box-shadow: 0 4px 12px rgba(0, 40, 19, 0.28);
}

/* Number inputs */
.relay-inputs input[type="number"] {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid rgba(0, 72, 34, 0.22);
  border-radius: var(--rc-radius-sm);
  color: var(--rc-green-800);
  background: #fff;
  font-size: 16px;
  line-height: 1.4;
  box-shadow: inset 0 1px 0 rgba(0, 40, 19, 0.04);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.relay-inputs input[type="number"]:focus {
  border-color: var(--rc-green-800);
  outline: 0;
  box-shadow:
    0 0 0 4px rgba(213, 226, 123, 0.42),
    inset 0 1px 0 rgba(0, 40, 19, 0.04);
}

/* ---------- Results / plan cards ---------- */

.relay-results {
  margin-bottom: 0 !important;
}

.relay-results h2 {
  max-width: 780px;
  margin-inline: auto;
  text-align: center;
}

.plan-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 760px) {
  .plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  .plan-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.plan {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(20px, 2.5vw, 28px);
  border: 1px solid var(--rc-border);
  border-radius: var(--rc-radius-lg);
  color: var(--rc-green-800) !important;
  background: #fff;
  box-shadow: var(--rc-shadow-soft);
  overflow: hidden;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.plan:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 72, 34, 0.28);
  box-shadow: var(--rc-shadow);
}

.plan.best {
  border-color: var(--rc-green-800);
  box-shadow:
    inset 0 0 0 2px var(--rc-lime),
    0 24px 70px rgba(0, 72, 34, 0.16);
}

.plan.best::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 8px;
  background: linear-gradient(90deg, var(--rc-green-800), var(--rc-lime));
}

.plan__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
}

.plan h3,
.plan__title {
  margin: 0;
  color: var(--rc-green-800);
  font-size: clamp(21px, 2.2vw, 30px);
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.plan-sub {
  margin: -6px 0 14px;
  color: var(--rc-muted);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.badge-best {
  position: static;
  flex: 0 0 auto;
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid rgba(0, 72, 34, 0.18);
  border-radius: 999px;
  color: var(--rc-green-800);
  background: var(--rc-lime);
  box-shadow: none;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.plan .price,
.plan [class*="price"] {
  color: var(--rc-green-800) !important;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1;
  letter-spacing: -0.045em;
}

.plan :where(p, li, footer, small) {
  color: var(--rc-muted) !important;
}

.plan footer {
  margin-top: auto;
  padding-top: 18px;
  color: var(--rc-green-800) !important;
  font-weight: 700;
}

/* Optional generic list polish inside rendered cards */
.plan ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.plan li {
  position: relative;
  padding-left: 22px;
}

.plan li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--rc-green-800);
  font-weight: 800;
}

/* ---------- Disclosures ---------- */

.legal-disclosure {
  max-width: 820px;
  margin: 22px auto 0;
  color: var(--rc-muted) !important;
  font-size: 13px;
  line-height: 1.55;
  text-align: center;
}

.legal-disclosure strong {
  color: var(--rc-green-800) !important;
}

.legal-disclosure__fn {
  margin-top: 8px;
  text-align: left;
}

.legal-disclosure__fn > summary {
  width: fit-content;
  margin-inline: auto;
  color: var(--rc-green-800) !important;
  cursor: pointer;
  font-weight: 700;
}

.legal-disclosure__fn > summary:focus-visible {
  outline: 3px solid rgba(213, 226, 123, 0.9);
  outline-offset: 3px;
}

.legal-disclosure__fn ol {
  margin: 10px 0 0;
  padding-left: 1.25rem;
}

.legal-disclosure__fn li {
  margin: 4px 0;
}

/* ---------- Fee table ---------- */

.relay-fees h2,
#fees-title {
  color: var(--rc-green-800) !important;
}

.table-wrap {
  border: 1px solid var(--rc-border);
  border-radius: var(--rc-radius-lg);
  background: #fff;
  box-shadow: var(--rc-shadow-soft);
  overflow: auto;
}

.fee-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: var(--rc-green-800);
}

.fee-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 16px;
  color: var(--rc-cream) !important;
  background: var(--rc-green-800);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 800;
  text-align: left;
}

.fee-table tbody th,
.fee-table tbody td {
  padding: 15px 16px;
  border-bottom: 1px solid rgba(0, 72, 34, 0.1);
  color: var(--rc-green-800);
  vertical-align: top;
}

.fee-table tbody th[scope="row"] {
  font-weight: 800;
}

.fee-table tbody tr:nth-child(even) {
  background: rgba(248, 246, 237, 0.78);
}

.fee-table tbody tr:hover {
  background: rgba(213, 226, 123, 0.2);
}

/* ---------- Feature tabs ---------- */

.feature-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tab {
  flex: 1 1 180px;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid var(--rc-border);
  border-radius: var(--rc-radius-sm);
  color: var(--rc-green-800);
  background: rgba(255, 255, 255, 0.76);
  font-weight: 800;
  cursor: pointer;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.tab:hover {
  background: #fff;
  border-color: rgba(0, 72, 34, 0.3);
}

.tab:focus-visible {
  outline: 3px solid rgba(213, 226, 123, 0.9);
  outline-offset: 3px;
}

.tab.is-active,
.tab[aria-selected="true"] {
  color: var(--rc-cream);
  border-color: var(--rc-green-800);
  background: var(--rc-green-800);
  box-shadow: 0 0 0 4px rgba(213, 226, 123, 0.45);
}

.tabpanes {
  margin-top: 14px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--rc-border);
  border-radius: var(--rc-radius-lg);
  color: var(--rc-green-800);
  background: #fff;
  box-shadow: var(--rc-shadow-soft);
}

.tabpanel {
  display: none;
}

.tabpanel.is-active {
  display: block;
}

.feat-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 900px) {
  .feat-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.feat-columns h4 {
  margin: 0 0 8px;
  color: var(--rc-green-800);
  font-size: 18px;
  line-height: 1.2;
}

.badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-left: 6px;
  padding: 3px 8px;
  border: 1px solid rgba(0, 72, 34, 0.18);
  border-radius: 999px;
  color: var(--rc-green-800);
  background: var(--rc-lime);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
}

/* ---------- Motion / accessibility ---------- */

@keyframes rc-card-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.plan-grid .plan {
  animation: rc-card-in 420ms ease both;
}

.plan-grid .plan:nth-child(1) {
  animation-delay: 40ms;
}

.plan-grid .plan:nth-child(2) {
  animation-delay: 80ms;
}

.plan-grid .plan:nth-child(3) {
  animation-delay: 120ms;
}

.plan-grid .plan:nth-child(4) {
  animation-delay: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  .relay-page *,
  .relay-page *::before,
  .relay-page *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
  .relay-page__hero {
    padding-block: 56px 28px !important;
  }

  .relay-page__hero h1 {
    font-size: clamp(38px, 13vw, 56px);
  }

  .relay-page__hero p {
    font-size: 17px;
  }

  .inputs-col,
  .plan,
  .tabpanes,
  .table-wrap {
    border-radius: 18px;
  }

  .plan__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .legal-disclosure {
    text-align: left;
  }

  .legal-disclosure__fn > summary {
    margin-inline: 0;
  }
}

/* =========================================================
   Home page — compact Learning centers
   ========================================================= */

.hc-clean-section--learning {
  padding-top: clamp(2rem, 4vw, 3.5rem);
  padding-bottom: clamp(2rem, 4vw, 3.5rem);
}

/* 5 compact cards on wide screens */
.hc-clean-learning-grid--compact {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.85rem;
}

/* Reuse existing learning card treatment, but make it smaller */
.hc-clean-card--learning-compact {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 18px;
}

.hc-clean-card--learning-compact:hover,
.hc-clean-card--learning-compact:focus-within {
  transform: none;
  border-color: transparent;
}

.hc-clean-card--learning-compact .hc-clean-card__block-link {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 72, 34, 0.08);
  border-radius: 18px;
  box-shadow: var(--hc-shadow);
}

.hc-clean-card--learning-compact .hc-clean-card__block-link::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 40, 18, 0.68) 100%);
  pointer-events: none;
}

/* This is the main “thin it out” control */
.hc-clean-learning-grid--compact .hc-rich-media--learning {
  aspect-ratio: 1.35;
  min-height: 10.5rem;
}

.hc-clean-learning-grid--compact .hc-clean-learning-pill {
  left: 0.75rem;
  bottom: 0.75rem;
  min-height: 2rem;
  padding: 0.42rem 0.72rem;
  border-radius: 11px;
  font-size: clamp(0.95rem, 1vw, 1.15rem);
  line-height: 1;
}

/* Keep the existing image zoom behavior */
.hc-clean-card--learning-compact:hover .hc-rich-media--learning img,
.hc-clean-card--learning-compact:focus-within .hc-rich-media--learning img {
  transform: scale(1.04);
}

/* Responsive layout */
@media (max-width: 1200px) {
  .hc-clean-learning-grid--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hc-clean-learning-grid--compact .hc-rich-media--learning {
    min-height: 11.5rem;
  }
}

@media (max-width: 767px) {
  .hc-clean-learning-grid--compact {
    grid-template-columns: 1fr;
  }

  .hc-clean-learning-grid--compact .hc-rich-media--learning {
    min-height: 13rem;
  }
}
/* =========================================================
   Home page — mobile Learning centers carousel
   Desktop/tablet remains a normal grid
   ========================================================= */

.hc-learning-carousel__controls {
  display: none;
}

.hc-learning-carousel__viewport {
  min-width: 0;
}

/* Mobile carousel */
@media (max-width: 767px) {
  .hc-learning-carousel {
    position: relative;
  }

  .hc-learning-carousel__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    outline: none;
  }

  .hc-learning-carousel__viewport::-webkit-scrollbar {
    display: none;
  }

  .hc-learning-carousel__viewport:focus-visible {
    outline: 2px solid #d5e27b;
    outline-offset: 6px;
    border-radius: 20px;
  }

  .hc-clean-learning-grid--compact.hc-learning-carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(78%, 1fr);
    grid-template-columns: none;
    gap: 0.9rem;
    padding: 0.25rem 1rem 0.5rem;
    margin-inline: -1rem;
  }

  .hc-learning-carousel__track > .hc-clean-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .hc-clean-learning-grid--compact .hc-rich-media--learning {
    min-height: 12.75rem;
  }

  .hc-learning-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1rem;
  }

  .hc-learning-carousel__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(0, 72, 34, 0.18);
    border-radius: 999px;
    color: #004822;
    background: #f8f6ed;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
  }

  .hc-learning-carousel__button:hover {
    background: #eef4c7;
    border-color: rgba(0, 72, 34, 0.3);
  }

  .hc-learning-carousel__button:focus-visible {
    outline: 2px solid #004822;
    outline-offset: 3px;
  }

  .hc-learning-carousel__button:active {
    transform: scale(0.96);
  }

  .hc-learning-carousel__dots {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }

  .hc-learning-carousel__dots span {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: rgba(0, 72, 34, 0.22);
  }

  .hc-learning-carousel__dots span.is-active {
    width: 1.15rem;
    background: #004822;
  }
}

@media (max-width: 420px) {
  .hc-clean-learning-grid--compact.hc-learning-carousel__track {
    grid-auto-columns: minmax(84%, 1fr);
  }

  .hc-clean-learning-grid--compact .hc-rich-media--learning {
    min-height: 11.75rem;
  }
}
/* =========================================================
   Home page — shared mobile carousels
   Applies to Top tasks + Promoted articles
   ========================================================= */

.hc-mobile-carousel__controls {
  display: none;
}

.hc-mobile-carousel__viewport {
  min-width: 0;
}

/* Desktop/tablet: keep existing layouts */
@media (min-width: 768px) {
  .hc-mobile-carousel__track {
    width: 100%;
  }
}

/* Mobile: convert wrapped sections to swipe carousels */
@media (max-width: 767px) {
  .hc-mobile-carousel {
    position: relative;
  }

  .hc-mobile-carousel__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    outline: none;
  }

  .hc-mobile-carousel__viewport::-webkit-scrollbar {
    display: none;
  }

  .hc-mobile-carousel__viewport:focus-visible {
    outline: 2px solid #d5e27b;
    outline-offset: 6px;
    border-radius: 20px;
  }

  /* Top tasks track */
  .hc-clean-task-grid.hc-mobile-carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(82%, 1fr);
    grid-template-columns: none;
    gap: 0.9rem;
    padding: 0.25rem 1rem 0.5rem;
    margin-inline: -1rem;
  }

  .hc-clean-task-grid.hc-mobile-carousel__track > .hc-clean-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  /* Promoted article track */
  .hc-clean-promoted__list.hc-mobile-carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(86%, 1fr);
    grid-template-columns: none;
    gap: 0.9rem;
    padding: 0.25rem 1rem 0.5rem;
    margin: 0 -1rem;
    list-style: none;
  }

  .hc-clean-promoted__list.hc-mobile-carousel__track > .hc-clean-promoted__item {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .hc-clean-promoted__list.hc-mobile-carousel__track .hc-clean-promoted__link {
    height: 100%;
  }

  .hc-mobile-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1rem;
  }

  .hc-mobile-carousel__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(0, 72, 34, 0.18);
    border-radius: 999px;
    color: #004822;
    background: #f8f6ed;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
  }

  .hc-mobile-carousel__button:hover {
    background: #eef4c7;
    border-color: rgba(0, 72, 34, 0.3);
  }

  .hc-mobile-carousel__button:focus-visible {
    outline: 2px solid #004822;
    outline-offset: 3px;
  }

  .hc-mobile-carousel__button:active {
    transform: scale(0.96);
  }

  .hc-mobile-carousel__dots {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }

  .hc-mobile-carousel__dots span {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: rgba(0, 72, 34, 0.22);
    transition: width 160ms ease, background-color 160ms ease;
  }

  .hc-mobile-carousel__dots span.is-active {
    width: 1.15rem;
    background: #004822;
  }
}

@media (max-width: 420px) {
  .hc-clean-task-grid.hc-mobile-carousel__track {
    grid-auto-columns: minmax(86%, 1fr);
  }

  .hc-clean-promoted__list.hc-mobile-carousel__track {
    grid-auto-columns: minmax(88%, 1fr);
  }
}
/* Tighten the gap below the fixed header */
.u-header-offset {
  padding-top: 0 !important;
}

.relay-page__hero {
  padding-top: clamp(20px, 3vw, 36px) !important;
  padding-bottom: clamp(28px, 4vw, 48px) !important;
}

/* Slider track + dynamic progress fill */
.relay-page input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 12px;
  border: 0;
  border-radius: 999px;
  background:
    linear-gradient(90deg, #004822 0%, #d5e27b 100%) 0 0 / var(--range-progress, 0%) 100% no-repeat,
    #d7e2db;
  box-shadow: inset 0 1px 2px rgba(0, 40, 19, 0.12);
  cursor: pointer;
}

.relay-page input[type="range"]::-webkit-slider-runnable-track {
  height: 12px;
  border-radius: 999px;
  background: transparent;
}

.relay-page input[type="range"]::-moz-range-track {
  height: 12px;
  border-radius: 999px;
  background: transparent;
}

.relay-page input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -6px;
  width: 24px;
  height: 24px;
  border: 4px solid #f1ecda;
  border-radius: 50%;
  background: #004822;
  box-shadow: 0 4px 12px rgba(0, 40, 19, 0.28);
}

.relay-page input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border: 4px solid #f1ecda;
  border-radius: 50%;
  background: #004822;
  box-shadow: 0 4px 12px rgba(0, 40, 19, 0.28);
}
/* =========================================================
   Article tabs — Web / Mobile response fix
   Keeps tab buttons on top and forces active panel below
   ========================================================= */

.hc-article-body .tabs,
.rte .tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  gap: 0;
  margin: 1.5rem 0;
}

/* Force all tab buttons to appear before all panels */
.hc-article-body .tabs-link,
.rte .tabs-link {
  order: 1;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(0, 72, 34, 0.16);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  background: #f8f6ed;
  color: #004822;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

/* Active tab button */
.hc-article-body .tabs-link[aria-selected="true"],
.rte .tabs-link[aria-selected="true"] {
  background: #004822;
  color: #fff;
  border-color: #004822;
}

/* Force tab panels full-width below the buttons */
.hc-article-body .tab,
.rte .tab {
  order: 2;
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(0, 72, 34, 0.16);
  border-radius: 0 0 12px 12px;
  background: #fff;
  color: #004822;
  overflow: hidden;
}

/* Respect hidden panels if Lotus/Zendesk JS applies hidden states */
.hc-article-body .tab[hidden],
.rte .tab[hidden],
.hc-article-body .tab[aria-hidden="true"],
.rte .tab[aria-hidden="true"] {
  display: none !important;
}

/* Prevent huge screenshots/media from breaking panel layout */
.hc-article-body .tab img,
.rte .tab img,
.hc-article-body .tab video,
.rte .tab video,
.hc-article-body .tab iframe,
.rte .tab iframe {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

/* Clean up lists inside tab panels */
.hc-article-body .tab ol,
.hc-article-body .tab ul,
.rte .tab ol,
.rte .tab ul {
  margin-top: 1rem;
  padding-left: 1.25rem;
}

.hc-article-body .tab li + li,
.rte .tab li + li {
  margin-top: 0.65rem;
}

/* Mobile: make tab buttons stack or scroll cleanly */
@media (max-width: 575px) {
  .hc-article-body .tabs,
  .rte .tabs {
    display: block;
    margin: 1.25rem 0;
  }

  .hc-article-body .tabs-link,
  .rte .tabs-link {
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 72, 34, 0.16);
    border-radius: 10px;
    margin-top: 0.5rem;
    text-align: left;
  }

  .hc-article-body .tabs-link:first-child,
  .rte .tabs-link:first-child {
    margin-top: 0;
  }

  .hc-article-body .tab,
  .rte .tab {
    margin-top: 0.5rem;
    border-radius: 10px;
    padding: 1rem;
  }
}
/* =========================================================
   Article tables — stable Zendesk/Lotus table fix
   One source of truth. No JS wrapper needed.
   ========================================================= */

/* Let article content shrink correctly inside the layout */
.article,
.hc-subpage-shell--article,
.hc-article-page,
.hc-article-layout,
.hc-article-layout__article,
.hc-article-card,
.hc-article-body,
.hc-article-body.rte,
.rte,
.rte-enhanced {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Zendesk/Lotus table wrappers should own horizontal scrolling */
.hc-article-body .table-responsive,
.hc-article-body figure.wysiwyg-table,
.hc-article-body .wysiwyg-table,
.rte .table-responsive,
.rte figure.wysiwyg-table,
.rte .wysiwyg-table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 1.5rem 0 !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid rgba(0, 72, 34, 0.14) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  -webkit-overflow-scrolling: touch;
}

/* Tables inside wrappers should be normal tables, not scroll containers */
.hc-article-body .table-responsive table,
.hc-article-body figure.wysiwyg-table table,
.hc-article-body .wysiwyg-table table,
.rte .table-responsive table,
.rte figure.wysiwyg-table table,
.rte .wysiwyg-table table {
  display: table !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  background: #fff !important;
}

/* Direct article tables fallback */
.hc-article-body > table,
.hc-article-body.rte > table,
.rte > table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.5rem 0 !important;
  border: 1px solid rgba(0, 72, 34, 0.14) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 10px !important;
  table-layout: auto !important;
  background: #fff !important;
}

/* Restore normal table internals everywhere */
.hc-article-body table thead,
.rte table thead {
  display: table-header-group !important;
}

.hc-article-body table tbody,
.rte table tbody {
  display: table-row-group !important;
}

.hc-article-body table tfoot,
.rte table tfoot {
  display: table-footer-group !important;
}

.hc-article-body table tr,
.rte table tr {
  display: table-row !important;
}

.hc-article-body table th,
.hc-article-body table td,
.rte table th,
.rte table td {
  display: table-cell !important;
  padding: 0.95rem 1rem !important;
  border: 0 !important;
  border-right: 1px solid rgba(0, 72, 34, 0.14) !important;
  border-bottom: 1px solid rgba(0, 72, 34, 0.14) !important;
  color: rgba(23, 51, 40, 0.88);
  line-height: 1.55;
  text-align: left !important;
  vertical-align: top !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
}

/* Remove duplicate right edge */
.hc-article-body table tr > *:last-child,
.rte table tr > *:last-child {
  border-right: 0 !important;
}

/* Remove duplicate bottom edge when wrapper/table already has outer border */
.hc-article-body table tbody tr:last-child > td,
.hc-article-body table tbody tr:last-child > th,
.rte table tbody tr:last-child > td,
.rte table tbody tr:last-child > th {
  border-bottom: 0 !important;
}

/* Header and section rows */
.hc-article-body table th,
.rte table th,
.hc-article-body table th[colspan],
.hc-article-body table td[colspan],
.rte table th[colspan],
.rte table td[colspan] {
  background: rgba(241, 236, 218, 0.72) !important;
  color: #004822 !important;
  font-weight: 700 !important;
}

/* First column labels */
.hc-article-body table td:first-child,
.rte table td:first-child {
  font-weight: 600;
}

/* Tidy content inside cells */
.hc-article-body table p,
.rte table p {
  margin: 0;
}

.hc-article-body table p + p,
.rte table p + p {
  margin-top: 0.45rem;
}

.hc-article-body table ul,
.hc-article-body table ol,
.rte table ul,
.rte table ol {
  margin: 0;
  padding-left: 1.15rem;
}

.hc-article-body table li + li,
.rte table li + li {
  margin-top: 0.45rem;
}

/* Mobile: wrapped tables scroll horizontally */
@media (max-width: 767px) {
  .hc-article-body .table-responsive table,
  .hc-article-body figure.wysiwyg-table table,
  .hc-article-body .wysiwyg-table table,
  .rte .table-responsive table,
  .rte figure.wysiwyg-table table,
  .rte .wysiwyg-table table {
    width: 720px !important;
    min-width: 720px !important;
    max-width: none !important;
  }

  /* Direct table fallback: scroll on the table itself only when no wrapper exists */
  .hc-article-body > table,
  .hc-article-body.rte > table,
  .rte > table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .hc-article-body > table th,
  .hc-article-body > table td,
  .hc-article-body.rte > table th,
  .hc-article-body.rte > table td,
  .rte > table th,
  .rte > table td {
    min-width: 150px;
  }

  .hc-article-body > table th:first-child,
  .hc-article-body > table td:first-child,
  .hc-article-body.rte > table th:first-child,
  .hc-article-body.rte > table td:first-child,
  .rte > table th:first-child,
  .rte > table td:first-child {
    min-width: 170px;
  }
}
/* =========================================================
   Relay Help Center — Error Page v3
   Home-page aligned: light hero, editorial title, soft cards.
   ========================================================= */

.hc-error-clean {
  background: #fff;
  color: #004822;
}

.hc-error-clean__hero {
  position: relative;
  padding-top: clamp(6.5rem, 11vw, 10rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
  background:
    radial-gradient(circle at 86% 14%, rgba(213, 226, 123, 0.62), transparent 22rem),
    linear-gradient(90deg, #f8f6ed 0%, #f8f6ed 68%, #eef5c9 100%);
  overflow: hidden;
}

.hc-error-clean__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(3rem, 7vw, 6rem);
  align-items: center;
}

@media (min-width: 960px) {
  .hc-error-clean__inner {
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.82fr);
  }
}

.hc-error-clean__content {
  max-width: 690px;
}

.hc-error-clean__kicker {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 1.15rem;
  padding: 0.45rem 0.78rem;
  border-radius: 999px;
  background: #eaf2b8;
  color: #004822;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.hc-error-clean__title {
  max-width: 700px;
  margin: 0 0 1.25rem;
  color: #004822;
  font-size: clamp(4rem, 7.4vw, 7.5rem);
  line-height: 0.9;
  letter-spacing: -0.065em;
}

.hc-error-clean__title a {
  color: inherit;
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.12em;
}

.hc-error-clean__text {
  max-width: 620px;
  margin: 0;
  color: #407659;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: clamp(1.05rem, 1.5vw, 1.28rem);
  line-height: 1.6;
}

.hc-error-clean__search {
  max-width: 620px;
  margin-top: 1.7rem;
}

.hc-error-clean__search .search input[type="search"] {
  min-height: 64px;
  padding-inline: 3.5rem 1.5rem;
  border: 1px solid rgba(0, 72, 34, 0.09);
  border-radius: 999px;
  background: #fff;
  color: #004822;
  box-shadow: 0 18px 44px rgba(0, 72, 34, 0.08);
}

.hc-error-clean__search .search::before {
  color: #004822;
}

.hc-error-clean__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.25rem;
}

.hc-error-clean__chip,
.hc-error-clean__chips a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.75rem 1.15rem;
  border: 1px solid rgba(0, 72, 34, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #004822;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0, 72, 34, 0.05);
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.hc-error-clean__chip:first-child,
.hc-error-clean__chips a:first-child {
  background: #d5e27b;
  border-color: #d5e27b;
}

.hc-error-clean__chip:hover,
.hc-error-clean__chip:focus-visible,
.hc-error-clean__chips a:hover,
.hc-error-clean__chips a:focus-visible {
  color: #004822;
  border-color: rgba(0, 72, 34, 0.26);
  transform: translateY(-2px);
}

/* Visual composition mirrors the home hero card stack */
.hc-error-clean__visual {
  display: flex;
  justify-content: center;
}

.hc-error-printer-card {
  position: relative;
  width: min(100%, 560px);
  min-height: 430px;
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.14)),
    rgba(255, 255, 255, 0.34);
}

.hc-error-printer {
  position: absolute;
  inset: 62px 36px auto auto;
  width: min(78%, 390px);
  height: 310px;
  transform: rotate(-2deg);
  filter: drop-shadow(0 26px 38px rgba(0, 72, 34, 0.18));
}

.hc-error-printer__machine {
  position: absolute;
  inset: 90px 0 auto 0;
  height: 190px;
}

.hc-error-printer__top {
  position: absolute;
  top: 0;
  left: 36px;
  right: 36px;
  height: 74px;
  border: 3px solid #003c1d;
  border-radius: 30px 30px 12px 12px;
  background: #d5e27b;
  z-index: 2;
}

.hc-error-printer__dot,
.hc-error-printer__pill {
  position: absolute;
  top: 28px;
  display: block;
  background: #004822;
}

.hc-error-printer__dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

.hc-error-printer__dot:nth-child(1) {
  left: 28px;
}

.hc-error-printer__dot:nth-child(2) {
  left: 52px;
}

.hc-error-printer__pill {
  right: 28px;
  width: 46px;
  height: 13px;
  border-radius: 999px;
}

.hc-error-printer__body {
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  height: 160px;
  border: 3px solid #003c1d;
  border-radius: 34px;
  background: #f8f6ed;
  box-shadow: inset 0 -10px 0 rgba(0, 72, 34, 0.06);
  z-index: 3;
}

.hc-error-printer__slot {
  position: absolute;
  top: 40px;
  left: 46px;
  right: 46px;
  height: 17px;
  border: 3px solid #003c1d;
  border-radius: 999px;
  background: #004822;
}

.hc-error-printer__face {
  position: absolute;
  left: 50%;
  bottom: 42px;
  display: flex;
  gap: 18px;
  align-items: center;
  transform: translateX(-50%);
}

.hc-error-printer__face span {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #004822;
}

.hc-error-printer__face i {
  width: 30px;
  height: 16px;
  border: 3px solid #004822;
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
}

.hc-error-printer__paper {
  position: absolute;
  left: 96px;
  right: 96px;
  top: 0;
  min-height: 126px;
  padding: 1.35rem 1rem 1.2rem;
  border: 3px solid #003c1d;
  border-radius: 18px 18px 6px 6px;
  background: #fffdf4;
  color: #004822;
  text-align: center;
  z-index: 1;
  animation: hcErrorPaper 2.2s ease both;
}

.hc-error-printer__paper::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  bottom: -13px;
  height: 14px;
  background:
    linear-gradient(135deg, transparent 7px, #fffdf4 0) left,
    linear-gradient(225deg, transparent 7px, #fffdf4 0) right;
  background-size: 14px 14px;
  background-repeat: repeat-x;
}

.hc-error-printer__paper p {
  margin: 0 0 0.45rem;
  color: #407659;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
}

.hc-error-printer__paper strong {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.8rem;
  line-height: 1;
}

.hc-error-printer__paper span {
  display: block;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: 0.88rem;
  line-height: 1.3;
}

.hc-error-printer__paper--back {
  top: 22px;
  left: 122px;
  right: 122px;
  min-height: 76px;
  padding-top: 1.05rem;
  transform: rotate(2deg);
  opacity: 0.9;
}

.hc-error-printer__paper--back span {
  font-size: 1.1rem;
  font-weight: 700;
}

.hc-error-printer-card__badge {
  position: absolute;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 999px;
  background: #d5e27b;
  color: #004822;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-weight: 700;
  box-shadow: 0 16px 34px rgba(0, 72, 34, 0.13);
}

.hc-error-printer-card__badge--top {
  top: 36px;
  right: 18px;
  padding: 0.78rem 1rem;
}

.hc-error-printer-card__badge--bottom {
  left: 28px;
  bottom: 42px;
  display: grid;
  gap: 0.1rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: #fff;
}

.hc-error-printer-card__badge--bottom span {
  color: #407659;
  font-size: 0.78rem;
}

.hc-error-printer-card__badge--bottom strong {
  font-size: 1rem;
}

@keyframes hcErrorPaper {
  from {
    transform: translateY(78px);
  }
  to {
    transform: translateY(0);
  }
}

/* Suggested articles section — matches home “Top tasks” rhythm */
.hc-error-clean__suggestions {
  padding-top: clamp(3rem, 7vw, 5rem);
  padding-bottom: clamp(4rem, 8vw, 6rem);
  background: #fff;
}

.hc-error-clean__section-head {
  max-width: 760px;
  margin-bottom: 1.35rem;
}

.hc-error-clean__section-head h2 {
  margin: 0;
  color: #004822;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1;
  letter-spacing: -0.045em;
}

.hc-error-clean__article-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 720px) {
  .hc-error-clean__article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hc-error-clean__article-card a {
  display: flex;
  min-height: 86px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid rgba(0, 72, 34, 0.13);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(248, 246, 237, 0.72), rgba(255, 255, 255, 1));
  color: #004822;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  box-shadow: 0 18px 50px rgba(0, 72, 34, 0.06);
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.hc-error-clean__article-card a:hover,
.hc-error-clean__article-card a:focus-visible {
  color: #004822;
  border-color: rgba(0, 72, 34, 0.28);
  background: #f8f6ed;
  transform: translateY(-3px);
}

.hc-error-clean a:focus-visible,
.hc-error-clean input:focus-visible {
  outline: 3px solid #d5e27b;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .hc-error-clean__hero {
    padding-top: 6rem;
  }

  .hc-error-clean__title {
    font-size: clamp(3.2rem, 16vw, 5rem);
  }

  .hc-error-clean__visual {
    order: -1;
  }

  .hc-error-printer-card {
    min-height: 320px;
  }

  .hc-error-printer {
    inset: 34px auto auto 50%;
    width: 300px;
    height: 275px;
    transform: translateX(-50%) rotate(-2deg);
  }

  .hc-error-printer__paper {
    left: 76px;
    right: 76px;
  }

  .hc-error-printer__paper--back {
    left: 98px;
    right: 98px;
  }

  .hc-error-printer-card__badge--top {
    display: none;
  }

  .hc-error-printer-card__badge--bottom {
    left: 16px;
    bottom: 12px;
  }

  .hc-error-clean__chips {
    flex-direction: column;
  }

  .hc-error-clean__chips a {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hc-error-printer__paper {
    animation: none;
  }

  .hc-error-clean__chip,
  .hc-error-clean__chips a,
  .hc-error-clean__article-card a {
    transition: none;
  }

  .hc-error-clean__chip:hover,
  .hc-error-clean__chip:focus-visible,
  .hc-error-clean__chips a:hover,
  .hc-error-clean__chips a:focus-visible,
  .hc-error-clean__article-card a:hover,
  .hc-error-clean__article-card a:focus-visible {
    transform: none;
  }
}

/* =========================================================
   Article tabs — mobile overlap fix
   Supports Lotus .is-active and aria-selected states
   ========================================================= */

.hc-article-body .tabs,
.rte .tabs {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 1.5rem 0;
  overflow: hidden;
}

.hc-article-body .tabs-menu,
.rte .tabs-menu {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  padding: 0;
}

.hc-article-body .tabs-menu > span,
.rte .tabs-menu > span {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  color: inherit !important;
}

.hc-article-body .tabs-link,
.rte .tabs-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(0, 72, 34, 0.18);
  border-radius: 10px;
  background: #f8f6ed;
  color: #004822;
  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.hc-article-body .tabs-link.is-active,
.hc-article-body .tabs-link[aria-selected="true"],
.rte .tabs-link.is-active,
.rte .tabs-link[aria-selected="true"] {
  background: #004822;
  color: #fff;
  border-color: #004822;
}

.hc-article-body .tab,
.rte .tab {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(0, 72, 34, 0.16);
  border-radius: 12px;
  background: #fff;
  color: #004822;
  overflow: hidden;
  clear: both;
}

.hc-article-body .tab.is-hidden,
.hc-article-body .tab[hidden],
.hc-article-body .tab[aria-hidden="true"],
.rte .tab.is-hidden,
.rte .tab[hidden],
.rte .tab[aria-hidden="true"] {
  display: none !important;
}

.hc-article-body .tab img,
.hc-article-body .tab video,
.hc-article-body .tab iframe,
.rte .tab img,
.rte .tab video,
.rte .tab iframe {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

/* Mobile: stack the buttons cleanly, no overlap */
@media (max-width: 575px) {
  .hc-article-body .tabs,
  .rte .tabs {
    margin: 1.25rem 0;
    overflow: visible;
  }

  .hc-article-body .tabs-menu,
  .rte .tabs-menu,
  .hc-article-body .tabs-menu > span,
  .rte .tabs-menu > span {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .hc-article-body .tabs-link,
  .rte .tabs-link {
    width: 100%;
    justify-content: flex-start;
    min-height: 48px;
    padding: 0.9rem 1rem;
    text-align: left;
  }

  .hc-article-body .tab,
  .rte .tab {
    margin-top: 0.75rem;
    padding: 1rem;
    border-radius: 12px;
  }
}
/* =========================================================
   Relay Holiday Alert — prevents overlap with fixed header
   ========================================================= */

:root {
  --hc-alert-height: 0px;
}

/* Alert sits above the nav, but its height is measured and offset in JS */
.hc-holiday-alert {
  display: block;
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 10000;

  width: 100%;
  padding: 16px clamp(16px, 4vw, 40px);
  background: #b66034;
  color: #f1ecda;
  border-bottom: 1px solid #004e3d;

  font-family: 'Basis Grotesque Pro', 'Droid Sans', sans-serif;
  font-size: clamp(15px, 1.45vw, 22px);
  line-height: 1.35;
  font-weight: 700;
  text-align: center;
}

.hc-holiday-alert[hidden] {
  display: none !important;
}

.hc-holiday-alert p {
  margin: 0;
}

.hc-holiday-alert .dismiss-alert {
  margin-left: 1rem;
  padding: 4px;
  background: transparent;
  border: 0;
  color: #f1ecda;
  font: inherit;
  font-size: 1.25em;
  line-height: 1;
  cursor: pointer;
}

.hc-holiday-alert .dismiss-alert:focus-visible {
  outline: 2px solid #f1ecda;
  outline-offset: 4px;
  border-radius: 999px;
}

/* Push the page down only while the alert is visible */
html.has-holiday-alert body {
  padding-top: var(--hc-alert-height);
}

/* Move common fixed/sticky header shells below the alert */
html.has-holiday-alert .lt-topbar,
html.has-holiday-alert .lt-header,
html.has-holiday-alert .header,
html.has-holiday-alert .site-header,
html.has-holiday-alert [data-header] {
  top: var(--hc-alert-height);
}

/* Mobile: give the close button breathing room */
@media (max-width: 767px) {
  .hc-holiday-alert {
    padding-right: 48px;
    font-size: 15px;
  }

  .hc-holiday-alert .dismiss-alert {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    margin-left: 0;
  }
}

:root {
  --hc-alert-height: 0px;
}

/* Move the fixed/sticky marketing-style header below the alert */
html.has-holiday-alert .lt-topbar {
  top: var(--hc-alert-height);
}

/* Move mobile drawer below the alert too */
html.has-holiday-alert .lt-topbar__mobile-nav,
html.has-holiday-alert .lt-mobile-nav__panel {
  top: var(--hc-alert-height);
  max-height: calc(100vh - var(--hc-alert-height));
}

/* Keep skip link usable when alert is visible */
html.has-holiday-alert .lt-skip-navigation:focus {
  top: calc(var(--hc-alert-height) + 8px);
}