.playbook-top-section h1,
.playbook-top-section p {
  color: #fff;
}
.playbook-top-section.playbook-about-page h2 {
  color: #222831;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 33.6px;
}
@media print, screen and (min-width: 880px) {
  .playbook-top-section.playbook-about-page h2 {
    color: var(--Primary-Gunmetal, #222831);
    font-size: 36px;
    font-weight: 700;
    line-height: 43.2%;
  }
}
@media print, screen and (min-width: 880px) {
  .playbook-top-section.playbook-about-page .playbook-hero-text {
    max-width: 820px;
  }
}

.playbook-hero-text h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  max-width: 1110px;
}
@media print, screen and (min-width: 880px) {
  .playbook-hero-text h2 {
    font-size: 64px;
    line-height: 75px;
  }
}
.playbook-hero-text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
@media print, screen and (min-width: 880px) {
  .playbook-hero-text p {
    font-size: 20px;
    line-height: 30px;
  }
}

.playbook-header-left h1 {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-header-left h1 {
    font-size: 36px;
    line-height: 75px;
  }
}

.playbook-content-wrapper h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-content-wrapper h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
  }
}
.playbook-content-wrapper h3 {
  color: #363637;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-content-wrapper h3 {
    font-size: 28px;
  }
}
.playbook-content-wrapper.playbook-add-attack-content h2, .playbook-content-wrapper.playbook-add-countermeasures-content h2 {
  color: #071926;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-content-wrapper.playbook-add-attack-content h2, .playbook-content-wrapper.playbook-add-countermeasures-content h2 {
    font-size: 52px;
    letter-spacing: -0.99px;
  }
}
.playbook-content-wrapper.playbook-add-attack-content .subtitle, .playbook-content-wrapper.playbook-add-countermeasures-content .subtitle {
  color: #071926;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
@media print, screen and (min-width: 880px) {
  .playbook-content-wrapper.playbook-add-attack-content .subtitle, .playbook-content-wrapper.playbook-add-countermeasures-content .subtitle {
    line-height: 27px; /* 135% */
  }
}

.cart-header {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .cart-header {
    font-size: 23px;
  }
}

.playbook-card h4 {
  color: #005288;
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  margin-top: 0;
}
.playbook-card p {
  margin: 0;
  color: #646566;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.playbook-footer p {
  margin: 0;
  font-size: 1rem;
  line-height: 30px;
}

.playbook-build-header h2 {
  color: #1b1b1b;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-build-header h2 {
    font-size: 52px;
  }
}
.playbook-build-header p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem; /* 150% */
}
@media print, screen and (min-width: 880px) {
  .playbook-build-header p {
    font-size: 20px;
  }
}

.playbook-other-options-text h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-other-options-text h2 {
    font-size: 28px;
  }
}

.playbook-build-content h3 {
  color: #1b1b1b;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .playbook-build-content h3 {
    font-size: 36px;
  }
}
.playbook-build-content h4 {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: 600;
}
@media print, screen and (min-width: 880px) {
  .playbook-build-content h4 {
    font-size: 28px;
  }
}
.playbook-build-content .item h4 {
  color: #005288;
  font-size: 23px;
  font-weight: 600;
}
.playbook-build-content .item p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem; /* 142.857% */
  margin: 1.5rem 0;
}

#review-techniques-empty h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 880px) {
  #review-techniques-empty h3 {
    font-size: 24px;
    line-height: 35px; /* 145.833% */
  }
}

.tc-top-content h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media print, screen and (min-width: 880px) {
  .tc-top-content h4 {
    font-size: 28px;
  }
}

.playbook-review-filters h4 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.title-label {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
@media print, screen and (min-width: 880px) {
  .title-label {
    font-size: 24px;
  }
}

.review-list-tech-associated-template h3 {
  font-size: 14.08px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.896px */
}