/* Nursing Specialty Match Quiz: every rule is scoped to .nsq so it won't affect your theme. */
.nsq{
  --nsq-paper:#F6F8FA; --nsq-surface:#FFFFFF; --nsq-ink:#15233B; --nsq-muted:#56637A; --nsq-rule:#DCE3EA;
  --nsq-teal:#0F7B83; --nsq-teal-soft:#E3F2F3; --nsq-chip:#EEF2F6; --nsq-focus:#0F7B83; --nsq-warn:#9A6210; --nsq-warn-soft:#FBF1E0;
  box-sizing:border-box; width:100%; max-width:var(--nsq-max,none); margin:0 auto 2rem; padding:clamp(1.25rem,4vw,2.5rem);
  background:var(--nsq-paper); color:var(--nsq-ink); border-radius:1rem; font-family:var(--nsq-body); font-size:1.0625rem; line-height:1.6; text-align:left;
}
.nsq:not(.nsq-theme-fonts){
  --nsq-body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --nsq-display:"Bricolage Grotesque","Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.nsq.nsq-theme-fonts{font-family:inherit}
.nsq *,.nsq *::before,.nsq *::after{box-sizing:border-box}
.nsq h2,.nsq h3,.nsq h4,.nsq p,.nsq ol,.nsq ul,.nsq li,.nsq dl,.nsq dt,.nsq dd,.nsq fieldset,.nsq legend{margin:0;padding:0;border:0;background:none}
.nsq h2,.nsq h3,.nsq h4{line-height:1.2}
.nsq:not(.nsq-theme-fonts) h2,.nsq:not(.nsq-theme-fonts) h3,.nsq:not(.nsq-theme-fonts) h4{font-family:var(--nsq-display);color:var(--nsq-ink);text-transform:none;letter-spacing:normal}
.nsq a{color:var(--nsq-teal);text-decoration:underline;text-underline-offset:2px}
.nsq a:focus-visible,.nsq button:focus-visible,.nsq select:focus-visible,.nsq summary:focus-visible{outline:3px solid var(--nsq-focus);outline-offset:2px}

.nsq .nsq-title{font-size:clamp(1.6rem,3.4vw,2.3rem);width:100%;text-align:left;text-wrap:balance}
.nsq:not(.nsq-theme-fonts) .nsq-title{font-weight:750;letter-spacing:-.015em}
.nsq .nsq-lede{color:var(--nsq-muted);max-width:48rem;margin-top:.75rem}

.nsq .nsq-tabs{display:flex;gap:.25rem;margin-top:2rem;border-bottom:2px solid var(--nsq-rule);overflow-x:auto;scrollbar-width:none}
.nsq .nsq-tabs::-webkit-scrollbar{display:none}
.nsq .nsq-tab{-webkit-appearance:none;appearance:none;font:inherit;font-size:1rem;line-height:1.3;text-transform:none;letter-spacing:normal;cursor:pointer;white-space:nowrap;flex:none;
  background:transparent;color:var(--nsq-muted);border:0;border-bottom:3px solid transparent;margin:0 0 -2px;padding:.7rem 1rem;border-radius:0;box-shadow:none;width:auto}
.nsq .nsq-tab:hover{color:var(--nsq-ink)}
.nsq .nsq-tab[aria-selected="true"]{color:var(--nsq-ink);border-bottom-color:var(--nsq-teal);font-weight:700}
.nsq .nsq-panel{padding-top:1.75rem}

.nsq .nsq-lead{font-size:1.1rem;max-width:44rem}
.nsq .nsq-small{font-size:.9rem;color:var(--nsq-muted);margin-top:.8rem;max-width:50rem}
.nsq .nsq-btn{-webkit-appearance:none;appearance:none;font:inherit;font-size:1rem;line-height:1.3;text-transform:none;letter-spacing:normal;cursor:pointer;border-radius:.5rem;padding:.65rem 1.15rem;border:2px solid var(--nsq-ink);background:transparent;color:var(--nsq-ink);box-shadow:none;margin:0;width:auto}
.nsq .nsq-btn:hover{background:var(--nsq-chip)}
.nsq .nsq-btn-solid{background:var(--nsq-ink);color:var(--nsq-paper)}
.nsq .nsq-btn-solid:hover{background:var(--nsq-teal);border-color:var(--nsq-teal);color:#fff}
.nsq .nsq-link{-webkit-appearance:none;appearance:none;font:inherit;background:none;border:0;padding:0;margin:0;color:var(--nsq-teal);text-decoration:underline;text-underline-offset:2px;cursor:pointer;box-shadow:none;width:auto;text-transform:none;letter-spacing:normal;text-align:left}
.nsq .nsq-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}

/* Questions */
.nsq .nsq-progress-row{font-size:.92rem;color:var(--nsq-muted);margin-bottom:.4rem}
.nsq .nsq-progress{height:.4rem;border-radius:1rem;background:var(--nsq-chip);overflow:hidden;margin-bottom:1.6rem}
.nsq .nsq-progress span{display:block;height:100%;background:var(--nsq-teal);transition:width .25s ease}
.nsq .nsq-q{min-width:0}
.nsq .nsq-qtext{font-family:var(--nsq-display);font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:600;line-height:1.25;color:var(--nsq-ink);max-width:40rem;float:none;width:auto;padding:0}
.nsq .nsq-help{color:var(--nsq-muted);margin-top:.4rem}
.nsq .nsq-opts{display:grid;gap:.55rem;margin-top:1.2rem;max-width:40rem}
.nsq .nsq-opts-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));max-width:none}
.nsq .nsq-opt{position:relative;display:block;margin:0;padding:0;font-weight:400}
.nsq .nsq-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.nsq .nsq-opt-box{display:flex;align-items:center;min-height:3.1rem;padding:.65rem 1rem .65rem 2.9rem;border:2px solid var(--nsq-rule);border-radius:.7rem;background:var(--nsq-surface);cursor:pointer;position:relative;line-height:1.35}
.nsq .nsq-opt-box::before{content:"";position:absolute;left:1rem;top:50%;width:1.15rem;height:1.15rem;margin-top:-.575rem;border:2px solid var(--nsq-muted);border-radius:50%;background:var(--nsq-surface)}
.nsq .nsq-opt input[type="checkbox"] + .nsq-opt-box::before{border-radius:.3rem}
.nsq .nsq-opt input:hover + .nsq-opt-box{border-color:var(--nsq-muted)}
.nsq .nsq-opt input:checked + .nsq-opt-box{border-color:var(--nsq-teal);background:var(--nsq-teal-soft)}
.nsq .nsq-opt input:checked + .nsq-opt-box::before{border-color:var(--nsq-teal);background:var(--nsq-teal);box-shadow:inset 0 0 0 3px var(--nsq-surface)}
.nsq .nsq-opt input:focus-visible + .nsq-opt-box{outline:3px solid var(--nsq-focus);outline-offset:2px}
.nsq .nsq-msg{min-height:1.4rem;margin-top:.6rem;font-size:.93rem;color:var(--nsq-warn)}

/* Results */
.nsq .nsq-shared{padding:.7rem 1rem;border-radius:.6rem;background:var(--nsq-teal-soft);margin-bottom:1.4rem}
.nsq .nsq-h{font-size:1.3rem;margin:2rem 0 .8rem}
.nsq .nsq-h:first-child,.nsq .nsq-shared + .nsq-h{margin-top:0}
.nsq:not(.nsq-theme-fonts) .nsq-h{font-weight:600}
.nsq .nsq-top{display:grid;gap:1rem}
.nsq .nsq-card{background:var(--nsq-surface);border:1px solid var(--nsq-rule);border-radius:1rem;padding:1.3rem 1.3rem 1.1rem}
.nsq .nsq-card.is-first{border:2px solid var(--nsq-teal)}
.nsq .nsq-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:start}
.nsq .nsq-rank{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--nsq-ink);color:var(--nsq-paper);font-weight:700}
.nsq .is-first .nsq-rank{background:var(--nsq-teal)}
.nsq .nsq-name{font-size:1.3rem}
.nsq:not(.nsq-theme-fonts) .nsq-name{font-weight:650}
.nsq .nsq-sum{color:var(--nsq-muted);margin-top:.25rem;font-size:.98rem}
.nsq .nsq-pct{font-size:1.6rem;font-weight:700;line-height:1;text-align:right;font-variant-numeric:tabular-nums;color:var(--nsq-teal)}
.nsq .nsq-pct small{display:block;font-size:.75rem;font-weight:400;color:var(--nsq-muted);margin-top:.2rem}
.nsq .nsq-meter{height:.45rem;border-radius:1rem;background:var(--nsq-chip);overflow:hidden;margin:.9rem 0 .2rem}
.nsq .nsq-meter span{display:block;height:100%;background:var(--nsq-teal);border-radius:1rem}
.nsq .nsq-sub{font-weight:700;font-size:.95rem;margin-top:1rem}
.nsq .nsq-list{padding-left:1.2rem;margin-top:.3rem}
.nsq .nsq-list li{list-style:disc;margin:.2rem 0;font-size:.97rem}
.nsq .nsq-list-warn li::marker{color:var(--nsq-warn)}
.nsq .nsq-next{font-size:.97rem;margin-top:.25rem}
.nsq .nsq-more{margin-top:1rem;border-top:1px solid var(--nsq-rule);padding-top:.8rem}
.nsq .nsq-more summary,.nsq .nsq-ex summary{cursor:pointer}
.nsq .nsq-more summary{color:var(--nsq-teal);font-size:.97rem}
.nsq .nsq-dl{display:grid;grid-template-columns:minmax(7rem,10rem) 1fr;gap:.45rem 1rem;margin-top:.8rem;font-size:.95rem}
.nsq .nsq-dl dt{font-weight:700}
.nsq .nsq-links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.9rem;font-size:.95rem}
.nsq .nsq-also{list-style:none;display:grid;gap:.1rem;border-top:1px solid var(--nsq-rule)}
.nsq .nsq-also li{display:grid;grid-template-columns:3.2rem minmax(10rem,16rem) 1fr;gap:.4rem 1rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--nsq-rule);list-style:none}
.nsq .nsq-also-pct{font-weight:700;font-variant-numeric:tabular-nums;color:var(--nsq-teal)}
.nsq .nsq-low .nsq-also-pct{color:var(--nsq-muted)}
.nsq .nsq-also-name{font-weight:700}
.nsq .nsq-also-sum{font-size:.93rem;color:var(--nsq-muted)}
.nsq .nsq-peek{grid-column:1 / -1;padding:.2rem 0 .4rem}
.nsq .nsq-share{margin-top:2rem;padding:1.1rem 1.2rem;border-radius:.9rem;background:var(--nsq-surface);border:1px solid var(--nsq-rule)}
.nsq .nsq-share .nsq-actions{margin-top:.6rem}
.nsq .nsq-share .nsq-msg{color:var(--nsq-teal);word-break:break-all}

/* Explorer */
.nsq .nsq-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.2rem}
.nsq .nsq-f{flex:1 1 12rem;max-width:18rem}
.nsq .nsq-label{display:block;font-size:.88rem;color:var(--nsq-muted);margin:0 0 .3rem;font-weight:400}
.nsq .nsq-select{width:100%;max-width:none;height:2.75rem;font:inherit;font-size:.98rem;padding:.45rem .65rem;border-radius:.45rem;border:2px solid var(--nsq-rule);background-color:var(--nsq-surface);color:var(--nsq-ink);box-shadow:none;margin:0}
.nsq .nsq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.8rem;margin-top:1rem;align-items:start}
.nsq .nsq-ex{background:var(--nsq-surface);border:1px solid var(--nsq-rule);border-radius:.8rem;padding:1rem 1.1rem}
.nsq .nsq-ex[open]{grid-column:1 / -1}
.nsq .nsq-ex summary{list-style:none;display:grid;gap:.3rem}
.nsq .nsq-ex summary::-webkit-details-marker{display:none}
.nsq .nsq-ex-name{font-weight:700;font-size:1.05rem}
.nsq .nsq-ex-name::after{content:" +";color:var(--nsq-teal)}
.nsq .nsq-ex[open] .nsq-ex-name::after{content:" \2212"}
.nsq .nsq-ex-sum{font-size:.93rem;color:var(--nsq-muted)}
.nsq .nsq-ex-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}
.nsq .nsq-tag{font-size:.8rem;padding:.1rem .55rem;border-radius:999px;background:var(--nsq-chip)}
.nsq .nsq-empty{border:2px dashed var(--nsq-rule);border-radius:.75rem;padding:1.3rem;color:var(--nsq-muted);margin-top:1rem}

.nsq .nsq-related{margin-top:1.6rem;font-size:.95rem}
.nsq .nsq-disclaimer{font-size:.86rem;color:var(--nsq-muted);border-top:1px solid var(--nsq-rule);margin-top:1.6rem;padding-top:1.1rem}

@media (max-width:640px){
  .nsq .nsq-card-head{grid-template-columns:auto 1fr}
  .nsq .nsq-pct{grid-column:1 / -1;text-align:left;display:flex;gap:.4rem;align-items:baseline}
  .nsq .nsq-pct small{display:inline;margin:0}
  .nsq .nsq-dl{grid-template-columns:1fr;gap:.1rem}
  .nsq .nsq-dl dd{margin-bottom:.5rem}
  .nsq .nsq-also li{grid-template-columns:3rem 1fr}
  .nsq .nsq-also-sum{grid-column:2}
}
@media (prefers-reduced-motion: reduce){ .nsq .nsq-progress span{transition:none} }

/* How to use this tool */
.nsq .nsq-howto{margin-top:1.25rem;max-width:44rem;background:var(--nsq-surface);border:1px solid var(--nsq-rule);border-left:4px solid var(--nsq-teal);border-radius:.6rem;padding:0}
.nsq .nsq-howto-sum{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.55rem;padding:.7rem 1rem;font-weight:700;color:var(--nsq-ink)}
.nsq .nsq-howto-sum::-webkit-details-marker{display:none}
.nsq .nsq-howto-sum::before{content:"+";display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--nsq-teal);color:#fff;font-size:1.05rem;line-height:1;flex:none}
.nsq details[open] > .nsq-howto-sum::before{content:"\2212"}
.nsq .nsq-howto-sum:focus-visible{outline:3px solid var(--nsq-teal);outline-offset:2px}
.nsq .nsq-howto-body{padding:0 1.1rem 1rem 1.1rem;font-size:1.05rem;line-height:1.55}
.nsq .nsq-howto-body p{margin:0 0 .5rem}
.nsq .nsq-howto-what{color:var(--nsq-muted)}
.nsq .nsq-howto-body ol{margin:0 0 .6rem;padding-left:1.6rem}
.nsq .nsq-howto-body li{list-style:decimal;margin:.35rem 0;padding-left:.2rem}
.nsq .nsq-howto-body li::marker{font-weight:700;color:var(--nsq-teal)}
.nsq .nsq-howto-tips{margin-top:.6rem !important;padding-top:.6rem;border-top:1px solid var(--nsq-rule)}
.nsq .nsq-howto-sub{margin-top:.6rem !important}
