/* static/css/tradition-picker.css
 * The bar is mounted INSIDE the purchase cards, whose own CSS styles bare
 * `button`/`select` descendants (e.g. `.lt-paid button{width:100%;background:
 * #ebcb98;padding:16px 10px;min-height:52px}` in life-timing.css, specificity
 * 0,1,1). "Change" is a quiet text link, never a second gold CTA, so the rules
 * below are scoped through `.tp-bar` (0,2,0) to win that collision on every
 * host page instead of relying on source order. */
.tp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;padding:10px 14px;border-radius:12px;background:#FBF7EF;color:#221C18;font:14px/1.45 Georgia,serif}
.tp-bar b{font-weight:600}
.tp-bar .tp-change{width:auto;background:none;color:#C23B2B;padding:6px 2px;min-height:0;border-radius:0;border:0;font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-left:auto}
.tp-bar .tp-select{width:auto;font:14px/1.2 Inter,system-ui,sans-serif;padding:6px 10px;border:1px solid #E4D9C4;border-radius:8px;background:#fff;color:#221C18;min-width:180px;min-height:0}
@media(prefers-color-scheme:dark){.tp-bar{background:#2a2318;color:#f0e7d6}.tp-bar .tp-select{background:#1b1712;color:#f0e7d6;border-color:#4a3d30}}