/* HandyNerds skin for the Personal Security Checkup. Uses the site's /assets/site.css
   (fonts, header, footer, buttons) and maps its palette onto the checkup variables. */
.psc-hn{
  --psc-card:#fff; --psc-text:var(--navy); --psc-muted:var(--muted); --psc-border:rgba(26,39,68,.14);
  --psc-accent:var(--navy); --psc-accent-ink:var(--yellow); --psc-soft:var(--cream-2);
  --psc-head:'Fredoka One',cursive; --psc-body:'Nunito',sans-serif; --psc-radius:var(--radius);
  --psc-well:#1E6B3A; --psc-solid:#4C7A1F; --psc-gaps:#B07A00; --psc-start:var(--red-text); --psc-progress:var(--navy);
  --psc-p1:var(--red-text); --psc-p2:#7A6100; --psc-p3:var(--muted);
  font-size:1.02rem; line-height:1.65;
}
.psc-hn .psc-h1{color:var(--navy);letter-spacing:.01em}
.psc-hn .psc-h2{color:var(--navy);letter-spacing:.02em}
.psc-hn .psc-card{box-shadow:4px 4px 0 rgba(26,39,68,.07)}
.psc-hn .psc-intro{text-align:left}
.psc-hn .psc-lead{color:var(--muted)}
.psc-hn .psc-choice input:checked+span{box-shadow:2px 2px 0 var(--yellow)}
.psc-hn .psc-btn{font-family:'Fredoka One',cursive;font-weight:400;letter-spacing:.03em;border-radius:12px}
.psc-hn .psc-btn.psc-primary{box-shadow:4px 4px 0 var(--yellow)}
.psc-hn .psc-pct{color:var(--navy)}
.psc-hn .psc-kicker{font-family:'Patrick Hand',cursive;font-size:1.3rem}
.psc-hn .psc-safety-note{background:var(--red-pale);border-color:var(--red)}
.psc-hn .psc-more summary{color:var(--navy)}
.psc-hn a:not(.btn-main):not(.btn-alt){color:var(--navy);text-decoration-color:var(--red);text-underline-offset:3px}

/* banners */
.psc-banner{max-width:860px;margin:1.5rem auto 0;padding:1rem 1.4rem;border-radius:var(--radius);border:2px solid var(--navy);background:var(--yellow-pale);box-shadow:4px 4px 0 var(--yellow);font-size:1rem;line-height:1.6}
.psc-banner a{color:var(--navy);font-weight:800;text-decoration-color:var(--red);text-underline-offset:3px;white-space:nowrap}
.psc-banner-top{margin-left:1.25rem;margin-right:1.25rem}
@media (min-width:900px){.psc-banner-top{margin-left:auto;margin-right:auto}}
.psc-banner-bottom{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:4px 4px 0 var(--yellow);margin:0 1.25rem 2.5rem;padding:1.6rem 1.6rem;text-align:center}
@media (min-width:900px){.psc-banner-bottom{margin-left:auto;margin-right:auto}}
.psc-banner-bottom .psc-banner-lead{font-family:'Fredoka One',cursive;font-size:1.5rem;color:var(--yellow);margin-bottom:.3rem}
.psc-banner-bottom p{margin:0 0 .4rem}
.psc-banner-links{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:1rem!important}
.psc-banner-bottom a.btn-main{background:var(--yellow);color:var(--navy);border-color:var(--yellow);box-shadow:4px 4px 0 rgba(255,255,255,.25);white-space:normal}
.psc-banner-bottom a.btn-alt{color:#fff;border-color:rgba(255,255,255,.5);white-space:normal}
.psc-banner-bottom a.btn-alt:hover{border-color:#fff}
.psc-banner-bottom :focus-visible{outline-color:var(--yellow);box-shadow:0 0 0 6px var(--navy)}