/* securing-with-community.html */
.hero .eyebrow i { color: var(--alert); margin-right: 8px; font-size: 10px; vertical-align: 1px; }
.hero .emblem { --s: min(100%, 520px); }
.sec-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 96px); align-items: start; }
.sec-row { padding-block: clamp(56px, 7vw, 112px); }
.section + .sec-row:not(.band-dark) { padding-top: clamp(56px, 7vw, 112px); }
.sec-side { position: sticky; top: 100px; }
.sec-side .h2 { margin-bottom: 0; }
.sec-body > :first-child { margin-top: 0; }
.sec-body p { font-size: 17px; line-height: 1.7; max-width: 66ch; color: var(--ink-2); }
.sec-body p strong, .sec-body li strong { color: var(--ink); font-weight: 500; }
.sec-body .pull { font: 300 clamp(20px, 1.7vw, 26px)/1.5 var(--head); letter-spacing: .02em; color: var(--ink); }
.sec-body .pull strong { font-weight: 400; }
.sec-body .act { margin: 28px 0; }
.sec-body .act .btn i { font-size: 14px; }
.sec-body .btn-sm i { font-size: 12px; }
.rule-list { list-style: none; margin: 0 0 8px; padding: 0; border-top: 1px solid var(--hair); }
.rule-list li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 14px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--hair); font: 400 15.5px/1.55 var(--body); color: var(--ink-2); }
.rule-list li i { font-size: 13px; text-align: center; color: var(--ink-2); }
.rule-list.yes li i { color: var(--ok-ink); }
.rule-list.no li i { color: var(--alert-ink); }
.rule-list.marks li i { color: var(--accent); }
.scope { gap: clamp(24px, 3vw, 48px); margin-bottom: 8px; }
.scope .h3 { margin-bottom: 14px; }
.rewards { gap: 0; border-top: 1px solid var(--hair); }
.reward { padding: 28px clamp(16px, 2vw, 32px) 8px 0; }
.reward + .reward { padding-left: clamp(16px, 2vw, 32px); border-left: 1px solid var(--hair); }
.reward-figure { font: 300 clamp(26px, 2.6vw, 42px)/1.1 var(--head); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 14px; }
.reward-label { font: 400 15px/1.55 var(--body); color: var(--ink-2); }
.status-line { margin: 0; text-align: center; max-width: 70ch; margin-inline: auto; }
@media (max-width: 1100px) {
  .grid-4.rewards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reward:nth-child(3) { border-left: 0; padding-left: 0; }
  .reward:nth-child(n+3) { border-top: 1px solid var(--hair); margin-top: 24px; padding-top: 28px; }
}
@media (max-width: 900px) {
  .sec-grid { grid-template-columns: 1fr; }
  .sec-side { position: static; }
  .scope.grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .grid-4.rewards { grid-template-columns: 1fr; }
  .reward, .reward + .reward { padding-left: 0; border-left: 0; }
  .reward + .reward { border-top: 1px solid var(--hair); margin-top: 24px; padding-top: 28px; }
  .sec-body .btn { white-space: normal; height: auto; min-height: 56px; padding-block: 14px; text-align: center; }
}