/* Design 4.6: neutral editorial field with one color rail per chapter. */

.design-v46 {
  --camping-accent: #647d48;
  --region-accent: #287675;
  --business-accent: #b56d3c;
  --case-accent: #527d92;
  background: #f8f9f6;
}

/* The navigation repeats the four chapter colors without becoming a row of pills. */

.design-v46 .site-nav .nav-group:nth-child(1) {
  --nav-accent: var(--camping-accent);
}

.design-v46 .site-nav .nav-group:nth-child(2) {
  --nav-accent: var(--region-accent);
}

.design-v46 .site-nav .nav-group:nth-child(3) {
  --nav-accent: var(--business-accent);
}

.design-v46 .site-nav .nav-primary,
.design-v46 .site-nav > a[href="#case"] {
  padding: 10px 0 8px;
  border-bottom: 3px solid var(--nav-accent, var(--case-accent));
}

.design-v46 .site-nav .nav-group .submenu-toggle {
  color: var(--nav-accent);
}

.design-v46 .site-nav .nav-group .nav-primary:hover,
.design-v46 .site-nav .nav-group .nav-primary:focus-visible {
  color: var(--nav-accent);
}

.design-v46 .site-nav .nav-group .submenu-toggle:focus-visible {
  outline-color: var(--nav-accent);
}

.design-v46 .site-nav .nav-submenu {
  border-top: 3px solid var(--nav-accent);
}

.design-v46 .site-nav .nav-submenu a:hover,
.design-v46 .site-nav .nav-submenu a:focus-visible {
  color: var(--ink);
  background: color-mix(in srgb, var(--nav-accent) 12%, white);
}

.design-v46 .site-nav > a[href="#case"] {
  --nav-accent: var(--case-accent);
}

.design-v46 .site-nav > a[href="#case"]:hover,
.design-v46 .site-nav > a[href="#case"]:focus-visible {
  color: var(--case-accent);
}

.design-v46 .site-nav .nav-contact {
  padding: 11px 17px;
  border: 1px solid var(--case-accent);
  border-bottom-width: 4px;
  color: #355d70;
}

.design-v46 .site-nav .nav-contact:hover,
.design-v46 .site-nav .nav-contact:focus-visible {
  color: #ffffff;
  background: var(--case-accent);
}

.design-v46 #principles,
.design-v46 #camping,
.design-v46 #product {
  --chapter-accent: var(--camping-accent);
  border-color: rgba(100, 125, 72, 0.24);
  background: #f8faf5;
}

.design-v46 #regions,
.design-v46 #region-results,
.design-v46 #region-program {
  --chapter-accent: var(--region-accent);
  border-color: rgba(40, 118, 117, 0.25);
}

.design-v46 #business,
.design-v46 #launch,
.design-v46 #economy,
.design-v46 #scale {
  --chapter-accent: var(--business-accent);
  border-color: rgba(181, 109, 60, 0.26);
}

.design-v46 #case,
.design-v46 #contacts {
  --chapter-accent: var(--case-accent);
  border-color: rgba(82, 125, 146, 0.3);
}

.design-v46 #principles,
.design-v46 #camping,
.design-v46 #product,
.design-v46 #regions,
.design-v46 #region-results,
.design-v46 #region-program,
.design-v46 #business,
.design-v46 #launch,
.design-v46 #economy,
.design-v46 #scale,
.design-v46 #case,
.design-v46 #contacts {
  border-top-width: 1px;
  border-top-style: solid;
  box-shadow: inset 10px 0 0 var(--chapter-accent);
}

.design-v46 #principles,
.design-v46 #regions,
.design-v46 #business,
.design-v46 #case {
  border-top-width: 12px;
  border-top-color: var(--chapter-accent);
}

.design-v46 #principles .section-heading,
.design-v46 #camping .section-heading {
  border-color: var(--camping-accent);
}

.design-v46 #principles .eyebrow,
.design-v46 #camping .eyebrow,
.design-v46 #product .eyebrow,
.design-v46 #product .product-list dt,
.design-v46 #camping .scenario-list article:nth-child(n) .scenario-label {
  color: var(--camping-accent);
}

.design-v46 #principles .scenario-list,
.design-v46 #principles .scenario-list article,
.design-v46 #camping .scenario-list,
.design-v46 #camping .scenario-list article,
.design-v46 #product .product-list,
.design-v46 #product .product-list > div {
  border-color: rgba(100, 125, 72, 0.26);
}

.design-v46 #camping .feature-story,
.design-v46 #camping .statement {
  background: #3d5640;
}

.design-v46 #camping .statement {
  border-color: var(--camping-accent);
}

.design-v46 #product .product-copy {
  background: #ffffff;
}

.design-v46 #leisure .leisure-card {
  border: 1px solid rgba(100, 125, 72, 0.32);
  border-top: 5px solid var(--camping-accent);
  border-radius: 4px;
  color: var(--ink);
  background: #e4ebdc;
}

.design-v46 #leisure .leisure-card h3 {
  color: #3d5637;
}

.design-v46 #leisure .leisure-card p {
  color: #53604f;
}

.design-v46 #regions {
  color: #ffffff;
  background: var(--region-accent);
}

.design-v46 #region-results,
.design-v46 #region-program {
  background: #f7faf9;
}

.design-v46 #regions .chapter-marker {
  padding: 0 0 38px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
  color: #ffffff;
  background: transparent;
}

.design-v46 #regions .regional-intro h2 {
  color: #ffffff;
}

.design-v46 #regions .chapter-marker strong {
  color: #ffffff;
}

.design-v46 #regions .chapter-marker p {
  color: rgba(255, 255, 255, 0.82);
}

.design-v46 #regions .regional-intro p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.86);
}

.design-v46 #regions .regional-intro > div > strong {
  border-color: rgba(255, 255, 255, 0.7);
}

.design-v46 #regions .eyebrow {
  color: #d8eeea;
}

.design-v46 #regions .text-link {
  color: #ffffff;
}

.design-v46 #region-results .eyebrow,
.design-v46 #region-program .eyebrow,
.design-v46 #region-results h3,
.design-v46 #region-program h3 {
  color: var(--region-accent);
}

.design-v46 #region-results .section-heading,
.design-v46 #region-program .section-heading,
.design-v46 #region-results .editorial-content-list,
.design-v46 #region-results .editorial-content-list article,
.design-v46 #region-program .editorial-content-list,
.design-v46 #region-program .editorial-content-list article {
  border-color: rgba(40, 118, 117, 0.28);
}

.design-v46 #launch,
.design-v46 #economy,
.design-v46 #scale {
  background: #fbf9f5;
}

.design-v46 #launch .section-heading,
.design-v46 #economy .section-heading,
.design-v46 #scale .section-heading,
.design-v46 #scale .theme-heading,
.design-v46 #launch .steps-grid,
.design-v46 #launch .steps-grid li,
.design-v46 #economy .metric-grid article,
.design-v46 #scale .scale-grid article {
  border-color: rgba(181, 109, 60, 0.3);
}

.design-v46 #launch .eyebrow,
.design-v46 #economy .eyebrow,
.design-v46 #scale .eyebrow,
.design-v46 #launch .steps-grid li > span,
.design-v46 #economy .metric-grid strong {
  color: var(--business-accent);
}

.design-v46 #economy .metric-grid article:nth-child(n) {
  background: #ffffff;
}

.design-v46 #case {
  background: #334f5e;
}

.design-v46 #contacts {
  background: #f5f8f9;
}

.design-v46 #contacts .contact-intro,
.design-v46 #contacts .contact-form {
  border-color: var(--case-accent);
}

.design-v46 #contacts .eyebrow,
.design-v46 #contacts .contact-details a,
.design-v46 #contacts .form-status {
  color: var(--case-accent);
}

.design-v46 #contacts .button-primary {
  border-color: var(--case-accent);
  background: var(--case-accent);
}

.design-v46 #contacts .button-primary:hover,
.design-v46 #contacts .button-primary:focus-visible {
  background: #3d6376;
}

.design-v46 .footer-contacts .minjust-link {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 700px) {
  .design-v46 #principles,
  .design-v46 #camping,
  .design-v46 #product,
  .design-v46 #regions,
  .design-v46 #region-results,
  .design-v46 #region-program,
  .design-v46 #business,
  .design-v46 #launch,
  .design-v46 #economy,
  .design-v46 #scale,
  .design-v46 #case,
  .design-v46 #contacts {
    box-shadow: inset 5px 0 0 var(--chapter-accent);
  }

  .design-v46 #regions .chapter-marker {
    padding: 0 0 30px;
  }
}

@media (max-width: 1080px) {
  .design-v46 .site-nav .nav-group {
    border-left: 5px solid var(--nav-accent);
  }

  .design-v46 .site-nav .nav-primary {
    padding-left: 14px;
    border-bottom: 0;
  }

  .design-v46 .site-nav .nav-submenu {
    border-top: 0;
    border-left: 2px solid var(--nav-accent);
  }

  .design-v46 .site-nav > a[href="#case"] {
    padding-left: 14px;
    border-bottom: 1px solid var(--line);
    border-left: 5px solid var(--case-accent);
  }
}