.fourless-site,
.fourless-admin {
  --fl-forest: #183c2e;
  --fl-green: #286046;
  --fl-lime: #d7f779;
  --fl-paper: #f7f8f3;
  --fl-ink: #1e3027;
  --fl-muted: #718078;
  --fl-line: #e1e7df;
  --fl-pale: #edf3e9;
  --fl-shadow: 0 18px 50px #183c2e0d;
  --body-font: Arial, Helvetica, sans-serif;
  --heading-font: Arial, Helvetica, sans-serif;
  background: var(--fl-paper);
  color: var(--fl-ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:is(.fourless-site, .fourless-admin) :is(button, input, select, textarea, label) {
  font-family: inherit;
}

.fl-preserve-lines {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.fourless-site :is(.fl-public-counters .counterup-item__title, .fl-provider-performance .fl-metrics h2) {
  margin: 8px 0 16px;
  color: var(--fl-forest);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
}

.fourless-site .fl-provider-plans { max-width: 1280px; }
.fourless-site .fl-provider-plans details[open] > summary { margin-bottom: 16px; }
.fourless-site .hosting-plan-edit-form { min-width: 0; width: 100%; }
.fourless-site .fl-provider-plans .fl-control-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
  gap: 12px 16px;
  align-items: center;
}
.fourless-site .fl-provider-plans .fl-control-toolbar > button { grid-column: 1 / -1; }

.fourless-admin .fl-control {
  display: grid;
  gap: 24px;
  min-width: 0;
  padding-bottom: 48px;
}

.fourless-admin .fl-control h1 { font-size: clamp(26px, 3vw, 40px); }
.fourless-admin .fl-control h2 { font-size: 22px; }
.fourless-admin .fl-control h3 { font-size: 18px; }

.fourless-admin .fl-control .fl-card {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--fl-line);
  border-radius: 18px;
  background: white;
  color: var(--fl-ink);
  overflow-wrap: anywhere;
}

.fourless-admin .fl-control :is(.fl-control-grid, .fl-control-metrics) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: 20px;
  min-width: 0;
}

.fourless-admin .fl-control .fl-control-link {
  display: grid;
  align-content: start;
  gap: 12px;
  text-decoration: none;
}

.fourless-admin .fl-control-link > i { font-size: 30px; color: var(--fl-green); }
.fourless-admin .fl-control-link > strong { font-size: 18px; }
.fourless-admin .fl-control-link > span { color: var(--fl-muted); font-size: 13px; }
.fourless-admin .fl-control-number { font-size: 36px; line-height: 1.4; }
.fourless-admin .fl-control .fl-eyebrow {
  color: var(--fl-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fourless-admin .fl-control-form {
  display: grid;
  gap: 14px;
  align-content: start;
}

.fourless-admin .fl-control-form fieldset {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--fl-line);
  border-radius: 12px;
}

.fourless-admin .fl-control-form legend { font-size: 16px; }
.fourless-admin .fl-control-check { display: flex; gap: 9px; align-items: center; }
.fourless-admin .fl-control-check input { flex: 0 0 auto; }
.fourless-admin .fl-control-form :is(input, select, textarea) { min-width: 0; max-width: 100%; }
.fourless-admin .fl-control details { margin-top: 20px; }
.fourless-admin .fl-control details summary { cursor: pointer; margin-bottom: 16px; }
.fourless-admin .fl-control-image { max-width: 100%; max-height: 220px; object-fit: contain; }
.fourless-admin .fl-control-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.fourless-admin .fl-control-toolbar label { flex-basis: 100%; }
.fourless-admin .fl-control-toolbar input { flex: 1 1 180px; min-width: 0; }
.fourless-admin .fl-control .table-responsive { max-width: 100%; }
.fourless-admin :is(#guide-subscriptions, #hidden-catalogue) { min-width: 640px; overflow-wrap: normal; }
.fourless-admin .fl-control-tab {
  color: var(--fl-forest);
  border: 1px solid var(--fl-forest);
  border-radius: 8px;
  background: #fff;
}
.fourless-admin .fl-control-tab:is([aria-current="page"], :hover, :focus-visible) {
  color: #fff;
  background: var(--fl-forest);
  border-color: var(--fl-forest);
}

.fourless-site #review-follow-ups {
  background: #fff;
  border-color: var(--fl-line) !important;
  border-radius: 16px !important;
}

.fourless-site #review-follow-ups .text-muted {
  color: #5b6d61 !important;
}

.fourless-site .review-wrapper__bottom > .d-flex {
  flex-wrap: wrap;
}

.fourless-site .review-wrapper__bottom .action-btn {
  white-space: nowrap;
}

.fourless-site .review-history__rating {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.fourless-site .review-history__rating .rating-text {
  flex-wrap: wrap;
  gap: 4px;
}

.fourless-site .review-history__rating .rating-text > span {
  white-space: nowrap;
}

.fourless-site :is(.customer-account-page__intro, .customer-account-nav, .customer-privacy__note) {
  background: var(--fl-pale);
  color: var(--fl-ink);
  border-color: var(--fl-line);
}

.fourless-site :is(.customer-account-page__intro span, .customer-privacy__eyebrow, .customer-account-nav a) {
  color: var(--fl-green);
}

.fourless-site .customer-account-nav a[aria-current="page"] {
  background: var(--fl-forest);
  color: #fff;
}
.fourless-admin .fl-control a:not(.btn):not(.fl-control-link) { color: var(--fl-green); }
.fourless-admin .fl-control p { color: #5b6d61; }
.fourless-admin input[type="checkbox"] { accent-color: var(--fl-green); }

:is(.fourless-site, .fourless-admin) :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #779744;
  outline-offset: 4px;
}

:is(.fourless-site, .fourless-admin) :is(h1, h2, h3, h4, h5, h6) {
  font-family: inherit;
  color: var(--fl-ink);
  letter-spacing: -.035em;
  line-height: 1.2;
}

.fourless-site :is(.container, .container-fluid) {
  --bs-gutter-x: 2rem;
}

.fourless-site .header {
  background: #f7f8f3f5;
  border-bottom: 1px solid var(--fl-line);
  box-shadow: none;
  backdrop-filter: blur(15px);
}

.fourless-site .header .navbar {
  min-height: 83px;
}

.fourless-site .header .nav-menu {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.fourless-site #provider-plans {
  scroll-margin-top: 110px;
}

.fourless-site :is(.navbar-brand.logo, .footer-item__logo) {
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  background: var(--fl-forest);
  border-radius: 10px;
}

.fourless-site .header .header-button {
  color: var(--fl-forest) !important;
}

.fourless-site .header :is(.nav-link, .dropdown-item) {
  color: #637168 !important;
  font-size: 13px;
  font-weight: 600;
}

.fourless-site .header :is(.nav-link:hover, .nav-item.active > .nav-link) {
  color: var(--fl-forest) !important;
}

.fourless-site :is(.dropdown-menu, .select2-dropdown) {
  border: 1px solid var(--fl-line);
  border-radius: 12px;
  box-shadow: var(--fl-shadow);
}

.fourless-site .public-home-refresh .banner-section {
  background: var(--fl-paper);
  border-color: var(--fl-line);
  padding-block: 66px 48px;
}

.fourless-site .public-home-refresh .banner-content__title {
  color: var(--fl-ink);
  font-size: clamp(2.4rem, 4.7vw, 4.2rem);
  line-height: 1.06;
  letter-spacing: -.055em;
  font-weight: 600;
}

.fourless-site .banner-content__desc {
  color: var(--fl-muted);
  line-height: 1.8;
}

.fourless-site .banner-thumb img {
  border-radius: 28px;
}

.fourless-site :is(.search-business .input-group, .input-group--search) {
  background: #fff;
  border: 1px solid #d6dfd0;
  border-radius: 12px;
}

.fourless-site :is(.btn--base, .btn--primary) {
  background: var(--fl-forest) !important;
  border-color: var(--fl-forest) !important;
  color: #fff;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 600;
}

.fourless-site :is(.btn--base:hover, .btn--primary:hover) {
  background: #285640 !important;
  border-color: #285640 !important;
  color: #fff;
}

.fourless-site .btn-outline--base {
  color: var(--fl-forest);
  background: #fff;
  border-color: var(--fl-line);
  border-radius: 9px;
}

.fourless-site .btn-outline--base:hover {
  background: var(--fl-pale);
  color: var(--fl-forest);
  border-color: #94b773;
}

.fourless-site :is(.form--control, .hosting-plans-filters select, .hosting-plans-filters input, .hosting-plan-finder select) {
  background: #fff;
  color: var(--fl-ink);
  border: 1px solid #dbe3d4;
  border-radius: 8px;
  min-width: 0;
}

.fourless-site :is(.company-item, .company-sidebar, .details-sidebar-item, .review-form, .review-item, .feature-item, .blog-item, .hosting-plan-info-card, .hosting-glossary__item) {
  background: #fff;
  border: 1px solid var(--fl-line);
  border-radius: 16px;
  box-shadow: none;
}

.fourless-site .company-item {
  padding: 24px;
  margin-bottom: 20px;
}

.fourless-site .company-item__thumb {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border: 1px solid var(--fl-line);
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
}

.fourless-site .company-item__thumb img {
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
}

.fourless-site :is(.company-item__content, .company-wrapper, .company-details, .details-sidebar) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.fourless-site :is(.company-item__title, .company-reviews__title, .details-sidebar-item__title) {
  color: var(--fl-ink);
}

.fourless-site :is(.company-item__name, .trust-wrapper__text, .details-sidebar-item__desc) {
  color: var(--fl-muted);
}

.fourless-site :is(.company-item__bottom, .review-item + .review-item, .sidebar-item + .sidebar-item) {
  border-color: var(--fl-line);
}

.fourless-site :is(.company-section, .public-home-refresh > .mt-120) {
  margin-top: 65px;
}

.fourless-site :is(.company-section, .public-home-refresh > .mb-120) {
  margin-bottom: 65px;
}

.fourless-site :is(.hosting-plan-finder, .hosting-glossary, .counterup-item, .counterup-section) {
  background: var(--fl-pale);
  border-color: var(--fl-line);
  border-radius: 20px;
}

.fourless-site .hosting-plans-page__header h1 {
  font-size: clamp(2rem, 4vw, 2.75rem);
}

.fourless-site :is(.company-details-section, .public-review-refresh) {
  background: var(--fl-paper);
}

.fourless-site .provider-page-nav a {
  color: var(--fl-green);
}

.fourless-site :is(.breadcrumb-section, section.breadcrumb) {
  background: var(--fl-paper) !important;
  background-image: none !important;
  padding-block: 30px;
  border-bottom: 1px solid var(--fl-line);
}

.fourless-site :is(.breadcrumb-section, section.breadcrumb) :is(h1, h2, .breadcrumb__title) {
  color: var(--fl-ink);
  font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.fourless-site .footer-area {
  background: #f1f4eb;
  border-top: 1px solid var(--fl-line);
}

.fourless-site .footer-shape {
  display: none;
}

.fourless-site :is(.footer-item__title, .footer-menu__link, .bottom-footer-text) {
  color: var(--fl-ink);
}

.fourless-site .footer-menu__link {
  font-size: 12px;
}

.fourless-site .bottom-footer {
  background: transparent;
  border-top: 1px solid #dce4d5;
}

.fourless-site :is(.feedback-content-wrapper, .cta-section) {
  background: var(--fl-forest) !important;
  border-radius: 20px;
}

.fourless-site :is(.feedback-content__title, .cta-wrapper__title) {
  color: #fff;
}

.fourless-site :is(.feedback-content, .cta-wrapper) p,
.fourless-site .feedback-content-wrapper .feedback-content__desc {
  color: #b9c9b4;
}

.fourless-site .cta-section .btn--base {
  background: var(--fl-lime) !important;
  border-color: var(--fl-lime) !important;
  color: var(--fl-forest);
}

.fourless-site .cta-section .btn--base:hover {
  background: #c9ed64 !important;
  border-color: #c9ed64 !important;
  color: var(--fl-forest);
}

.fourless-admin .sidebar.bg--dark {
  background: var(--fl-forest) !important;
}

.fourless-admin .sidebar :is(.menu-title, .menu-icon, .sidebar__menu-header, .version-info) {
  color: #bbcdb4;
}

.fourless-admin .sidebar .sidebar-menu-item.active > a,
.fourless-admin .sidebar a.side-menu--open {
  background: #ffffff12 !important;
  border-radius: 8px;
}

.fourless-admin .sidebar .sidebar-menu-item.active :is(.menu-title, .menu-icon) {
  color: var(--fl-lime);
}

.fourless-admin .sidebar .version-info {
  background: var(--fl-forest);
}

.fourless-admin .sidebar .version-info :is(span, a) {
  color: #bbcdb4 !important;
}

.fourless-admin .admin-spotlight {
  background: #183c2e57;
}

.fourless-admin .admin-spotlight__dialog {
  border-color: var(--fl-line);
  box-shadow: var(--fl-shadow);
}

.fourless-admin .admin-spotlight__head .spotlight-input-wrap:focus-within {
  border-color: var(--fl-green);
  box-shadow: 0 0 0 3px #28604620;
}

.fourless-admin :is(.admin-spotlight__results, .admin-spotlight__footer) {
  background: var(--fl-paper);
}

.fourless-admin .search-item-icon,
.fourless-admin .admin-spotlight__footer :is(i, kbd) {
  background: var(--fl-pale);
  color: var(--fl-green);
  border-color: var(--fl-line);
}

.fourless-admin .admin-spotlight__results .search-list li.active .search-list-link,
.fourless-admin .admin-spotlight__results .search-list li .search-list-link:hover {
  background: var(--fl-forest);
}

.fourless-admin .navbar-wrapper.bg--dark {
  background: #fff !important;
  border-bottom: 1px solid var(--fl-line);
  box-shadow: none;
}

.fourless-admin .navbar-wrapper :is(.navbar-search-field, .navbar-user__name, .primary--layer, .res-sidebar-open-btn) {
  color: var(--fl-ink);
}

.fourless-admin .navbar-search-field {
  background: var(--fl-paper);
  border: 1px solid var(--fl-line);
  border-radius: 9px;
}

.fourless-admin .navbar-search .navbar-search-field::placeholder {
  color: #637168 !important;
}

.fourless-admin .navbar-wrapper .primary--layer :is(a, i),
.fourless-admin .navbar-wrapper :is(.navbar-search > i, .navbar-user > .icon) {
  color: var(--fl-ink);
}

.fourless-admin .navbar__action-list > li > button i:not([class*="text--"]) {
  color: var(--fl-ink) !important;
  text-shadow: none;
}

.fourless-admin .configure-card-btn {
  background: var(--fl-forest);
  color: white;
}

.fourless-admin .navbar-search-shortcut,
.fourless-admin .navbar-search-shortcut__plus {
  color: #637168;
}

.fourless-admin .navbar-search-shortcut kbd {
  color: var(--fl-ink);
  border-color: var(--fl-line);
  background: var(--fl-pale);
}

.fourless-admin .navbar-search .navbar-search-field:focus {
  border-color: var(--fl-green);
  box-shadow: 0 0 0 3px #28604620;
}

.fourless-admin :is(.body-wrapper, .bodywrapper__inner) {
  background: var(--fl-paper);
}

.fourless-admin :is(.card, .widget, .widget-two, .widget-three, .widget-four) {
  border: 1px solid var(--fl-line);
  border-radius: 14px;
  box-shadow: none;
}

.fourless-admin :is(.card-header, .table thead th) {
  background: #f8faf4;
  color: #42634c;
  border-color: var(--fl-line);
}

.fourless-admin .table :is(td, th) {
  border-color: var(--fl-line);
  font-size: 12px;
}

.fourless-admin :is(.btn--primary, .btn-primary) {
  --color: var(--fl-forest);
  background: var(--fl-forest);
  border-color: var(--fl-forest);
  border-radius: 8px;
}

.fourless-admin :is(.btn--primary, .btn-primary):is(:hover, :active, :focus, :focus-visible) {
  --color: var(--fl-green);
}

.fourless-admin .form-control {
  border-color: #dfe7d6;
  border-radius: 8px;
}

.fourless-staging-label {
  padding: 9px 16px;
  background: #fff4d8;
  color: #675020;
  font: 600 12px/1.5 Arial, Helvetica, sans-serif;
  text-align: center;
  border-bottom: 1px solid #ead7a1;
}

.fourless-skip {
  position: fixed;
  z-index: 10000;
  top: -100px;
  left: 16px;
  padding: 12px 18px;
  border-radius: 8px;
  background: var(--fl-forest);
  color: #fff;
}

.fourless-skip:focus {
  top: 12px;
  color: #fff;
}

@media (max-width: 575px) {
  .fourless-site .fl-provider-plans .fl-control-toolbar { grid-template-columns: minmax(0, 1fr); }
  .fourless-site .header .navbar { min-height: 70px; }
  .fourless-site .public-home-refresh .banner-section { padding-block: 36px 42px; }
  .fourless-site .company-item { padding: 18px; }
  .fourless-site .company-item__top { gap: 12px; }
  .fourless-site :is(.company-section, .public-home-refresh > .mt-120) { margin-top: 42px; }
  .fourless-site :is(.company-section, .public-home-refresh > .mb-120) { margin-bottom: 42px; }
  .fourless-site :is(.form--control, .hosting-plan-finder select) { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  :is(.fourless-site, .fourless-admin) :is(.btn, .company-item, .category-card) { transition: none; }
}

.fourless-site {
  --base: 154 43% 16%;
  --base-two: 152 41% 27%;
  --heading-color: 142 23% 15%;
  --body-color: 143 7% 42%;
  --bs-primary: #183c2e;
  --bs-link-color: #286046;
  --bs-link-hover-color: #183c2e;
}

.fourless-site :is(.dashboard, .dashboard__right, .account-section, .login-section) {
  background: var(--fl-paper);
}

.fourless-site :is(.dashboard .sidebar, .dashboard-sidebar, .dashboard__sidebar) {
  background: var(--fl-forest);
}

.fourless-site .dashboard .sidebar-menu {
  background: var(--fl-forest);
  border-color: #ffffff20;
}

.fourless-site .dashboard .sidebar-menu-list__link,
.fourless-site .dashboard :is(.sidebar-brand__name, .sidebar-brand__link, .sidebar-menu__close) {
  color: #d7e3d2;
}

.fourless-site .dashboard .sidebar-menu-list__item.active > a {
  background: #ffffff12;
  color: var(--fl-lime);
}

.fourless-admin .login-main {
  background-image: none !important;
  background-color: var(--fl-paper);
}

.fourless-admin .login-wrapper {
  overflow: hidden;
  border: 1px solid var(--fl-line);
  border-radius: 18px;
  box-shadow: var(--fl-shadow);
}

.fourless-admin .login-wrapper__top,
.fourless-admin .cmn-btn {
  background: var(--fl-forest);
  border-color: var(--fl-forest);
}

.fourless-admin .login-wrapper__top .title {
  color: #fff;
}

.fourless-admin .login-wrapper__body {
  background: #fff;
}

.fourless-site :is(.dashboard-header, .dashboard .card, .dashboard-widget, .dashboard-card, .account-form, .login-form, .registration-form) {
  background: #fff;
  border: 1px solid var(--fl-line);
  border-radius: 14px;
  box-shadow: none;
}

.fourless-site :is(.form-control, .form-select, .select2-container--default .select2-selection--single) {
  border-color: var(--fl-line);
  border-radius: 9px;
}

.fourless-site .form-control:focus {
  border-color: var(--fl-green);
  box-shadow: 0 0 0 3px #28604620;
}

.fourless-site .fl-page {
  padding-block: 52px 72px;
}

.fourless-site .fl-page-heading {
  max-width: 760px;
  margin-bottom: 30px;
}

.fourless-site .fl-page-heading h1 {
  margin: 12px 0 18px;
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.05em;
}

.fourless-site .fl-page-heading p {
  color: #5b6d61;
  line-height: 1.75;
}

.fourless-site .fl-eyebrow {
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--fl-green);
}

.fourless-site .fl-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin: 24px 0;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--fl-line);
  border-radius: 14px;
}

.fourless-site .fl-filter-bar label {
  display: grid;
  gap: 7px;
  flex: 1 1 150px;
  min-width: 0;
  color: #42584a;
  font-size: .8rem;
  font-weight: 600;
}

.fourless-site .fl-filter-bar .form-control {
  min-height: 43px;
  width: 100%;
  background: var(--fl-paper);
  font-size: .9rem;
  color: var(--fl-ink);
}

.fourless-site .fl-filter-bar .btn {
  min-height: 43px;
}

.fourless-site .fl-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.fourless-site .fl-card {
  display: block;
  min-width: 0;
  padding: 25px;
  border: 1px solid var(--fl-line);
  border-radius: 16px;
  background: #fff;
  color: var(--fl-ink);
  overflow-wrap: anywhere;
}

.fourless-site .fl-card h2 {
  margin-bottom: 15px;
  font-size: 1.15rem;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.fourless-site .fl-card h3 {
  font-size: .95rem;
  line-height: 1.4;
  letter-spacing: -.01em;
}

.fourless-site .fl-card p {
  color: #5b6d61;
  font-size: .9rem;
  line-height: 1.7;
}

.fourless-site .fl-provider-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.fourless-site .fl-provider-heading > div {
  min-width: 0;
}

.fourless-site .fl-provider-heading :is(h2, p) {
  margin: 0;
}

.fourless-site .fl-provider-heading img {
  object-fit: contain;
  flex-shrink: 0;
  padding: 5px;
  background: #fff;
  border: 1px solid var(--fl-line);
  border-radius: 12px;
}

.fourless-site .fl-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  font-size: .85rem;
}

.fourless-site .fl-rating strong {
  padding: 5px 9px;
  background: var(--fl-pale);
  border-radius: 7px;
  color: var(--fl-forest);
}

.fourless-site .fl-result-count,
.fourless-site .fl-note {
  color: #617267;
  font-size: .85rem;
}

.fourless-site .fl-empty {
  grid-column: 1 / -1;
  padding-block: 45px;
  text-align: center;
}

.fourless-site .fl-finder {
  max-width: 850px;
  margin-inline: auto;
}

.fourless-site .fl-choice-grid,
.fourless-site .fl-account-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.fourless-site .fl-choice {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 18px;
  border: 1px solid var(--fl-line);
  border-radius: 10px;
  cursor: pointer;
}

.fourless-site .fl-choice:has(input:checked) {
  border-color: var(--fl-green);
  background: var(--fl-pale);
}

.fourless-site .fl-choice :is(strong, small) {
  display: block;
}

.fourless-site .fl-choice strong {
  font-size: .9rem;
  margin-bottom: 5px;
}

.fourless-site .fl-choice small {
  color: #617267;
  font-size: .78rem;
}

.fourless-site .fl-choice input,
.fourless-site .fl-checks input {
  accent-color: var(--fl-forest);
  margin-top: 3px;
}

.fourless-site .fl-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-block: 20px;
  font-size: .85rem;
}

.fourless-site .fl-account-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 25px;
  padding: 8px;
  background: var(--fl-pale);
  border: 1px solid var(--fl-line);
  border-radius: 12px;
}

.fourless-site .fl-account-nav a {
  padding: 10px 14px;
  font-size: .85rem;
  font-weight: 600;
  color: var(--fl-green);
  border-radius: 8px;
}

.fourless-site .fl-account-nav a[aria-current],
.fourless-site .fl-account-nav a:hover {
  color: #fff;
  background: var(--fl-forest);
}

.fourless-site .fl-metrics {
  margin-bottom: 22px;
}

.fourless-site .fl-metrics .fl-card > * {
  display: block;
}

.fourless-site .fl-metrics strong {
  margin-block: 10px;
  color: var(--fl-forest);
  font-size: 2rem;
}

.fourless-site .fl-metrics small {
  color: #617267;
  line-height: 1.6;
}

.fourless-site .fl-list-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-block: 18px;
  border-top: 1px solid var(--fl-line);
}

.fourless-site .fl-status {
  flex-shrink: 0;
  padding: 5px 9px;
  border-radius: 6px;
  background: var(--fl-pale);
  font-size: .72rem;
  color: var(--fl-green);
}

@media (max-width: 1199px) {
  .fourless-site .header .navbar { flex-wrap: wrap; }
  .fourless-site .header .nav-link { font-size: 12px; padding-inline: 8px; }
  .fourless-site .fl-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .fourless-site .fl-page { padding-block: 30px 45px; }
  .fourless-site :is(.fl-card-grid, .fl-choice-grid, .fl-account-columns) { grid-template-columns: minmax(0, 1fr); }
  .fourless-site .fl-card { padding: 20px; }
  .fourless-site .fl-filter-bar { padding: 16px; }
  .fourless-site .fl-filter-bar .form-control { font-size: 16px; }
  .fourless-site .fl-account-nav { gap: 2px; }
  .fourless-site .fl-account-nav a { padding: 9px; font-size: .8rem; }
}