.article-body .tara-diagram,.article-body .tara-tool{margin:32px 0;background:#edf4ef;border:1px solid #d5e2d8;border-radius:7px;padding:25px 27px;color:#1a2920}
.article-body .tara-diagram h3,.article-body .tara-tool h3{font-size:23px;line-height:1.2;letter-spacing:-.35px;margin:2px 0 10px}
.article-body .tara-diagram>p,.article-body .tara-tool>p{font-size:14px;line-height:1.5;margin:0 0 18px}
.article-body .tara-diagram .diagram-kicker{font-size:11px;color:#477a5d;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 6px}
.article-body .tara-diagram .diagram-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:9px;padding:0;margin:21px 0 0}
.article-body .tara-diagram .diagram-steps.mechanism-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-body .tara-diagram .diagram-steps li{background:#fffefb;border:1px solid #d6e1da;border-radius:5px;padding:17px 15px;min-width:0}
.article-body .tara-diagram .diagram-steps strong{display:block;font-size:15px;line-height:1.25;margin-bottom:7px}
.article-body .tara-diagram .diagram-steps span{display:block;font-size:13px;line-height:1.42;color:#53665a}
.article-body .tara-diagram .diagram-steps .diagram-step{color:#3b8554;font-size:11px;font-weight:750;margin-bottom:8px}
.article-body .tara-diagram .diagram-steps .diagram-outcome{background:#d8f0df;border-color:#a8d6b5}
.article-body .tara-diagram figcaption{font-size:12px;line-height:1.5;color:#5d6d62;margin-top:13px}
.article-body .tara-tool .tool-kicker{font-size:11px;color:#477a5d;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 6px}
.article-body .tara-tool form{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:end}
.article-body .tara-tool label{display:block;font-size:13px;line-height:1.35;font-weight:650;margin:9px 0 2px}
.article-body .tara-tool select,.article-body .tara-tool textarea{width:100%;min-width:0;border:1px solid #b4c6b9;border-radius:4px;background:#fffefb;color:#17251b;font:inherit;font-size:14px;line-height:1.45;padding:10px 12px}
.article-body .tara-tool select{min-height:45px}
.article-body .tara-tool textarea{display:block;resize:vertical;margin:7px 0 12px}
.article-body .tara-tool button{justify-self:start;border:0;border-radius:4px;background:#202d23;color:#fff;padding:10px 15px;font:inherit;font-size:14px;font-weight:650;line-height:1.4;margin-top:10px}
.article-body .tara-tool button:hover{background:#386348}
.article-body .tara-tool .tool-secondary{background:#fffefb;color:#203728;border:1px solid #a3baa9;margin:0 10px 0 0}
.article-body .tara-tool .tool-secondary:hover{background:#e6f1e9}
.article-body .tara-tool .tool-result{background:#fffefb;border-left:3px solid #3e8156;border-radius:0 4px 4px 0;padding:16px 18px;margin-top:19px}
.article-body .tara-tool .tool-result strong{font-size:16px}
.article-body .tara-tool .tool-result p{font-size:14px;line-height:1.5;margin:7px 0 0}
.article-body .tara-tool .tool-result label{margin-top:15px}
.article-body .tara-tool .tool-result span{font-size:13px}
.article-body .tara-tool .tool-foot{font-size:12px;line-height:1.5;color:#5d6d62;margin:18px 0 0}
.tara-tool [hidden]{display:none!important}
.tara-tool select:focus-visible,.tara-tool textarea:focus-visible{outline:3px solid #479064;outline-offset:2px}
@media(max-width:850px){.article-body .tara-diagram .diagram-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.article-body .tara-diagram,.article-body .tara-tool{padding:21px 18px}.article-body .tara-diagram .diagram-steps,.article-body .tara-diagram .diagram-steps.mechanism-steps,.article-body .tara-tool form{grid-template-columns:1fr}.article-body .tara-tool button{width:100%}.article-body .tara-tool .tool-secondary{width:auto}}

/* The payment route component works in both previews. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.route-switches{display:flex;gap:8px;border:0;padding:0;margin:22px 0}
.article-body .route-switches label{flex:1;position:relative;margin:0;cursor:pointer}
.route-switches input{position:absolute;opacity:0;width:1px;height:1px}
.route-switches span{display:block;text-align:center;padding:12px 8px;border:1px solid #88998e;border-radius:12px;color:var(--ink);font-size:14px}
.route-switches input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.route-switches input:focus-visible+span{outline:3px solid #479064;outline-offset:3px}
.spending-route{display:none}
.spending-routes:has(input[value=crypto]:checked) [data-route=crypto],.spending-routes:has(input[value=card]:checked) [data-route=card],.spending-routes:has(input[value=bank]:checked) [data-route=bank]{display:block}
.article-body .route-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;counter-reset:route}
.route-steps li{position:relative;counter-increment:route;border-radius:24px;padding:20px;background:#fff;font-size:14px;color:#000}
.route-steps li::before{content:counter(route);display:block;font-weight:700;margin-bottom:12px}
.route-steps li+li::after{content:'→';position:absolute;left:-20px;top:50%;color:var(--muted)}
.route-steps strong,.route-steps span{display:block;line-height:1.5}
.route-steps strong{margin-bottom:8px;font-size:16px}
.route-steps .route-vault{background:#b9e7c9}
.route-steps .route-smart{background:#ffc5c8}
@media(max-width:600px){.article-body .route-steps{grid-template-columns:1fr;gap:20px}.route-steps li+li::after{content:'↓';left:50%;top:-23px}.route-switches span{font-size:12px;padding:12px 4px}}

.article-body .tara-end-cta{position:relative;left:50%;transform:translateX(-50%);width:min(1120px,calc(100vw - 40px));min-height:500px;margin:78px 0 0;padding:24px 64px 24px 28px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:42px;overflow:hidden;border:1px solid #e8ece9;border-radius:20px;background:#fff}
.article-body .tara-end-cta-art{display:flex;align-items:center;justify-content:center;min-width:0}
.article-body .tara-end-cta-art img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;filter:brightness(1.03)}
.article-body .tara-end-cta-copy{min-width:0}
.article-body .tara-end-cta h2{font-size:clamp(48px,5.3vw,76px);line-height:.97;letter-spacing:-.055em;font-weight:750;max-width:520px;margin:0 0 20px}
.article-body .tara-end-cta p{font-size:22px;line-height:1.3;letter-spacing:-.02em;color:#555d59;margin:0 0 30px}
.article-body .tara-end-cta a[href="https://tara.com"]{display:inline-flex;align-items:center;gap:15px;background:#111216;color:#fff;border-radius:999px;padding:13px 21px;font-size:15px;font-weight:650;white-space:nowrap}
.article-body .tara-end-cta a[href="https://tara.com"]:hover{background:#344d3c;color:#fff}
@media(max-width:760px){.article-body .tara-end-cta{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:26px 25px 36px;min-height:0;margin-top:58px}.article-body .tara-end-cta-art img{max-height:330px}.article-body .tara-end-cta h2{font-size:clamp(46px,11vw,64px);max-width:430px}.article-body .tara-end-cta p{font-size:18px;margin-bottom:22px}}