/* v2 article components. Loaded after the v1 style.css; uses its paper/ink/rule tokens. */
:root{
 --v2-surface:#fff;
 --v2-tint:#edf4ef;
 --v2-line:#d5e2d8;
 --v2-ink-2:#4d5a52;
 --v2-muted:#6a746e;
 --v2-accent:#2f6b45;       /* single-series marks, emphasis */
 --v2-context:#c3cdc7;      /* de-emphasised marks */
 --v2-track:#e6ede8;
 --v2-usdc:#2a78d6;         /* categorical slot 1 (validated with slot 3) */
 --v2-usdt:#1baf7a;         /* categorical slot 3; below 3:1, so always direct-labelled */
 --v2-warn:#9a5b00;
}

/* compare banner */
.v2-compare{display:flex;justify-content:center;gap:14px;align-items:center;background:#e4efe7;font-size:13px;padding:9px 16px;flex-wrap:wrap}
.v2-compare span{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.v2-compare a{color:#1f4d31}

/* fast check */
.article-body .v2-fastcheck{margin:30px 0;background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:10px;padding:22px 26px 8px}
.article-body .v2-fastcheck h2{font-size:13px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 14px;color:var(--v2-accent)}
.article-body .v2-fastcheck ol{counter-reset:fc;list-style:none;padding:0;margin:0}
.article-body .v2-fastcheck li{counter-increment:fc;position:relative;padding:0 0 14px 40px;margin:0;font-size:16px;line-height:1.5}
.article-body .v2-fastcheck li::before{content:counter(fc);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--v2-tint);color:var(--v2-accent);font-weight:700;font-size:13px;display:grid;place-items:center}
.article-body .v2-fastcheck li strong{display:block}

/* In Tara note */
.article-body .v2-note{margin:24px 0;border-left:3px solid var(--v2-accent);background:var(--v2-tint);padding:14px 18px;border-radius:0 8px 8px 0;font-size:15.5px;line-height:1.55}
.article-body .v2-note b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-accent);margin-bottom:4px}
.article-body .v2-note p{margin:0}

/* figure shell for graphics */
.article-body .v2-fig{margin:36px 0;background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:12px;padding:24px 26px 18px}
.article-body .v2-fig h3{font-size:20px;line-height:1.25;letter-spacing:-.3px;margin:0 0 6px}
.article-body .v2-fig .v2-sub{font-size:14px;line-height:1.5;color:var(--v2-ink-2);margin:0 0 20px}
.article-body .v2-fig figcaption{font-size:12px;line-height:1.5;color:var(--v2-muted);margin-top:16px;border-top:1px solid var(--rule);padding-top:10px}
.article-body .v2-fig details{margin-top:10px;font-size:13px}
.article-body .v2-fig details summary{cursor:pointer;color:var(--v2-ink-2)}
.article-body .v2-fig details .table-wrap,.article-body .v2-fig details table{margin:10px 0 0}
.v2-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--v2-ink-2);margin:-6px 0 16px}
.v2-legend span{display:inline-flex;align-items:center;gap:7px}
.v2-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}

/* horizontal bars: label | track | value */
.v2-bars{display:grid;gap:10px}
.v2-bar{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) var(--val-w,76px);gap:12px;align-items:center;font-size:14px}
.v2-bar .lab{color:var(--ink);line-height:1.3}
.v2-bar .lab small{display:block;color:var(--v2-muted);font-size:12px}
.v2-bar .track{height:20px;position:relative}
.v2-bar .fill{position:absolute;top:0;bottom:0;left:0;background:var(--v2-context);border-radius:0 4px 4px 0;min-width:2px}
.v2-bar.em .fill{background:var(--v2-accent)}
.v2-bar .val{font-variant-numeric:tabular-nums;font-weight:650;text-align:right;white-space:nowrap}
.v2-bar.em .val{color:var(--v2-accent)}
.v2-bar .fill.usdc{background:var(--v2-usdc)}
.v2-bar .fill.usdt{background:var(--v2-usdt)}

/* range bars: min–max on a shared scale */
.v2-range .track{background:linear-gradient(90deg,var(--rule) 1px,transparent 1px) 0 0/25% 100%}
.v2-range .fill{border-radius:4px;background:var(--v2-context)}
.v2-range .v2-bar.em .fill{background:var(--v2-accent)}
.v2-log .track{background-size:20% 100%}
.v2-scale{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) var(--val-w,76px);gap:12px;font-size:11px;color:var(--v2-muted);margin-top:6px}
/* zero-width ticks spread with space-between sit exactly on the 0/25/50/75/100% gridlines */
.v2-scale div{display:flex;justify-content:space-between;min-width:0}
.v2-scale div span{width:0;display:flex;justify-content:center;white-space:nowrap}
.v2-log,.v2-scale-log{--val-w:124px}
/* values at the bar tips: the track keeps 76px free on the right for the longest label */
.v2-tip .v2-bar{grid-template-columns:minmax(120px,190px) minmax(0,1fr)}
.v2-tip .fill{width:calc((100% - 76px) * var(--w) / 100)}
.v2-tip .val{position:absolute;top:50%;transform:translateY(-50%);left:calc((100% - 76px) * var(--w) / 100 + 8px);text-align:left}
.v2-tip-scale{grid-template-columns:minmax(120px,190px) minmax(0,1fr)}
.v2-tip-scale div{margin-right:76px}
.v2-tip-scale>span:last-child{display:none}

/* timeline */
.v2-timeline{display:grid;gap:0;margin:8px 0 4px;position:relative}
.v2-tl-row{display:grid;grid-template-columns:118px 1fr;gap:16px;position:relative;padding-bottom:18px}
.v2-tl-row:last-child{padding-bottom:0}
.v2-tl-row::before{content:'';position:absolute;left:127px;top:18px;bottom:-2px;width:2px;background:var(--v2-line)}
.v2-tl-row:last-child::before{display:none}
.v2-tl-when{font-size:13px;font-weight:700;color:var(--v2-accent);text-align:right;padding-top:1px;font-variant-numeric:tabular-nums}
.v2-tl-what{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5}
.v2-tl-what::before{content:'';position:absolute;left:-4px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--v2-accent);box-shadow:0 0 0 3px var(--v2-surface)}
.v2-tl-what strong{display:block;font-size:15px}
.v2-tl-what span{color:var(--v2-ink-2)}
.v2-tl-row.warn .v2-tl-when{color:var(--v2-warn)}
.v2-tl-row.warn .v2-tl-what::before{background:var(--v2-warn)}

/* stacked share bar (100%) */
.v2-stack{display:flex;height:26px;gap:2px;margin:6px 0 8px}
.v2-stack i{display:block;height:100%;min-width:2px}
.v2-stack i:first-child{border-radius:4px 0 0 4px}
.v2-stack i:last-child{border-radius:0 4px 4px 0}

/* lookup table with filter */
.v2-lookup input{width:100%;border:1px solid #b4c6b9;border-radius:6px;padding:10px 12px;font-size:15px;margin:0 0 12px;background:#fffefb}
.v2-lookup .table-wrap{margin:0}
.v2-lookup table{table-layout:fixed}
.v2-lookup th,.v2-lookup td{min-width:0}
.v2-lookup th:first-child{width:9em}
.v2-lookup table:has(th:nth-child(4)) th:first-child{width:6.5em}
.v2-lookup table:has(th:nth-child(4)) th:nth-child(3){width:8em}
.v2-lookup td:first-child{font-family:ui-monospace,SFMono-Regular,monospace;white-space:nowrap}
.v2-lookup th,.v2-lookup td{padding:9px 12px;font-size:13.5px}
.v2-lookup .table-wrap{max-height:520px;overflow:auto}
.v2-lookup .none{font-size:14px;color:var(--v2-muted);margin:10px 0 0}

/* calculators: numbered steps, choice cards, one answer panel */
.article-body .v2-tool{margin:36px 0;background:var(--v2-tint);border:1px solid var(--v2-line);border-radius:12px;padding:24px 26px}
.article-body .v2-tool h3{font-size:20px;letter-spacing:-.3px;margin:0 0 6px}
.article-body .v2-tool .v2-tool-intro{font-size:15px;line-height:1.5;margin:0 0 22px;color:var(--v2-ink-2)}
.v2-tool [hidden]{display:none!important}
.v2-step{border:0;margin:0 0 22px;padding:0;min-width:0}
.v2-step legend{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;padding:0;margin:0 0 12px;color:var(--ink)}
.v2-n{width:24px;height:24px;border-radius:50%;background:var(--v2-accent);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;flex:none}
.v2-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start}
.v2-field label{display:block;font-size:13px;font-weight:650;line-height:1.35;margin:0 0 6px;color:var(--ink)}
.v2-field small{display:block;font-size:12.5px;line-height:1.4;color:var(--v2-muted);margin-top:6px}
.v2-tool input:not([type="radio"]),.v2-tool select{box-sizing:border-box;width:100%;height:46px;border:1px solid #b4c6b9;border-radius:8px;background:#fffefb;font:inherit;font-size:16px;padding:0 12px;color:var(--ink);margin:0}
.v2-tool input:focus-visible,.v2-tool select:focus-visible{outline:2px solid var(--v2-accent);outline-offset:1px}
.v2-tool input[aria-invalid="true"]{border-color:#b3261e}
.v2-money{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}
.v2-choices{display:grid;gap:8px}
.v2-choices label{display:flex;gap:12px;align-items:flex-start;background:#fffefb;border:1px solid #cddbd1;border-radius:8px;padding:11px 14px;font-size:15px;line-height:1.4;font-weight:400;cursor:pointer;margin:0}
.v2-choices label:has(input:checked){border-color:var(--v2-accent);box-shadow:inset 0 0 0 1px var(--v2-accent);background:#fff}
.v2-choices input{margin:3px 0 0;accent-color:var(--v2-accent);width:16px;height:16px;flex:none}
.v2-custom{margin-top:12px}
.v2-answer{background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:10px;padding:18px 20px}
.article-body .v2-answer p{margin:0}
.article-body .v2-answer .v2-prompt{font-size:15px;line-height:1.5;color:var(--v2-ink-2)}
.article-body .v2-answer .v2-verdict{font-size:24px;font-weight:720;letter-spacing:-.5px;line-height:1.25;margin:0 0 14px;color:var(--ink)}
.article-body .v2-answer .v2-status{display:inline-block;font-size:13px;font-weight:650;color:#9b2c1f;background:#fbeae7;border-radius:6px;padding:4px 10px;margin:-4px 0 14px}
.v2-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.v2-total{position:relative;border:1px solid var(--v2-line);border-radius:8px;padding:12px 14px}
.v2-total.is-best{border-color:var(--v2-accent);background:var(--v2-tint)}
.v2-tag{display:none;position:absolute;top:12px;right:14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v2-accent)}
.v2-total.is-best .v2-tag{display:block}
.article-body .v2-total .v2-route{font-size:13px;font-weight:650;color:var(--v2-ink-2);margin:0 0 2px}
.article-body .v2-total .v2-amount{font-size:22px;font-weight:720;font-variant-numeric:tabular-nums;color:var(--ink);margin:0 0 4px}
.article-body .v2-total .v2-how{font-size:13px;line-height:1.4;color:var(--v2-muted)}
.article-body .v2-answer .v2-why{font-size:14px;line-height:1.55;color:var(--v2-ink-2)}
.article-body .v2-steps-out{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.article-body .v2-steps-out li{border-top:3px solid var(--v2-context);padding:8px 0 0;margin:0}
.article-body .v2-steps-out li::before{content:none}
.article-body .v2-steps-out li.is-key{border-top-color:var(--v2-accent)}
.v2-steps-out span{display:block;font-size:12px;line-height:1.3;color:var(--v2-muted);margin-bottom:3px}
.v2-steps-out b{display:block;font-size:14px;line-height:1.35;font-weight:650;color:var(--ink)}
.v2-more{margin-top:14px;font-size:13.5px;color:var(--v2-ink-2)}
.v2-more summary{cursor:pointer;width:fit-content}
.v2-more .v2-field{margin-top:12px;max-width:340px}
.article-body .v2-tool .foot{font-size:12.5px;line-height:1.5;color:var(--v2-muted);margin:14px 0 0}

/* balance squeeze (hold vs available vs a purchase) */
.v2-squeeze{display:grid;gap:14px;margin:4px 0}
.sq-row{display:grid;grid-template-columns:92px 1fr 104px;gap:12px;align-items:center}
.sq-lab{font-size:12px;color:var(--v2-ink-2);line-height:1.3}
.sq-lab b{display:block;font-size:17px;color:var(--ink)}
.sq-track{position:relative;display:flex;gap:2px;height:34px}
.sq-track.sq-empty{background:none}
.sq-track i{display:block;height:100%}
.sq-track .sq-hold{background:var(--v2-context);border-radius:4px 0 0 4px;display:flex;align-items:center;padding-left:10px;font-size:12.5px;font-style:normal;white-space:nowrap;overflow:visible}
.sq-free{background:var(--v2-accent);border-radius:0 4px 4px 0}
.sq-need{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#d2873a 0 6px,#e4a766 6px 12px);border-radius:4px}
.sq-edge{position:absolute;left:100%;top:-6px;bottom:-6px;width:2px;background:var(--ink)}
.sq-val{font-size:13px;font-weight:650;line-height:1.3}
.sq-bad{color:#9b2c1f}

/* decision paths */
.v2-paths{display:grid;grid-template-columns:1fr;gap:12px}
.vp-branch{border:1px solid var(--v2-line);border-radius:10px;padding:14px 16px;background:#fbfdfb}
.vp-branch p{font-size:14px;line-height:1.5;margin:0 0 8px}
.vp-q{font-weight:700;font-size:13px!important;text-transform:uppercase;letter-spacing:.05em;color:var(--v2-accent)}
.vp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vp-grid>div{background:var(--v2-surface);border:1px solid var(--rule);border-radius:8px;padding:11px 12px;font-size:13.5px;line-height:1.45;display:grid;gap:4px;align-content:start}
.vp-codes{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--v2-accent)}
.vp-grid>.vp-stop{border-color:#e3b9b2;background:#fdf6f4}
.vp-stop strong,.vp-stop .vp-codes{color:#9b2c1f}

/* Tara flow */
.v2-tflow{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.v2-tflow li{border:1px solid var(--v2-line);border-radius:10px;padding:14px 16px;display:grid;gap:4px;font-size:14px;line-height:1.5;position:relative;background:#fbfdfb}
.article-body .v2-tflow{gap:22px;padding:0}
.article-body .v2-tflow li{margin:0;padding:14px 16px}
.v2-tflow li+li::before{content:'↓';position:absolute;top:-21px;left:50%;transform:translateX(-50%);font-size:15px;line-height:1;color:var(--v2-accent)}
.v2-tflow .tf-move{background:none;border-style:dashed}
.tf-place{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--v2-accent)}
.tf-num{font-size:26px;letter-spacing:-.6px;line-height:1.15}
.tf-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--v2-ink-2)}
.tf-legend span{display:inline-flex;align-items:center;gap:6px}
.tf-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.tf-ok::before{content:'✓ ';color:var(--v2-accent);font-weight:700}
.tf-bad::before{content:'✕ ';color:#9b2c1f;font-weight:700}
/* annotated terminal */
.v2-terminal{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.vt-screen{background:#1c211e;color:#f1f5f2;border-radius:16px;padding:18px 16px 16px;box-shadow:inset 0 0 0 6px #2c332f}
.vt-head{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#a9b8ae;margin:0 0 12px!important;text-align:center}
.vt-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vt-opt{position:relative;border:1px solid #58635c;border-radius:8px;padding:12px 8px;text-align:center;display:grid;gap:2px}
.vt-opt b{font-size:17px}
.vt-opt small{font-size:11px;color:#a9b8ae}
.vt-good{border-color:#8fd4a5;box-shadow:0 0 0 2px #8fd4a5 inset}
.vt-opt i,.vt-rate i{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#f3c14b;color:#1c211e;font:700 12px/22px Inter,sans-serif;text-align:center;font-style:normal}
.vt-rate{position:relative;font-size:12px!important;line-height:1.5!important;color:#d4ddd7;text-align:center;margin:12px 0 0!important;padding:8px;border:1px dashed #58635c;border-radius:6px}
.vt-notes{list-style:none;padding:0!important;margin:0!important;display:grid;gap:12px}
.vt-notes li{font-size:14px;line-height:1.5;margin:0!important;padding:0!important}
.vt-notes b{display:block}

/* where the time goes */
.lg-bar,.lg-notes{display:flex;gap:2px}
.lg-bar i{font-style:normal;font-size:12.5px;font-weight:650;display:flex;align-items:center;padding:0 10px;height:38px;white-space:nowrap;overflow:hidden}
.lg-own{flex:0 0 22%;background:repeating-linear-gradient(135deg,#e6ede8 0 6px,#d5e0d9 6px 12px);border-radius:4px 0 0 4px}
.lg-flight{background:#9cc3a8}
.lg-last{background:var(--v2-accent);color:#fff;border-radius:0 4px 4px 0}
.lg-notes{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lg-notes>div{font-size:13px;line-height:1.45;display:grid;gap:3px;align-content:start;min-width:0;--sw:var(--v2-accent)}
.lg-notes .lg-own-n{--sw:repeating-linear-gradient(135deg,#e6ede8 0 3px,#c9d6cd 3px 6px)}
.lg-notes>div:nth-child(2){--sw:#9cc3a8}
.lg-notes strong::before{content:'';display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--sw);margin-right:7px;vertical-align:0}
.lg-notes span{color:var(--v2-ink-2)}

/* waterfall + charge options */
.v2-fall .fill.fall{background:#d2873a;border-radius:3px;min-width:6px}
.v2-charges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.v2-charges div{border:1px solid var(--rule);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:grid;gap:3px;align-content:start}

/* route comparison */
.v2-routes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vr-route{border:1px solid var(--rule);border-radius:10px;padding:14px 16px}
.vr-route.vr-tara{border-color:var(--v2-accent);background:var(--v2-tint)}
.vr-name{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--v2-ink-2);margin:0 0 10px!important}
.vr-tara .vr-name{color:var(--v2-accent)}
.vr-route ol{margin:0!important;padding-left:20px!important}
.vr-route li{font-size:14px;line-height:1.45;margin-bottom:10px}
.vr-route li b,.vr-route li span{display:block}
.vr-route li span{color:var(--v2-ink-2);font-size:13px}
.vr-foot{font-size:12.5px!important;color:var(--v2-ink-2);margin:4px 0 0!important}

/* small multiples, reserves, matrix */
.v2-multi{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.v2-multi .v2-bar{grid-template-columns:86px 1fr 48px}
.v2-panel{display:flex;align-items:center;gap:8px;font-size:14px!important;font-weight:700;margin:0 0 10px!important}
.v2-panel i{width:12px;height:12px;border-radius:3px;display:inline-block}
.v2-reserve .v2-panel{margin-top:14px!important}
.v2-rows{font-size:13px!important;color:var(--v2-ink-2);margin:4px 0 0!important}
.v2-rows b{color:#b0461a;font-weight:600}
.v2-matrix td,.v2-matrix th{min-width:80px}
.v2-matrix td.yes{color:var(--v2-accent);font-weight:650}
.v2-matrix td.no{color:#9b2c1f}
.v2-tsteps{margin:18px 0 0!important;padding-left:22px!important}
.v2-tsteps li{font-size:14.5px;line-height:1.5}

.v2-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* sources list */
.article-body .v2-sources{font-size:13.5px;line-height:1.55;color:var(--v2-ink-2)}
.article-body .v2-sources li{margin-bottom:6px}

/* v2 index + UI kit */
.v2-index td:first-child a{font-weight:650}
.kit .kit-group{border-top:1px solid var(--rule);padding-top:26px;margin-top:40px}
.kit .kit-group h2{margin-top:0}
.kit .kit-note{font-size:14px;color:var(--v2-muted)}
.kit .kit-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-accent);font-weight:700;margin:22px 0 -18px}
.kit .v2-note,.kit .v2-fastcheck,.kit .v2-fig,.kit .v2-tool{margin-top:26px}
.kit .tara-end-cta{left:auto;transform:none;width:100%}

@media (max-width:760px){
 .v2-pair,.v2-totals{grid-template-columns:1fr}
 .article-body .v2-steps-out{grid-template-columns:1fr;gap:8px}
 .article-body .v2-steps-out li{display:grid;grid-template-columns:120px 1fr;gap:10px;border-top:0;border-left:3px solid var(--v2-context);padding:2px 0 2px 10px}
 .article-body .v2-steps-out li.is-key{border-left-color:var(--v2-accent)}
 .v2-steps-out span{margin:0}
 .article-body .v2-answer .v2-verdict{font-size:21px}
 .article-body .v2-fig,.article-body .v2-tool{padding:18px 16px 14px;margin-left:-8px;margin-right:-8px}
 /* phones: label on its own line, then bar and value, so the bar gets the full width */
 .v2-bar:not(.v2-multi .v2-bar){grid-template-columns:minmax(0,1fr) var(--val-w,76px);grid-template-areas:"lab lab" "track val";gap:4px 10px;font-size:13.5px}
 .v2-bar:not(.v2-multi .v2-bar) .lab{grid-area:lab}
 .v2-bar:not(.v2-multi .v2-bar) .track{grid-area:track}
 .v2-bar:not(.v2-multi .v2-bar) .val{grid-area:val}
 .v2-bars{gap:14px}
 .v2-scale{grid-template-columns:minmax(0,1fr) var(--val-w,76px);gap:10px}
 .v2-scale>span:first-child{display:none}
 .v2-tip .v2-bar:not(.v2-multi .v2-bar){grid-template-columns:minmax(0,1fr);grid-template-areas:"lab" "track"}
 .v2-tip-scale{grid-template-columns:minmax(0,1fr)}
 .v2-lookup table{table-layout:auto}
 .v2-lookup td:first-child{white-space:normal}
 .preview-label{position:static;display:block;margin:0 24px 24px;text-align:center}
 .v2-tl-row{grid-template-columns:78px 1fr;gap:10px}
 .v2-tl-row::before{left:83px}
 .v2-tl-what{padding-left:18px}
 .article-body .v2-fastcheck{padding:18px 18px 6px}
 .sq-row{grid-template-columns:64px 1fr 74px;gap:8px}
 .sq-hold span{font-size:11px}
 .v2-paths,.vp-grid{grid-template-columns:1fr}
 .v2-terminal,.v2-routes,.v2-multi,.v2-charges{grid-template-columns:1fr}
 .vt-screen{max-width:300px}
 .lg-bar i{font-size:11px;padding:0 6px}
 .lg-notes{grid-template-columns:1fr}
 .v2-scale-log span:nth-child(odd){visibility:hidden}
 .v2-multi .v2-bar{grid-template-columns:86px 1fr auto}
 .v2-multi .v2-bar .val{min-width:0}
}

/* Country rules: decorative flags alongside the country names. */
.article-body .v2-country-rules{list-style:none;padding:0;margin:24px 0}
.article-body .v2-country-rules li{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px;padding:0}
.v2-country-rules img{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border-radius:50%;box-shadow:0 0 0 1px #00000012}
.article-body .v2-country-rules p{margin:0;min-width:0}

.v2-notes-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#781f28;cursor:pointer}
.v2-notes-toggle input{accent-color:#781f28;width:32px;height:18px;margin:0}
.article-body .v2-fig .v2-technical-note{color:#781f28;background:#fff0f1;border:1px solid #e6b7bd;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5}
.v2-technical-note[hidden]{display:none!important}
@media(max-width:480px){.v2-notes-toggle{max-width:105px;font-size:11px}}

.v2-source-details{margin:40px 0;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);padding:20px 0;scroll-margin-top:24px}
.v2-source-details summary{cursor:pointer;font-size:24px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.v2-source-details summary::-webkit-details-marker{display:none}
.v2-source-details summary::after{content:"";width:10px;height:10px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:0 6px 6px}
.v2-source-details[open] summary::after{transform:rotate(225deg);margin-bottom:0}
.v2-source-details summary:focus-visible{outline:2px solid var(--v2-accent);outline-offset:6px}
/* Comparison tables with row headers (custody, Tara two accounts). */
.v2-compare3 table{font-size:14px;line-height:1.45}
.v2-compare3 th[scope=row]{text-align:left;font-weight:650;color:var(--ink);min-width:120px}
.v2-compare3 td{vertical-align:top}
/* Inside a figure card a table needs no frame of its own: row lines are enough, and text lines up with the title. */
.article-body .v2-fig .table-wrap{border:0;border-radius:0;margin:8px 0 0}
.article-body .v2-fig :is(th,td):first-child{padding-left:0}
.article-body .v2-fig :is(th,td):last-child{padding-right:0}
/* Markdown images (live-post illustrations) fit the column. */
.article-body > p > img{display:block;width:100%;height:auto;border-radius:var(--article-radius,20px)}
.article-body .v2-badge{display:block;width:180px;height:auto;margin:28px auto}

/* Crisper tables in v2 articles: lighter header, tighter cells. The live imports keep the old look. */
.article-body tbody tr:last-child>*{border-bottom:0}
.article-body:not(.imported-article) :is(th,td){padding:12px 14px;min-width:64px}
.article-body:not(.imported-article) th{background:none}
@media (max-width:760px){.article-body:not(.imported-article) :is(th,td){padding:10px}}
.article-body:not(.imported-article) thead th{background:none;font-size:12.5px;font-weight:650;color:var(--v2-muted)}
.article-body .v2-compare3 thead th{font-size:14px;color:var(--ink)}

/* View switcher: Chart / Table, or one column of a comparison table. Logic: showView() in v2.js. */
.v2-fig-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px;margin:0 0 6px}
.article-body .v2-fig .v2-fig-head h3{margin:0;flex:1 1 280px}
.v2-switch{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--v2-track);flex:none}
.v2-switch button{font:inherit;font-size:13px;font-weight:600;line-height:1;padding:8px 13px;border:0;border-radius:999px;background:none;color:var(--v2-ink-2);cursor:pointer;white-space:nowrap}
.v2-switch button:hover{color:var(--ink)}
.v2-switch button[aria-pressed="true"]{background:var(--v2-surface);color:var(--ink);box-shadow:0 1px 3px rgb(0 0 0 / .14)}
.v2-switch button:focus-visible{outline:2px solid var(--v2-accent);outline-offset:2px}
html[data-theme=dark] .v2-switch button[aria-pressed="true"]{background:#4a4a4a}
.v2-fig [data-panel][hidden]{display:none}
.v2-fig[data-view^="col"] :is(th,td):not(:first-child),.v2-fig[data-view^="col"] thead{display:none}
.v2-fig[data-view="col1"] :is(th,td):nth-child(2),.v2-fig[data-view="col2"] :is(th,td):nth-child(3),.v2-fig[data-view="col3"] :is(th,td):nth-child(4){display:table-cell}
/* Two-line cells: a name or value, then a quiet note under it (gas costs list). */
.article-body:not(.imported-article) td small{display:block;font-size:12.5px;line-height:1.4;font-weight:400;color:var(--v2-muted);margin-top:2px}
.article-body .v2-fig .table-wrap + .v2-sub{margin:14px 0 0}

/* Keep each comparison question and all its answers together on narrow screens. */
@media (max-width:760px){
 .article-body .v2-fig:has(.v2-row-cards){padding:0;border:0;background:none}
 .article-body .v2-fig:has(.v2-row-cards) h3{margin-bottom:18px}
 .article-body .v2-row-cards{overflow:visible}
 .v2-row-cards :is(table,tbody){display:block;width:100%;min-width:0}
 .v2-row-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .article-body .v2-row-cards tbody tr{display:block;margin:0 0 16px;padding:18px;background:var(--v2-surface);border:1px solid var(--rule);border-radius:12px}
 .article-body .v2-row-cards tbody th[scope=row]{display:block;min-width:0;padding:0 0 14px;border:0;font-size:18px;line-height:1.35}
 .article-body .v2-row-cards tbody td{display:block;min-width:0;padding:12px 0;border:0;border-top:1px solid var(--rule);font-size:15px;line-height:1.5}
 .article-body .v2-row-cards tbody td:last-child{padding-bottom:0}
 .v2-row-cards td::before{content:attr(data-label);display:block;margin-bottom:3px;font-size:13px;font-weight:650;color:var(--v2-ink-2)}
}

.article-body .custody-account-screens{flex-wrap:wrap;align-items:flex-start}
.article-body .custody-account-screens figcaption{flex-basis:100%;text-align:center;margin-top:0}
@media(max-width:560px){
 .article-body .custody-account-screens{flex-direction:column;align-items:center;gap:28px}
 .custody-account-screens .account-screen{width:100%;max-width:280px}
 .custody-account-screens .account-phone{width:230px}
 .article-body .custody-account-screens figcaption{width:100%;margin:0}
}