/* P22 — directional navigation for the published security editorial journey. */
.pr-security-path{
  width:100%;min-width:0;box-sizing:border-box;
  margin:28px 0 22px;padding:clamp(22px,2.7vw,34px);
  background:linear-gradient(125deg,#f6faff 0%,#eef5fc 100%);
  border:1px solid #dbe8f5;border-radius:23px;
}
.pr-security-path__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 28px;margin:0 0 22px}
.pr-security-path__head h2{font-size:clamp(23px,2.15vw,31px);line-height:1.2;margin:0;color:#1e405f}
.pr-security-path__head p{margin:6px 0 0;color:#516d86;font-size:15px;line-height:1.55;max-width:65ch}
.pr-security-path__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;counter-reset:security-step}
.pr-security-path__step{
  position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
  border:1px solid #d9e7f5;border-radius:16px;background:#fff;
  color:inherit;text-decoration:none;padding:22px;
  transition:border-color .15s,transform .15s,box-shadow .15s;
}
.pr-security-path__step:hover{border-color:#84acd5;box-shadow:0 8px 22px rgba(31,83,137,.08);transform:translateY(-2px)}
.pr-security-path__step:focus-visible,.pr-security-path__resources a:focus-visible,.pr-security-next a:focus-visible{outline:3px solid #eab168;outline-offset:3px}
.pr-security-path__step:focus-visible{transform:none}
.pr-security-path__mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:13px;background:#e8f2fb;
  border:1px solid #d7e7f8;color:#2468bd;
  font-size:15px;font-weight:800;margin-bottom:15px;
}
.pr-security-path__step strong{display:block;font-size:18px;line-height:1.35;color:#1d4161;margin-bottom:8px}
.pr-security-path__step span.pr-security-path__desc{font-size:14px;line-height:1.55;color:#607a92;flex:1}
.pr-security-path__step small{margin-top:17px;font-size:13px;font-weight:700;color:#2468bd}
.pr-security-path__resources{margin-top:25px;padding-top:21px;border-top:1px solid #d9e6f3}
.pr-security-path__resources h3{margin:0 0 13px;font-size:19px;color:#224566}
.pr-security-path__resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.pr-security-path__resources a{
  display:flex;flex-direction:column;gap:6px;min-width:0;
  padding:17px 18px;background:rgba(255,255,255,.75);
  border:1px solid #dde9f4;border-radius:12px;
  text-decoration:none;color:#245b91;
}
.pr-security-path__resources a:hover{background:#fff;border-color:#87b2db}
.pr-security-path__resources a strong{font-size:15px;line-height:1.45;color:#24517a}
.pr-security-path__resources a span{font-size:13px;line-height:1.5;color:#647d94}
.pr-security-next{
  box-sizing:border-box;width:100%;max-width:none;
  display:flex;align-items:center;justify-content:space-between;
  gap:14px 25px;margin:30px 0 14px;padding:21px 25px;
  background:#f4f8fc;border:1px solid #dce8f4;border-radius:16px;
}
.pr-security-next__text{min-width:0}
.pr-security-next__eyebrow{display:block;color:#4d78a0;font-size:12px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}
.pr-security-next strong{display:block;color:#1e405f;font-size:18px;line-height:1.35;margin-bottom:6px}
.pr-security-next p{margin:0;color:#60778a;font-size:14px;line-height:1.55}
.pr-security-next__action{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  padding:12px 17px;min-height:44px;border:1px solid #2468bd;
  border-radius:11px;background:#2468bd;color:#fff;
  text-decoration:none;font-size:14px;font-weight:700;text-align:center;
}
.pr-security-next__action:hover{background:#1b5399;color:#fff}
@media(max-width:970px){
 .pr-security-path__steps,.pr-security-path__resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pr-security-path__resources-grid a:last-child{grid-column:1/-1}
}
@media(max-width:660px){
 .pr-security-path{padding:19px;border-radius:16px}
 .pr-security-path__steps,.pr-security-path__resources-grid{grid-template-columns:minmax(0,1fr)}
 .pr-security-path__step{padding:19px}
 .pr-security-path__resources-grid a:last-child{grid-column:auto}
 .pr-security-next{flex-direction:column;align-items:stretch;padding:19px}
 .pr-security-next__action{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.pr-security-path__step{transition:none}}
@media print{
 .pr-security-path,.pr-security-next{display:none!important}
}