/* NHPQ Account & Rights Landing V39.3.0 */
:root {
  --nhpq-ag-navy:#17384c;
  --nhpq-ag-navy-2:#102f3f;
  --nhpq-ag-teal:#0b806f;
  --nhpq-ag-teal-dark:#086b5e;
  --nhpq-ag-teal-soft:#edf8f5;
  --nhpq-ag-bg:#f4f8f7;
  --nhpq-ag-text:#1f3745;
  --nhpq-ag-muted:#6a7d87;
  --nhpq-ag-border:#d9e6e2;
  --nhpq-ag-border-strong:#c5dad4;
  --nhpq-ag-warning:#fff8e9;
  --nhpq-ag-warning-border:#ead8af;
}
html.nhpq-account-guide-lock,
body.nhpq-account-guide-lock { overflow:hidden !important; }

.nhpq-account-guide-header-btn {
  display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:8px 12px;
  border:1px solid rgba(11,128,111,.22); border-radius:12px; background:#fff; color:var(--nhpq-ag-navy);
  font:inherit; font-size:12px; font-weight:800; cursor:pointer; white-space:nowrap;
  box-shadow:0 5px 16px rgba(22,72,62,.05); transition:.18s ease;
}
.nhpq-account-guide-header-btn:hover { border-color:rgba(11,128,111,.42); background:var(--nhpq-ag-teal-soft); transform:translateY(-1px); }
.nhpq-account-guide-header-btn svg { width:17px; height:17px; color:var(--nhpq-ag-teal); }

.nhpq-account-guide-overlay {
  position:fixed; inset:0; z-index:12000; display:grid; place-items:center; padding:22px;
  background:rgba(9,33,45,.62); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  opacity:0; visibility:hidden; transition:opacity .18s ease, visibility .18s ease;
}
.nhpq-account-guide-overlay[hidden] { display:none !important; }
.nhpq-account-guide-overlay.is-open { opacity:1; visibility:visible; }
.nhpq-account-guide-dialog {
  width:min(1160px,100%); height:min(900px,calc(100dvh - 44px)); min-height:560px;
  display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.72); border-radius:28px;
  background:#fff; color:var(--nhpq-ag-text); box-shadow:0 28px 90px rgba(5,30,42,.28);
  transform:translateY(10px) scale(.992); transition:transform .18s ease;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.nhpq-account-guide-overlay.is-open .nhpq-account-guide-dialog { transform:none; }

.nhpq-account-guide-hero {
  position:relative; flex:0 0 auto; padding:30px 86px 27px 34px; color:#fff;
  background:linear-gradient(135deg,#123d4f 0%,#0a665b 58%,#0b806f 100%);
  overflow:hidden;
}
.nhpq-account-guide-hero::after {
  content:""; position:absolute; right:-80px; top:-140px; width:360px; height:360px; border-radius:50%;
  border:64px solid rgba(255,255,255,.055); pointer-events:none;
}
.nhpq-account-guide-brand { position:relative; z-index:1; display:flex; align-items:center; gap:9px; margin-bottom:23px; }
.nhpq-account-guide-brand > span { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.32); border-radius:10px; background:rgba(255,255,255,.1); }
.nhpq-account-guide-brand svg { width:18px; height:18px; }
.nhpq-account-guide-brand strong { font-size:11px; letter-spacing:.12em; font-weight:850; }
.nhpq-account-guide-kicker { position:relative; z-index:1; margin-bottom:7px; font-size:11px; font-weight:850; letter-spacing:.16em; color:#c7eee6; }
.nhpq-account-guide-hero h1 { position:relative; z-index:1; margin:0; max-width:760px; font-size:clamp(31px,4vw,48px); line-height:1.05; letter-spacing:-.035em; }
.nhpq-account-guide-hero > p { position:relative; z-index:1; max-width:800px; margin:12px 0 0; color:rgba(255,255,255,.84); font-size:14.5px; line-height:1.62; }
.nhpq-account-guide-close {
  position:absolute; z-index:5; top:22px; right:23px; display:grid; place-items:center; width:42px; height:42px;
  border:1px solid rgba(255,255,255,.26); border-radius:13px; background:rgba(255,255,255,.1); color:#fff; cursor:pointer;
}
.nhpq-account-guide-close:hover { background:rgba(255,255,255,.18); }
.nhpq-account-guide-close svg { width:20px; height:20px; }

.nhpq-account-guide-body { flex:1 1 auto; overflow:auto; padding:28px 34px 36px; background:linear-gradient(#fff,var(--nhpq-ag-bg)); overscroll-behavior:contain; }
.nhpq-account-guide-body::-webkit-scrollbar { width:10px; }
.nhpq-account-guide-body::-webkit-scrollbar-thumb { background:#c8dad5; border:3px solid transparent; border-radius:999px; background-clip:padding-box; }
.nhpq-account-guide-loading { min-height:280px; display:grid; place-items:center; align-content:center; gap:13px; color:var(--nhpq-ag-muted); }
.nhpq-account-guide-loading span { width:34px; height:34px; border:3px solid #d9e9e4; border-top-color:var(--nhpq-ag-teal); border-radius:50%; animation:nhpqAgSpin .8s linear infinite; }
@keyframes nhpqAgSpin { to { transform:rotate(360deg); } }

.nhpq-account-guide-experience {
  display:flex; gap:13px; align-items:flex-start; margin-bottom:17px; padding:15px 17px; border:1px solid #d7e8e4; border-radius:16px;
  background:#f0faf7; color:#285449;
}
.nhpq-account-guide-experience svg { flex:0 0 auto; width:20px; height:20px; margin-top:1px; color:var(--nhpq-ag-teal); }
.nhpq-account-guide-experience strong { display:block; margin-bottom:3px; color:#17483e; font-size:13px; }
.nhpq-account-guide-experience span { display:block; font-size:12.5px; line-height:1.55; }

.nhpq-account-guide-principle-callout {
  display:grid; grid-template-columns:50px minmax(0,1fr); gap:15px; align-items:start; padding:19px 20px; border:1px solid var(--nhpq-ag-border-strong); border-radius:19px;
  background:#f8fbfa; box-shadow:0 9px 28px rgba(20,73,62,.05);
}
.nhpq-account-guide-principle-callout > svg { width:25px; height:25px; padding:11px; box-sizing:content-box; border-radius:14px; background:var(--nhpq-ag-teal-soft); color:var(--nhpq-ag-teal); }
.nhpq-account-guide-principle-callout small { display:block; margin:1px 0 4px; color:var(--nhpq-ag-teal); font-size:10px; font-weight:900; letter-spacing:.13em; }
.nhpq-account-guide-principle-callout strong { display:block; color:var(--nhpq-ag-navy); font-size:18px; line-height:1.28; }
.nhpq-account-guide-principle-callout p { margin:5px 0 0; color:var(--nhpq-ag-muted); font-size:13px; line-height:1.58; }

.nhpq-account-guide-section { margin-top:32px; }
.nhpq-account-guide-section-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; }
.nhpq-account-guide-section-heading > span { flex:0 0 auto; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--nhpq-ag-border); border-radius:10px; color:var(--nhpq-ag-teal); background:#fff; font-size:11px; font-weight:900; }
.nhpq-account-guide-section-heading small { display:block; margin:0 0 2px; color:var(--nhpq-ag-muted); font-size:10px; font-weight:900; letter-spacing:.13em; }
.nhpq-account-guide-section-heading h2 { margin:0; color:var(--nhpq-ag-navy); font-size:22px; letter-spacing:-.02em; }

.nhpq-account-guide-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.nhpq-account-guide-plan {
  position:relative; display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid var(--nhpq-ag-border); border-radius:20px; background:#fff;
  box-shadow:0 9px 28px rgba(17,65,55,.045);
}
.nhpq-account-guide-plan.is-featured { border-color:rgba(11,128,111,.42); box-shadow:0 14px 38px rgba(11,128,111,.10); }
.nhpq-account-guide-plan.is-featured::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; border-radius:20px 0 0 20px; background:var(--nhpq-ag-teal); }
.nhpq-account-guide-plan.is-current { outline:2px solid rgba(11,128,111,.18); outline-offset:2px; }
.nhpq-account-guide-plan-top { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr); gap:11px; align-items:start; padding-right:0; }
.nhpq-account-guide-plan-number { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; background:var(--nhpq-ag-teal-soft); color:var(--nhpq-ag-teal); font-size:11px; font-weight:900; }
.nhpq-account-guide-plan-top small { display:block; min-height:26px; color:var(--nhpq-ag-muted); font-size:9.5px; font-weight:850; line-height:1.35; letter-spacing:.07em; }
.nhpq-account-guide-plan h3 { margin:1px 0 0; color:var(--nhpq-ag-navy); font-size:22px; letter-spacing:-.025em; }
.nhpq-account-guide-current { grid-column:1 / -1; justify-self:start; margin-top:2px; padding:5px 8px; border-radius:999px; color:#096657; background:#e9f7f3; font-size:10px; font-weight:900; }
.nhpq-account-guide-plan > p { min-height:62px; margin:14px 0 13px; color:var(--nhpq-ag-muted); font-size:12.5px; line-height:1.55; }
.nhpq-account-guide-plan ul { list-style:none; margin:0 0 18px; padding:0; display:grid; gap:8px; }
.nhpq-account-guide-plan li { display:flex; gap:8px; align-items:flex-start; color:#344e5a; font-size:12.2px; line-height:1.45; }
.nhpq-account-guide-plan li svg { flex:0 0 auto; width:16px; height:16px; margin-top:1px; color:var(--nhpq-ag-teal); }
.nhpq-account-guide-plan li.is-locked { color:#7a858b; }
.nhpq-account-guide-plan li.is-locked svg { color:#8b969b; }
.nhpq-account-guide-plan-action {
  margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:42px; padding:0 13px;
  border:1px solid var(--nhpq-ag-border-strong); border-radius:11px; background:#fff; color:var(--nhpq-ag-navy); font:inherit; font-size:12px; font-weight:850; cursor:pointer;
}
.nhpq-account-guide-plan.is-featured .nhpq-account-guide-plan-action { border-color:var(--nhpq-ag-teal); background:var(--nhpq-ag-teal); color:#fff; }
.nhpq-account-guide-plan-action:hover { background:#f5faf8; }
.nhpq-account-guide-plan.is-featured .nhpq-account-guide-plan-action:hover { background:var(--nhpq-ag-teal-dark); }
.nhpq-account-guide-plan-action svg { width:16px; height:16px; }

.nhpq-account-guide-compare { overflow:hidden; border:1px solid var(--nhpq-ag-border); border-radius:18px; background:#fff; }
.nhpq-account-guide-compare-head,
.nhpq-account-guide-compare-row { display:grid; grid-template-columns:minmax(210px,1.5fr) repeat(3,minmax(120px,1fr)); align-items:stretch; }
.nhpq-account-guide-compare-head { background:#eef6f3; color:var(--nhpq-ag-navy); }
.nhpq-account-guide-compare-head > *, .nhpq-account-guide-compare-row > * { min-width:0; padding:12px 14px; border-right:1px solid var(--nhpq-ag-border); }
.nhpq-account-guide-compare-head > *:last-child, .nhpq-account-guide-compare-row > *:last-child { border-right:0; }
.nhpq-account-guide-compare-head strong, .nhpq-account-guide-compare-head span { font-size:11px; font-weight:900; }
.nhpq-account-guide-compare-row { border-top:1px solid var(--nhpq-ag-border); }
.nhpq-account-guide-compare-row strong { color:#425a65; font-size:12px; font-weight:750; background:#fbfcfc; }
.nhpq-account-guide-compare-row span { color:var(--nhpq-ag-navy); font-size:12px; font-weight:800; text-align:center; }

.nhpq-account-guide-principles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.nhpq-account-guide-principles article { display:flex; gap:12px; align-items:flex-start; padding:16px; border:1px solid var(--nhpq-ag-border); border-radius:16px; background:#fff; }
.nhpq-account-guide-principles article > svg { flex:0 0 auto; width:19px; height:19px; padding:9px; box-sizing:content-box; border-radius:11px; background:var(--nhpq-ag-teal-soft); color:var(--nhpq-ag-teal); }
.nhpq-account-guide-principles h3 { margin:1px 0 5px; color:var(--nhpq-ag-navy); font-size:14px; }
.nhpq-account-guide-principles p { margin:0; color:var(--nhpq-ag-muted); font-size:12px; line-height:1.58; }

.nhpq-account-guide-legal { margin-top:32px; padding:20px; border:1px solid var(--nhpq-ag-warning-border); border-radius:18px; background:var(--nhpq-ag-warning); color:#6a4b1d; }
.nhpq-account-guide-legal-title { display:flex; gap:11px; align-items:center; margin-bottom:9px; }
.nhpq-account-guide-legal-title > svg { width:21px; height:21px; color:#9a6c20; }
.nhpq-account-guide-legal small { display:block; margin-bottom:1px; color:#9a6c20; font-size:9.5px; font-weight:900; letter-spacing:.13em; }
.nhpq-account-guide-legal h2 { margin:0; color:#6d4b16; font-size:17px; }
.nhpq-account-guide-legal p { margin:8px 0 0; font-size:12.3px; line-height:1.62; }

.nhpq-account-guide-footer {
  flex:0 0 auto; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 24px;
  border-top:1px solid var(--nhpq-ag-border); background:#fff;
}
.nhpq-account-guide-footer > div:first-child small { display:block; color:var(--nhpq-ag-muted); font-size:9.5px; letter-spacing:.05em; }
.nhpq-account-guide-footer > div:first-child strong { display:block; margin-top:2px; color:var(--nhpq-ag-navy); font-size:13px; }
.nhpq-account-guide-footer-actions { display:flex; gap:9px; }
.nhpq-account-guide-footer button { min-height:40px; padding:0 14px; border-radius:10px; font:inherit; font-size:11.5px; font-weight:850; cursor:pointer; }
.nhpq-account-guide-footer .is-secondary { border:1px solid var(--nhpq-ag-border-strong); background:#fff; color:var(--nhpq-ag-navy); }
.nhpq-account-guide-footer .is-primary { border:1px solid var(--nhpq-ag-teal); background:var(--nhpq-ag-teal); color:#fff; }

.nhpq-account-guide-account-shortcut {
  width:100%; display:grid; grid-template-columns:34px minmax(0,1fr) 18px; gap:10px; align-items:center; margin:12px 0 2px; padding:11px 12px;
  border:1px solid #d5e5e0; border-radius:13px; background:#f7fbfa; color:var(--nhpq-ag-navy); text-align:left; cursor:pointer;
}
.nhpq-account-guide-account-shortcut > svg:first-child { width:18px; height:18px; color:var(--nhpq-ag-teal); }
.nhpq-account-guide-account-shortcut > svg:last-child { width:16px; height:16px; color:#72858c; }
.nhpq-account-guide-account-shortcut strong { display:block; font-size:12px; }
.nhpq-account-guide-account-shortcut small { display:block; margin-top:2px; color:#71828a; font-size:10px; line-height:1.35; }

@media (max-width:1180px), (max-width:1400px) and (any-pointer:coarse) {
  .nhpq-account-guide-header-btn { display:none !important; }
}
@media (max-width:820px) {
  .nhpq-account-guide-overlay { padding:0; place-items:stretch; background:rgba(9,33,45,.5); }
  .nhpq-account-guide-dialog { width:100%; height:100dvh; min-height:0; border:0; border-radius:0; transform:translateY(12px); }
  .nhpq-account-guide-hero { padding:22px 58px 20px 20px; }
  .nhpq-account-guide-brand { margin-bottom:18px; }
  .nhpq-account-guide-hero h1 { font-size:31px; }
  .nhpq-account-guide-hero > p { font-size:13px; line-height:1.55; }
  .nhpq-account-guide-close { top:17px; right:15px; width:38px; height:38px; }
  .nhpq-account-guide-body { padding:18px 16px 25px; }
  .nhpq-account-guide-principle-callout { grid-template-columns:42px minmax(0,1fr); gap:12px; padding:15px; }
  .nhpq-account-guide-principle-callout > svg { width:21px; height:21px; padding:9px; }
  .nhpq-account-guide-principle-callout strong { font-size:16px; }
  .nhpq-account-guide-section { margin-top:26px; }
  .nhpq-account-guide-section-heading h2 { font-size:19px; }
  .nhpq-account-guide-plan-grid { grid-template-columns:1fr; }
  .nhpq-account-guide-plan { padding:17px; }
  .nhpq-account-guide-plan > p { min-height:0; }
  .nhpq-account-guide-compare-head { display:none; }
  .nhpq-account-guide-compare-row { grid-template-columns:1fr; padding:12px 14px; gap:6px; }
  .nhpq-account-guide-compare-row > * { padding:0; border:0; background:transparent; text-align:left; }
  .nhpq-account-guide-compare-row strong { margin-bottom:3px; color:var(--nhpq-ag-navy); font-size:12.5px; }
  .nhpq-account-guide-compare-row span { display:flex; justify-content:space-between; gap:12px; font-size:11.5px; font-weight:800; }
  .nhpq-account-guide-compare-row span::before { content:attr(data-plan-label); color:var(--nhpq-ag-muted); font-weight:650; }
  .nhpq-account-guide-principles { grid-template-columns:1fr; }
  .nhpq-account-guide-footer { flex-direction:column; align-items:stretch; padding:11px 14px calc(12px + env(safe-area-inset-bottom)); gap:10px; }
  .nhpq-account-guide-footer > div:first-child { display:none; }
  .nhpq-account-guide-footer-actions { width:100%; }
  .nhpq-account-guide-footer-actions button { flex:1 1 0; }
}
@media (max-width:420px) {
  .nhpq-account-guide-brand strong { font-size:10px; }
  .nhpq-account-guide-kicker { font-size:9.5px; }
  .nhpq-account-guide-hero h1 { font-size:28px; }
  .nhpq-account-guide-plan-top { grid-template-columns:34px minmax(0,1fr); }
  .nhpq-account-guide-plan-number { width:32px; height:32px; }
}
@media (prefers-reduced-motion:reduce) {
  .nhpq-account-guide-overlay,.nhpq-account-guide-dialog,.nhpq-account-guide-header-btn { transition:none !important; }
  .nhpq-account-guide-loading span { animation:none !important; }
}