/* Scoped to the four high-traffic guides refreshed October 22, 2026. */
.priority-article .priority-body { max-width: 800px; margin: 0 auto; padding: 0; }
.priority-article .priority-body h2 { margin-top: 2.6rem; line-height: 1.25; scroll-margin-top: 110px; }
.priority-article .priority-body h3 { margin-top: 1.5rem; line-height: 1.35; }
.priority-article .priority-body p, .priority-article .priority-body li { line-height: 1.75; }
.priority-article .article-hero .hero-content { text-align: left; }
.priority-article .article-hero .hero-content > p { margin: .6rem 0 0; }
.priority-article .article-hero .priority-updated { padding: 0; font-size: .82rem; color: #fff; opacity: .9; }
.priority-article .priority-toc { display: flex; flex-wrap: wrap; gap: .6rem 1.1rem; padding: 1.2rem 1.4rem; margin: 1.75rem 0 2.5rem; background: #f8fafc; border: 1px solid #dce4eb; border-radius: 12px; }
.priority-article .priority-toc strong { flex-basis: 100%; font-size: .85rem; color: #344256; }
.priority-article .priority-toc a { font-size: .9rem; text-decoration: underline; text-underline-offset: 3px; }
.priority-article .priority-note { color: #526174; font-size: .86rem; line-height: 1.6; }
.priority-article .priority-kicker { display: block; margin-bottom: .6rem; color: #31584f; font-family: var(--font-primary); font-size: .72rem; line-height: 1.5; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.priority-article .priority-steps { display: grid; gap: 1rem; margin: 1.5rem 0; }
.priority-article .priority-steps > div { position: relative; padding: 1.25rem 1.35rem 1.25rem 4.5rem; background: #f8fafb; border: 1px solid #dce4eb; border-radius: 12px; }
.priority-article .priority-steps > div > span { position: absolute; top: 1.25rem; left: 1.2rem; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; background: #dfede8; color: #244e45; border-radius: 8px; font-size: .8rem; font-weight: 800; }
.priority-article .priority-steps h3 { margin: 0 0 .45rem; font-family: var(--font-primary); font-size: 1.05rem; font-weight: 750; }
.priority-article .priority-steps p { margin: 0; }
.priority-article .priority-example, .priority-article .priority-script { padding: 1.5rem; margin: 1.75rem 0; background: #f4f8f5; border: 1px solid #c9ded4; border-radius: 12px; }
.priority-article .priority-example h3 { margin: 0 0 1rem; }
.priority-article .priority-example dl { margin: 0; font-variant-numeric: tabular-nums; }
.priority-article .priority-example dl > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid #d4e3dc; }
.priority-article .priority-example dl > div:last-child { border-bottom: 0; font-weight: 800; color: #193d33; }
.priority-article .priority-example dd { margin: 0; text-align: right; white-space: nowrap; }
.priority-article .priority-script blockquote { margin: 0; padding: 0; border: 0; background: transparent; font-family: var(--font-heading); font-size: 1.2rem; line-height: 1.6; color: #193d33; }
.priority-article .priority-compare { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.75rem 0; }
.priority-article .priority-compare section { padding: 1.4rem; background: #f3f7fc; border: 1px solid #cbd9e9; border-top: 4px solid #497aa8; border-radius: 12px; }
.priority-article .priority-compare section:nth-child(2) { background: #f1f7f3; border-color: #cfdfd5; border-top-color: #42745e; }
.priority-article .priority-compare h2 { margin: 0 0 .8rem; font-size: 1.6rem; }
.priority-article .priority-compare ul { padding-left: 1.2rem; margin-bottom: 0; }
.priority-article .priority-service, .priority-article .priority-tool { padding: 1.5rem; margin: 2rem 0; background: #f4f8fc; border: 1px solid #cbd9e9; border-radius: 12px; }
.priority-article .priority-service h2, .priority-article .priority-tool h3 { margin: 0 0 .85rem; }
.priority-article .priority-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: 1.2rem 0; }
.priority-article .priority-actions > a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; font-weight: 650; }
.priority-article .priority-actions .btn, .priority-article .priority-tool .btn { white-space: normal; text-align: center; line-height: 1.4; min-height: 48px; }
.priority-article .priority-consult p:last-child { margin-bottom: 0; }
.priority-article .priority-final { background: #173e36; color: #fff; border-radius: 15px; padding: 2rem; margin: 2.75rem 0; }
.priority-article .priority-final h2 { margin: 0 0 .8rem; color: #fff; font-size: clamp(1.6rem,4vw,2rem); }
.priority-article .priority-final p { color: #eef5f2; }
.priority-article .priority-final .priority-note { color: #d6e5df; margin: 0; }
.priority-article .priority-final .btn { background: #fff; color: #173e36 !important; border-color: #fff; }
.priority-article .priority-final a:not(.btn) { color: #fff; }
.priority-article .priority-download { margin: 1.5rem 0; padding: 1rem 1.25rem; border: 1px solid #dce4eb; border-radius: 10px; background: #f8fafb; }
.priority-article .priority-download > summary { cursor: pointer; font-weight: 650; color: #344256; line-height: 1.5; }
.priority-article .priority-download .gp-guide { margin: 1rem 0 0; max-width: none; }
.priority-article .gp-guide-note, .priority-article .gp-guide-form input[type="email"]::placeholder { color: #b8c5d5; }
.priority-article a:focus-visible, .priority-article summary:focus-visible { outline: 3px solid #7aaae0; outline-offset: 4px; }
.priority-article .debt-payoff-table { width: 100%; }
.priority-article .debt-payoff-table th, .priority-article .debt-payoff-table td { white-space: normal; }
@media (max-width: 600px) {
  .priority-article .priority-compare { grid-template-columns: 1fr; }
  .priority-article .priority-steps > div { padding: 1.1rem 1.1rem 1.1rem 3.8rem; }
  .priority-article .priority-steps > div > span { left: .85rem; top: 1.1rem; }
  .priority-article .priority-example, .priority-article .priority-script, .priority-article .priority-service, .priority-article .priority-tool, .priority-article .priority-final { padding: 1.25rem; }
  .priority-article .priority-actions { align-items: stretch; flex-direction: column; gap: .85rem; }
  .priority-article .priority-actions > a { text-align: center; }
  .priority-article .priority-toc { padding: 1rem; }
  .priority-article .priority-example dl > div { gap: .65rem; font-size: .9rem; }
}