/* Static, optional planning steps. No progress tracking or stored selections. */
.buyer-journey, .buyer-next { color: #252d27; background: #eeefe7; border: 1px solid #b9c2ae; padding: 24px; margin: 24px 0; }
.buyer-journey .buyer-journey-label, .buyer-next .buyer-journey-label { margin: 0 0 12px; font-size: .85rem; letter-spacing: .06em; font-weight: 650; }
.buyer-journey ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; margin: 0; padding: 0; }
.buyer-journey li { min-width: 0; margin: 0; }
.buyer-journey li a { display: flex; gap: 10px; align-items: center; min-height: 48px; padding: 12px; box-sizing: border-box; border: 1px solid #809071; color: #252d27; background: #fffefa; line-height: 1.5; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.buyer-journey li a[aria-current="step"] { border-width: 2px; font-weight: 700; background: #dde4d5; }
.buyer-journey-number { flex-shrink: 0; font-size: .8rem; }
.buyer-journey .buyer-journey-note { margin: 14px 0 0; font-size: .9rem; line-height: 1.6; }
.buyer-next h2 { margin: 0 0 16px; font-family: Georgia, serif; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.25; font-weight: 400; }
.buyer-next p, .buyer-next li { max-width: 72ch; overflow-wrap: anywhere; }
.buyer-next .button { display: inline-flex; align-items: center; min-height: 48px; max-width: 100%; box-sizing: border-box; white-space: normal; }
.buyer-next a:not(.button) { text-decoration: underline; text-underline-offset: .2em; }
.buyer-journey a:focus-visible, .buyer-next a:focus-visible { outline: 3px solid #975729; outline-offset: 4px; }
.buyer-example { padding-left: 16px; border-left: 3px solid #809071; }
@media (max-width: 700px) { .buyer-journey ol { grid-template-columns: 1fr; } .buyer-journey, .buyer-next { padding: 18px; } }
@media print { .buyer-journey, .buyer-next { background: none; color: #000; border-color: #777; padding: 12pt; } .buyer-journey ol { display: block; } .buyer-journey li a { min-height: 0; background: none; color: #000; padding: 5pt; } .buyer-next .button { min-height: 0; background: none; color: #000; border: 1px solid #777; } .buyer-next h2 { break-after: avoid; } }
@media (forced-colors: active) { .buyer-journey a, .buyer-next a { color: LinkText; } .buyer-journey a[aria-current="step"] { border-color: Highlight; } .buyer-journey a:focus-visible, .buyer-next a:focus-visible { outline-color: Highlight; } }