.modern-login-note {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: start;
  gap: 12px;
  margin: 18px 0;
  padding: 15px 17px;
  border: 1px solid #c6ddeb;
  border-radius: 15px;
  background: #f1f8fc;
}

.modern-login-note > span {
  font-size: 28px;
}

.modern-login-note p {
  margin: 0;
}

.everyday-examples {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 20px 0;
}

.everyday-examples article {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: start;
  gap: 13px;
  padding: 18px;
  border: 1px solid #dacfeb;
  border-radius: 17px;
  background: #faf8fd;
}

.everyday-examples article > span {
  font-size: 30px;
}

.everyday-examples h3,
.everyday-examples p {
  margin: 0;
}

.security-examples article {
  border-color: #c8dfec;
  background: #f4fafe;
}

.security-quote {
  background: linear-gradient(135deg, #0e5d94, #1789d5);
}

.two-questions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}

.two-questions article {
  padding: 19px;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: #faf9fd;
}

.two-questions h3 {
  margin-top: 0;
}

.two-questions p {
  margin-bottom: 0;
}

.risk-icon {
  font-size: 32px;
}

.section-lead {
  color: var(--mut);
}

.settings-catalog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin: 20px 0;
}

.settings-catalog article {
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: start;
  gap: 12px;
  padding: 17px;
  border: 1px solid #ddd3ed;
  border-radius: 16px;
  background: linear-gradient(145deg, #fff, #f8f5fc);
}

.settings-catalog article > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #eee8fa;
  font-size: 23px;
}

.settings-catalog h3 {
  margin: 0 0 3px;
  font-size: 1rem;
}

.settings-catalog p {
  margin: 0;
  color: var(--mut);
  font-size: .88rem;
}

.privacy-control-note {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 12px;
  margin: 18px 0;
  padding: 16px;
  border-right: 5px solid var(--p);
  border-radius: 15px;
  background: #f1edf8;
}

.privacy-control-note > span {
  font-size: 29px;
}

.privacy-control-note p {
  margin: 0;
}

.premium-privacy-box {
  padding: 20px;
  border: 1px solid #e5c86e;
  border-radius: 18px;
  background: linear-gradient(135deg, #fffdf6, #fff5d8);
}

.premium-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.premium-title > span {
  font-size: 31px;
}

.premium-title > div {
  display: flex;
  flex-direction: column;
}

.premium-title small {
  color: #8b6b12;
}

.premium-privacy-box ul {
  margin-bottom: 0;
}

.security-catalog article {
  border-color: #cbe0eb;
  background: linear-gradient(145deg, #fff, #f2f9fc);
}

.security-catalog article > span {
  background: #e4f3fa;
}

.practice-lead {
  color: var(--mut);
}

.classification-grid {
  display: grid;
  gap: 12px;
}

.classification-grid article {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 15px;
  padding: 17px 19px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #faf9fd;
}

.classification-grid article > span {
  font-size: 34px;
  text-align: center;
}

.classification-grid h3 {
  margin: 0 0 4px;
  font-size: 1rem;
}

.classification-grid p {
  margin: 0;
  color: var(--mut);
}

.lesson-sources {
  border-color: #c9ded2;
  background: linear-gradient(135deg, #fff, #f3faf6);
}

.lesson-sources a {
  color: var(--p);
  font-weight: 900;
}

.lesson-sources small {
  display: block;
  margin-top: 14px;
  color: var(--mut);
}

@media (max-width: 760px) {
  .everyday-examples,
  .two-questions,
  .settings-catalog {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .classification-grid article {
    grid-template-columns: 40px 1fr;
    padding: 14px;
  }

  .classification-grid article > span {
    font-size: 28px;
  }
}