/* CalculatePilot calculator design system (Stitch "Precision Emerald").
   Shared by every redesigned calculator page. Uses the site tokens from styles.css
   so light/dark themes and the shared header/footer stay consistent. */
:root{--cpx-accent:#137456;--cpx-accent-deep:#0F5B44;--cpx-accent-soft:#E8F5F0;--cpx-accent-line:#B7E0D2;--cpx-amber:#F59E0B;--cpx-teal:#0D9488;--cpx-indigo:#6366F1;--cpx-rose:#E11D48;--cpx-card:var(--paper-raised,#fff);--cpx-sunk:#F4F7FB;--cpx-radius:16px;--cpx-radius-sm:10px}
.cp-dark{--cpx-accent:#2FBE8F;--cpx-accent-deep:#5FE0AF;--cpx-accent-soft:#173327;--cpx-accent-line:#245842;--cpx-sunk:#161B22}

.cpx-wrap{max-width:var(--container,1120px);margin:0 auto;padding:0 24px 8px}
.cpx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;padding:8px 0 20px}
.cpx-head h1{margin:6px 0 8px}
.cpx-head .lede{margin:0;max-width:68ch}
.cpx-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--cpx-accent-deep);background:var(--cpx-accent-soft);border:1px solid var(--cpx-accent-line);padding:4px 10px;border-radius:99px}
.cpx-head-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cpx-pill{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--slate);border:1px solid var(--line);background:var(--cpx-card);padding:6px 10px;border-radius:10px}
.cpx-head-tools select{font:inherit;font-size:.82rem;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--cpx-card);color:var(--ink)}

.cpx-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}
.cpx-layout.cpx-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cpx-stack{display:flex;flex-direction:column;gap:20px;min-width:0}
@media(max-width:960px){.cpx-layout,.cpx-layout.cpx-even{grid-template-columns:minmax(0,1fr)}}

.cpx-card{background:var(--cpx-card);border:1px solid var(--line);border-radius:var(--cpx-radius);padding:22px;box-shadow:var(--shadow-card);min-width:0}
.cpx-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;margin-bottom:18px;flex-wrap:wrap}
.cpx-card-head h2,.cpx-card-head h3{margin:0;font-size:1.12rem;display:flex;align-items:center;gap:8px}
.cpx-card-head p{margin:2px 0 0;font-size:.8rem;color:var(--slate)}
.cpx-sticky{position:sticky;top:84px}
@media(max-width:960px){.cpx-sticky{position:static}}
.cpx-link-btn{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:.8rem;font-weight:600;color:var(--slate);background:none;border:0;cursor:pointer;padding:4px}
.cpx-link-btn:hover{color:var(--cpx-accent)}

/* fields */
.cpx-field{margin-bottom:18px}
.cpx-field:last-child{margin-bottom:0}
.cpx-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;flex-wrap:wrap}
.cpx-label{font-size:.86rem;font-weight:650;color:var(--ink)}
.cpx-hint{font-size:.74rem;color:var(--slate)}
.cpx-badge{font-size:.72rem;font-weight:700;color:var(--cpx-accent-deep);background:var(--cpx-accent-soft);border:1px solid var(--cpx-accent-line);padding:2px 9px;border-radius:99px;white-space:nowrap}
.cpx-help{font-size:.75rem;color:var(--slate);margin:6px 0 0}
.cpx-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--cpx-radius-sm);background:var(--paper);transition:border-color .15s,box-shadow .15s;min-width:0}
.cpx-input:focus-within{border-color:var(--cpx-accent);box-shadow:0 0 0 3px rgba(19,116,86,.14);background:var(--cpx-card)}
.cpx-input .cpx-affix{padding:0 12px;font-weight:650;color:var(--slate);font-size:.95rem;white-space:nowrap}
.cpx-input input,.cpx-input select{flex:1;min-width:0;border:0;background:transparent;padding:11px 12px;font:inherit;font-size:1rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;outline:none;appearance:none;-moz-appearance:textfield}
.cpx-input .cpx-affix+input{padding-left:0}
.cpx-input input::-webkit-outer-spin-button,.cpx-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cpx-input select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--slate) 50%),linear-gradient(135deg,var(--slate) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.cpx-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.cpx-row.cpx-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cpx-row.cpx-row-wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
@media(max-width:480px){.cpx-row.cpx-row-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.cpx-step{width:30px;height:30px;margin-right:6px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:var(--cpx-card);color:var(--ink);font-weight:700;cursor:pointer;line-height:1}
.cpx-step:hover{border-color:var(--cpx-accent);color:var(--cpx-accent)}

/* segmented control + chips */
.cpx-seg{display:flex;gap:4px;background:var(--cpx-sunk);border:1px solid var(--line);border-radius:12px;padding:4px}
.cpx-seg button{flex:1;min-width:0;font:inherit;font-size:.8rem;font-weight:600;color:var(--slate);background:transparent;border:0;border-radius:9px;padding:8px 6px;cursor:pointer;white-space:nowrap}
.cpx-seg button[aria-pressed="true"]{background:var(--cpx-card);color:var(--ink);box-shadow:0 1px 3px rgba(20,23,26,.12)}
.cpx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cpx-chip{font:inherit;font-size:.76rem;font-weight:600;color:var(--ink);background:var(--cpx-card);border:1px solid var(--line);border-radius:99px;padding:5px 11px;cursor:pointer}
.cpx-chip:hover{border-color:var(--cpx-accent)}
.cpx-chip[aria-pressed="true"]{background:var(--cpx-accent);border-color:var(--cpx-accent);color:#fff}
.cpx-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.cpx-preset{font:inherit;font-size:.78rem;font-weight:700;color:var(--ink);background:var(--cpx-sunk);border:1px solid var(--line);border-radius:10px;padding:7px 4px;cursor:pointer;line-height:1.25}
.cpx-preset small{display:block;font-weight:500;font-size:.68rem;color:var(--slate)}
.cpx-preset[aria-pressed="true"]{background:var(--cpx-accent-soft);border-color:var(--cpx-accent);color:var(--cpx-accent-deep)}

/* range */
.cpx-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cpx-accent) var(--fill,50%),var(--line) var(--fill,50%));outline:none;margin:8px 0 4px}
.cpx-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cpx-accent);border:3px solid var(--cpx-card);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer}
.cpx-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cpx-accent);border:3px solid var(--cpx-card);cursor:pointer}
.cpx-scale{display:flex;justify-content:space-between;font-size:.72rem;color:var(--slate)}

/* toggle */
.cpx-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 0;border-top:1px solid var(--line-soft)}
.cpx-toggle strong{display:block;font-size:.85rem}
.cpx-toggle span{font-size:.74rem;color:var(--slate)}
.cpx-switch{position:relative;width:44px;height:24px;flex-shrink:0}
.cpx-switch input{opacity:0;width:0;height:0;position:absolute}
.cpx-switch i{position:absolute;inset:0;background:var(--line);border-radius:99px;cursor:pointer;transition:background .15s}
.cpx-switch i:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}
.cpx-switch input:checked+i{background:var(--cpx-accent)}
.cpx-switch input:checked+i:before{transform:translateX(20px)}
.cpx-switch input:focus-visible+i{outline:2px solid var(--cpx-accent);outline-offset:2px}
.cpx-details summary{cursor:pointer;font-size:.84rem;font-weight:650;color:var(--cpx-accent);list-style:none;padding:10px 0 0;border-top:1px solid var(--line-soft)}
.cpx-details summary::-webkit-details-marker{display:none}
.cpx-details summary:after{content:" +"}
.cpx-details[open] summary:after{content:" −"}
.cpx-details>div{padding-top:14px}

/* result hero */
.cpx-result{position:relative;overflow:hidden}
.cpx-result:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cpx-accent-deep),#81d7b3)}
.cpx-result-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.cpx-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.cpx-big{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,2.9rem);font-weight:700;letter-spacing:-.02em;color:var(--cpx-accent-deep);line-height:1.1;margin:6px 0 4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cpx-big-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cpx-tag{font-size:.74rem;font-weight:700;color:var(--cpx-accent-deep);background:var(--cpx-accent-soft);border:1px solid var(--cpx-accent-line);border-radius:8px;padding:3px 8px}
.cpx-tag.warn{color:#92400E;background:#FEF3C7;border-color:#FCD34D}
.cpx-tag.bad{color:#9F1239;background:#FFE4E6;border-color:#FDA4AF}
.cpx-sub{font-size:.82rem;color:var(--slate);margin:0}
.cpx-meta{text-align:right;font-size:.76rem;color:var(--slate)}
.cpx-meta b{display:block;color:var(--cpx-accent);font-size:.78rem}
@media(max-width:520px){.cpx-meta{text-align:left}}
.cpx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 14px}
.cpx-stats.cpx-stats-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cpx-stats.cpx-stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:640px){.cpx-stats,.cpx-stats.cpx-stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cpx-stats>:last-child:nth-child(odd){grid-column:1/-1}}
.cpx-stat{border:1px solid var(--line);background:var(--cpx-sunk);border-radius:12px;padding:12px;min-width:0}
.cpx-stat.is-accent{background:var(--cpx-accent-soft);border-color:var(--cpx-accent-line)}
.cpx-stat .l{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--slate);font-weight:600}
.cpx-stat .l i{width:8px;height:8px;border-radius:50%;background:var(--dot,var(--cpx-accent));flex-shrink:0}
.cpx-stat .v{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin:3px 0 1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cpx-stat .s{font-size:.7rem;color:var(--slate)}
.cpx-split{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--line)}
.cpx-split span{display:block;height:100%;transition:width .3s}
.cpx-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;font-size:.74rem;color:var(--slate);margin-top:7px}
.cpx-legend span{display:inline-flex;align-items:center;gap:5px}
.cpx-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}
.cpx-rows{margin-top:6px}
.cpx-rows div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line-soft);font-size:.88rem}
.cpx-rows div span:last-child{font-weight:650;font-variant-numeric:tabular-nums;text-align:right}
.cpx-rows div.hl{background:var(--cpx-accent-soft);margin:0 -22px;padding:9px 22px;color:var(--cpx-accent-deep);font-weight:700}
.cpx-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cpx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.8rem;font-weight:650;color:var(--ink);background:var(--cpx-card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;text-decoration:none}
.cpx-btn:hover{border-color:var(--cpx-accent);color:var(--cpx-accent);text-decoration:none}
.cpx-btn.primary{background:var(--cpx-accent-deep);border-color:var(--cpx-accent-deep);color:#fff}
.cpx-btn.primary:hover{color:#fff;opacity:.92}
.cpx-btn svg{width:15px;height:15px}
.cpx-note{display:flex;gap:8px;font-size:.76rem;color:var(--slate);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line-soft)}

/* mobile result dock */
.cpx-dock{display:none}
@media(max-width:960px){
  .cpx-dock{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:30;align-items:center;justify-content:space-between;gap:10px;background:var(--cpx-accent-deep);color:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.22);transform:translateY(140%);transition:transform .2s;font:inherit;border:0;cursor:pointer;text-align:left}
  .cpx-dock.show{transform:none}
  .cpx-dock small{display:block;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
  .cpx-dock b{font-family:var(--font-display);font-size:1.2rem;font-variant-numeric:tabular-nums}
  .cpx-dock span:last-child{font-size:.78rem;font-weight:650;opacity:.9}
}
.cp-dark .cpx-dock{color:#0b1a14}
@media print{.cpx-dock{display:none!important}}

/* chart */
.cpx-chart{position:relative;width:100%;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(180deg,var(--cpx-card),var(--cpx-sunk));padding:10px 8px 4px}
.cpx-chart svg{display:block;width:100%;height:auto;overflow:visible}
.cpx-chart .ax{font-size:10px;fill:var(--slate)}
.cpx-chart .grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.cpx-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--paper);font-size:.74rem;padding:7px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-110%);opacity:0;transition:opacity .1s;z-index:2}
.cpx-tip b{display:block}
.cpx-chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.74rem;color:var(--slate)}
.cpx-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.cpx-chart-legend i{width:14px;height:3px;border-radius:2px;display:inline-block}

/* milestones / insight cards */
.cpx-mini-title{font-size:.86rem;font-weight:700;margin:0 0 10px}
.cpx-miles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:640px){.cpx-miles{grid-template-columns:minmax(0,1fr)}}
.cpx-mile{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--cpx-card)}
.cpx-mile.is-accent{border-left:3px solid var(--cpx-accent)}
.cpx-mile .k{font-size:.72rem;color:var(--cpx-accent);font-weight:700}
.cpx-mile .t{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:2px 0}
.cpx-mile .d{font-size:.74rem;color:var(--slate)}

/* compare cards */
.cpx-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:820px){.cpx-compare{grid-template-columns:minmax(0,1fr)}}
.cpx-cmp{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--cpx-card);position:relative}
.cpx-cmp.is-active{border-color:var(--cpx-accent);box-shadow:0 0 0 2px rgba(19,116,86,.15)}
.cpx-cmp .k{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.cpx-cmp .t{font-weight:700;margin:4px 0}
.cpx-cmp .v{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--cpx-accent-deep);font-variant-numeric:tabular-nums}
.cpx-cmp .d{font-size:.78rem;color:var(--slate);margin:6px 0 0}

/* table */
.cpx-table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:12px;-webkit-overflow-scrolling:touch}
.cpx-table{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums;min-width:560px}
.cpx-table th{position:sticky;top:0;background:var(--cpx-sunk);text-align:right;font-size:.72rem;font-weight:700;color:var(--slate);padding:10px 12px;white-space:nowrap}
.cpx-table td{text-align:right;padding:9px 12px;border-top:1px solid var(--line-soft);white-space:nowrap}
.cpx-table th:first-child,.cpx-table td:first-child{text-align:left;font-weight:650}
.cpx-table td.pos{color:var(--cpx-accent)}
.cpx-table td.neg{color:var(--danger,#B3261E)}
.cpx-table td:last-child{font-weight:700}
.cpx-table tr.is-hidden{display:none}
.cpx-table-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.76rem;color:var(--slate);padding-top:10px;flex-wrap:wrap}

/* formula */
.cpx-formula{background:var(--cpx-sunk);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center;font-family:var(--font-mono);font-size:clamp(.82rem,2.2vw,1.02rem);font-weight:600;overflow-x:auto;color:var(--ink)}
.cpx-formula small{display:block;font-family:var(--font-body);font-weight:400;font-size:.74rem;color:var(--slate);margin-top:8px}
.cpx-vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.cpx-var{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--cpx-card)}
.cpx-var b{font-family:var(--font-mono);color:var(--cpx-accent)}
.cpx-var strong{display:block;font-size:.84rem;margin:2px 0}
.cpx-var span{font-size:.74rem;color:var(--slate)}
.cpx-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--cpx-accent-soft);color:var(--cpx-accent);font-weight:700;flex-shrink:0}

/* content + faq + related */
.cpx-section{margin:22px 0}
.cpx-prose{max-width:780px}
.cpx-prose h2{margin-top:1.4em}
.cpx-prose p,.cpx-prose li{color:var(--ink);line-height:1.7}
.cpx-faq{border:1px solid var(--line);border-radius:12px;background:var(--cpx-card);margin:0 0 8px}
.cpx-faq summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:650;display:flex;justify-content:space-between;gap:12px}
.cpx-faq summary::-webkit-details-marker{display:none}
.cpx-faq summary:after{content:"+";color:var(--cpx-accent);font-weight:700}
.cpx-faq[open] summary:after{content:"\2013"}
.cpx-faq p{padding:0 16px 14px;margin:0;color:var(--slate)}
.cpx-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:900px){.cpx-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.cpx-related{grid-template-columns:minmax(0,1fr)}}
.cpx-rel{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--cpx-card);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .12s}
.cpx-rel:hover{border-color:var(--cpx-accent);transform:translateY(-2px);text-decoration:none}
.cpx-rel strong{font-family:var(--font-display);font-size:1rem}
.cpx-rel span{font-size:.78rem;color:var(--slate)}
.cpx-rel em{font-style:normal;font-size:.78rem;font-weight:700;color:var(--cpx-accent);margin-top:auto}
.cpx-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.76rem;color:var(--slate);margin:14px 0 0}
.cpx-trust a{color:var(--slate);text-decoration:underline}
.cpx-err{color:var(--danger,#B3261E);font-size:.76rem;margin-top:6px}

@media(max-width:640px){
  .cpx-wrap{padding:0 16px 8px}
  .cpx-card{padding:16px;border-radius:14px}
  .cpx-rows div.hl{margin:0 -16px;padding:9px 16px}
  .cpx-stat .v{font-size:1.08rem}
}
@media print{
  .site-header,.site-footer,.ticker-bar,.cpx-actions,.cpx-head-tools,.cpx-related,.cpx-faq{display:none!important}
  .cpx-layout{grid-template-columns:1fr 1fr}
  .cpx-card{box-shadow:none;break-inside:avoid}
  .cpx-table tr.is-hidden{display:table-row}
}

/* ===== Stitch 1:1 layer (".sx") — tokens and components copied from the Stitch
   "Precision Emerald" calculator screens. Used by pages that mirror a Stitch screen exactly. ===== */
.sx{--sx-primary:#00422f;--sx-pc:#0f5b44;--sx-surface:#f9f9ff;--sx-low:#f1f3ff;--sx-card:#fff;--sx-border:#E5E7EB;--sx-hover:#A7D7C5;--sx-muted:#64748B;--sx-onv:#3f4944;--sx-on:#141b2b;--sx-emb:#ECFDF5;--sx-emt:#065F46;--sx-sc:#b0ecd3;--sx-outline:#6f7974;--sx-ov:#bfc9c2;--sx-err:#ba1a1a;--sx-fixed:#abf1d2;--sx-fixed-dim:#90d5b7;--sx-hi:#e1e8fd;
  max-width:1280px;margin:0 auto;padding:32px 24px 0;color:var(--sx-on);font-family:var(--font-body)}
html.cp-dark .sx{--sx-primary:#5FE0AF;--sx-pc:#2FBE8F;--sx-surface:#161B22;--sx-low:#1F252E;--sx-card:#1B2028;--sx-border:#2B3138;--sx-hover:#2F6855;--sx-muted:#9AA1AC;--sx-onv:#B8C2BC;--sx-on:#EDEFF2;--sx-emb:#173327;--sx-emt:#7EE0B5;--sx-sc:#245842;--sx-outline:#8A948F;--sx-ov:#4A5550;--sx-err:#E5837B}
.sx *{box-sizing:border-box}
.sx .msym{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:20px;line-height:1;display:inline-block;vertical-align:middle;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";overflow:hidden;flex-shrink:0}
.sx h1,.sx h2,.sx h3{font-family:var(--font-display);color:var(--sx-on);margin:0}
.sx-h-md{font-size:20px;line-height:28px;letter-spacing:-.01em;font-weight:600}
.sx-sm{font-size:13px;line-height:18px}
.sx-muted{color:var(--sx-muted)}
.sx-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:16px}
.sx-crumb a{color:inherit}.sx-crumb a:hover{color:var(--sx-primary);text-decoration:none}
.sx-crumb .msym{font-size:14px}.sx-crumb b{color:var(--sx-on);font-weight:600}
.sx-head{margin-bottom:32px}
.sx-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.sx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em;border:1px solid var(--sx-border);background:var(--sx-low);color:var(--sx-onv)}
.sx-badge.em{background:var(--sx-emb);color:var(--sx-emt);border-color:var(--sx-sc)}
.sx-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--sx-pc);animation:sxpulse 2s cubic-bezier(.4,0,.6,1) infinite}
.sx-badge .msym{font-size:14px;color:var(--sx-primary)}
@keyframes sxpulse{50%{opacity:.5}}
.sx-head h1{font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700}
.sx-head p{font-size:18px;line-height:28px;color:var(--sx-muted);max-width:48rem;margin:8px 0 0}
@media(max-width:640px){.sx{padding:24px 16px 0}.sx-head h1{font-size:32px;line-height:40px;letter-spacing:-.02em}.sx-head p{font-size:16px;line-height:24px}}

.sx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start;margin-bottom:56px}
.sx-left{grid-column:span 5}.sx-right{grid-column:span 7;display:flex;flex-direction:column;gap:24px;min-width:0}
@media(max-width:1023px){.sx-grid{grid-template-columns:minmax(0,1fr)}.sx-left,.sx-right{grid-column:auto}}
.sx-card{background:var(--sx-card);border:1px solid var(--sx-border);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:0}

/* parameters */
.sx-params{padding:24px;display:flex;flex-direction:column;gap:24px}
.sx-params-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--sx-border)}
.sx-params-head div{display:flex;align-items:center;gap:8px}
.sx-params-head .msym{color:var(--sx-pc);font-size:22px}
.sx-reset{display:flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:500;color:var(--sx-muted);padding:0}
.sx-reset .msym{font-size:16px;color:inherit}.sx-reset:hover{color:var(--sx-primary)}
.sx-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sx-label{display:block;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em;color:var(--sx-onv);margin-bottom:6px}
.sx-field{position:relative}
.sx-field input{width:100%;height:44px;padding:0 14px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:8px;font:inherit;font-size:15px;line-height:24px;color:var(--sx-on);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;outline:none;transition:box-shadow .15s,border-color .15s}
.sx-field input::-webkit-outer-spin-button,.sx-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-field input:focus,.sx-field select:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-pc);outline:none}
.sx-field.sm input{height:40px;padding:0 12px}
.sx-field .suf,.sx-field .pre{position:absolute;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-size:13px;pointer-events:none}
.sx-field .suf{right:12px}.sx-field .pre{left:14px;font-size:15px}
.sx-field.r input{text-align:right;padding-right:36px}
.sx-field.pct input{padding-right:36px}
.sx-field.cur input{padding-left:32px}
.sx-help{display:block;font-size:13px;line-height:18px;color:var(--sx-muted);margin-top:4px}
.sx-strip{padding:12px;background:var(--sx-low);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;font-weight:500}
.sx-strip span:first-child{color:var(--sx-muted)}.sx-strip b{color:var(--sx-pc);font-weight:600;text-align:right}
.sx-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.sx-row .sx-label{margin:0}
.sx-pill{font-size:14px;line-height:20px;font-weight:700;color:var(--sx-primary);background:var(--sx-emb);border:1px solid var(--sx-sc);padding:2px 10px;border-radius:4px;white-space:nowrap}
.sx-pill small{font-weight:400;color:var(--sx-muted);font-size:11px}
.sx-val{font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-range{display:block;width:100%;height:8px;margin:12px 0;border-radius:8px;background:var(--sx-border);-webkit-appearance:none;appearance:none;cursor:pointer;outline:none}
.sx-range::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;background:var(--sx-pc);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}
.sx-range::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:var(--sx-pc);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}
.sx-range:focus-visible{outline:2px solid var(--sx-pc);outline-offset:4px}
.sx-contrib-in{margin-top:12px}
.sx-max{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:8px;border:1px solid var(--sx-sc);background:var(--sx-emb)}
.sx-max>div{display:flex;align-items:center;gap:8px}
.sx-max .msym{color:var(--sx-pc)}
.sx-max p{margin:0}
.sx-max .t{font-size:12px;line-height:16px;font-weight:600;color:var(--sx-emt)}
.sx-max .s{font-size:11px;line-height:16px;color:var(--sx-muted)}
.sx-warn{display:none;margin-top:8px;padding:10px 12px;border-radius:8px;background:#FEF3C7;border:1px solid #FCD34D;color:#92400E;font-size:12px;line-height:16px}
.sx-warn.show{display:block}
html.cp-dark .sx-warn{background:#3A2E12;border-color:#6B5418;color:#FCD34D}
.sx-toggle{position:relative;display:inline-flex;cursor:pointer;flex-shrink:0}
.sx-toggle input{position:absolute;opacity:0;width:0;height:0}
.sx-toggle i{width:40px;height:20px;border-radius:99px;background:var(--sx-border);position:relative;transition:background .15s}
.sx-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid var(--sx-border);transition:transform .15s}
.sx-toggle input:checked+i{background:var(--sx-pc)}
.sx-toggle input:checked+i:after{transform:translateX(20px);border-color:#fff}
.sx-toggle input:focus-visible+i{outline:2px solid var(--sx-pc);outline-offset:2px}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sx-chip{font:inherit;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em;padding:4px 10px;border-radius:4px;background:var(--sx-low);color:var(--sx-muted);border:1px solid transparent;cursor:pointer;transition:background .15s}
.sx-chip:hover{background:var(--sx-border)}
.sx-chip[aria-pressed="true"]{background:var(--sx-emb);color:var(--sx-emt);border-color:var(--sx-sc)}
.sx-sep{padding-top:16px;border-top:1px solid var(--sx-border)}
.sx-sep>.sx-label{color:var(--sx-on);font-weight:600;margin-bottom:8px}
.sx-sub{display:block;font-size:13px;line-height:18px;color:var(--sx-muted);margin-bottom:4px}
.sx-more summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-on)}
.sx-more summary::-webkit-details-marker{display:none}
.sx-more summary .msym{font-size:18px;color:var(--sx-muted);transition:transform .15s}
.sx-more[open] summary .msym{transform:rotate(180deg)}
.sx-more .sx-2{margin-top:12px}
.sx-field select{width:100%;height:40px;padding:0 12px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:8px;font:inherit;font-size:14px;color:var(--sx-on)}
.sx-cta{width:100%;height:48px;border:0;border-radius:8px;background:var(--sx-pc);color:#fff;font:inherit;font-size:14px;line-height:20px;letter-spacing:.01em;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background .15s}
.sx-cta:hover{background:var(--sx-primary)}
html.cp-dark .sx-cta{color:#0b1a14}

/* hero */
.sx-hero{position:relative;overflow:hidden;border-radius:12px;padding:28px;color:#fff;background:linear-gradient(to bottom right,#0f5b44,#2f6855,#164e3f);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.sx .sx-hero .wm{position:absolute;right:-32px;bottom:-32px;opacity:.1;pointer-events:none;font-size:190px;color:#fff}
.sx-hero-in{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
@media(max-width:767px){.sx-hero-in{flex-direction:column;align-items:stretch}}
.sx-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-fixed);margin-bottom:12px}
.sx .sx-hero-pill .msym{font-size:16px}
.sx .sx-hero h2{font-family:var(--font-body);font-size:15px;line-height:24px;font-weight:400;color:var(--sx-hi);opacity:.9}
.sx-hero .big{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:#fff;margin-top:4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;font-variant-numeric:tabular-nums}
.sx-hero .big small{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:400;letter-spacing:.01em;color:var(--sx-fixed-dim)}
@media(max-width:640px){.sx-hero{padding:22px}.sx-hero .big{font-size:36px;line-height:44px}}
.sx-hero .real{font-size:12px;color:rgba(255,255,255,.72);margin:4px 0 0}
.sx-hero-side{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);text-align:right;flex-shrink:0}
.sx-hero-side span{display:block;font-size:13px;line-height:18px;color:var(--sx-hi)}
.sx-hero-side b{display:block;font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.sx-hero-side small{display:block;font-size:11px;color:var(--sx-fixed)}
@media(max-width:767px){.sx-hero-side{text-align:left}}
html.cp-dark .sx-hero{background:linear-gradient(to bottom right,#0c4a37,#23503f,#103b2f)}

/* kpis */
.sx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:639px){.sx-kpis{grid-template-columns:minmax(0,1fr)}}
.sx-kpi{padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.sx-kpi .top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx .sx-kpi .top .msym{font-size:18px}
.sx-kpi .mid{margin:8px 0}
.sx-kpi .v{display:block;font-family:var(--font-display);font-size:20px;line-height:28px;letter-spacing:-.01em;font-weight:600;color:var(--sx-on);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sx-kpi .s{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-kpi .bar{width:100%;height:6px;border-radius:99px;overflow:hidden;background:var(--sx-low)}
.sx-kpi .bar span{display:block;height:100%;background:var(--sx-outline);transition:width .3s}
.sx-kpi.g .v{color:var(--sx-pc)}.sx-kpi.g .s{color:var(--sx-emt);font-weight:600}.sx .sx-kpi.g .top .msym{color:var(--sx-pc)}.sx-kpi.g .bar span{background:var(--sx-pc)}
.sx-kpi.e .v{color:var(--sx-emt)}.sx .sx-kpi.e .top .msym{color:var(--sx-emt)}.sx-kpi.e .bar{background:var(--sx-emb)}.sx-kpi.e .bar span{background:var(--sx-emt)}
.sx-kpi.e.neg .v{color:var(--sx-err)}.sx-kpi.e.neg .bar span{background:var(--sx-err)}

/* chart */
.sx-chartcard{padding:24px}
.sx-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
@media(max-width:639px){.sx-chart-head{flex-direction:column;align-items:flex-start}.sx-chartcard{padding:18px}}
.sx-legend{display:flex;align-items:center;gap:16px;font-size:12px;line-height:16px;font-weight:500;flex-shrink:0}
.sx-legend span{display:flex;align-items:center;gap:6px}
.sx-legend i{width:12px;height:12px;border-radius:2px;display:inline-block}
.sx-chart{position:relative;width:100%;height:256px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:8px}
.sx-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sx-chart .gl{stroke:var(--sx-border);stroke-width:1}
.sx-chart .gt,.sx-chart .xt{font-size:11px;fill:var(--sx-muted);font-family:var(--font-body)}
.sx-chart .xt.on{fill:var(--sx-pc);font-weight:700}
.sx-chart .tagb{fill:var(--sx-pc)}
.sx-chart .tagt{fill:#fff;font-size:11px;font-weight:700;font-family:var(--font-body)}
.sx-chart .col:hover rect{opacity:.85}

/* head-to-head */
.sx-vs-head{padding:20px;border-bottom:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:639px){.sx-vs-head{flex-direction:column;align-items:flex-start}}
.sx-adv{padding:4px 10px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt);font-size:12px;line-height:16px;font-weight:600;white-space:nowrap}
.sx-adv.neg{background:#FEE2E2;color:#991B1B}
html.cp-dark .sx-adv.neg{background:#3B1A1A;color:#FCA5A5}
.sx-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sx-vs{width:100%;border-collapse:collapse;text-align:left;min-width:520px}
.sx-vs thead tr{background:var(--sx-low);border-bottom:1px solid var(--sx-border)}
.sx-vs th{padding:12px 16px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-onv)}
.sx-vs th.r{background:color-mix(in srgb,var(--sx-emb) 60%,transparent);color:var(--sx-pc);font-weight:700}
.sx-vs td{padding:12px 16px;font-size:13px;line-height:18px;color:var(--sx-on);border-top:1px solid var(--sx-border);font-variant-numeric:tabular-nums}
.sx-vs tbody tr:first-child td{border-top:0}
.sx-vs td:first-child{font-weight:500;color:var(--sx-muted)}
.sx-vs td.r{background:color-mix(in srgb,var(--sx-emb) 20%,transparent)}
.sx-vs .b{font-weight:700}.sx-vs .m{font-weight:500}.sx-vs .sb{font-weight:600}
.sx-vs .g{color:var(--sx-emt)}.sx-vs .p{color:var(--sx-pc);font-size:15px;line-height:24px}.sx-vs .x{color:var(--sx-err);font-weight:500}.sx-vs .mu{color:var(--sx-muted)}
.sx-vs-note{padding:10px 16px;font-size:11px;line-height:16px;color:var(--sx-muted);border-top:1px solid var(--sx-border);margin:0}

/* ledger */
.sx-ledger{margin-bottom:48px;overflow:hidden}
.sx-sec-head{padding:24px;border-bottom:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:639px){.sx-sec-head{flex-direction:column;align-items:flex-start;padding:18px}}
.sx-btns{display:flex;align-items:center;gap:8px}
.sx-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--sx-border);background:transparent;font:inherit;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer;transition:border-color .15s}
.sx .sx-btn .msym{font-size:16px}.sx-btn:hover{border-color:var(--sx-hover)}
.sx-tbl{width:100%;border-collapse:collapse;text-align:left;min-width:760px}
.sx-tbl thead tr{background:var(--sx-low);border-bottom:1px solid var(--sx-border)}
.sx-tbl th{padding:14px 20px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-onv);white-space:nowrap}
.sx-tbl th.n,.sx-tbl td.n{text-align:right}
.sx-tbl th:last-child{font-weight:700;color:var(--sx-on)}
.sx-tbl td{padding:12px 20px;font-size:13px;line-height:18px;font-family:var(--font-mono);color:var(--sx-on);border-top:1px solid var(--sx-border);white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-tbl tbody tr:first-child td{border-top:0}
.sx-tbl tbody tr{transition:background .15s}.sx-tbl tbody tr:hover{background:color-mix(in srgb,var(--sx-low) 50%,transparent)}
.sx-tbl td.y{font-family:var(--font-body);font-weight:500;color:var(--sx-muted)}
.sx-tbl td.a{font-family:var(--font-body)}
.sx-tbl td.c{color:var(--sx-pc)}.sx-tbl td.gn{color:var(--sx-emt)}
.sx-tbl td.e{font-family:var(--font-body);font-weight:700}
.sx-tbl tr.hid{display:none}
.sx-foot{padding:12px;background:var(--sx-low);text-align:center;border-top:1px solid var(--sx-border)}
.sx-foot button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font:inherit;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-primary)}
.sx-foot button:hover{text-decoration:underline}.sx .sx-foot .msym{font-size:16px;transition:transform .15s}
.sx-foot button[aria-expanded="true"] .msym{transform:rotate(180deg)}

/* methodology + guide */
.sx-method{padding:32px;margin-bottom:48px}
@media(max-width:639px){.sx-method{padding:20px}}
.sx-method-in{max-width:56rem}
.sx-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.sx .sx-title .msym{font-size:24px;color:var(--sx-primary)}
.sx-method-in>p{font-size:15px;line-height:24px;color:var(--sx-muted);margin:0 0 24px}
.sx-formula{padding:16px;background:var(--sx-low);border:1px solid var(--sx-border);border-radius:8px;font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--sx-on);margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:767px){.sx-formula{flex-direction:column;align-items:flex-start}}
.sx-formula b{color:var(--sx-pc);font-weight:700}
.sx-formula div:last-child{font-family:var(--font-body);font-size:12px;color:var(--sx-muted)}
.sx-formula div:last-child strong{color:var(--sx-on);font-weight:600}
.sx-points{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:767px){.sx-points{grid-template-columns:1fr}}
.sx .sx-points h3{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:600;display:flex;align-items:center;gap:4px;margin-bottom:6px}
.sx .sx-points h3 .msym{font-size:18px;color:var(--sx-pc)}
.sx-points p{font-size:13px;line-height:18px;color:var(--sx-muted);margin:0}
.sx-guide{max-width:56rem}
.sx .sx-guide h2{font-size:20px;line-height:28px;font-weight:600;margin:28px 0 8px}
.sx .sx-guide h2:first-child{margin-top:0}
.sx-guide p,.sx-guide li{font-size:15px;line-height:24px;color:var(--sx-onv)}
.sx-guide ul{padding-left:20px;margin:0 0 12px}
.sx-guide table{border-collapse:collapse;font-size:13px;margin:6px 0 14px;width:100%;max-width:600px}
.sx-guide th,.sx-guide td{border:1px solid var(--sx-border);padding:8px 10px;text-align:left}
.sx-guide th{background:var(--sx-low);font-weight:600}
.sx-faq{border:1px solid var(--sx-border);border-radius:8px;margin-bottom:8px;background:var(--sx-card)}
.sx-faq summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:12px;color:var(--sx-on)}
.sx-faq summary::-webkit-details-marker{display:none}
.sx .sx-faq summary .msym{font-size:18px;color:var(--sx-muted);transition:transform .15s}
.sx-faq[open] summary .msym{transform:rotate(180deg)}
.sx .sx-faq p{padding:0 16px 14px;margin:0;font-size:14px;line-height:22px;color:var(--sx-muted)}
.sx-trust{font-size:12px;color:var(--sx-muted);margin:16px 0 0}.sx-trust a{color:inherit;text-decoration:underline}

/* related */
.sx-related{margin-bottom:56px}
.sx-rel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.sx-rel-head a{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-primary);white-space:nowrap}
.sx .sx-rel-head a .msym{font-size:16px}.sx-rel-head a:hover{color:var(--sx-pc);text-decoration:none}
.sx-rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1023px){.sx-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sx-rel-grid{grid-template-columns:minmax(0,1fr)}.sx-rel-head{flex-direction:column;align-items:flex-start}}
.sx-rel{padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--sx-on);transition:border-color .15s,transform .15s}
.sx-rel:hover{border-color:var(--sx-hover);transform:translateY(-2px);text-decoration:none}
.sx-rel .ic{width:40px;height:40px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .15s}
.sx .sx-rel .ic .msym{font-size:22px}
.sx-rel:hover .ic{background:var(--sx-emb)}
.sx .sx-rel h3{font-size:17px;line-height:24px;font-weight:600;margin-bottom:4px}
.sx-rel p{font-size:13px;line-height:18px;color:var(--sx-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-rel .go{display:flex;align-items:center;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-primary);margin-top:16px;transition:transform .15s}
.sx .sx-rel .go .msym{font-size:16px;margin-left:4px}
.sx-rel:hover .go{transform:translateX(4px)}
@media print{.sx-cta,.sx-btns,.sx-foot,.sx-related,.sx-faq,.cpx-dock{display:none!important}.sx-tbl tr.hid{display:table-row}.sx-grid{grid-template-columns:1fr}.sx-left,.sx-right{grid-column:auto}}
@media(min-width:768px){.sx-formula>div:first-child{white-space:nowrap}}

/* ---- Stitch layer additions (401(k) screen): light hero, sliders, gauges, area chart ---- */
.sx{--sx-sc2:#e9edff;--sx-bg:#F8FAFB;--sx-secondary:#2f6855;--sx-fdim:#90d5b7;--sx-tertiary:#273e34}
html.cp-dark .sx{--sx-sc2:#232A34;--sx-bg:#161B22;--sx-secondary:#6FBFA0;--sx-fdim:#4F9C80;--sx-tertiary:#B8C2BC}
.sx-ibox{padding:8px;border-radius:8px;background:var(--sx-emb);color:var(--sx-pc);display:flex}
.sx-ibox .msym{font-size:20px}
.sx-params-head .sx-ibox .msym{color:var(--sx-pc);font-size:20px}
.sx-params-head p{margin:0;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-params-head>div:first-child{gap:10px}
.sx-reset.pri{color:var(--sx-primary)}.sx-reset.pri:hover{text-decoration:underline}
.sx-hr{height:1px;background:var(--sx-border)}
.sx-stack{display:flex;flex-direction:column;gap:12px}
.sx-lbl-md{font-size:14px;line-height:20px;letter-spacing:.01em;font-weight:600;color:var(--sx-on)}
.sx-lbl-sm{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-between{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sx-agechips{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);color:var(--sx-muted)}
.sx-agechip{padding:2px 8px;background:var(--sx-sc2);border:1px solid var(--sx-border);border-radius:4px;color:var(--sx-primary);font-weight:700;font-size:13px}
.sx-slider{display:block;width:100%;height:8px;margin:0;cursor:pointer;accent-color:var(--sx-pc)}
.sx-horizon{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-horizon strong{color:var(--sx-on)}.sx-horizon b{color:var(--sx-emt);font-weight:600}
.sx-field.lite input{height:38px;background:var(--sx-card);font-size:14px;font-weight:600;letter-spacing:.01em;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:0 12px}
.sx-field.lite.cur input{padding-left:32px}.sx-field.lite.pct input{padding-right:32px}
.sx-field.lite .pre{left:12px;font-size:14px;font-weight:600}.sx-field.lite .suf{font-size:14px;font-weight:600}
.sx-field.xs input{height:34px;background:var(--sx-card);font-size:14px;font-weight:600;padding:0 28px 0 12px}
.sx-field.xs .suf{font-size:12px}
.sx-lbl-block{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx-seg{display:inline-flex;border:1px solid var(--sx-border);border-radius:8px;padding:2px;background:var(--sx-sc2)}
.sx-seg button{font:inherit;font-size:12px;line-height:16px;font-weight:500;padding:4px 10px;border:0;border-radius:6px;background:transparent;color:var(--sx-muted);cursor:pointer}
.sx-seg button[aria-pressed="true"]{background:var(--sx-card);color:var(--sx-primary);font-weight:600;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.sx-sliderrow{display:flex;align-items:center;gap:16px}
.sx-bigmono{font-family:var(--font-mono);font-weight:700;font-size:20px;line-height:28px;color:var(--sx-primary);min-width:84px;text-align:right;white-space:nowrap}
.sx-gauge{padding:12px;background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;display:flex;flex-direction:column;gap:8px}
.sx-gauge .sx-between{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-gauge strong{color:var(--sx-on)}.sx-gauge strong.p{color:var(--sx-primary)}
.sx-gauge .track{width:100%;height:6px;border-radius:99px;background:var(--sx-sc2);overflow:hidden}
.sx-gauge .track span{display:block;height:100%;border-radius:99px;background:var(--sx-pc);transition:width .3s}
.sx-gauge .track span.over{background:#D97706}
.sx-gauge p{margin:0;font-size:11px;line-height:16px;color:var(--sx-muted);display:flex;justify-content:space-between;gap:8px}
.sx-gauge p b{color:var(--sx-emt);font-weight:500}
.sx-gauge p b.warn{color:#B45309}
.sx-tagb{font-size:12px;line-height:16px;font-weight:600;color:var(--sx-emt);background:var(--sx-emb);border:1px solid var(--sx-hover);padding:2px 8px;border-radius:4px;white-space:nowrap}
.sx-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-preset{font:inherit;text-align:left;padding:8px 12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);color:var(--sx-on);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;transition:border-color .15s}
.sx-preset:hover{border-color:var(--sx-hover)}
.sx-preset small{display:block;font-size:11px;font-weight:400;color:var(--sx-muted);margin-top:2px}
.sx-preset[aria-pressed="true"]{border-color:var(--sx-pc);background:var(--sx-emb);color:var(--sx-primary);font-weight:600}
.sx-mini{display:block;font-size:12px;color:var(--sx-muted);margin-bottom:4px}
.sx-pills3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sx-pill3{font:inherit;padding:6px 4px;text-align:center;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-low);color:var(--sx-muted);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;transition:color .15s}
.sx-pill3:hover{color:var(--sx-on)}
.sx-pill3[aria-pressed="true"]{border-color:var(--sx-pc);background:var(--sx-emb);color:var(--sx-primary);font-weight:600}

/* light hero ("nest egg") */
.sx-nest{padding:24px;position:relative;overflow:hidden}
.sx-nest .blob{position:absolute;right:-32px;top:-32px;width:160px;height:160px;border-radius:50%;background:rgba(176,236,211,.4);filter:blur(40px);pointer-events:none}
.sx-nest .hd{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.sx-nest .hd>span:first-child{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-muted)}
.sx .sx-nest .hd .msym{font-size:18px;color:var(--sx-primary)}
.sx-nest .val{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 12px;margin-bottom:16px}
.sx-nest .val b{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-nest .val span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
@media(max-width:640px){.sx-nest{padding:18px}.sx-nest .val b{font-size:36px;line-height:44px}}
.sx-call{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:8px;background:var(--sx-emb);border:1px solid var(--sx-hover)}
.sx-call .ck{width:28px;height:28px;border-radius:50%;background:var(--sx-pc);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.sx .sx-call .ck .msym{font-size:16px}
.sx .sx-call h3{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:600;color:var(--sx-primary);margin:0}
.sx-call p{margin:0;font-size:13px;line-height:18px;color:var(--sx-tertiary)}
.sx-call p strong{color:var(--sx-primary);font-weight:600}
.sx-call.warn{background:#FFFBEB;border-color:#FCD34D}.sx-call.warn .ck{background:#D97706}
.sx .sx-call.warn h3,.sx-call.warn p strong{color:#92400E}.sx-call.warn p{color:#78350F}
html.cp-dark .sx-call.warn{background:#3A2E12;border-color:#6B5418}html.cp-dark .sx .sx-call.warn h3,html.cp-dark .sx-call.warn p,html.cp-dark .sx-call.warn p strong{color:#FCD34D}
.sx-stats4{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--sx-border)}
@media(max-width:639px){.sx-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-st{padding:12px;background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;min-width:0}
.sx-st .l{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:4px}
.sx-st .l i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.sx .sx-st .l .msym{font-size:14px;color:var(--sx-primary)}
.sx-st .v{font-family:var(--font-display);font-size:20px;line-height:28px;letter-spacing:-.01em;font-weight:600;color:var(--sx-on);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sx-st .v.p{color:var(--sx-primary);font-weight:700}
.sx-st .v small{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--sx-muted)}
.sx-st .s{font-size:11px;line-height:15px;color:var(--sx-muted);margin-top:2px}
.sx-st .s.g{color:var(--sx-emt);font-weight:600}

/* stacked area chart */
.sx-legend3{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on)}
.sx-legend3 span{display:flex;align-items:center;gap:6px}
.sx-legend3 i{width:12px;height:12px;border-radius:2px;display:inline-block}
.sx-area{position:relative;width:100%;height:256px;background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;padding:8px}
.sx-area svg{display:block;width:100%;height:100%;overflow:visible}
.sx-area .gl{stroke:var(--sx-border);stroke-dasharray:3 3}
.sx-area .gt{font-size:10px;fill:#9CA3AF;font-family:var(--font-body)}
.sx-area .hit{fill:transparent;cursor:crosshair}
.sx-area .tip{position:absolute;pointer-events:none;background:var(--sx-on);color:var(--sx-card);font-size:12px;line-height:17px;padding:7px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-110%);opacity:0;transition:opacity .1s;z-index:2}
.sx-area .tip b{display:block}
.sx-xlabels{display:flex;justify-content:space-between;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-top:12px;padding:0 8px}
.sx-xlabels span:last-child{font-weight:600;color:var(--sx-primary);text-align:right}
@media(max-width:639px){.sx-xlabels span:nth-child(2),.sx-xlabels span:nth-child(4){display:none}}

/* schedule (401k) */
.sx-sched{padding:24px;margin-bottom:48px}
@media(max-width:639px){.sx-sched{padding:18px}}
.sx-sched-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.sx-sched-head .sx-btns{gap:12px}
.sx-btn.fill{background:var(--sx-card)}.sx-btn.fill:hover{background:var(--sx-sc2);border-color:var(--sx-border)}
.sx-tblwrap{overflow-x:auto;border:1px solid var(--sx-border);border-radius:8px}
.sx-tblwrap::-webkit-scrollbar{height:6px}.sx-tblwrap::-webkit-scrollbar-thumb{background:var(--sx-border);border-radius:99px}
.sx-t2{width:100%;border-collapse:collapse;text-align:left;min-width:760px}
.sx-t2 thead{background:var(--sx-low);border-bottom:1px solid var(--sx-border)}
.sx-t2 th{padding:12px 16px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-on);white-space:nowrap}
.sx-t2 th:last-child,.sx-t2 td:last-child{text-align:right}
.sx-t2 td{padding:12px 16px;font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--sx-on);border-top:1px solid var(--sx-border);white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-t2 tbody tr:first-child td{border-top:0}
.sx-t2 tbody tr:hover{background:color-mix(in srgb,var(--sx-low) 50%,transparent)}
.sx-t2 td.ag{font-weight:600;color:var(--sx-primary)}
.sx-t2 td.mu{color:var(--sx-muted)}
.sx-t2 td.yc{color:var(--sx-secondary)}
.sx-t2 td.mt{color:var(--sx-fdim);font-weight:500}
.sx-t2 td.in{color:var(--sx-pc);font-weight:600}
.sx-t2 td.eb{font-weight:700}
.sx-t2 tr.fin{background:color-mix(in srgb,var(--sx-emb) 40%,transparent)}
.sx-t2 tr.fin td.ag{font-weight:700}
.sx-t2 tr.fin td.eb{color:var(--sx-primary);font-size:18px;line-height:28px}
.sx-t2 tr.gap td{padding:4px 16px;font-family:var(--font-body);font-size:11px;color:var(--sx-muted);text-align:center!important;background:var(--sx-bg)}
.sx-schedfoot{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-schedfoot button{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:600;color:var(--sx-primary)}
.sx-schedfoot button:hover{text-decoration:underline}

/* formula with fraction + tax cards */
.sx-fx{background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;padding:20px;margin-bottom:24px;text-align:center;overflow-x:auto}
.sx-fx .eq{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:20px;line-height:28px;letter-spacing:.025em;color:var(--sx-on);padding:8px 0;white-space:nowrap}
.sx-fx .frac{display:inline-flex;flex-direction:column;text-align:center}
.sx-fx .frac span:first-child{border-bottom:1px solid var(--sx-on);padding-bottom:2px}
.sx-fx .frac span:last-child{padding-top:2px}
.sx-fx .vars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--sx-border);text-align:left;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
@media(max-width:767px){.sx-fx .vars{grid-template-columns:1fr 1fr}.sx-fx .eq{font-size:15px}}
.sx-fx .vars strong{color:var(--sx-on)}
.sx-taxcards{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:8px}
@media(max-width:767px){.sx-taxcards{grid-template-columns:1fr}}
.sx-taxcard{border:1px solid var(--sx-border);border-radius:8px;padding:16px;background:var(--sx-low)}
.sx-taxcard .h{display:flex;align-items:center;gap:8px;color:var(--sx-primary);font-weight:600;font-size:14px;line-height:20px;margin-bottom:8px}
.sx .sx-taxcard .h .msym{font-size:18px}
.sx-taxcard p{margin:0;font-size:13px;line-height:1.625;color:var(--sx-muted)}

/* related cards (footer-row variant) */
.sx-rel-head a.lg{font-size:14px;line-height:20px}
.sx-rel2grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1023px){.sx-rel2grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sx-rel2grid{grid-template-columns:minmax(0,1fr)}}
.sx-rel2{padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:var(--sx-on);transition:border-color .15s,box-shadow .15s}
.sx-rel2:hover{border-color:var(--sx-hover);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-decoration:none}
.sx-rel2 .ic{width:40px;height:40px;border-radius:8px;background:var(--sx-sc2);color:var(--sx-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .15s}
.sx-rel2:hover .ic{transform:scale(1.05)}
.sx .sx-rel2 h3{font-size:20px;line-height:28px;letter-spacing:-.01em;font-weight:600;margin-bottom:4px;transition:color .15s}
.sx .sx-rel2:hover h3{color:var(--sx-primary)}
.sx-rel2 p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-rel2 .ft{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:8px;border-top:1px solid var(--sx-border);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx .sx-rel2 .ft .msym{color:var(--sx-muted);transition:transform .15s,color .15s}
.sx .sx-rel2:hover .ft .msym{color:var(--sx-primary);transform:translateX(4px)}
.sx-params-head>div:first-child>div{display:block}
.sx-fx .eq{display:inline-block}.sx-fx .eq .frac{vertical-align:middle;margin-left:4px}
.sx-sliderrow[hidden]{display:none}

/* ---- Stitch layer additions (Retirement / FIRE screen) ---- */
.sx{--sx-hi2:#e1e8fd;--sx-osc:#346d59}
html.cp-dark .sx{--sx-hi2:#2A3240;--sx-osc:#6FBFA0}
.sx-toprow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.sx-toprow .sx-crumb{margin:0}
.sx-toprow .sx-badges{margin:0;gap:8px}
.sx-head.tight{margin-bottom:32px}
.sx-head.tight p{max-width:56rem}
.sx-ibox.sm{width:28px;height:28px;padding:0;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--sx-hover);color:var(--sx-secondary)}
.sx .sx-ibox.sm .msym,.sx-params-head .sx-ibox.sm .msym{font-size:16px;color:var(--sx-secondary)}
.sx-form{display:flex;flex-direction:column;gap:20px}
.sx-lbl-on{display:block;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em;color:var(--sx-on);margin-bottom:6px}
.sx-row .sx-lbl-on{margin:0}
.sx-row .aux{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-row .aux.s{color:var(--sx-secondary)}
.sx-row .aux.b{color:var(--sx-secondary);font-weight:700}
.sx-field.w input{height:44px;background:var(--sx-card);font-size:15px;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:0 56px 0 14px}
.sx-field.w.cur input{padding-left:32px}
.sx-field.w .pre{font-weight:500}
.sx-field.w .suf{font-size:12px;font-weight:500}
.sx-field.w.age input{font-weight:500;padding-right:40px}
.sx-field.w input:focus{box-shadow:0 0 0 2px var(--sx-sc);border-color:var(--sx-pc)}
.sx-sepline{padding-top:8px;border-top:1px solid var(--sx-border)}
.sx-help-ic{font-size:14px!important;color:var(--sx-muted);cursor:help}
.sx-swr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-swr button{font:inherit;text-align:left;padding:10px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-surface);cursor:pointer;transition:background .15s,border-color .15s}
.sx-swr button:hover{border-color:var(--sx-hover);background:var(--sx-emb)}
.sx-swr button b{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-swr button span{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-swr button[aria-pressed="true"]{border:2px solid var(--sx-pc);padding:9px;background:var(--sx-emb)}
.sx-swr button[aria-pressed="true"] b{color:var(--sx-primary);font-weight:700}
.sx-swr button[aria-pressed="true"] span{color:var(--sx-secondary)}
.sx-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-field.t input{height:36px;padding:0 24px 0 10px;background:var(--sx-card);font-size:13px;font-weight:500}
.sx-field.t .suf{right:8px;font-size:12px}
.sx-cta.dk{height:auto;padding:12px;background:var(--sx-primary)}
.sx-cta.dk:hover{background:var(--sx-pc)}
.sx .sx-cta .msym{font-size:18px}

/* FIRE hero */
.sx-fire{padding:24px;position:relative;overflow:hidden}
.sx-fire .blob{position:absolute;right:-48px;top:-48px;width:192px;height:192px;border-radius:50%;background:var(--sx-emb);filter:blur(64px);opacity:.6;pointer-events:none}
.sx-fire .top{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.sx-kick{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-muted)}
.sx-fire .big{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);margin-top:2px;font-variant-numeric:tabular-nums}
@media(max-width:640px){.sx-fire{padding:18px}.sx-fire .big{font-size:36px;line-height:44px}}
.sx-fire .top p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted);max-width:28rem}
.sx-proj{text-align:right;background:var(--sx-emb);border:1px solid var(--sx-hover);padding:10px 16px;border-radius:12px}
.sx-proj .k{display:block;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-emt)}
.sx-proj .d{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-primary)}
.sx-proj .a{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-secondary)}
.sx-proj .a b{font-weight:700}
.sx-proj.warn{background:#FFFBEB;border-color:#FCD34D}.sx-proj.warn .d,.sx-proj.warn .k,.sx-proj.warn .a{color:#92400E}
html.cp-dark .sx-proj.warn{background:#3A2E12;border-color:#6B5418}html.cp-dark .sx-proj.warn .d,html.cp-dark .sx-proj.warn .k,html.cp-dark .sx-proj.warn .a{color:#FCD34D}
.sx-velo{position:relative;padding-top:8px;border-top:1px solid var(--sx-border);display:flex;flex-direction:column;gap:8px}
.sx-velo .sx-between{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-velo .sx-between b{font-weight:600;color:var(--sx-on)}
.sx-velo .track{width:100%;height:12px;border-radius:99px;background:var(--sx-hi2);overflow:hidden}
.sx-velo .track span{display:block;height:100%;border-radius:99px;background:var(--sx-primary);transition:width .5s}

/* longevity + coast */
.sx-lg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:767px){.sx-lg{grid-template-columns:minmax(0,1fr)}}
.sx-lg .span2{grid-column:span 2;padding:16px;display:flex;align-items:center;gap:16px}
@media(max-width:767px){.sx-lg .span2{grid-column:auto}}
.sx-lg .ib{width:56px;height:56px;border-radius:12px;background:var(--sx-emb);border:1px solid var(--sx-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx .sx-lg .ib .msym{font-size:30px;color:var(--sx-secondary);font-variation-settings:'FILL' 1}
.sx-lg .ib.warn{background:#FEF3C7;border-color:#FCD34D}.sx .sx-lg .ib.warn .msym{color:#B45309}
.sx-lg .v{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-primary)}
.sx-lg .v.warn{color:#B45309}
.sx-lg .bd{padding:2px 8px;border-radius:4px;font-size:12px;line-height:16px;font-weight:600;background:var(--sx-emb);color:var(--sx-secondary);border:1px solid var(--sx-hover)}
.sx-lg .bd.warn{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.sx-lg p{margin:2px 0 0;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-lg .coast{padding:16px;display:flex;flex-direction:column;justify-content:center}
.sx-lg .coast .k{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-lg .coast .v{color:var(--sx-on);margin-top:2px}
.sx-lg .coast .s{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-secondary)}

/* trajectory chart */
.sx-traj{background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;padding:16px;position:relative}
.sx-traj .plot{height:224px;position:relative}
.sx-traj svg{display:block;width:100%;height:100%;overflow:visible}
.sx-traj .gl{stroke:var(--sx-border);stroke-dasharray:3 3}
.sx-traj .thr{stroke:var(--sx-osc);stroke-dasharray:4 4;stroke-width:1.5}
.sx-traj .thl{fill:var(--sx-secondary);font:600 11px var(--font-body)}
.sx-traj .ph{stroke:var(--sx-muted);stroke-dasharray:2 2}
.sx-traj .phl{fill:var(--sx-muted);font:10px var(--font-body)}
.sx-traj .xl{display:flex;justify-content:space-between;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--sx-border)}
.sx-traj .xl b{color:var(--sx-primary);font-weight:700}
@media(max-width:639px){.sx-traj .xl span:nth-child(2),.sx-traj .xl span:nth-child(5){display:none}}
.sx-traj .tip{position:absolute;pointer-events:none;background:var(--sx-on);color:var(--sx-card);font-size:12px;line-height:17px;padding:7px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-115%);opacity:0;transition:opacity .1s;z-index:2}
.sx-traj .tip b{display:block}
.sx-legend2{display:flex;align-items:center;gap:16px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-legend2 span{display:flex;align-items:center;gap:6px}

/* milestone cards */
.sx-m4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:639px){.sx-m4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-m4>div{padding:14px}
.sx-m4 .k{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-m4 .v{display:block;font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-on);margin-top:2px}
.sx-m4 .s{display:inline-flex;align-items:center;gap:2px;margin-top:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-secondary)}
.sx-m4 .s.mu{color:var(--sx-muted)}
.sx .sx-m4 .s .msym{font-size:12px}
.sx-m4 .on{border:2px solid var(--sx-pc);padding:13px;background:color-mix(in srgb,var(--sx-emb) 30%,var(--sx-card))}
.sx-m4 .on .k{color:var(--sx-primary);font-weight:600}
.sx-m4 .on .k i{width:8px;height:8px;border-radius:50%;background:var(--sx-primary)}
.sx-m4 .on .v,.sx-m4 .on .s{color:var(--sx-primary)}

/* cashflow ledger */
.sx-t3{width:100%;border-collapse:collapse;text-align:left;min-width:760px}
.sx-t3 thead tr{border-bottom:1px solid var(--sx-border);background:var(--sx-bg)}
.sx-t3 th{padding:12px 16px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);white-space:nowrap}
.sx-t3 th:last-child,.sx-t3 td:last-child{text-align:right}
.sx-t3 td{padding:14px 16px;font-size:13px;line-height:18px;font-weight:500;color:var(--sx-on);border-top:1px solid var(--sx-border);white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-t3 tbody tr:first-child td{border-top:0}
.sx-t3 tbody tr:hover{background:var(--sx-low)}
.sx-t3 td.ag{font-weight:600}
.sx-t3 td.ag i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sx-muted);margin-right:8px;vertical-align:1px}
.sx-t3 tr.ret td.ag i{background:var(--sx-secondary)}
.sx-t3 td.in{color:var(--sx-emt)}
.sx-t3 td.mu{color:var(--sx-muted)}
.sx-t3 td.eb{font-weight:600}
.sx-t3 tr.hl{background:color-mix(in srgb,var(--sx-emb) 25%,transparent)}
.sx-t3 tr.hl td:first-child{box-shadow:inset 4px 0 0 var(--sx-primary)}
.sx-t3 tr.hl td{color:var(--sx-primary);font-weight:700}
.sx-t3 tr.hl td.ag i{background:var(--sx-primary)}
.sx-t3 tr.hl td.mu{color:var(--sx-muted);font-weight:500}
.sx-t3 tr.dep td{color:var(--sx-err)}
.sx-t3 tr.hid{display:none}

/* mechanics + SORR */
.sx-mech{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;margin-bottom:48px;align-items:stretch}
.sx-mech>.a{grid-column:span 7}.sx-mech>.b{grid-column:span 5}
@media(max-width:1023px){.sx-mech{grid-template-columns:minmax(0,1fr)}.sx-mech>.a,.sx-mech>.b{grid-column:auto}}
.sx-mech>div{padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.sx .sx-mech .sx-title .msym{color:var(--sx-secondary)}
.sx-mech .a>div>p{font-size:15px;line-height:24px;color:var(--sx-muted);margin:0 0 16px}
.sx-firefx{background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;padding:16px;margin:16px 0;text-align:center;font-family:var(--font-display);font-size:20px;line-height:28px;color:var(--sx-primary);letter-spacing:.02em}
.sx-firefx .fr{display:inline-block;text-align:left;vertical-align:middle;margin:0 8px;border-bottom:2px solid var(--sx-pc);padding-bottom:2px;font-weight:700}
.sx-firefx .fr span{display:block;text-align:center;font-size:14px;font-weight:400;color:var(--sx-muted);padding-top:2px;position:relative;top:22px;margin-top:-18px}
.sx-firefx .ex{display:block;margin-top:28px;font-family:var(--font-body);font-size:13px;line-height:18px;color:var(--sx-muted);letter-spacing:0}
.sx-firefx .ex strong{color:var(--sx-primary)}
@media(max-width:639px){.sx-firefx{font-size:15px}.sx-firefx .fr{margin:6px 0 0}}
.sx-foot2{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);padding-top:16px;border-top:1px solid var(--sx-border);display:flex;align-items:center;gap:8px}
.sx .sx-foot2 .msym{font-size:14px;color:var(--sx-secondary)}
.sx-mech .b h3{font-size:20px;line-height:28px;font-weight:600;margin-bottom:8px}
.sx-mech .b>div>p{font-size:13px;line-height:18px;color:var(--sx-muted);margin:0 0 16px}
.sx-tips{display:flex;flex-direction:column;gap:12px}
.sx-tips div{padding:12px;border-radius:8px;background:var(--sx-bg);border:1px solid var(--sx-border)}
.sx-tips b{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-tips p{margin:0;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-mech .more{margin-top:16px;padding-top:12px;border-top:1px solid var(--sx-border)}
.sx-mech .more a{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-secondary)}
.sx-mech .more a:hover{color:var(--sx-primary);text-decoration:none}
.sx .sx-mech .more .msym{font-size:14px}

/* related (launch-tool variant) */
.sx-rel3{padding:20px;display:block;color:var(--sx-on);transition:border-color .15s,box-shadow .15s}
.sx-rel3:hover{border-color:var(--sx-hover);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-decoration:none}
.sx-rel3 .ic{width:40px;height:40px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:background .15s,color .15s}
.sx-rel3:hover .ic{background:var(--sx-primary);color:#fff}
.sx .sx-rel3 h3{font-size:20px;line-height:28px;letter-spacing:-.01em;font-weight:600;transition:color .15s}
.sx .sx-rel3:hover h3{color:var(--sx-primary)}
.sx-rel3 p{margin:6px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-rel3 .go{margin-top:16px;display:flex;align-items:center;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-secondary);transition:transform .15s}
.sx .sx-rel3 .go .msym{font-size:14px;margin-left:4px}
.sx-rel3:hover .go{transform:translateX(4px)}
.sx-firefx .fr2{display:inline-flex;flex-direction:column;vertical-align:middle;margin:0 8px;text-align:center}
.sx-firefx .fr2 .n{font-weight:700;border-bottom:2px solid var(--sx-pc);padding-bottom:2px}
.sx-firefx .fr2 .d{font-size:14px;line-height:20px;font-weight:400;color:var(--sx-muted);padding-top:2px}
.sx-firefx .ex2{display:block;margin-top:8px;font-family:var(--font-body);font-size:13px;line-height:18px;color:var(--sx-muted);letter-spacing:0}
.sx-firefx .ex2 strong{color:var(--sx-primary)}

/* ---- Stitch layer additions (Mortgage screen) ---- */
.sx{--sx-otc:#aec9bb;--sx-sfd:#98d3bb;--sx-sf:#b3efd6}
html.cp-dark .sx{--sx-otc:#5E7A6D;--sx-sfd:#3F8A6F;--sx-sf:#1E4232}
.sx-crumb .sl{color:var(--sx-border)}
.sx-crumb b.m{font-weight:500}
.sx-headbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:32px;border-bottom:1px solid var(--sx-border);margin-bottom:32px}
@media(max-width:767px){.sx-headbar{flex-direction:column;align-items:flex-start}}
.sx-headbar>div:first-child{max-width:48rem}
.sx-headbar .sx-badge{margin-bottom:12px;padding:4px 10px;gap:8px}
.sx-headbar h1{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;margin:0;color:var(--sx-on)}
.sx-headbar p{font-size:15px;line-height:24px;color:var(--sx-muted);margin:8px 0 0}
@media(max-width:640px){.sx-headbar h1{font-size:32px;line-height:40px}}
.sx-qbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sx-qb{display:flex;align-items:center;gap:6px;background:var(--sx-card);padding:6px 12px;border-radius:8px;border:1px solid var(--sx-border);box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);white-space:nowrap}
.sx .sx-qb .msym{font-size:16px}
.sx-l7{grid-column:span 7;min-width:0}.sx-r5{grid-column:span 5;min-width:0;display:flex;flex-direction:column;gap:24px}
@media(max-width:1023px){.sx-l7,.sx-r5{grid-column:auto}}
.sx-card.r2{border-radius:16px}
.sx-mp{padding:24px}
.sx-mp .sx-params-head{padding-bottom:20px;margin-bottom:24px}
.sx-ibox.lo{width:32px;height:32px;padding:0;align-items:center;justify-content:center;background:var(--sx-low);color:var(--sx-primary)}
.sx .sx-mp .sx-ibox.lo .msym{font-size:18px;color:var(--sx-primary)}
.sx-reset.er:hover{color:var(--sx-err)}
.sx-mstack{display:flex;flex-direction:column;gap:24px}
.sx-lr{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.sx-inl{position:relative;width:176px}
.sx-inl input{width:100%;height:36px;text-align:right;font:inherit;font-size:15px;font-weight:600;color:var(--sx-on);padding:0 12px 0 28px;background:var(--sx-card);border:1px solid var(--sx-border);border-radius:8px;outline:none;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.sx-inl input::-webkit-outer-spin-button,.sx-inl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-inl input:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-emb)}
.sx-inl .pre{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-weight:500;pointer-events:none}
.sx-inl .suf{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-weight:500;pointer-events:none}
.sx-inl.pc input{padding:0 32px 0 12px}
.sx-inl.w144{width:144px}.sx-inl.w112{width:112px}
.sx-inl.w112 input{padding-left:24px;padding-right:8px}
.sx-pctin{width:64px;height:36px;text-align:center;font:inherit;font-size:15px;font-weight:600;color:var(--sx-emt);background:var(--sx-emb);border:1px solid var(--sx-hover);border-radius:8px;outline:none;-moz-appearance:textfield}
.sx-pctin::-webkit-outer-spin-button,.sx-pctin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-dpw{display:flex;align-items:center;gap:8px}
.sx-range2{display:block;width:100%;height:8px;border-radius:8px;background:var(--sx-hi2);-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;margin:0}
.sx-range2::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sx-pc);cursor:pointer;box-shadow:0 0 0 4px var(--sx-emb);border:2px solid #fff;transition:all .15s}
.sx-range2::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px var(--sx-sc)}
.sx-range2::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--sx-pc);cursor:pointer;box-shadow:0 0 0 4px var(--sx-emb);border:2px solid #fff}
.sx-scale{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-top:6px}
.sx-scale b{color:var(--sx-primary);font-weight:500}
.sx-seg.xs{border-radius:6px;background:var(--sx-low)}
.sx-seg.xs button{padding:2px 8px;border-radius:4px}
.sx-chips4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.sx-chips4 button{font:inherit;padding:6px 4px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);color:var(--sx-onv);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;text-align:center;transition:border-color .15s}
.sx-chips4 button:hover{border-color:var(--sx-hover)}
.sx-chips4 button[aria-pressed="true"]{border-color:var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt);font-weight:600}
.sx-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-terms button{font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-card);cursor:pointer;transition:border-color .15s;text-align:center}
.sx-terms button:hover{border-color:var(--sx-hover)}
.sx-terms b{font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-terms span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-top:2px}
.sx-terms button[aria-pressed="true"]{border:2px solid var(--sx-primary);padding:11px 5px;background:color-mix(in srgb,var(--sx-emb) 30%,var(--sx-card))}
.sx-terms button[aria-pressed="true"] b{color:var(--sx-primary)}
.sx-ratehint{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-ratehint b{display:flex;align-items:center;gap:4px;color:var(--sx-primary);font-weight:500}
.sx-ratehint b i{width:8px;height:8px;border-radius:50%;background:var(--sx-primary)}
.sx-arm{margin-top:12px;padding:12px;border-radius:12px;border:1px dashed var(--sx-hover);background:color-mix(in srgb,var(--sx-emb) 40%,transparent)}
.sx-arm[hidden]{display:none}
.sx-arm p{margin:6px 0 0;font-size:12px;line-height:16px;color:var(--sx-muted)}
.sx-acc{border:1px solid var(--sx-border);border-radius:12px;overflow:hidden}
.sx-acc>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border:0;cursor:pointer;font:inherit;text-align:left;background:color-mix(in srgb,var(--sx-low) 50%,var(--sx-card));transition:background .15s}
.sx-acc>button:hover{background:var(--sx-low)}
.sx-acc>button>span{display:flex;align-items:center;gap:8px}
.sx .sx-acc>button .msym{font-size:18px;color:var(--sx-primary)}
.sx .sx-acc>button .chev{color:var(--sx-muted);transition:transform .2s}
.sx-acc.open>button .chev{transform:rotate(180deg)}
.sx-acc>button b{font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-acc>button em{font-style:normal;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-acc-body{display:none;padding:16px;border-top:1px solid var(--sx-border);background:var(--sx-card)}
.sx-acc.open .sx-acc-body{display:block}
.sx-acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:767px){.sx-acc-grid{grid-template-columns:1fr}}
.sx-acc-grid label{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:4px}
.sx-ef{position:relative}
.sx-ef input{width:100%;height:34px;font:inherit;font-size:14px;font-weight:500;color:var(--sx-on);padding:0 84px 0 28px;background:var(--sx-card);border:1px solid var(--sx-border);border-radius:8px;outline:none;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.sx-ef input::-webkit-outer-spin-button,.sx-ef input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-ef input:focus{border-color:var(--sx-pc)}
.sx-ef input:disabled{background:var(--sx-low);color:var(--sx-muted);cursor:not-allowed}
.sx-ef .pre{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-weight:500;pointer-events:none}
.sx-ef .suf{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-size:12px;font-weight:500;pointer-events:none}
.sx-ef .suf.ok{color:var(--sx-emt)}.sx-ef .suf.warn{color:#B45309}
.sx-cta.big{height:auto;padding:14px 24px;border-radius:12px;font-family:var(--font-display);font-size:20px;line-height:28px;letter-spacing:-.01em;background:var(--sx-pc);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.sx-cta.big:hover{background:var(--sx-primary)}

/* monthly payment card */
.sx-pay{padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.sx-pay .deco{position:absolute;top:0;right:0;width:128px;height:128px;margin:-32px -32px 0 0;border-bottom-left-radius:9999px;background:color-mix(in srgb,var(--sx-sf) 30%,transparent);pointer-events:none}
.sx-pay .hd{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.sx-pill2{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-emt);background:var(--sx-emb);padding:2px 10px;border-radius:99px;border:1px solid var(--sx-hover)}
.sx .sx-pill2 .msym{font-size:14px}
.sx-pay .phero{display:flex;align-items:baseline;gap:8px;margin-bottom:24px}
.sx-pay .phero b{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-pay .phero span{font-size:18px;line-height:28px;color:var(--sx-muted)}
@media(max-width:640px){.sx-pay .phero b{font-size:38px;line-height:46px}}
.sx-stack4{height:14px;width:100%;border-radius:99px;overflow:hidden;display:flex;background:var(--sx-hi2)}
.sx-stack4 span{display:block;height:100%;transition:width .3s}
.sx-pay .lg{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin:8px 0 24px}
.sx-items>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--sx-border)}
.sx-items>div:first-child{border-top:0}
.sx-items span{display:flex;align-items:center;gap:8px;font-size:15px;line-height:24px;color:var(--sx-on)}
.sx-items i{width:12px;height:12px;border-radius:50%;display:inline-block}
.sx-items b{font-weight:600;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-life{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px -24px -24px;padding:24px;border-top:1px solid var(--sx-border);background:color-mix(in srgb,var(--sx-low) 40%,var(--sx-card));border-radius:0 0 16px 16px}
.sx-life .k{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-life .v{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:var(--sx-on);margin-top:2px;font-variant-numeric:tabular-nums}
.sx-life .v.er{color:var(--sx-err)}
.sx-life .t{font-size:15px;line-height:24px;font-weight:500;color:var(--sx-on);margin-top:2px}
.sx-life .t.ok{color:var(--sx-emt);font-weight:600}.sx-life .t.warn{color:#B45309;font-weight:600}
.sx-life>div:nth-child(n+3){margin-top:8px}
.sx-ribbon{padding:12px;display:flex;align-items:center;justify-content:space-around;gap:4px;flex-wrap:wrap;border-radius:12px}
.sx-ribbon button,.sx-ribbon a{display:flex;align-items:center;gap:6px;padding:6px 12px;border:0;background:none;border-radius:8px;font:inherit;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer;transition:color .15s,background .15s}
.sx-ribbon button:hover,.sx-ribbon a:hover{color:var(--sx-primary);background:var(--sx-low);text-decoration:none}
.sx .sx-ribbon .msym{font-size:18px}
.sx-ribbon i{width:1px;height:16px;background:var(--sx-border)}

/* amortization card */
.sx-amort{overflow:hidden;margin-bottom:32px}
.sx-amort .hd{padding:24px;border-bottom:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:767px){.sx-amort .hd{flex-direction:column;align-items:flex-start}}
.sx-amort .hd p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-seg.md{padding:4px;background:var(--sx-low)}
.sx-seg.md button{padding:4px 12px}
.sx-ibtn{padding:6px;border-radius:8px;border:1px solid var(--sx-border);background:none;color:var(--sx-muted);cursor:pointer;display:flex}
.sx-ibtn:hover{color:var(--sx-primary);background:var(--sx-low)}
.sx .sx-ibtn .msym{font-size:18px}
.sx-t4{width:100%;border-collapse:collapse;text-align:left;min-width:720px}
.sx-t4 thead tr{background:var(--sx-low)}
.sx-t4 th{padding:12px 24px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-muted);white-space:nowrap}
.sx-t4 th:last-child,.sx-t4 td:last-child{text-align:right}
.sx-t4 td{padding:14px 24px;font-size:13px;line-height:18px;color:var(--sx-on);border-top:1px solid var(--sx-border);white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-t4 tbody tr:first-child td{border-top:0}
.sx-t4 tbody tr:hover{background:color-mix(in srgb,var(--sx-low) 40%,transparent)}
.sx-t4 td.y{font-weight:600}.sx-t4 td.mu{color:var(--sx-muted)}.sx-t4 td.pp{font-weight:500;color:var(--sx-primary)}.sx-t4 td.ip{font-weight:500;color:var(--sx-err)}.sx-t4 td.eb{font-weight:600}.sx-t4 td.eq{color:var(--sx-emt);font-weight:600}
.sx-t4 tr.hid{display:none}
.sx-amort .ft{padding:16px;border-top:1px solid var(--sx-border);background:color-mix(in srgb,var(--sx-low) 30%,var(--sx-card));display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-amort .ft button{display:flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--sx-primary);cursor:pointer}
.sx-amort .ft button:hover{text-decoration:underline}
.sx .sx-amort .ft .msym{font-size:16px}

/* formula (8) + related list (4) */
.sx-fr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;margin-bottom:48px}
.sx-fr>.a{grid-column:span 8;padding:24px}.sx-fr>.b{grid-column:span 4;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
@media(max-width:767px){.sx-fr{grid-template-columns:minmax(0,1fr)}.sx-fr>.a,.sx-fr>.b{grid-column:auto}}
.sx-fr .a>p{font-size:15px;line-height:24px;color:var(--sx-muted);margin:0 0 16px}
.sx-fr .a>p.cite{font-size:13px;line-height:18px;margin:0}
.sx .sx-fr .sx-title .msym{font-size:20px;color:var(--sx-primary)}
.sx-mfx{padding:16px;border-radius:12px;background:var(--sx-low);border:1px solid var(--sx-border);font-family:var(--font-mono);text-align:center;color:var(--sx-on);font-weight:600;font-size:18px;line-height:28px;margin:16px 0;overflow-x:auto;white-space:nowrap}
.sx-vars4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:16px}
@media(max-width:639px){.sx-vars4{grid-template-columns:1fr 1fr}}
.sx-vars4 b{color:var(--sx-on);font-weight:700}
.sx .sx-fr .b h3{font-size:20px;line-height:28px;font-weight:600;margin-bottom:12px}
.sx-rlist{display:flex;flex-direction:column;gap:12px}
.sx-rlist a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:8px;border:1px solid var(--sx-border);color:var(--sx-on);transition:border-color .15s,background .15s}
.sx-rlist a:hover{border-color:var(--sx-hover);background:color-mix(in srgb,var(--sx-emb) 20%,transparent);text-decoration:none}
.sx-rlist b{display:block;font-size:14px;line-height:20px;font-weight:600;transition:color .15s}
.sx-rlist span{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-rlist a:hover b{color:var(--sx-primary)}
.sx .sx-rlist .msym{font-size:18px;color:var(--sx-muted);transition:transform .15s,color .15s}
.sx .sx-rlist a:hover .msym{color:var(--sx-primary);transform:translateX(4px)}
.sx-audit{margin-top:16px;padding-top:16px;border-top:1px solid var(--sx-border);display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx .sx-audit .msym{font-size:16px;color:var(--sx-primary)}

/* ---- Stitch layer additions (Debt payoff screen) ---- */
.sx{--sx-sch:#dce2f7}
html.cp-dark .sx{--sx-sch:#2E3644}
.sx-dmain{display:flex;flex-direction:column;gap:32px;padding-bottom:48px}
.sx-dmain .sx-crumb{margin:0}
.sx-dhead{display:flex;flex-direction:column;gap:12px}
.sx-dhead .sx-badges{margin:0;gap:12px}
.sx-plain{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx .sx-plain .msym{font-size:15px}
.sx-dhead h1{font-family:var(--font-display);font-size:32px;line-height:40px;letter-spacing:-.02em;font-weight:600;margin:0;color:var(--sx-on)}
.sx-dhead p{font-size:15px;line-height:1.625;color:var(--sx-onv);max-width:48rem;margin:0}
@media(max-width:767px){.sx-dhead h1{font-size:24px;line-height:32px}}
.sx-topbar{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
@media(max-width:1023px){.sx-topbar{grid-template-columns:1fr}}
.sx-topbar>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.sx-lic{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx .sx-lic .msym{font-size:18px;color:var(--sx-primary)}
.sx-xrow{display:flex;align-items:center;gap:16px}
.sx-xin{position:relative;flex:1;min-width:0}
.sx-xin input{width:100%;height:44px;padding:0 64px 0 32px;background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;font:inherit;font-size:15px;font-weight:600;color:var(--sx-on);outline:none;-moz-appearance:textfield;transition:box-shadow .15s,border-color .15s}
.sx-xin input::-webkit-outer-spin-button,.sx-xin input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-xin input:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-sf)}
.sx-xin .pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-weight:500}
.sx-xin .suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-size:12px;font-weight:500}
.sx-xpills{display:flex;align-items:center;gap:6px}
@media(max-width:639px){.sx-xpills{display:none}}
.sx-xpills button{font:inherit;padding:6px 10px;border-radius:6px;border:1px solid transparent;background:var(--sx-low);color:var(--sx-on);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;transition:background .15s}
.sx-xpills button:hover{background:var(--sx-sc2)}
.sx-xpills button[aria-pressed="true"]{background:var(--sx-sf);color:var(--sx-primary);font-weight:600;border-color:var(--sx-hover)}
.sx-algo{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--sx-bg);padding:6px;border-radius:12px;border:1px solid var(--sx-border)}
@media(max-width:639px){.sx-algo{grid-template-columns:1fr}}
.sx-algo button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;border-radius:8px;border:1px solid transparent;background:none;cursor:pointer;text-align:left;transition:background .15s}
.sx-algo button:hover{background:var(--sx-card)}
.sx-algo button span.t{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--sx-onv)}
.sx-algo button span.t i{width:8px;height:8px;border-radius:50%;background:var(--sx-ov)}
.sx-algo button span.s{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-top:2px}
.sx-algo button[aria-pressed="true"]{background:var(--sx-card);border-color:var(--sx-hover);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sx-algo button[aria-pressed="true"] span.t{color:var(--sx-primary);font-weight:700}
.sx-algo button[aria-pressed="true"] span.t i{background:var(--sx-pc)}

.sx-dgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
@media(max-width:1023px){.sx-dgrid{grid-template-columns:minmax(0,1fr)}}
.sx-dgrid .sx-l7{display:flex;flex-direction:column;gap:16px}
.sx-dgrid .sx-r5{gap:20px}
.sx-phead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sx-phead>div{display:flex;align-items:center;gap:8px}
.sx .sx-phead .msym{color:var(--sx-primary)}
.sx-cnt{padding:2px 8px;border-radius:99px;background:var(--sx-hi2);font-size:12px;line-height:16px;font-weight:600;color:var(--sx-on)}
.sx-phead .tot{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-phead .tot b{color:var(--sx-on);font-weight:600}
.sx-debts{display:flex;flex-direction:column;gap:12px}
.sx-debt{padding:16px;transition:border-color .15s}
.sx-debt:hover{border-color:var(--sx-hover)}
.sx-debt .dh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.sx-debt .dh>div{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.sx-debt .dic{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx .sx-debt .dic .msym{font-size:18px}
.sx-debt .nm{display:block;width:100%;border:0;background:none;padding:0;font:inherit;font-size:14px;line-height:20px;font-weight:700;color:var(--sx-on);outline:none;border-bottom:1px dashed transparent}
.sx-debt .nm:hover,.sx-debt .nm:focus{border-bottom-color:var(--sx-border)}
.sx-debt .pr{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-debt .pr.hi{color:var(--sx-err)}.sx-debt .pr.lo{color:var(--sx-emt)}
.sx-debt .del{border:0;background:none;padding:4px;border-radius:4px;color:var(--sx-muted);cursor:pointer;display:flex}
.sx-debt .del:hover{color:var(--sx-err)}
.sx .sx-debt .del .msym{font-size:18px}
.sx-debt .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-debt label{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:4px}
.sx-df{position:relative}
.sx-df input{width:100%;height:32px;padding:0 8px 0 22px;font:inherit;font-size:13px;font-weight:600;color:var(--sx-on);background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:6px;outline:none;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.sx-df input::-webkit-outer-spin-button,.sx-df input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-df input:focus{border-color:var(--sx-pc);box-shadow:0 0 0 1px var(--sx-pc)}
.sx-df.pc input{padding:0 22px 0 10px}
.sx-df .pre,.sx-df .suf{position:absolute;top:50%;transform:translateY(-50%);color:var(--sx-muted);font-size:13px;font-weight:500;pointer-events:none}
.sx-df .pre{left:10px}.sx-df .suf{right:10px}
.sx-debt .warn{margin:8px 0 0;font-size:12px;line-height:16px;color:#B45309}
.sx-add{width:100%;padding:14px;border:2px dashed var(--sx-border);border-radius:12px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-primary);transition:border-color .15s,background .15s}
.sx-add:hover{border-color:var(--sx-hover);background:var(--sx-low)}
.sx .sx-add .msym{font-size:20px}

/* debt-free hero */
.sx-dfree{border-radius:16px;padding:24px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(to bottom right,#0f5b44,#2f6855);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.sx-dfree .circ{position:absolute;right:-24px;bottom:-24px;width:128px;height:128px;border-radius:50%;background:#fff;opacity:.05;pointer-events:none}
.sx-dfree .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sx-dfree .kk{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8cd1b3}
.sx-dfree .as{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;background:#ECFDF5;color:#065F46;font-size:12px;line-height:16px;font-weight:700}
.sx .sx-dfree .as .msym{font-size:14px}
.sx-dfree .by{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:#b3efd6;margin-bottom:4px}
.sx-dfree .dt{font-family:var(--font-display);font-size:32px;line-height:40px;letter-spacing:-.02em;font-weight:700;color:#fff}
.sx-dfree .du{font-size:13px;line-height:18px;color:#8cd1b3;margin:4px 0 16px}
.sx-dfree .st{position:relative;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sx-dfree .st span{display:block;font-size:12px;line-height:16px;font-weight:500;color:#8cd1b3}
.sx-dfree .st b{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.sx-dfree .st b.i{color:#b3efd6}
.sx-dfree.bad{background:linear-gradient(to bottom right,#7c2d12,#92400e)}

/* strategy comparison */
.sx-cmpc{padding:20px;display:flex;flex-direction:column;gap:14px}
.sx-cmpc .hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sx-cmpc .hd b{font-size:14px;line-height:20px;font-weight:700;color:var(--sx-on)}
.sx-cmpc .hd span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-scn{padding:14px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-bg);display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:left;font:inherit;width:100%;transition:border-color .15s}
.sx-scn:hover{border-color:var(--sx-hover)}
.sx-scn.min{background:var(--sx-low);cursor:default}
.sx-scn.min:hover{border-color:var(--sx-border)}
.sx-scn.on{border:2px solid var(--sx-pc);padding:13px;background:color-mix(in srgb,var(--sx-emb) 30%,var(--sx-card))}
.sx-scn .top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sx-scn .top>span:first-child{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx .sx-scn .top .msym{font-size:18px;color:var(--sx-muted)}
.sx-scn.on .top>span:first-child{color:var(--sx-primary);font-weight:700}
.sx .sx-scn.on .top .msym{color:var(--sx-primary)}
.sx .sx-scn.min .top .msym{color:var(--sx-err)}
.sx-scn .tag{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-scn .tag.best{font-weight:700;color:var(--sx-emt);background:var(--sx-emb);padding:2px 8px;border-radius:4px}
.sx-scn .tag.lost{color:var(--sx-err)}
.sx-scn .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;padding-top:8px;border-top:1px solid var(--sx-border);font-size:13px;line-height:18px}
.sx-scn.on .g3{border-top-color:color-mix(in srgb,var(--sx-hover) 40%,transparent)}
.sx-scn .g3 span{display:block;font-size:11px;line-height:15px;color:var(--sx-muted)}
.sx-scn .g3 b{font-weight:500;color:var(--sx-on)}
.sx-scn.on .g3 b{font-weight:600}
.sx-scn .g3 b.er{color:var(--sx-err);font-weight:600}
.sx-save{padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;border:1px solid var(--sx-hover);background:color-mix(in srgb,var(--sx-sf) 30%,var(--sx-card));font-size:13px;line-height:18px;color:var(--sx-on)}
.sx .sx-save .msym{font-size:22px;color:var(--sx-primary)}
.sx-save strong{color:var(--sx-primary);font-weight:700}

/* paydown trajectory bars */
.sx-traj2{padding:20px;display:flex;flex-direction:column;gap:16px}
.sx-traj2 .hd{display:flex;align-items:center;justify-content:space-between}
.sx-traj2 .hd b{font-size:14px;line-height:20px;font-weight:700;color:var(--sx-on)}
.sx-traj2 .hd span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-bars{display:flex;flex-direction:column;gap:10px}
.sx-bars .r{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;font-weight:500;margin-bottom:4px}
.sx-bars .r span:first-child{color:var(--sx-on)}
.sx-bars .r span:last-child{color:var(--sx-muted)}
.sx-bars .r.ev span:last-child{color:var(--sx-emt);font-weight:600}
.sx-bars .r.fin span{color:var(--sx-primary)!important;font-weight:700}
.sx-bars .b{width:100%;height:12px;border-radius:99px;overflow:hidden;display:flex;background:var(--sx-hi2)}
.sx-bars .b span{display:block;height:100%}
.sx-bars .b.z{background:var(--sx-pc);align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.1em;color:#fff}
.sx-dleg{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding-top:8px;border-top:1px solid var(--sx-border);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-dleg span{display:flex;align-items:center;gap:6px}
.sx-dleg i{width:10px;height:10px;border-radius:50%}

/* cascade */
.sx-casc{padding:24px;display:flex;flex-direction:column;gap:24px}
.sx-casc .hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media(max-width:639px){.sx-casc .hd{flex-direction:column;align-items:flex-start}}
.sx-casc .hd p{margin:0;font-size:13px;line-height:18px;color:var(--sx-onv)}
.sx-casc .cf{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);background:var(--sx-bg);padding:6px 12px;border-radius:8px;border:1px solid var(--sx-border);white-space:nowrap}
.sx-casc .cf strong{color:var(--sx-on)}
.sx-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:767px){.sx-phases{grid-template-columns:1fr}}
.sx-phase{padding:16px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-bg);display:flex;flex-direction:column;justify-content:space-between}
.sx-phase .t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sx-phase .tg{padding:2px 8px;border-radius:4px;font-size:12px;line-height:16px;font-weight:700;background:var(--sx-sch);color:var(--sx-on)}
.sx-phase:nth-child(3n+1) .tg{background:var(--sx-pc);color:#fff}
.sx-phase:nth-child(3n) .tg{background:var(--sx-sf);color:var(--sx-primary)}
.sx-phase .mo{font-size:12px;line-height:16px;font-weight:600;color:var(--sx-on)}
.sx .sx-phase h4{font-size:14px;line-height:20px;font-weight:700;color:var(--sx-on);margin:0 0 4px;font-family:var(--font-body)}
.sx-phase p{font-size:13px;line-height:18px;color:var(--sx-muted);margin:0 0 12px}
.sx-phase .ft{padding-top:12px;border-top:1px solid var(--sx-border);display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-phase .ft div{display:flex;justify-content:space-between;gap:8px}
.sx-phase .ft b{color:var(--sx-on);font-weight:700}
.sx-phase .ft b.ok{color:var(--sx-emt)}

/* education pair */
.sx-edu{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:1023px){.sx-edu{grid-template-columns:1fr}}
.sx-edu>div{padding:24px;display:flex;flex-direction:column;gap:12px}
.sx-edu .sx-title{margin:0}
.sx .sx-edu .sx-title .msym{color:var(--sx-primary)}
.sx .sx-edu .sx-title .msym.s{color:var(--sx-secondary)}
.sx-edu p{margin:0;font-size:15px;line-height:1.625;color:var(--sx-onv)}
.sx-edu p.sm{font-size:13px}
.sx-edu .fx{padding:12px;background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--sx-on)}
.sx-edu .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:639px){.sx-edu .two{grid-template-columns:1fr}}
.sx-edu .two div{padding:12px;background:var(--sx-bg);border-radius:8px;border:1px solid var(--sx-border)}
.sx .sx-edu .two h4{font-family:var(--font-body);font-size:13px;line-height:18px;font-weight:700;margin:0 0 4px;color:var(--sx-on)}
.sx .sx-edu .two h4.p{color:var(--sx-primary)}
.sx-edu .two p{font-size:13px;line-height:18px;color:var(--sx-muted)}

/* related (tool footer variant) */
.sx-rel4{padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:var(--sx-on);transition:border-color .15s,box-shadow .15s}
.sx-rel4:hover{border-color:var(--sx-hover);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-decoration:none}
.sx-rel4 .ic{width:40px;height:40px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.sx .sx-rel4 .ic .msym{font-size:20px}
.sx .sx-rel4 h4{font-family:var(--font-display);font-size:18px;line-height:28px;font-weight:600;margin:0;color:var(--sx-on);transition:color .15s}
.sx .sx-rel4:hover h4{color:var(--sx-primary)}
.sx-rel4 p{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-rel4 .go{margin-top:16px;display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);transition:color .15s}
.sx-rel4:hover .go{color:var(--sx-primary)}
.sx .sx-rel4 .go .msym{font-size:14px;transition:transform .15s}
.sx .sx-rel4:hover .go .msym{transform:translateX(4px)}

/* ---- Stitch layer additions (UK take-home pay screen) ---- */
.sx-crumb .home{font-size:16px}
.sx-hbadge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:99px;background:var(--sx-emb);border:1px solid var(--sx-hover);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-emt)}
.sx-hbadge i{width:8px;height:8px;border-radius:50%;background:var(--sx-pc)}
.sx-head.uk h1{font-size:32px;line-height:40px;letter-spacing:-.02em;font-weight:600}
.sx-head.uk p{font-size:15px;line-height:24px;color:var(--sx-onv);max-width:44rem}
@media(max-width:640px){.sx-head.uk h1{font-size:24px;line-height:32px}}
.sx-seg.full{display:flex;width:100%;padding:4px;background:var(--sx-low);border-radius:10px}
.sx-seg.full button{flex:1;padding:8px 4px;font-size:13px;line-height:18px;border-radius:7px}
.sx-seg.full.two button{font-size:12px}
.sx-sel{position:relative}
.sx-sel select{width:100%;height:40px;padding:0 36px 0 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;font-size:14px;font-weight:500;color:var(--sx-on);appearance:none;-webkit-appearance:none;cursor:pointer}
.sx-sel select:focus{outline:none;border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-emb)}
.sx-sel .msym{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--sx-muted);font-size:20px}
.sx-penbox{padding:16px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-low);display:flex;flex-direction:column;gap:12px}
.sx-penbox .sx-between b{font-size:14px;font-weight:700;color:var(--sx-primary)}
.sx-penbox .ty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;line-height:16px;color:var(--sx-muted)}
.sx-penbox .ty label{display:flex;align-items:center;gap:6px;color:var(--sx-on);font-weight:500;cursor:pointer}
.sx-penbox .ty input{accent-color:var(--sx-pc);width:16px;height:16px;margin:0}
.sx-code{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sx-code .l b{display:block;font-size:13px;line-height:18px;font-weight:600;color:var(--sx-on)}
.sx-code .l span{display:block;font-size:12px;line-height:16px;color:var(--sx-primary)}
.sx-code input{width:96px;height:36px;text-align:center;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on);background:var(--sx-card);border:1px solid var(--sx-border);border-radius:8px;outline:none}
.sx-code input:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-emb)}
.sx-code input.bad{border-color:var(--sx-err)}
.sx-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.sx-checks{grid-template-columns:1fr}}
.sx-checks label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--sx-border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}
.sx-checks label:hover{border-color:var(--sx-hover)}
.sx-checks label:has(input:checked){border-color:var(--sx-pc);background:var(--sx-emb)}
.sx-checks input{accent-color:var(--sx-pc);width:16px;height:16px;margin:1px 0 0;flex-shrink:0}
.sx-checks b{display:block;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-on)}
.sx-checks span{display:block;font-size:11px;line-height:15px;color:var(--sx-muted)}
.sx-note{margin:0;font-size:12px;line-height:17px;color:var(--sx-muted)}
.sx-note.warn{color:#B45309}

/* dark take-home hero */
.sx-ukh{border-radius:16px;padding:24px;color:#fff;background:linear-gradient(135deg,#0f5b44 0%,#00422f 60%,#0b3a2a 100%);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);position:relative;overflow:hidden}
.sx-ukh .row{display:flex;justify-content:space-between;gap:24px}
@media(max-width:639px){.sx-ukh .row{flex-direction:column;gap:16px}}
.sx-ukh .bd{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sx-ukh .bd span{padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.1);font-size:11px;line-height:14px;font-weight:600;letter-spacing:.04em;color:#abf1d2}
.sx-ukh .bd span:first-child{text-transform:uppercase}
.sx-ukh .bd span:last-child{color:#fff;background:rgba(255,255,255,.14)}
.sx-ukh .big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sx-ukh .big b{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;font-variant-numeric:tabular-nums}
.sx-ukh .big span{font-size:18px;line-height:28px;color:rgba(255,255,255,.8)}
@media(max-width:640px){.sx-ukh .big b{font-size:38px;line-height:46px}}
.sx-ukh .ann{margin:4px 0 0;font-size:13px;line-height:18px;color:rgba(255,255,255,.75)}
.sx-ukh .ann strong{color:#fff}
.sx-ukh .side{border-left:1px solid rgba(255,255,255,.15);padding-left:24px;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:12px;flex-shrink:0}
@media(max-width:639px){.sx-ukh .side{border-left:0;padding-left:0;text-align:left;flex-direction:row;gap:24px}}
.sx-ukh .side span{display:block;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sx-ukh .side b{font-family:var(--font-display);font-size:18px;line-height:26px;font-weight:700;font-variant-numeric:tabular-nums}
.sx-ukh .bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.15);margin:20px 0 10px}
.sx-ukh .bar span{display:block;height:100%;transition:width .3s}
.sx-ukh .lg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;line-height:14px;color:rgba(255,255,255,.8)}
.sx-ukh .lg span{display:flex;align-items:center;gap:6px}
.sx-ukh .lg i{width:8px;height:8px;border-radius:50%}

/* deductions waterfall */
.sx-wf{padding:24px}
.sx-wf .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--sx-border);margin-bottom:8px}
.sx-wf .hd>div{display:flex;align-items:center;gap:8px}
.sx .sx-wf .hd .msym{color:var(--sx-primary)}
.sx-wf .hd em{font-style:normal;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-primary)}
.sx-wft{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:480px}
.sx-wft th{padding:10px 0;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);text-align:right;border-bottom:1px solid var(--sx-border)}
.sx-wft th:first-child{text-align:left}
.sx-wft td{padding:10px 0;font-size:13px;line-height:18px;color:var(--sx-on);text-align:right;border-bottom:1px solid var(--sx-border);white-space:nowrap}
.sx-wft td+td,.sx-wft th+th{padding-left:12px}
.sx-wft td:first-child{text-align:left;white-space:normal}
.sx-wft td:first-child span{display:flex;align-items:center;gap:8px}
.sx-wft td i{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}
.sx .sx-wft .msym{font-size:16px}
.sx-wft tr.g td{font-weight:600}
.sx-wft tr.pa td{color:var(--sx-muted);padding-left:16px}
.sx-wft tr.pa td+td{padding-left:12px}
.sx-wft tr.pa td:nth-child(2),.sx-wft tr.pa td:nth-child(3){color:var(--sx-emt)}
.sx-wft td.neg{color:var(--sx-err)}
.sx-wft tr.tot td{background:var(--sx-low);font-weight:600}
.sx-wft tr.tot td:first-child{padding-left:8px}.sx-wft tr.tot td:last-child{padding-right:8px}
.sx-wft tr.net td{background:var(--sx-emb);font-weight:700;color:var(--sx-emt);border-bottom:0;padding-top:14px;padding-bottom:14px}
.sx-wft tr.net td:first-child{padding-left:8px}.sx-wft tr.net td:last-child{padding-right:8px}
.sx-wft tr.net td:nth-child(2),.sx-wft tr.net td:nth-child(3){font-family:var(--font-display);font-size:18px}
.sx .sx-wft tr.tot .msym{color:var(--sx-err)}
.sx .sx-wft tr.net .msym{color:var(--sx-emt)}
.sx-wf .acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--sx-border)}
.sx-wf .acts .sx-btn{background:var(--sx-card)}
.sx-wf .acts .sp{margin-left:auto;background:var(--sx-low);border-color:transparent}

/* HMRC band tables */
.sx-bandsc{padding:24px;margin-bottom:32px}
.sx-bandsc .hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--sx-border);margin-bottom:20px}
@media(max-width:639px){.sx-bandsc .hd{flex-direction:column}}
.sx-bandsc .hd p{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--sx-primary)}
.sx-bandsc .pill{padding:4px 10px;border-radius:6px;background:var(--sx-low);border:1px solid var(--sx-border);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);white-space:nowrap}
.sx-bgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:1023px){.sx-bgrid{grid-template-columns:1fr}}
.sx-bgrid .t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.sx-bgrid .t b{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-bgrid .t b i{width:8px;height:8px;border-radius:50%;background:var(--sx-pc)}
.sx-bgrid .t span{font-size:12px;color:var(--sx-muted)}
.sx-bt{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--sx-border);border-radius:8px;overflow:hidden;font-size:13px;line-height:18px}
.sx-bt th{background:var(--sx-low);padding:10px 12px;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-muted);text-align:left}
.sx-bt th:last-child,.sx-bt td:last-child{text-align:right}
.sx-bt td{padding:10px 12px;border-top:1px solid var(--sx-border);color:var(--sx-on)}
.sx-bt td:nth-child(2){color:var(--sx-muted)}
.sx-bt td:last-child{font-weight:700;color:var(--sx-emt)}
.sx-bt td.r2{color:#b45309}.sx-bt td.r3{color:var(--sx-err)}
.sx-bt tr.you td{background:#fffbeb}
html.cp-dark .sx-bt tr.you td{background:#3A2E12}
.sx-bt tr.you td:first-child{box-shadow:inset 3px 0 0 #f59e0b;font-weight:600}
.sx-bgrid .fn{margin:10px 0 0;font-size:11px;line-height:16px;color:var(--sx-muted)}

/* security strip */
.sx-sec{padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:32px;background:color-mix(in srgb,var(--sx-low) 70%,var(--sx-card))}
@media(max-width:639px){.sx-sec{flex-wrap:wrap}}
.sx-sec .lk{width:40px;height:40px;border-radius:50%;background:var(--sx-emb);border:1px solid var(--sx-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx .sx-sec .lk .msym{color:var(--sx-pc)}
.sx-sec b{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-sec p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-sec .pill{margin-left:auto;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);white-space:nowrap}
.sx .sx-sec .pill .msym{font-size:16px;color:var(--sx-pc)}
.sx-rel2 .ic.sm{margin-bottom:12px}
.sx .sx-rel2.uk h3{font-size:16px;line-height:24px}
.sx-rad{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer}
.sx-rad i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--sx-outline);display:inline-block;position:relative;flex-shrink:0}
.sx-rad[aria-pressed="true"] i{border-color:var(--sx-pc)}
.sx-rad[aria-pressed="true"] i:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--sx-pc)}
.sx-rad:focus-visible{outline:2px solid var(--sx-pc);outline-offset:2px}

/* ---- Stitch layer additions (UK mortgage overpayment screen) ---- */
.sx-toprow.bb{padding-bottom:24px;border-bottom:1px solid var(--sx-border);margin-bottom:0}
.sx-hbadge .pulse{animation:sxpulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--sx-primary)}
.sx-head.ov{padding:32px 0;margin:0}
.sx-head.ov h1{max-width:48rem}
.sx-grid.ov{margin-bottom:64px}
.sx-ovp{padding:24px 28px;display:flex;flex-direction:column;gap:24px}
@media(max-width:639px){.sx-ovp{padding:20px}}
.sx-ovp .sx-params-head{padding-bottom:12px}
.sx-ovp .sx-ibox{background:var(--sx-sc2);color:var(--sx-primary)}
.sx .sx-ovp .sx-params-head .sx-ibox .msym{color:var(--sx-primary)}
.sx-ovp .tag{padding:2px 8px;border-radius:4px;background:var(--sx-sc2);color:var(--sx-primary);font-size:12px;line-height:16px;font-weight:500;white-space:nowrap}
.sx-ovp .sx-row .aux{font-size:13px;color:var(--sx-muted);font-weight:400}
.sx-ovp .sx-row .val{font-size:15px;line-height:24px;font-weight:700;color:var(--sx-primary)}
.sx-ovp .sx-row .hint{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-primary)}
.sx .sx-ovp .sx-row .hint .msym{font-size:14px}
.sx-ovp .sx-slider{margin:8px 0}
.sx-ovp .sx-scale{margin-top:4px}
.sx-contract{padding:14px;border-radius:8px;background:var(--sx-low);border:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;gap:12px}
.sx-contract .k{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-contract .s{display:block;font-size:13px;line-height:18px;color:var(--sx-onv)}
.sx-contract .v{text-align:right}
.sx-contract .v b{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-contract .v span{display:block;font-size:12px;line-height:16px;color:var(--sx-muted)}
.sx-ostrat{border-top:1px solid var(--sx-border);padding-top:16px;display:flex;flex-direction:column;gap:16px}
.sx .sx-ostrat h3{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on);margin:0}
.sx .sx-ostrat h3 .msym{font-size:16px;color:var(--sx-primary)}
.sx-erc{padding:14px;border-radius:12px;background:var(--sx-emb);border:1px solid var(--sx-hover);display:flex;flex-direction:column;gap:8px}
.sx-erc .t{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sx-erc .t span:first-child{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-emt)}
.sx .sx-erc .t .msym{font-size:14px}
.sx-erc .pill{padding:2px 8px;border-radius:99px;font-size:11px;line-height:15px;font-weight:600;background:var(--sx-primary);color:#fff}
html.cp-dark .sx-erc .pill{color:#0b1a14}
.sx-erc .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;line-height:18px;color:var(--sx-onv)}
.sx-erc .r b{font-size:15px;font-weight:700;color:var(--sx-primary)}
.sx-erc .bar{width:100%;height:6px;border-radius:99px;background:var(--sx-hover);overflow:hidden}
.sx-erc .bar span{display:block;height:100%;border-radius:99px;background:var(--sx-primary);transition:width .3s}
.sx-erc p{margin:0;font-size:12px;line-height:1.3;color:var(--sx-muted)}
.sx-erc.warn{background:#FFFBEB;border-color:#FCD34D}
.sx-erc.warn .t span:first-child,.sx-erc.warn .r b{color:#92400E}
.sx-erc.warn .pill{background:#D97706}
.sx-erc.warn .bar{background:#FDE68A}.sx-erc.warn .bar span{background:#D97706}
html.cp-dark .sx-erc.warn{background:#3A2E12;border-color:#6B5418}
html.cp-dark .sx-erc.warn .t span:first-child,html.cp-dark .sx-erc.warn .r b{color:#FCD34D}
.sx-ovp .sx-cta.dk{height:auto;padding:12px 16px}

/* result stat cards */
.sx-os2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:639px){.sx-os2{grid-template-columns:1fr}}
.sx-os{padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.sx-os .dc{position:absolute;top:0;right:0;width:96px;height:96px;margin:-16px -16px 0 0;border-bottom-left-radius:9999px;background:var(--sx-emb);opacity:.5;pointer-events:none}
.sx-os .dc.b{background:var(--sx-sc2)}
.sx-os .hd{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sx-os .ic{padding:6px;border-radius:50%;background:var(--sx-emb);color:var(--sx-emt);display:flex}
.sx-os .ic.b{background:var(--sx-sc2);color:var(--sx-primary)}
.sx .sx-os .ic .msym{font-size:16px}
.sx-os .v1{position:relative;font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-os .v2{position:relative;font-family:var(--font-display);font-size:32px;line-height:40px;letter-spacing:-.02em;font-weight:700;color:var(--sx-on)}
.sx-os .e{font-size:14px;line-height:20px;font-weight:600;color:var(--sx-primary)}
@media(max-width:640px){.sx-os .v1{font-size:38px;line-height:46px}}
.sx-os .ft{margin-top:16px;padding-top:12px;border-top:1px solid var(--sx-border);display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx .sx-os .ft .msym{font-size:16px;color:var(--sx-primary)}
.sx-os .ft b{font-weight:600;color:var(--sx-on)}
.sx-sum{padding:24px}
.sx .sx-sum h3{margin-bottom:16px}
.sx-sum .g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:767px){.sx-sum .g{grid-template-columns:1fr}}
.sx-sum .bx{padding:16px;border-radius:8px;background:var(--sx-low);border:1px solid var(--sx-border);display:flex;flex-direction:column;gap:8px}
.sx-sum .bx.a{background:var(--sx-emb);border-color:var(--sx-hover)}
.sx-sum .bx .t{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--sx-onv)}
.sx-sum .bx.a .t{color:var(--sx-emt);font-weight:600}
.sx-sum .bx .t em{font-style:normal;padding:2px 8px;border-radius:4px;font-size:12px;line-height:16px;background:var(--sx-sch);color:var(--sx-on)}
.sx-sum .bx.a .t em{background:var(--sx-primary);color:#fff;font-weight:500}
html.cp-dark .sx-sum .bx.a .t em{color:#0b1a14}
.sx-sum .bx .r{display:flex;justify-content:space-between;gap:8px;font-size:13px;line-height:18px}
.sx-sum .bx .r span{color:var(--sx-muted)}
.sx-sum .bx .r b{font-weight:600;color:var(--sx-on)}
.sx-sum .bx.a .r span{color:var(--sx-emt)}
.sx-sum .bx.a .r b{font-weight:700;color:var(--sx-primary)}
.sx-ochart{padding:24px}
.sx-ochart .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--sx-border)}
@media(max-width:639px){.sx-ochart .hd{flex-direction:column;align-items:flex-start}}
.sx-ochart .hd p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-ochart .lg{display:flex;align-items:center;gap:16px;font-size:12px;line-height:16px;font-weight:500}
.sx-ochart .lg span{display:flex;align-items:center;gap:6px;color:var(--sx-muted)}
.sx-ochart .lg span.p{color:var(--sx-primary);font-weight:600}
.sx-ochart .lg i{width:12px;height:4px;border-radius:2px}
.sx-oplot{margin-top:16px;position:relative;height:256px}
.sx-oplot svg{display:block;width:100%;height:100%;overflow:visible}
.sx-oplot .gl{stroke:var(--sx-border);stroke-dasharray:3 3}
.sx-oplot .gt{font:10px var(--font-mono);fill:#94a3b8}
.sx-oplot .tip{position:absolute;pointer-events:none;background:var(--sx-on);color:var(--sx-card);font-size:12px;line-height:17px;padding:7px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-115%);opacity:0;transition:opacity .1s;z-index:2}
.sx-oplot .tip b{display:block}
.sx-oxl{display:flex;justify-content:space-between;gap:4px;padding:4px 8px 0 40px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
@media(max-width:639px){.sx-oxl span:nth-child(2),.sx-oxl span:nth-child(4){display:none}}

/* overpayment ledger */
.sx-oled{padding:24px;margin-bottom:64px}
.sx-oled .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--sx-border)}
@media(max-width:639px){.sx-oled .hd{flex-direction:column;align-items:flex-start}}
.sx-oled .hd p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-t5{width:100%;border-collapse:collapse;text-align:left;min-width:720px;margin-top:16px}
.sx-t5 thead tr{background:var(--sx-low);border-bottom:1px solid var(--sx-border)}
.sx-t5 th{padding:12px 16px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);white-space:nowrap}
.sx-t5 th.p{color:var(--sx-primary)}.sx-t5 th.o{color:var(--sx-on);font-weight:600}
.sx-t5 td{padding:14px 16px;font-size:13px;line-height:18px;color:var(--sx-on);border-top:1px solid var(--sx-border);white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-t5 tbody tr:first-child td{border-top:0}
.sx-t5 tbody tr:hover{background:var(--sx-low)}
.sx-t5 td.y{font-weight:600}
.sx-t5 td.op{font-weight:600;color:var(--sx-primary)}
.sx-t5 td.op small{font-size:12px;font-weight:400;color:var(--sx-muted)}
.sx-t5 td.in{color:var(--sx-err)}
.sx-t5 td.eb{font-weight:700}
.sx-t5 tr.m5{background:color-mix(in srgb,var(--sx-emb) 30%,transparent)}
.sx-t5 tr.m5 td.y{color:var(--sx-primary)}
.sx-t5 tr.fin{background:var(--sx-emb)}
.sx-t5 tr.fin td.y{color:var(--sx-primary);font-weight:700}
.sx-t5 tr.fin td.y span{display:flex;align-items:center;gap:6px}
.sx .sx-t5 tr.fin .msym{font-size:16px}
.sx-t5 tr.fin td.eb{color:var(--sx-primary);font-weight:800}
.sx-oled .ft{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-oled .ft button{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--sx-primary);cursor:pointer}
.sx-oled .ft button:hover{text-decoration:underline}

/* maths + ISA pair */
.sx-mi{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:64px}
@media(max-width:1023px){.sx-mi{grid-template-columns:1fr}}
.sx-mi>div{padding:32px}
@media(max-width:639px){.sx-mi>div{padding:20px}}
.sx-mi .sx-title{margin-bottom:12px}
.sx-mi .sx-title .sx-ibox{background:var(--sx-sc2);color:var(--sx-primary)}
.sx .sx-mi .sx-title .sx-ibox .msym{color:var(--sx-primary);font-size:20px}
.sx-mi p{margin:0 0 16px;font-size:15px;line-height:24px;color:var(--sx-muted)}
.sx-mi p.sm{font-size:13px;line-height:1.625;margin:0}
.sx-mi code{font-family:var(--font-mono);color:var(--sx-primary)}
.sx-mi .fx{padding:16px;border-radius:8px;background:var(--sx-low);border:1px solid var(--sx-border);margin:16px 0;text-align:center;font-family:var(--font-mono);font-size:18px;line-height:28px;font-weight:700;color:var(--sx-primary)}
.sx-mi .it{display:flex;flex-direction:column;gap:12px}
.sx-mi .it div{padding:14px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-low);display:flex;align-items:flex-start;gap:12px}
.sx .sx-mi .it .msym{color:var(--sx-primary);margin-top:2px}
.sx .sx-mi .it .msym.s{color:var(--sx-secondary)}
.sx .sx-mi .it h4{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:600;margin:0;color:var(--sx-on)}
.sx-mi .it p{margin:0;font-size:13px;line-height:18px}
.sx-mi .it p strong{color:var(--sx-on)}
.sx-rel2.ov h3{font-size:14px!important;line-height:20px!important}

/* ---- Stitch layer additions (UK stamp duty screen) ---- */
.sx-sdm{display:flex;flex-direction:column;gap:40px;padding-bottom:48px}
.sx-sdm .sx-toprow{margin:0;padding-bottom:12px;border-bottom:1px solid var(--sx-border)}
.sx-sdm .sx-head{margin:0}
.sx-sdm .sx-head p{max-width:56rem}
.sx-plainb{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx .sx-plainb .msym{font-size:14px}
.sx-sdl{padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:24px}
.sx-sdl .sx-params-head .sx-ibox{padding:6px;background:var(--sx-sc2)}
.sx .sx-sdl .sx-params-head .sx-ibox .msym{color:var(--sx-primary)}
.sx-sdl .sx-params-head>span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-qpills{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.sx-qpills button{font:inherit;padding:4px 10px;border-radius:99px;border:1px solid transparent;background:var(--sx-low);color:var(--sx-muted);font-size:12px;line-height:16px;font-weight:500;cursor:pointer;transition:background .15s}
.sx-qpills button:hover{background:var(--sx-sch)}
.sx-qpills button[aria-pressed="true"]{background:var(--sx-sc);color:var(--sx-osc);border-color:var(--sx-hover)}
.sx-bcards{display:flex;flex-direction:column;gap:10px}
.sx-bcards button{font:inherit;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-card);cursor:pointer;transition:background .15s,border-color .15s}
.sx-bcards button:hover{background:var(--sx-low)}
.sx-bcards button[aria-pressed="true"]{border-color:var(--sx-primary);background:color-mix(in srgb,var(--sx-emb) 30%,var(--sx-card))}
.sx-bcards .rd{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--sx-ov);flex-shrink:0;margin-top:3px;position:relative}
.sx-bcards button[aria-pressed="true"] .rd{border-color:var(--sx-primary)}
.sx-bcards button[aria-pressed="true"] .rd:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--sx-primary)}
.sx-bcards .tt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;line-height:22px;font-weight:600;color:var(--sx-on)}
.sx-bcards .tt em{font-style:normal;padding:2px 8px;border-radius:99px;font-size:12px;line-height:16px;font-weight:500;background:var(--sx-hi2);color:var(--sx-on)}
.sx-bcards .tt em.g{background:var(--sx-emb);border:1px solid var(--sx-hover);color:var(--sx-emt)}
.sx-bcards p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-surch{padding-top:8px;border-top:1px solid var(--sx-border);display:flex;flex-direction:column;gap:14px}
.sx-trow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card)}
.sx-trow b{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-trow p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-trow .sx-toggle i{width:44px;height:24px}
.sx-trow .sx-toggle i:after{width:20px;height:20px}
.sx-ctarow{display:flex;align-items:center;gap:12px;padding-top:8px}
.sx-ctarow .sx-cta{flex:1;height:auto;padding:12px 16px;border-radius:12px;background:var(--sx-primary)}
.sx-ctarow .sx-cta:hover{background:var(--sx-pc)}
.sx-ctarow .rs{padding:12px 16px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:14px;font-weight:600;color:var(--sx-onv);cursor:pointer}
.sx-ctarow .rs:hover{background:var(--sx-low)}

/* liability hero */
.sx-liab{padding:28px;border-radius:16px;position:relative;overflow:hidden}
.sx-liab .blob{position:absolute;right:-48px;top:-48px;width:176px;height:176px;border-radius:50%;background:var(--sx-emb);opacity:.6;pointer-events:none}
.sx-liab .top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sx-liab .vv{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-top:4px}
.sx-liab .vv b{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
@media(max-width:640px){.sx-liab{padding:20px}.sx-liab .vv b{font-size:38px;line-height:46px}}
.sx-liab .vv span{padding:4px 10px;border-radius:99px;background:var(--sx-emb);border:1px solid var(--sx-hover);color:var(--sx-emt);font-size:12px;line-height:16px;font-weight:600}
.sx-liab .code{text-align:right;flex-shrink:0}
@media(max-width:639px){.sx-liab .code{display:none}}
.sx-liab .code span{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-liab .code b{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:600;color:var(--sx-on)}
.sx-relief{position:relative;margin-top:24px;padding:16px;border-radius:12px;border:1px solid var(--sx-hover);background:color-mix(in srgb,var(--sx-emb) 50%,var(--sx-card));display:flex;align-items:center;justify-content:space-between;gap:12px}
.sx-relief>div{display:flex;align-items:center;gap:12px}
.sx-relief .ib{width:36px;height:36px;border-radius:8px;background:var(--sx-card);border:1px solid var(--sx-border);display:flex;align-items:center;justify-content:center;color:var(--sx-primary);flex-shrink:0}
.sx .sx-relief .ib .msym{font-size:20px;font-variation-settings:'FILL' 1}
.sx-relief b.t{display:block;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-emt)}
.sx-relief p{margin:0;font-size:13px;line-height:18px;color:var(--sx-secondary)}
.sx-relief p strong{color:var(--sx-primary)}
.sx-relief .amt{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-primary);white-space:nowrap}
.sx-relief.warn{background:#FFFBEB;border-color:#FCD34D}
.sx-relief.warn b.t,.sx-relief.warn .amt,.sx-relief.warn p strong{color:#92400E}.sx-relief.warn p{color:#78350F}
.sx-relief.warn .ib{color:#B45309}
html.cp-dark .sx-relief.warn{background:#3A2E12;border-color:#6B5418}
html.cp-dark .sx-relief.warn b.t,html.cp-dark .sx-relief.warn .amt,html.cp-dark .sx-relief.warn p,html.cp-dark .sx-relief.warn p strong{color:#FCD34D}
.sx-ratio{position:relative;margin-top:24px;display:flex;flex-direction:column;gap:8px}
.sx-ratio .sx-between{font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-ratio .sx-between b{font-weight:500;color:var(--sx-on)}
.sx-ratio .tr{height:12px;border-radius:99px;overflow:hidden;display:flex;background:var(--sx-sc2)}
.sx-ratio .tr span:first-child{background:var(--sx-primary);transition:width .3s}
.sx-ratio .tr span:last-child{flex:1;background:var(--sx-sch)}
.sx-ratio .ft{display:flex;justify-content:space-between;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}

/* band breakdown */
.sx-bbk{padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:16px}
.sx-bbk .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--sx-border)}
.sx-bbk .hd>div{display:flex;align-items:center;gap:8px}
.sx-bbk .hd .ib{padding:4px;border-radius:4px;background:var(--sx-sc2);color:var(--sx-primary);display:flex}
.sx .sx-bbk .hd .ib .msym{font-size:18px}
.sx-bbk .hd>span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-t6{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:18px;min-width:460px}
.sx-t6 th{padding:10px 12px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);border-bottom:1px solid var(--sx-border)}
.sx-t6 th:first-child,.sx-t6 td:first-child{padding-left:0}
.sx-t6 th:nth-child(n+3),.sx-t6 td:nth-child(n+3){text-align:right}
.sx-t6 th:last-child,.sx-t6 td:last-child{padding-right:0}
.sx-t6 td{padding:12px;border-top:1px solid var(--sx-border);color:var(--sx-on);vertical-align:top}
.sx-t6 tbody tr:first-child td{border-top:0}
.sx-t6 td:first-child{font-weight:500}
.sx-t6 td small{display:block;font-size:12px;line-height:16px;color:var(--sx-emt);font-weight:500}
.sx-t6 .rt{padding:2px 8px;border-radius:4px;background:var(--sx-sc2);font-family:var(--font-mono);font-size:12px;line-height:16px;white-space:nowrap}
.sx-t6 td.mn{font-family:var(--font-mono);color:var(--sx-muted)}
.sx-t6 td.tx{font-family:var(--font-mono);font-weight:600}
.sx-t6 tr.z td{opacity:.55}
.sx-t6 tfoot td{border-top:2px solid var(--sx-border);background:color-mix(in srgb,var(--sx-low) 50%,transparent);font-size:15px;font-weight:600;padding-top:12px;padding-bottom:12px}
.sx-t6 tfoot td:first-child{padding-left:8px}
.sx-t6 tfoot td.tx{color:var(--sx-primary);font-weight:700}
.sx-bbk .acts{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--sx-border)}
.sx-bbk .acts .l{display:flex;gap:8px;flex-wrap:wrap}
.sx-bbk .acts .sx-btn{background:var(--sx-card)}
.sx-bbk .acts .r{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;font-weight:500}
.sx-bbk .acts .r a{display:flex;align-items:center;gap:4px;color:var(--sx-primary)}
.sx .sx-bbk .acts .r .msym{font-size:14px}
.sx-bbk .acts .r i{color:var(--sx-ov);font-style:normal}

/* statutory schedule + mechanics */
.sx-sch2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
@media(max-width:1023px){.sx-sch2{grid-template-columns:minmax(0,1fr)}}
.sx-sch2>.a{grid-column:span 7;min-width:0}.sx-sch2>.b{grid-column:span 5;min-width:0}
@media(max-width:1023px){.sx-sch2>.a,.sx-sch2>.b{grid-column:auto}}
.sx-sch2 .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--sx-border)}
.sx-sch2 .hd p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-sch2 .hd .yr{padding:4px 10px;border-radius:4px;background:var(--sx-sc2);font-family:var(--font-mono);font-size:12px;line-height:16px;color:var(--sx-on);white-space:nowrap}
.sx-t7{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:18px;min-width:520px}
.sx-t7 thead tr{background:color-mix(in srgb,var(--sx-low) 40%,transparent);border-bottom:1px solid var(--sx-border)}
.sx-t7 th{padding:10px 12px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-t7 th.g{color:var(--sx-emt)}
.sx-t7 td{padding:12px;border-top:1px solid var(--sx-border);font-family:var(--font-mono);color:var(--sx-on)}
.sx-t7 tbody tr:first-child td{border-top:0}
.sx-t7 td:first-child{font-family:var(--font-body);font-weight:500}
.sx-t7 td.g{color:var(--sx-emt);font-weight:600}
.sx-t7 td.mu{color:var(--sx-muted)}
.sx-t7 tr.you td{background:#fffbeb}
html.cp-dark .sx-t7 tr.you td{background:#3A2E12}
.sx-t7 tr.you td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
.sx-sch2 .note{margin:0;font-size:12px;line-height:16px;font-weight:500;font-style:italic;color:var(--sx-muted)}
.sx-sch2 .mech{display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.625;color:var(--sx-muted)}
.sx-sch2 .mech p{margin:0}
.sx-sch2 .mech strong{color:var(--sx-on)}
.sx-sch2 .fb{padding:16px;border-radius:12px;background:var(--sx-low);border:1px solid var(--sx-border);display:flex;flex-direction:column;gap:6px;color:var(--sx-on)}
.sx-sch2 .fb span{font-size:12px;color:var(--sx-muted)}
.sx-sch2 .fb b{font-family:var(--font-mono);font-size:15px;line-height:22px;color:var(--sx-primary);text-align:center;padding:4px 0}
.sx-sch2 .fb p{text-align:center;font-size:12px}
.sx-sch2 .ck{display:flex;align-items:flex-start;gap:8px}
.sx .sx-sch2 .ck .msym{font-size:18px;color:var(--sx-primary);margin-top:1px}
.sx-dev .hd2 p{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-devg{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
@media(max-width:767px){.sx-devg{grid-template-columns:1fr}}
.sx-devc{padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}
.sx-devc:hover{border-color:var(--sx-hover)}
.sx-devc .t{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sx-devc .t>div{display:flex;align-items:center;gap:8px}
.sx-devc .fl{width:32px;height:32px;border-radius:50%;background:var(--sx-sc2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.sx-devc .t span.n{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:var(--sx-on)}
.sx-devc .t em{font-style:normal;padding:2px 10px;border-radius:99px;background:var(--sx-sc2);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-devc p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-devc a{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-primary)}
.sx .sx-devc a .msym{font-size:16px}

/* ---- Stitch layer additions (Scotland LBTT screen) ---- */
.sx-grid.half{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:48px}
.sx-grid.half>*{grid-column:auto;min-width:0}
@media(max-width:1023px){.sx-grid.half{grid-template-columns:minmax(0,1fr)}}
.sx-colstack{display:flex;flex-direction:column;gap:24px;min-width:0}
.sx-lbp{padding:24px}
.sx-lbp .sx-params-head{margin-bottom:24px}
.sx-lbp .sx-params-head .sx-ibox{background:var(--sx-low)}
.sx .sx-lbp .sx-params-head .sx-ibox .msym{color:var(--sx-primary)}
.sx-lbp .sx-params-head>span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-field.big input{height:50px;font-size:18px;font-weight:600;background:var(--sx-card);padding-right:14px}
.sx-field.big .pre{font-weight:600}
.sx-qpills .lb{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-right:4px;align-self:center}
.sx-qpills.bd button{border-color:var(--sx-border)}
.sx-qpills.bd button[aria-pressed="true"]{background:var(--sx-emb);color:var(--sx-emt);border-color:var(--sx-hover);font-weight:600}
.sx-bcards.lb .tt{justify-content:space-between;width:100%;font-size:14px}
.sx-bcards.lb button>span{flex:1;min-width:0}
.sx-bcards.lb .tt em{border-radius:4px;font-weight:600}
.sx-bcards.lb .tt em.m{background:none;color:var(--sx-muted);font-weight:500}
.sx-bcards.lb .tt em.r{background:#ffdad6;color:#93000a}
html.cp-dark .sx-bcards.lb .tt em.r{background:#3B1A1A;color:#FCA5A5}
.sx-bcards.lb button[aria-pressed="true"]{border:2px solid var(--sx-pc);padding:13px;background:var(--sx-low)}
.sx-reclaim{padding:16px;border-radius:8px;background:var(--sx-sc2);border:1px solid var(--sx-border);display:flex;align-items:flex-start;gap:12px}
.sx .sx-reclaim>.msym{color:var(--sx-primary);margin-top:2px}
.sx .sx-reclaim h4{font-family:var(--font-body);font-size:14px;line-height:20px;font-weight:600;margin:0;color:var(--sx-on)}
.sx-reclaim p{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-reclaim label{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer}
.sx-reclaim input{accent-color:var(--sx-pc);width:16px;height:16px;margin:0}
.sx-reclaim .out{margin-top:8px;font-size:12px;line-height:17px;color:var(--sx-emt);font-weight:600}
.sx-cta.pc{height:auto;padding:14px;background:var(--sx-pc);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.sx-cta.pc:hover{background:var(--sx-primary)}
.sx-statnote{padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px}
.sx .sx-statnote .msym{font-size:24px;color:var(--sx-emt)}
.sx-statnote p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-statnote strong{color:var(--sx-on)}
.sx-lbh{padding:24px;position:relative;overflow:hidden}
.sx-lbh .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.sx-lbh .eff{padding:4px 10px;border-radius:99px;background:var(--sx-emb);color:var(--sx-emt);border:1px solid var(--sx-hover);font-size:12px;line-height:16px;font-weight:600}
.sx-lbh .k2{font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-lbh .vv{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:4px 0 16px}
.sx-lbh .vv b{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-lbh .vv span{font-size:13px;line-height:18px;color:var(--sx-muted)}
@media(max-width:640px){.sx-lbh .vv b{font-size:38px;line-height:46px}}
.sx-adsc{padding:14px;border-radius:8px;background:var(--sx-hi2);border:1px solid var(--sx-ov);margin-bottom:16px;font-size:13px;line-height:18px}
.sx-adsc[hidden]{display:none}
.sx-adsc .r{display:flex;justify-content:space-between;gap:8px;color:var(--sx-on)}
.sx-adsc .r+.r{margin-top:4px}
.sx-adsc .r b{font-weight:600}.sx-adsc .r b.er{color:var(--sx-err);font-weight:700}
.sx-adsc .t{margin-top:8px;padding-top:8px;border-top:1px solid var(--sx-border);font-size:12px;color:var(--sx-muted)}
.sx-adsc .t strong{color:var(--sx-on)}
.sx-tier .sx-between{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:6px}
.sx-tier .tb{height:12px;border-radius:99px;overflow:hidden;display:flex;background:var(--sx-sch)}
.sx-tier .tb span{display:block;height:100%;transition:width .3s}
.sx-tier .lb{display:flex;justify-content:space-between;gap:4px;font-size:11px;line-height:14px;color:var(--sx-muted);margin-top:4px;padding:0 2px}
.sx-lbh .acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid var(--sx-border)}
.sx-lbh .acts a,.sx-lbh .acts button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer;text-align:center}
.sx-lbh .acts a:hover,.sx-lbh .acts button:hover{border-color:var(--sx-hover);background:var(--sx-low);text-decoration:none}
.sx .sx-lbh .acts .msym{font-size:16px}
.sx-wtab{overflow:hidden}
.sx-wtab .hd{padding:16px 20px;border-bottom:1px solid var(--sx-border);background:var(--sx-low);display:flex;justify-content:space-between;align-items:center;gap:8px}
.sx-wtab .hd b{font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-wtab .hd span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-t8{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:18px;min-width:420px}
.sx-t8 thead tr{background:var(--sx-surface);border-bottom:1px solid var(--sx-border)}
.sx-t8 th{padding:10px 16px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-t8 th:nth-child(3),.sx-t8 td:nth-child(3){text-align:center}
.sx-t8 th:last-child,.sx-t8 td:last-child{text-align:right}
.sx-t8 td{padding:12px 16px;border-top:1px solid var(--sx-border);color:var(--sx-on)}
.sx-t8 tbody tr:first-child td{border-top:0}
.sx-t8 td:first-child{font-weight:500}
.sx-t8 td:nth-child(2){color:var(--sx-muted)}
.sx-t8 td:last-child{font-weight:600}
.sx-t8 tr.z td{opacity:.55}
.sx-t8 tr.ads td{background:var(--sx-low);font-weight:600}
.sx-t8 tr.ads td:first-child,.sx-t8 tr.ads td:nth-child(3),.sx-t8 tr.ads td:last-child{color:var(--sx-err)}
.sx-t8 tfoot td{background:var(--sx-sc2);font-weight:600;padding:12px 16px;border-top:1px solid var(--sx-border)}
.sx-t8 tfoot td:last-child{color:var(--sx-primary);font-size:16px;font-weight:700}
.sx-mx{padding:24px;margin-bottom:48px}
.sx-mx .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--sx-border)}
@media(max-width:767px){.sx-mx .hd{flex-direction:column;align-items:flex-start}}
.sx-mx .hd p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-mx .hd>span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:var(--sx-sc2);color:var(--sx-primary);font-size:12px;line-height:16px;font-weight:600;white-space:nowrap}
.sx .sx-mx .hd>span .msym{font-size:16px}
.sx-mx .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:767px){.sx-mx .g{grid-template-columns:1fr}}
.sx-nc{padding:20px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-surface);display:flex;flex-direction:column}
.sx-nc.on{border:2px solid var(--sx-pc);padding:19px;background:color-mix(in srgb,var(--sx-emb) 30%,var(--sx-card))}
.sx-nc .t{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sx-nc .t b{font-size:14px;line-height:20px;font-weight:700;color:var(--sx-on)}
.sx-nc .t em{font-style:normal;padding:2px 8px;border-radius:4px;background:var(--sx-sc2);font-size:12px;line-height:16px;color:var(--sx-onv)}
.sx-nc.on .t em{background:var(--sx-emb);color:var(--sx-emt);font-weight:700}
.sx-nc .v{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-on);margin-bottom:4px;font-variant-numeric:tabular-nums}
.sx-nc.on .v{color:var(--sx-primary)}
.sx-nc p{margin:0 0 16px;font-size:13px;line-height:18px;color:var(--sx-muted);flex:1}
.sx-nc .f{padding-top:12px;border-top:1px solid var(--sx-border);display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px;font-weight:500}
.sx-nc .f span{color:var(--sx-muted)}
.sx-nc .f b{font-weight:600;color:var(--sx-on)}
.sx-nc .f b.lo{color:var(--sx-emt)}.sx-nc .f b.hi{color:var(--sx-err)}
.sx-rq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:48px}
.sx-rq>.a{grid-column:span 8;padding:24px}.sx-rq>.b{grid-column:span 4;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
@media(max-width:767px){.sx-rq{grid-template-columns:minmax(0,1fr)}.sx-rq>.a,.sx-rq>.b{grid-column:auto}}
.sx-rq .sx-title .sx-ibox{background:var(--sx-low)}
.sx .sx-rq .sx-title .sx-ibox .msym{color:var(--sx-primary);font-size:20px}
.sx-rq .a>p{margin:0 0 16px;font-size:15px;line-height:24px;color:var(--sx-muted)}
.sx-rq .a>p strong{color:var(--sx-on)}
.sx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:639px){.sx-steps{grid-template-columns:1fr}}
.sx-steps div{padding:14px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-low)}
.sx-steps b{display:block;font-size:14px;line-height:20px;font-weight:700;color:var(--sx-primary);margin-bottom:4px}
.sx-steps p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-rq .b ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sx-rq .b li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx .sx-rq .b li .msym{font-size:16px;color:var(--sx-emt);margin-top:1px}
.sx-rq .b li strong{color:var(--sx-on)}
.sx-rq .b .lk{margin-top:16px;padding-top:16px;border-top:1px solid var(--sx-border)}
.sx-rq .b .lk a{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-primary)}
.sx .sx-rq .b .lk .msym{font-size:14px}
.sx-rel5g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:767px){.sx-rel5g{grid-template-columns:1fr}}
.sx-rel5{display:block;padding:24px;color:var(--sx-on);transition:border-color .15s,transform .15s}
.sx-rel5:hover{border-color:var(--sx-hover);transform:translateY(-2px);text-decoration:none}
.sx-rel5 .t{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sx-rel5 .ic{padding:8px;border-radius:8px;background:var(--sx-sc2);color:var(--sx-primary);display:flex}
.sx .sx-rel5 .ic .msym{font-size:20px}
.sx .sx-rel5 .t>.msym{font-size:18px;color:var(--sx-muted)}
.sx .sx-rel5 h4{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;margin:0 0 4px;color:var(--sx-on)}
.sx-rel5 p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}

/* ---- Stitch layer additions (Wales LTT screen) ---- */
.sx-stepn{width:28px;height:28px;border-radius:6px;background:var(--sx-emb);color:var(--sx-pc);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12px}
.sx-bgrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:639px){.sx-bgrid2{grid-template-columns:1fr}}
.sx-bgrid2 button{font:inherit;text-align:left;display:flex;flex-direction:column;padding:16px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-card);cursor:pointer;transition:border-color .15s,background .15s}
.sx-bgrid2 button:last-child:nth-child(odd){grid-column:1/-1}
.sx-bgrid2 button:hover{border-color:var(--sx-hover)}
.sx-bgrid2 button[aria-pressed="true"]{border-color:var(--sx-pc);background:color-mix(in srgb,var(--sx-emb) 40%,var(--sx-card));box-shadow:0 0 0 1px var(--sx-pc)}
.sx-bgrid2 .t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-bgrid2 button[aria-pressed="true"] .t{color:var(--sx-primary);font-weight:700}
.sx-bgrid2 .t i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--sx-ov);position:relative;flex-shrink:0}
.sx-bgrid2 button[aria-pressed="true"] .t i{border-color:var(--sx-pc)}
.sx-bgrid2 button[aria-pressed="true"] .t i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--sx-pc)}
.sx-bgrid2 p{margin:0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-bgrid2 .f{margin-top:8px;display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-bgrid2 button[aria-pressed="true"] .f{color:var(--sx-primary)}
.sx .sx-bgrid2 .f .msym{font-size:15px}
.sx-policy{padding:14px;border-radius:12px;background:var(--sx-low);border:1px solid var(--sx-border);display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:18px;color:var(--sx-onv)}
.sx .sx-policy .msym{color:var(--sx-primary);margin-top:1px}
.sx-policy strong{color:var(--sx-on)}.sx-policy strong.p{color:var(--sx-primary)}
.sx-tranches{border:1px solid var(--sx-border);border-radius:12px;overflow:hidden;margin-bottom:24px}
.sx-tranches .hd{padding:10px 16px;background:var(--sx-low);border-bottom:1px solid var(--sx-border);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:16px}
.sx-tranches .hd b{font-weight:600;color:var(--sx-on)}.sx-tranches .hd span{font-weight:500;color:var(--sx-primary)}
.sx-tranches .r{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--sx-border);font-size:13px;line-height:18px}
.sx-tranches .r:first-of-type{border-top:0}
.sx-tranches .r b{display:block;font-weight:500;color:var(--sx-on)}
.sx-tranches .r small{display:block;font-size:12px;line-height:16px;color:var(--sx-muted)}
.sx-tranches .r>div:last-child{text-align:right}
.sx-tranches .r .tx{font-weight:600;color:var(--sx-on)}
.sx-tranches .r.on{background:color-mix(in srgb,var(--sx-emb) 20%,transparent)}
.sx-tranches .r.on small{color:var(--sx-primary);font-weight:600}
.sx-tranches .r.on .tx{color:var(--sx-primary);font-weight:700}
.sx-tranches .r.z .tx,.sx-tranches .r.z small{color:var(--sx-muted)}
.sx-2btn{display:flex;gap:12px}
@media(max-width:639px){.sx-2btn{flex-direction:column}}
.sx-2btn a,.sx-2btn button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sx-2btn a:hover,.sx-2btn button:hover{border-color:var(--sx-pc);text-decoration:none}
.sx .sx-2btn .msym{font-size:16px}
.sx-filing{padding:16px;border-radius:12px;background:var(--sx-low);border:1px solid var(--sx-border);display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx .sx-filing .msym{color:var(--sx-primary);margin-top:1px}
.sx-filing strong{color:var(--sx-on)}
.sx-nc3{position:relative;padding:24px;border-radius:16px}
.sx-nc3.on{border:2px solid var(--sx-pc);padding:23px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
.sx-nc3 .tag{position:absolute;top:-12px;right:24px;padding:2px 10px;border-radius:99px;background:var(--sx-pc);color:#fff;font-size:11px;line-height:16px;font-weight:700}
.sx-nc3 .t{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}
.sx-nc3 .t span{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-muted)}
.sx-nc3.on .t span{color:var(--sx-primary)}
.sx-nc3 .t em{font-style:normal;padding:2px 8px;border-radius:4px;background:var(--sx-hi2);color:var(--sx-primary);font-size:11px;line-height:15px;font-weight:600}
.sx-nc3.on .t em{background:var(--sx-emb);color:var(--sx-emt)}
.sx .sx-nc3 h3{font-size:20px;line-height:28px;font-weight:600;margin:0 0 4px}
.sx .sx-nc3.on h3{color:var(--sx-primary)}
.sx-nc3 .sub{margin:0 0 16px;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-nc3 .v{font-family:var(--font-display);font-size:32px;line-height:40px;font-weight:700;color:var(--sx-on);margin-bottom:4px;font-variant-numeric:tabular-nums}
.sx-nc3.on .v{color:var(--sx-primary)}
.sx-nc3 .er{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-bottom:16px}
.sx-nc3.on .er{color:var(--sx-primary)}
.sx-nc3 .d{margin:0;padding-top:12px;border-top:1px solid var(--sx-border);font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-sec3{margin-bottom:64px}
.sx-sec3 .hh{margin-bottom:24px}
.sx-sec3 .hh h2{display:flex;align-items:center;gap:8px}
.sx .sx-sec3 .hh h2 .msym{font-size:24px;color:var(--sx-primary)}
.sx-sec3 .hh p{margin:4px 0 0;font-size:15px;line-height:24px;color:var(--sx-muted)}
.sx-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:767px){.sx-g3{grid-template-columns:1fr}}

/* ---- Stitch layer additions (Compound interest screen) ---- */
.sx-cihead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}
@media(max-width:767px){.sx-cihead{flex-direction:column;align-items:flex-start}}
.sx-cihead .sx-badge{margin-bottom:10px;padding:4px 10px}
.sx-cihead h1{font-family:var(--font-display);font-size:32px;line-height:40px;letter-spacing:-.02em;font-weight:600;margin:0;color:var(--sx-on)}
.sx-cihead p{margin:6px 0 0;font-size:15px;line-height:24px;color:var(--sx-onv);max-width:48rem}
.sx-crow{display:grid;grid-template-columns:7fr 5fr;gap:8px}
.sx-sel.md select{height:44px;font-size:14px;font-weight:600}
.sx-presets3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px}
.sx-presets3 button{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-low);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-on);cursor:pointer;transition:background .15s,border-color .15s}
.sx-presets3 button small{display:block;font-size:11px;color:var(--sx-muted)}
.sx-presets3 button:hover{background:var(--sx-card);border-color:var(--sx-hover)}
.sx-presets3 button[aria-pressed="true"]{border-color:var(--sx-hover);background:color-mix(in srgb,var(--sx-sc) 30%,var(--sx-card));color:var(--sx-osc);font-weight:600}
.sx-presets3 button[aria-pressed="true"] small{color:var(--sx-secondary)}
.sx-infl{padding-top:8px;border-top:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;gap:12px}
.sx-infl b{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx .sx-infl b .msym{font-size:18px;color:var(--sx-secondary)}
.sx-infl p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sx-infl p input{width:56px;height:24px;padding:0 4px;border:1px solid var(--sx-border);border-radius:4px;background:var(--sx-card);font:inherit;font-size:12px;font-weight:600;color:var(--sx-on);text-align:center;-moz-appearance:textfield}
.sx-infl p input::-webkit-outer-spin-button,.sx-infl p input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-infl .sx-toggle i{width:44px;height:24px}.sx-infl .sx-toggle i:after{width:20px;height:20px}
.sx-cihero{padding:28px;position:relative;overflow:hidden}
@media(max-width:640px){.sx-cihero{padding:20px}}
.sx-cihero .blob{position:absolute;top:-48px;right:-48px;width:192px;height:192px;border-radius:50%;background:color-mix(in srgb,var(--sx-sc) 20%,transparent);filter:blur(48px);pointer-events:none}
.sx-cihero .top{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--sx-border);flex-wrap:wrap}
.sx-cihero .vv{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:4px}
.sx-cihero .vv b{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
@media(max-width:640px){.sx-cihero .vv b{font-size:38px;line-height:46px}}
.sx-cihero .vv span{padding:2px 8px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt);border:1px solid var(--sx-hover);font-size:14px;line-height:20px;font-weight:700}
.sx-cihero .meta{text-align:right}
@media(max-width:639px){.sx-cihero .meta{text-align:left}}
.sx-cihero .meta span{display:block;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-cihero .meta b{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-secondary)}
@media(max-width:639px){.sx-cihero .meta b{justify-content:flex-start}}
.sx .sx-cihero .meta .msym{font-size:16px}
.sx-ci3{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:20px}
@media(max-width:639px){.sx-ci3{grid-template-columns:1fr}}
.sx-ci3>div{padding:14px;border-radius:8px;background:var(--sx-low);border:1px solid var(--sx-border);min-width:0}
.sx-ci3>div.g{background:var(--sx-emb);border-color:var(--sx-hover)}
.sx-ci3 .l{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-ci3 .g .l{color:var(--sx-emt)}
.sx-ci3 .l i{width:10px;height:10px;border-radius:50%;display:inline-block}
.sx .sx-ci3 .l .msym{font-size:16px}
.sx-ci3 .v{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:var(--sx-on);margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sx-ci3 .g .v{color:var(--sx-primary)}
.sx-ci3 .s{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted);margin-top:2px}
.sx-ci3 .g .s{color:var(--sx-secondary)}
.sx-cibar{position:relative;margin-top:16px;padding-top:8px}
.sx-cibar .tb{height:10px;border-radius:99px;overflow:hidden;display:flex;background:var(--sx-hi2)}
.sx-cibar .tb span{display:block;height:100%;transition:width .3s}
.sx-cibar .lg{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-cibar .lg span{display:flex;align-items:center;gap:4px}
.sx-cibar .lg i{width:8px;height:8px;border-radius:2px;display:inline-block}
.sx-cichart{position:relative;height:256px;background:var(--sx-bg);border:1px solid var(--sx-border);border-radius:8px;padding:12px 12px 22px;overflow:hidden}
.sx-cichart svg{display:block;width:100%;height:100%;overflow:visible}
.sx-cichart .gl{stroke:var(--sx-border);stroke-dasharray:3 3}
.sx-cichart .gt{font:10px var(--font-body);fill:#9CA3AF}
.sx-cichart .ax{position:absolute;left:44px;right:12px;bottom:4px;display:flex;justify-content:space-between;font-size:11px;line-height:14px;color:var(--sx-muted)}
.sx-cichart .tip{position:absolute;pointer-events:none;background:var(--sx-on);color:var(--sx-card);font-size:12px;line-height:17px;padding:7px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-115%);opacity:0;transition:opacity .1s;z-index:2}
.sx-cichart .tip b{display:block}
.sx-m3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:639px){.sx-m3{grid-template-columns:1fr}}
.sx-m3>div{padding:16px;border-radius:12px}
.sx-m3>div.hl{border-left:4px solid var(--sx-pc);padding-left:13px}
.sx-m3 .k{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-m3 .hl .k{color:var(--sx-secondary)}
.sx-m3 .v{font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-primary);margin-top:4px}
.sx-m3 p{margin:4px 0 0;font-size:13px;line-height:18px;color:var(--sx-onv)}
.sx-cisched{overflow:hidden;margin-bottom:32px}
.sx-cisched .hd{padding:24px;border-bottom:1px solid var(--sx-border);display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:639px){.sx-cisched .hd{flex-direction:column;align-items:flex-start}}
.sx-cisched .hd p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-t9{width:100%;border-collapse:collapse;text-align:left;min-width:680px}
.sx-t9 thead tr{background:var(--sx-low);border-bottom:1px solid var(--sx-border)}
.sx-t9 th{padding:12px 16px;font-size:12px;line-height:16px;font-weight:600;color:var(--sx-onv);white-space:nowrap}
.sx-t9 th:last-child,.sx-t9 td:last-child{text-align:right}
.sx-t9 td{padding:10px 16px;font-size:13px;line-height:18px;color:var(--sx-on);border-top:1px solid var(--sx-border);white-space:nowrap;font-variant-numeric:tabular-nums}
.sx-t9 tbody tr:first-child td{border-top:0}
.sx-t9 tbody tr:hover{background:var(--sx-low)}
.sx-t9 td:first-child{font-weight:600}
.sx-t9 td.in{color:var(--sx-pc);font-weight:600}
.sx-t9 td:last-child{font-weight:700}
.sx-t9 tr.hid{display:none}
.sx-cisched .ft{padding:12px;background:var(--sx-bg);border-top:1px solid var(--sx-border);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-cisched .ft button{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--sx-primary);cursor:pointer}
.sx-cisched .ft button:hover{text-decoration:underline}
.sx-cispec{padding:32px;margin-bottom:32px;display:flex;flex-direction:column;gap:24px}
@media(max-width:639px){.sx-cispec{padding:20px}}
.sx-cispec .hh{display:flex;align-items:center;gap:12px}
.sx-cispec .hh .ib{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--sx-sc) 40%,transparent);color:var(--sx-pc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx-cispec .hh p{margin:2px 0 0;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx-cispec .fx{padding:20px;border-radius:12px;background:var(--sx-low);border:1px solid var(--sx-border);text-align:center;overflow-x:auto}
.sx-cispec .fx b{display:inline-block;padding:8px 0;font-family:var(--font-mono);font-size:18px;line-height:28px;font-weight:600;color:var(--sx-primary);letter-spacing:.02em;white-space:nowrap}
@media(max-width:639px){.sx-cispec .fx b{font-size:14px}}
.sx-cispec .fx p{margin:8px 0 0;font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-vars5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media(max-width:1023px){.sx-vars5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-vars5 div{padding:12px;border-radius:8px;background:var(--sx-bg);border:1px solid var(--sx-border)}
.sx-vars5 b{font-size:12px;line-height:16px;font-weight:700;color:var(--sx-primary)}
.sx-vars5 strong{display:block;font-size:13px;line-height:18px;font-weight:500;color:var(--sx-on);margin-top:2px}
.sx-vars5 span{font-size:12px;line-height:16px;font-weight:500;color:var(--sx-muted)}
.sx-cispec .mech{padding-top:16px;border-top:1px solid var(--sx-border);font-size:15px;line-height:24px;color:var(--sx-onv)}
.sx-cispec .mech p{margin:0 0 8px}
.sx-cispec .mech strong{color:var(--sx-on)}
.sx-cispec .mech b{color:var(--sx-primary);font-weight:600}
.sx-cihero .meta span span{display:inline}

/* ---- Stitch layer additions (Financial calculators hub) ---- */
.sx-hubhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
@media(max-width:1023px){.sx-hubhead{flex-direction:column;align-items:flex-start}}
.sx-hubhead .sx-badge{margin-bottom:12px}
.sx-hubhead h1{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;margin:0;color:var(--sx-on)}
@media(max-width:640px){.sx-hubhead h1{font-size:34px;line-height:42px}}
.sx-hubhead p{margin:12px 0 0;font-size:16px;line-height:26px;color:var(--sx-onv);max-width:46rem}
.sx-trustbox{padding:14px 16px;border-radius:12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.sx-trustbox span{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:500;color:var(--sx-on)}
.sx .sx-trustbox .msym{font-size:16px;color:var(--sx-primary)}
.sx-hubbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--sx-border)}
.sx-hsearch{position:relative;flex:0 1 360px;min-width:240px}
@media(max-width:639px){.sx-hsearch{flex:1 1 100%}}
.sx-hsearch input{width:100%;height:44px;padding:0 56px 0 40px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-card);font:inherit;font-size:14px;color:var(--sx-on);outline:none;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sx-hsearch input:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-emb)}
.sx .sx-hsearch>.msym{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--sx-muted);pointer-events:none}
.sx-hsearch kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:4px;border:1px solid var(--sx-border);background:var(--sx-low);font:500 11px var(--font-mono);color:var(--sx-muted)}
.sx-hchips{display:flex;flex-wrap:wrap;gap:8px}
.sx-hchips button{font:inherit;padding:6px 12px;border-radius:99px;border:1px solid var(--sx-border);background:var(--sx-card);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-onv);cursor:pointer;transition:border-color .15s,background .15s}
.sx-hchips button:hover{border-color:var(--sx-hover)}
.sx-hchips button[aria-pressed="true"]{background:var(--sx-emb);border-color:var(--sx-hover);color:var(--sx-emt);font-weight:600}
.sx-hcat{margin-bottom:40px}
.sx-hcat[hidden]{display:none}
.sx-hcat .ch{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.sx-hcat .ch .ic{width:32px;height:32px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);display:flex;align-items:center;justify-content:center}
.sx .sx-hcat .ch .ic .msym{font-size:18px}
.sx-hcat .ch h2{font-family:var(--font-display);font-size:22px;line-height:30px;font-weight:600;margin:0;color:var(--sx-on)}
.sx-hcat .ch em{font-style:normal;padding:2px 8px;border-radius:99px;background:var(--sx-hi2);font-size:12px;line-height:16px;font-weight:500;color:var(--sx-onv)}
.sx-hgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1023px){.sx-hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sx-hgrid{grid-template-columns:1fr}}
.sx-tool{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:12px;color:var(--sx-on);transition:border-color .15s,box-shadow .15s,transform .15s}
.sx-tool[hidden]{display:none}
.sx-tool:hover{border-color:var(--sx-hover);box-shadow:0 4px 12px -4px rgba(15,91,68,.15);transform:translateY(-1px);text-decoration:none}
.sx-tool b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:20px;font-weight:600;color:var(--sx-on)}
.sx-tool b em{font-style:normal;padding:1px 6px;border-radius:4px;background:var(--sx-hi2);font-size:10px;line-height:16px;font-weight:600;color:var(--sx-primary)}
.sx-tool span.d{display:block;margin-top:4px;font-size:13px;line-height:18px;color:var(--sx-muted)}
.sx .sx-tool>.msym{font-size:20px;color:var(--sx-muted);transition:transform .15s,color .15s;flex-shrink:0}
.sx .sx-tool:hover>.msym{color:var(--sx-primary);transform:translateX(3px)}
.sx-tool:hover b{color:var(--sx-primary)}
.sx-hempty{padding:24px;border-radius:12px;text-align:center;font-size:14px;color:var(--sx-muted)}
.sx-hempty[hidden]{display:none}
.sx-hcta{border-radius:16px;padding:32px;margin:16px 0 48px;color:#fff;background:linear-gradient(135deg,#0f5b44 0%,#00422f 60%,#0b3a2a 100%);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
@media(max-width:1023px){.sx-hcta{flex-direction:column;align-items:flex-start;padding:24px}}
.sx-hcta .k{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:#abf1d2;margin-bottom:8px}
.sx .sx-hcta .k .msym{font-size:14px}
.sx-hcta h2{font-family:var(--font-display);font-size:24px;line-height:32px;font-weight:600;margin:0;color:#fff}
.sx-hcta p{margin:8px 0 0;font-size:14px;line-height:22px;color:rgba(255,255,255,.75);max-width:40rem}
.sx-hcta .b{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap}
.sx-hcta .b a{padding:10px 18px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap}
.sx-hcta .b a.w{background:#fff;color:#00422f}
.sx-hcta .b a.o{border:1px solid rgba(255,255,255,.4);color:#fff}
.sx-hcta .b a:hover{text-decoration:none;opacity:.92}

/* ---- Stitch layer additions (auto family: car lease / auto loan / car affordability) ---- */
.sx-au-hbtns{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.sx-au-hbtns button,.sx-au-hbtns a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:13px;font-weight:600;color:var(--sx-on);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sx-au-hbtns button:hover,.sx-au-hbtns a:hover{border-color:var(--sx-hover);color:var(--sx-primary);text-decoration:none}
.sx .sx-au-hbtns .msym{font-size:16px}
.sx-au-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sx-headbar .sx-au-badges .sx-badge{margin:0}
.sx-au-form{padding:24px}
.sx-au-form .sx-params-head{margin-bottom:20px}
.sx-au-tag{font-size:11px;line-height:16px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--sx-emb);color:var(--sx-emt);border:1px solid var(--sx-sc);white-space:nowrap}
.sx-au-stack{display:flex;flex-direction:column;gap:20px}
.sx-au-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sx-au-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:639px){.sx-au-g2,.sx-au-g3{grid-template-columns:1fr}}
.sx-au-l{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;line-height:18px;font-weight:600;color:var(--sx-on)}
.sx-au-l label{font:inherit;color:inherit}
.sx-au-l em{font-style:normal;font-size:12px;font-weight:500;color:var(--sx-pc);text-align:right}
.sx-au-l em.mu{color:var(--sx-muted)}.sx-au-l em.warn{color:#b45309}
.sx-au-l em small{font-size:12px;color:var(--sx-muted);font-weight:500}
.sx-au-in{position:relative}
.sx-au-in input{width:100%;height:44px;padding:0 12px 0 28px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;font-size:15px;font-weight:500;color:var(--sx-on);outline:none;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.sx-au-in.sm input{height:38px;font-size:14px}
.sx-au-in.np input{padding-left:12px}
.sx-au-in.pc input{padding-right:28px}
.sx-au-in input::-webkit-outer-spin-button,.sx-au-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sx-au-in input:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-emb)}
.sx-au-in .pre,.sx-au-in .suf{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;color:var(--sx-muted);pointer-events:none}
.sx-au-in .pre{left:12px}.sx-au-in .suf{right:12px}
.sx-au-range{padding-top:8px}
.sx-au-range .sx-scale{font-size:11px}
.sx-au-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sx-au-opts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-au-opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-au-opts button{height:36px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;font-size:13px;font-weight:500;color:var(--sx-onv);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px;transition:border-color .15s,background .15s}
.sx-au-opts button:hover{border-color:var(--sx-hover)}
.sx-au-opts button[aria-pressed="true"]{background:var(--sx-pc);border-color:var(--sx-pc);color:#fff;font-weight:600}
.sx-au-opts.rad button[aria-pressed="true"]{background:var(--sx-emb);border-color:var(--sx-pc);color:var(--sx-emt)}
.sx-au-opts.rad button i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--sx-outline);flex-shrink:0;box-sizing:border-box}
.sx-au-opts.rad button[aria-pressed="true"] i{border:4px solid var(--sx-pc);background:var(--sx-card)}
.sx-au-mf{background:var(--sx-low);border:1px solid var(--sx-sch);border-radius:12px;padding:16px}
.sx-au-mf .h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.sx-au-mf .h b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx .sx-au-mf .h .msym{font-size:16px;color:var(--sx-pc)}
.sx-au-mf .h span{font-size:11px;color:var(--sx-muted)}
.sx-au-mf .sub{display:block;font-size:12px;font-weight:500;color:var(--sx-muted);margin-bottom:6px}
.sx-au-mf input{font-family:var(--font-mono);letter-spacing:.02em}
.sx-au-apr{height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-radius:8px;border:1px solid var(--sx-hover);background:var(--sx-emb)}
.sx-au-apr b{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--sx-emt);font-variant-numeric:tabular-nums}
.sx-au-apr span{font-family:var(--font-mono);font-size:11px;color:var(--sx-emt);opacity:.8;white-space:nowrap}
.sx-au-note{margin:10px 0 0;text-align:center;font-size:12px;line-height:16px;color:var(--sx-muted)}
.sx-au-cta{height:48px;font-size:15px}
/* results */
.sx-au-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--sx-onv);padding-bottom:16px;margin:-12px 0 16px;border-bottom:1px solid var(--sx-border)}
.sx-au-sub b{color:var(--sx-on);font-weight:600;font-variant-numeric:tabular-nums}
.sx-au-sub i{width:4px;height:4px;border-radius:50%;background:var(--sx-ov)}
.sx-au-anat{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--sx-on);margin-bottom:8px}
.sx-au-anat span{font-weight:500;color:var(--sx-muted)}
.sx-au-bar{display:flex;gap:3px;height:8px;border-radius:99px;overflow:hidden;background:var(--sx-hi2);margin-bottom:14px}
.sx-au-bar span{display:block;height:100%;transition:width .3s}
.sx-au-li{display:flex;flex-direction:column;gap:8px}
.sx-au-li div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--sx-border);border-radius:8px;font-size:13px;color:var(--sx-on)}
.sx-au-li div>span{display:flex;align-items:center;gap:8px}
.sx-au-li i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.sx-au-li b{font-family:var(--font-mono);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-au-li b small{font-family:var(--font-body,inherit);font-weight:500;color:var(--sx-muted);font-size:12px;margin-left:4px}
.sx-au-health{padding:24px}
.sx-au-health .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.sx-au-health h3{margin:0;font-family:var(--font-display);font-size:18px;line-height:26px;font-weight:600;color:var(--sx-on)}
.sx-au-grade{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx .sx-au-grade .msym{font-size:14px}
.sx-au-grade.mid{background:#fffbeb;border-color:#fcd34d;color:#92400e}
.sx-au-grade.hi{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
html.cp-dark .sx-au-grade.mid{background:#3a2e12;border-color:#7a5a17;color:#fcd34d}
html.cp-dark .sx-au-grade.hi{background:#3b1c1c;border-color:#7f2d2d;color:#fca5a5}
.sx-au-ratio{border:1px solid var(--sx-border);border-radius:10px;padding:12px 14px;margin-bottom:12px}
.sx-au-ratio .r{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--sx-on);margin-bottom:8px}
.sx-au-ratio .r b{font-family:var(--font-mono);font-weight:700}
.sx-au-ratio .t{height:6px;border-radius:99px;background:var(--sx-hi2);overflow:hidden;margin-bottom:8px}
.sx-au-ratio .t span{display:block;height:100%;background:var(--sx-pc);border-radius:99px;transition:width .3s}
.sx-au-ratio p{margin:0;font-size:12px;line-height:17px;color:var(--sx-muted)}
.sx-au-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.sx-au-tiles div{border-radius:10px;padding:12px;background:var(--sx-low);border:1px solid var(--sx-sch)}
.sx-au-tiles span{display:block;font-size:12px;color:var(--sx-muted)}
.sx-au-tiles b{display:block;font-family:var(--font-display);font-size:22px;line-height:30px;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-au-tiles small{display:block;font-size:11px;color:var(--sx-muted)}
.sx-au-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sx-au-acts button,.sx-au-acts a{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;font-size:12px;font-weight:600;color:var(--sx-on);cursor:pointer;white-space:nowrap}
.sx-au-acts button:hover,.sx-au-acts a:hover{border-color:var(--sx-hover);color:var(--sx-primary);text-decoration:none}
.sx .sx-au-acts .msym{font-size:16px}
/* sections */
.sx-au-sec{padding:32px;margin-bottom:48px}
@media(max-width:639px){.sx-au-sec{padding:20px}}
.sx-au-k{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-pc);margin-bottom:6px}
.sx-au-sec h2{margin:0;font-family:var(--font-display);font-size:30px;line-height:38px;letter-spacing:-.02em;font-weight:600;color:var(--sx-on)}
@media(max-width:639px){.sx-au-sec h2{font-size:24px;line-height:32px}}
.sx-au-sec>p,.sx-au-sec .lead{margin:6px 0 28px;font-size:15px;line-height:24px;color:var(--sx-muted);max-width:44rem}
.sx-au-cmp{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
.sx-au-cmp th{text-align:left;font-size:12px;font-weight:600;color:var(--sx-muted);padding:12px 14px;background:var(--sx-low);border-bottom:1px solid var(--sx-border)}
.sx-au-cmp td{padding:14px;border-bottom:1px solid var(--sx-border);color:var(--sx-onv);font-variant-numeric:tabular-nums}
.sx-au-cmp tr:last-child td{border-bottom:0}
.sx-au-cmp td:first-child{color:var(--sx-on);font-weight:500;white-space:nowrap}
.sx-au-cmp td:first-child span{display:inline-flex;align-items:center;gap:8px}
.sx .sx-au-cmp td:first-child .msym{font-size:16px;color:var(--sx-muted)}
.sx-au-cmp th:nth-child(2),.sx-au-cmp td:nth-child(2){background:var(--sx-emb)}
.sx-au-cmp th:nth-child(2){color:var(--sx-emt)}
.sx-au-cmp .mono{font-family:var(--font-mono);font-weight:600;color:var(--sx-on)}
.sx-au-cmp td:nth-child(2).ok,.sx-au-cmp .ok{color:var(--sx-pc)}
.sx-au-cmp .bad{color:var(--sx-err)}
.sx-au-cmp tr.tot td{font-weight:700;color:var(--sx-on)}
.sx-au-cmpn{margin:14px 0 0;font-size:12px;line-height:18px;color:var(--sx-muted)}
.sx-au-fx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:1023px){.sx-au-fx{grid-template-columns:1fr}}
.sx-au-fx>div{border:1px solid var(--sx-border);background:var(--sx-low);border-radius:12px;padding:20px;display:flex;flex-direction:column}
.sx-au-fx .ic{width:28px;height:28px;border-radius:6px;border:1px solid var(--sx-sch);background:var(--sx-card);display:flex;align-items:center;justify-content:center;color:var(--sx-pc);margin-bottom:14px}
.sx .sx-au-fx .ic .msym{font-size:16px}
.sx-au-fx h3{margin:0 0 8px;font-family:var(--font-display);font-size:18px;line-height:26px;font-weight:600;color:var(--sx-on)}
.sx-au-fx p{margin:0 0 16px;font-size:13px;line-height:20px;color:var(--sx-muted);flex:1}
.sx-au-fx code{display:block;padding:12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font-family:var(--font-mono);font-size:12px;line-height:18px;color:var(--sx-onv);white-space:pre-wrap}
.sx-au-fx code b{color:var(--sx-on)}
.sx-au-relh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.sx-au-relh h2{margin:0;font-family:var(--font-display);font-size:30px;line-height:38px;letter-spacing:-.02em;font-weight:600;color:var(--sx-on)}
@media(max-width:639px){.sx-au-relh h2{font-size:24px;line-height:32px}}
.sx-au-relh p{margin:4px 0 0;font-size:14px;color:var(--sx-muted)}
.sx-au-relh a{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--sx-primary)}
.sx .sx-au-relh a .msym{font-size:16px}
.sx-au-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:48px}
@media(max-width:1023px){.sx-au-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sx-au-rel{grid-template-columns:1fr}}
.sx-au-rel a{display:flex;flex-direction:column;padding:20px;border-radius:12px;color:var(--sx-on);transition:border-color .15s,box-shadow .15s}
.sx-au-rel a:hover{border-color:var(--sx-hover);box-shadow:0 4px 12px -4px rgba(15,91,68,.15);text-decoration:none}
.sx-au-rel .ic{width:36px;height:36px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.sx-au-rel b{font-family:var(--font-display);font-size:18px;line-height:26px;font-weight:600;margin-bottom:6px}
.sx-au-rel span.d{font-size:13px;line-height:19px;color:var(--sx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:16px}
.sx-au-rel span.f{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--sx-border);font-size:12px;font-weight:600;color:var(--sx-on)}
.sx .sx-au-rel span.f .msym{font-size:16px}
.sx-au-rel a:hover span.f{color:var(--sx-primary)}
/* auto loan */
.sx-au-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--sx-muted)}
.sx-au-chips button{font:inherit;font-size:12px;font-weight:500;padding:2px 10px;border-radius:99px;border:1px solid var(--sx-border);background:var(--sx-low);color:var(--sx-onv);cursor:pointer}
.sx-au-chips button:hover{border-color:var(--sx-hover)}
.sx-au-chips button[aria-pressed="true"]{background:var(--sx-emb);border-color:var(--sx-pc);color:var(--sx-emt);font-weight:600}
.sx-au-chips.r{margin:0;justify-content:flex-end}
.sx-au-chips.r button{border-radius:6px;padding:1px 8px;font-size:11px}
.sx-au-lr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.sx-au-lr .sx-au-l{margin:0}
.sx-au-ck{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sx-on);cursor:pointer;white-space:nowrap}
.sx-au-ck input{width:16px;height:16px;accent-color:var(--sx-pc);margin:0}
.sx-au-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
@media(max-width:479px){.sx-au-row{grid-template-columns:1fr}}
.sx-au-opts.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sx-au-opts.ol button[aria-pressed="true"]{background:var(--sx-emb);border:2px solid var(--sx-pc);color:var(--sx-emt)}
.sx-au-warn{display:flex;gap:8px;margin-top:10px;padding:10px 12px;border-radius:8px;border:1px solid #fcd34d;background:#fffbeb;color:#92400e;font-size:12px;line-height:17px}
.sx-au-warn[hidden]{display:none}
.sx .sx-au-warn .msym{font-size:16px;color:#b45309}
html.cp-dark .sx-au-warn{background:#3a2e12;border-color:#7a5a17;color:#fcd34d}
.sx-au-help{margin:6px 0 0;font-size:12px;color:var(--sx-muted)}
.sx-au-tiles.mono b{font-family:var(--font-mono);font-size:20px}
.sx-au-tiles.card div{background:var(--sx-card);border-color:var(--sx-border)}
.sx-au-chart{border:1px solid var(--sx-border);border-radius:12px;background:var(--sx-low);padding:14px;margin-bottom:20px}
.sx-au-chart .h{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-au-chart .h span{font-size:11px;font-weight:500;color:var(--sx-muted)}
.sx-au-chart p{margin:4px 0 10px;font-size:11px;line-height:15px;color:var(--sx-muted)}
.sx-au-chart svg{display:block;width:100%;height:auto;background:var(--sx-card);border:1px solid var(--sx-border);border-radius:8px}
.sx-au-chart .lg{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;margin-top:8px;font-size:11px;color:var(--sx-onv)}
.sx-au-chart .lg span{display:inline-flex;align-items:center;gap:5px}
.sx-au-chart .lg i{width:12px;height:3px;border-radius:2px;display:inline-block}
.sx-au-chart .be{text-align:center;font-size:11px;color:var(--sx-muted);margin-top:4px}
.sx-au-chart .be b{color:var(--sx-on)}
.sx-au-tt{font-size:13px;font-weight:600;color:var(--sx-on);margin:0 0 10px}
.sx-au-terms3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.sx-au-terms3 button{border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-card);padding:10px 6px;font:inherit;text-align:center;cursor:pointer;color:var(--sx-on)}
.sx-au-terms3 button:hover{border-color:var(--sx-hover)}
.sx-au-terms3 button.on{border:2px solid var(--sx-pc);background:var(--sx-emb)}
.sx-au-terms3 span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-au-terms3 b{display:block;font-family:var(--font-mono);font-size:14px;font-weight:700;margin:2px 0}
.sx-au-terms3 em{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--sx-pc)}
.sx-au-terms3 em.bad{color:var(--sx-err)}
.sx-au-acts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-au-acts.c2 a,.sx-au-acts.c2 button{height:44px;white-space:normal;text-align:center;line-height:15px}
.sx-au-sched{padding:24px;margin-bottom:48px}
.sx-au-sched .hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.sx-au-sched h2{margin:0;font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:var(--sx-on)}
.sx-au-sched .hd p{margin:2px 0 0;font-size:13px;color:var(--sx-muted)}
.sx-au-st{width:100%;border-collapse:collapse;font-size:13px;min-width:820px}
.sx-au-st th{text-align:right;font-size:12px;font-weight:600;color:var(--sx-muted);padding:10px 12px;border-bottom:1px solid var(--sx-border)}
.sx-au-st th:first-child,.sx-au-st td:first-child{text-align:left}
.sx-au-st td{text-align:right;padding:12px;border-bottom:1px solid var(--sx-border);font-family:var(--font-mono);font-size:12px;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-au-st td:first-child{font-family:inherit;font-size:13px;font-weight:600}
.sx-au-st td.mu{color:var(--sx-muted)}.sx-au-st td.er{color:var(--sx-err)}
.sx-au-st td.lv{font-family:inherit;font-weight:600}.sx-au-st td.lv.hi{color:var(--sx-err)}.sx-au-st td.lv.ok{color:var(--sx-pc)}
.sx-au-st tr.hid{display:none}
.sx-au-sched .ft{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--sx-muted)}
.sx-au-sched .ft button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;font:inherit;font-size:12px;font-weight:600;color:var(--sx-on);cursor:pointer;padding:0}
.sx-au-sched .ft button:hover{color:var(--sx-primary)}
.sx .sx-au-sched .ft .msym{font-size:16px}
.sx-au-2c{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;margin-bottom:48px}
@media(max-width:1023px){.sx-au-2c{grid-template-columns:1fr}}
.sx-au-2c>div{padding:24px;border-radius:16px;display:flex;flex-direction:column}
.sx-au-2c h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:var(--sx-on)}
.sx .sx-au-2c h3 .msym{font-size:22px;color:var(--sx-on)}
.sx-au-2c p{margin:0 0 14px;font-size:14px;line-height:22px;color:var(--sx-onv)}
.sx-au-2c .fx{border:1px solid var(--sx-border);background:var(--sx-low);border-radius:10px;padding:18px;text-align:center;margin-bottom:16px}
.sx-au-2c .fx b{display:block;font-family:var(--font-mono);font-size:18px;color:var(--sx-on);margin-bottom:6px}
.sx-au-2c .fx span{font-size:11px;color:var(--sx-muted)}
.sx-au-2c ul.ck{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-au-2c ul.ck li{display:flex;gap:8px;font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx .sx-au-2c ul.ck .msym{font-size:16px;color:var(--sx-pc);flex-shrink:0}
.sx-au-2c ul.ck b{color:var(--sx-on)}
.sx-au-gapbox{border:1px solid var(--sx-hover);background:var(--sx-emb);border-radius:10px;padding:14px 16px}
.sx-au-gapbox b{display:block;font-size:12px;color:var(--sx-emt);margin-bottom:6px}
.sx-au-gapbox ul{margin:0;padding-left:18px;font-size:12px;line-height:19px;color:var(--sx-on)}
.sx-au-gapbox li.on{font-weight:700}
.sx-au-gapft{margin-top:auto;padding-top:14px;border-top:1px solid var(--sx-border);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--sx-muted)}
.sx-au-gapft a{font-weight:600;color:var(--sx-on)}
.sx-au-sched .ft button[hidden]{display:none}
/* car affordability */
.sx-au-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 10px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low);font-size:12px;color:var(--sx-muted)}
.sx-au-sel select{width:100%;height:44px;padding:0 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;font-size:14px;color:var(--sx-on);outline:none;cursor:pointer}
.sx-au-sel select:focus{border-color:var(--sx-pc);box-shadow:0 0 0 2px var(--sx-emb)}
.sx-au-l em.ok{color:var(--sx-emt);background:var(--sx-emb);padding:1px 8px;border-radius:6px;font-weight:600}
.sx-au-l em.bad{color:var(--sx-err);font-weight:600}
.sx-au-box{border:1px solid var(--sx-border);border-radius:12px;padding:14px;background:var(--sx-low)}
.sx-au-box>b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sx-on);margin-bottom:10px}
.sx .sx-au-box>b .msym{font-size:16px;color:var(--sx-pc)}
.sx-au-box .sub{display:block;font-size:12px;color:var(--sx-muted);margin-bottom:4px}
.sx-au-max{padding:24px;border-top:4px solid var(--sx-pc)}
.sx-au-max .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sx-au-max .hd .rt{text-align:right;font-size:11px;color:var(--sx-muted)}
.sx-au-st8{display:inline-flex;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt);margin-bottom:4px}
.sx-au-st8.bad{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
html.cp-dark .sx-au-st8.bad{background:#3b1c1c;border-color:#7f2d2d;color:#fca5a5}
.sx-au-max .big{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);margin:4px 0;font-variant-numeric:tabular-nums}
@media(max-width:640px){.sx-au-max .big{font-size:38px;line-height:46px}}
.sx-au-max .bs{font-size:13px;line-height:19px;color:var(--sx-muted);margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--sx-border)}
.sx-au-ceil .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.sx-au-ceil .r span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sx-on)}
.sx .sx-au-ceil .r .msym{font-size:15px}
.sx-au-ceil .r b{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--sx-on)}
.sx-au-ceil .r b small{font-family:var(--font-body,inherit);font-size:12px;font-weight:500;color:var(--sx-muted)}
.sx-au-ceil .bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--sx-hi2);margin-bottom:8px}
.sx-au-ceil .bar span{height:100%;transition:width .3s}
.sx-au-ceil .lg{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--sx-muted)}
.sx-au-ceil .lg span{display:inline-flex;align-items:center;gap:5px}
.sx-au-ceil .lg i{width:8px;height:8px;border-radius:50%;display:inline-block}
.sx-au-ceil .lg b{color:var(--sx-on);margin-left:4px}
.sx-au-audit{padding:24px}
.sx-au-audit h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:600;color:var(--sx-on)}
.sx .sx-au-audit h3 .msym{font-size:22px}
.sx-au-audit ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-au-audit li{display:flex;gap:10px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low)}
.sx .sx-au-audit li>.msym{font-size:20px;color:var(--sx-pc);flex-shrink:0}
.sx .sx-au-audit li.fail>.msym{color:var(--sx-err)}
.sx-au-audit li>div{flex:1;min-width:0}
.sx-au-audit .t{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--sx-on);margin-bottom:3px}
.sx-au-audit .t em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--sx-pc)}
.sx-au-audit li.fail .t em{color:var(--sx-err)}
.sx-au-audit p{margin:0;font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx-au-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:479px){.sx-au-tiers{grid-template-columns:1fr}}
.sx-au-tiers div{border:1px solid var(--sx-border);border-radius:12px;padding:14px;background:var(--sx-card)}
.sx-au-tiers div.on{border-color:var(--sx-hover);background:var(--sx-emb)}
.sx-au-tiers span{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-pc)}
.sx-au-tiers div.hi span{color:var(--sx-err)}
.sx-au-tiers b{display:block;font-family:var(--font-display);font-size:20px;line-height:28px;font-weight:700;color:var(--sx-on);margin:4px 0;font-variant-numeric:tabular-nums}
.sx-au-tiers p{margin:0;font-size:11px;line-height:15px;color:var(--sx-muted)}
.sx-au-acts.c2.lo a,.sx-au-acts.c2.lo button{height:40px}
.sx-au-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:1023px){.sx-au-rules{grid-template-columns:1fr}}
.sx-au-rules>div{border:1px solid var(--sx-border);border-radius:12px;padding:20px;background:var(--sx-card)}
.sx-au-rules .n{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--sx-hi2);font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--sx-on);margin-bottom:12px}
.sx-au-rules h3{margin:0 0 8px;font-family:var(--font-display);font-size:18px;line-height:26px;font-weight:600;color:var(--sx-on)}
.sx-au-rules p{margin:0;font-size:13px;line-height:20px;color:var(--sx-muted)}
.sx-au-plain{margin-bottom:48px;padding-top:40px;border-top:1px solid var(--sx-border)}
.sx-au-plain>h2{margin:0;font-family:var(--font-display);font-size:30px;line-height:38px;letter-spacing:-.02em;font-weight:600;color:var(--sx-on)}
@media(max-width:639px){.sx-au-plain>h2{font-size:24px;line-height:32px}}
.sx-au-plain>.lead{margin:6px 0 24px;font-size:15px;line-height:24px;color:var(--sx-muted);max-width:44rem}
.sx-au-plain .relh2{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.sx-au-plain .relh2 .lead{margin:6px 0 0}
.sx-au-plain .relh2 small{font-size:12px;color:var(--sx-muted)}
.sx-au-bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1023px){.sx-au-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.sx-au-bands{grid-template-columns:1fr}}
.sx-au-bands>div{position:relative;border:1px solid var(--sx-border);border-radius:12px;padding:18px;background:var(--sx-card);display:flex;flex-direction:column}
.sx-au-bands>div.on{border:2px solid var(--sx-on)}
.sx-au-bands .tag{position:absolute;top:-11px;right:12px;padding:2px 8px;border-radius:99px;background:var(--sx-primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:none}
.sx-au-bands>div.on .tag{display:block}
.sx-au-bands .k{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--sx-muted);margin-bottom:6px}
.sx-au-bands .k em{font-style:normal;font-weight:600;color:var(--sx-pc)}
.sx-au-bands .k em.st{color:var(--sx-on)}.sx-au-bands .k em.bad{color:var(--sx-err)}
.sx-au-bands h3{margin:0;font-family:var(--font-display);font-size:18px;line-height:26px;font-weight:600;color:var(--sx-on)}
.sx-au-bands .p{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--sx-on);margin:2px 0 8px}
.sx-au-bands p{margin:0 0 14px;font-size:12px;line-height:18px;color:var(--sx-muted);flex:1}
.sx-au-bands .f{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--sx-border);font-size:11px;color:var(--sx-muted)}
.sx .sx-au-bands .f .msym{font-size:16px}
.sx-au-bands .note{grid-column:1/-1;margin:0;font-size:12px;color:var(--sx-muted)}
.sx-au-ceil .r b{white-space:nowrap}
/* student loan */
.sx-au-cat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:479px){.sx-au-cat{grid-template-columns:1fr}}
.sx-au-cat button{display:flex;align-items:flex-start;gap:8px;text-align:left;padding:10px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;cursor:pointer;color:var(--sx-on)}
.sx-au-cat button:hover{border-color:var(--sx-hover)}
.sx-au-cat button i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--sx-outline);flex-shrink:0;margin-top:2px;box-sizing:border-box}
.sx-au-cat button[aria-pressed="true"]{border-color:var(--sx-pc);background:var(--sx-emb)}
.sx-au-cat button[aria-pressed="true"] i{border:4px solid var(--sx-pc);background:var(--sx-card)}
.sx-au-cat b{display:block;font-size:12px;font-weight:600;line-height:16px}
.sx-au-cat small{display:block;font-size:11px;color:var(--sx-muted);line-height:15px}
.sx-au-pct{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--sx-emt);background:var(--sx-emb);border:1px solid var(--sx-hover);border-radius:6px;padding:1px 8px}
.sx-au-top2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:479px){.sx-au-top2{grid-template-columns:1fr}}
.sx-au-top2>div{padding:18px;border-radius:14px;display:flex;flex-direction:column}
.sx-au-top2 .k{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--sx-muted);margin-bottom:6px}
.sx .sx-au-top2 .k .msym{font-size:16px}
.sx-au-top2 .v{font-family:var(--font-display);font-size:32px;line-height:40px;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-au-top2 .v small{font-family:var(--font-body,inherit);font-size:13px;font-weight:500;color:var(--sx-muted)}
.sx-au-top2 .f{margin-top:auto;padding-top:12px;border-top:1px solid var(--sx-border);display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--sx-muted)}
.sx-au-top2 .f b{color:var(--sx-on)}
.sx-au-top2 .g{background:var(--sx-emb);border-color:var(--sx-hover)}
.sx-au-top2 .g .v{color:var(--sx-emt)}
.sx-au-top2 .g .k b{display:flex;align-items:center;gap:4px;color:var(--sx-emt);font-weight:600}
.sx-au-top2 .g .k em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;border:1px solid var(--sx-hover);background:var(--sx-card);color:var(--sx-emt);height:fit-content;text-transform:uppercase}
.sx-au-cmp3{padding:0;overflow:hidden}
.sx-au-cmp3 .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--sx-border)}
.sx-au-cmp3 .hd h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--sx-on)}
.sx-au-cmp3 .hd span{font-size:11px;color:var(--sx-muted)}
.sx-au-cmp3 .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:639px){.sx-au-cmp3 .cols{grid-template-columns:1fr}}
.sx-au-cmp3 .cols>div{padding:16px 18px;border-right:1px solid var(--sx-border);font-size:12px}
.sx-au-cmp3 .cols>div:last-child{border-right:0}
.sx-au-cmp3 .cols>div.mid{background:var(--sx-low)}
.sx-au-cmp3 .t{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:10px}
.sx-au-cmp3 .t b{font-size:13px;color:var(--sx-on)}
.sx-au-cmp3 .t em{font-style:normal;font-size:10px;color:var(--sx-muted);white-space:nowrap}
.sx-au-cmp3 .t em.p{padding:1px 6px;border-radius:4px;background:var(--sx-emb);border:1px solid var(--sx-hover);color:var(--sx-emt);font-weight:700}
.sx-au-cmp3 dl{margin:0;display:grid;grid-template-columns:auto auto;gap:6px 8px}
.sx-au-cmp3 dt{color:var(--sx-muted)}
.sx-au-cmp3 dd{margin:0;text-align:right;font-weight:600;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-au-cmp3 dd.ok{color:var(--sx-pc)}
.sx-au-cmp3 p{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--sx-border);font-size:11px;line-height:15px;color:var(--sx-muted)}
.sx-au-cmp3 p.ok{color:var(--sx-pc);font-weight:600;display:flex;gap:4px;align-items:center}
.sx .sx-au-cmp3 p.ok .msym{font-size:14px}
.sx-au-traj{padding:18px}
.sx-au-traj .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.sx-au-traj h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--sx-on)}
.sx-au-traj .hd p{margin:2px 0 0;font-size:12px;color:var(--sx-muted)}
.sx-au-traj .lg{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--sx-onv)}
.sx-au-traj .lg span{display:inline-flex;align-items:center;gap:5px}
.sx-au-traj .lg i{width:12px;height:3px;border-radius:2px;display:inline-block}
.sx-au-traj svg{display:block;width:100%;height:auto;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low)}
.sx-au-pslf{padding:18px}
.sx-au-pslf .hd{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.sx-au-pslf .ic{width:36px;height:36px;border-radius:50%;background:var(--sx-emb);color:var(--sx-pc);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx-au-pslf h3{margin:0;font-size:14px;font-weight:600;color:var(--sx-on)}
.sx-au-pslf .hd p{margin:2px 0 0;font-size:12px;color:var(--sx-muted)}
.sx-au-pslf .hd em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--sx-emb);border:1px solid var(--sx-hover);color:var(--sx-emt);white-space:nowrap;height:fit-content}
.sx-au-pslf .r{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--sx-on);margin-bottom:6px}
.sx-au-pslf .bar{height:8px;border-radius:99px;background:var(--sx-hi2);overflow:hidden;margin-bottom:6px}
.sx-au-pslf .bar span{display:block;height:100%;background:var(--sx-pc);border-radius:99px;transition:width .3s}
.sx-au-pslf .f{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--sx-muted)}
.sx-au-pslf .f b{color:var(--sx-pc)}
.sx-au-sched .hbt{display:flex;gap:8px;flex-wrap:wrap}
.sx-au-sched .hbt button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:12px;font-weight:600;color:var(--sx-on);cursor:pointer}
.sx-au-sched .hbt button:hover{border-color:var(--sx-hover);color:var(--sx-primary)}
.sx .sx-au-sched .hbt .msym{font-size:15px}
.sx-au-st td.b{font-weight:700}.sx-au-st td.g{color:var(--sx-pc)}
.sx-au-st tr.sum td{background:var(--sx-low)}
.sx-au-fx p+p{margin-top:-8px}
.sx-au-l5{grid-column:span 5;min-width:0}.sx-au-r7{grid-column:span 7;min-width:0;display:flex;flex-direction:column;gap:20px}
@media(max-width:1023px){.sx-au-l5,.sx-au-r7{grid-column:auto}}
/* ---- Stitch layer: emergency fund ---- */
.sx-au-cat button .ck{margin-left:auto;font-size:16px;color:var(--sx-pc);display:none}
.sx-au-cat button[aria-pressed="true"] .ck{display:inline}
.sx-au-cat.nr button i{display:none}
.sx-au-opts.sm button{font-size:12px;height:32px}
.sx-au-opts button small{font-weight:400;opacity:.75}
.sx-ef-ready{padding:22px}
.sx-ef-ready .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--sx-border)}
.sx-ef-ready .hd span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-on)}
.sx .sx-ef-ready .hd .msym{font-size:18px}
.sx-ef-grade{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt);white-space:nowrap}
.sx-ef-grade.mid{background:#fffbeb;border-color:#fcd34d;color:#92400e}.sx-ef-grade.hi{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
html.cp-dark .sx-ef-grade.mid{background:#3a2e12;border-color:#7a5a17;color:#fcd34d}html.cp-dark .sx-ef-grade.hi{background:#3b1c1c;border-color:#7f2d2d;color:#fca5a5}
.sx-ef-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}
@media(max-width:479px){.sx-ef-top{grid-template-columns:1fr}}
.sx-ef-top .k{font-size:12px;color:var(--sx-muted)}
.sx-ef-top .big{font-family:var(--font-display);font-size:44px;line-height:52px;letter-spacing:-.03em;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums}
@media(max-width:640px){.sx-ef-top .big{font-size:36px;line-height:44px}}
.sx-ef-top .note{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--sx-pc)}
.sx .sx-ef-top .note .msym{font-size:14px}
.sx-ef-cur{border:1px solid var(--sx-border);border-radius:10px;padding:12px;background:var(--sx-low)}
.sx-ef-cur .r{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--sx-muted)}
.sx-ef-cur .r b{color:var(--sx-on)}
.sx-ef-cur .v{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--sx-on);margin:4px 0}
.sx-ef-cur .v small{font-family:var(--font-body,inherit);font-size:12px;font-weight:500;color:var(--sx-muted)}
.sx-ef-cur .g{font-size:11px;color:var(--sx-muted)}.sx-ef-cur .g b{color:var(--sx-err)}
.sx-ef-bar .r{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:6px}
.sx-ef-bar .r b{display:flex;align-items:center;gap:5px;color:var(--sx-on);font-weight:600}
.sx-ef-bar .r span{display:flex;align-items:center;gap:5px;color:var(--sx-muted)}
.sx-ef-bar .r i{width:8px;height:8px;border-radius:50%;display:inline-block}
.sx-ef-bar .t{height:10px;border-radius:99px;background:var(--sx-sch);overflow:hidden}
.sx-ef-bar .t span{display:block;height:100%;background:var(--sx-pc);transition:width .3s}
.sx-ef-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--sx-border)}
.sx-ef-mini>div{display:flex;gap:10px;align-items:center}
.sx-ef-mini .ic{width:36px;height:36px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx-ef-mini .ic.g{background:var(--sx-emb);color:var(--sx-pc)}
.sx .sx-ef-mini .ic .msym{font-size:18px}
.sx-ef-mini span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-ef-mini b{display:block;font-size:15px;font-weight:700;color:var(--sx-on)}
.sx-ef-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:4px 0 10px}
.sx-ef-h h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--sx-on)}
.sx-ef-h span{font-size:12px;color:var(--sx-pc)}
.sx-ef-scn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:479px){.sx-ef-scn{grid-template-columns:1fr}}
.sx-ef-scn>div{border:1px solid var(--sx-border);border-radius:12px;padding:14px;background:var(--sx-card)}
.sx-ef-scn .k{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--sx-muted)}
.sx .sx-ef-scn .k .msym{font-size:16px;color:var(--sx-pc)}
.sx-ef-scn b{display:block;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--sx-on);margin:4px 0}
.sx-ef-scn p{margin:0;font-size:11px;line-height:16px;color:var(--sx-muted)}
.sx-ef-tiers{padding:18px}
.sx-ef-tiers .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sx-ef-tiers .hd b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sx-on)}
.sx .sx-ef-tiers .hd .msym{font-size:18px;color:var(--sx-pc)}
.sx-ef-tiers .hd span{font-family:var(--font-mono);font-size:11px;color:var(--sx-muted)}
.sx-ef-tiers ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sx-ef-tiers li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sx-border);border-radius:10px}
.sx-ef-tiers li.on{border-color:var(--sx-hover);background:var(--sx-emb)}
.sx-ef-tiers .ic{width:30px;height:30px;border-radius:6px;background:var(--sx-low);color:var(--sx-onv);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx-ef-tiers li.on .ic{background:var(--sx-pc);color:#fff}
.sx .sx-ef-tiers .ic .msym{font-size:16px}
.sx-ef-tiers li>div{flex:1;min-width:0}
.sx-ef-tiers .n{font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-ef-tiers .d{font-size:11px;color:var(--sx-muted)}
.sx-ef-tiers .a{text-align:right;flex-shrink:0}
.sx-ef-tiers .a b{display:block;font-size:14px;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-ef-tiers .a span{font-size:10px;color:var(--sx-muted)}
.sx-ef-road{padding:28px;margin-bottom:48px}
@media(max-width:639px){.sx-ef-road{padding:18px}}
.sx-ef-road .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--sx-border)}
.sx-ef-road h2{margin:0;font-family:var(--font-display);font-size:28px;line-height:36px;letter-spacing:-.02em;font-weight:600;color:var(--sx-on)}
@media(max-width:639px){.sx-ef-road h2{font-size:22px;line-height:30px}}
.sx-ef-road .hd p{margin:4px 0 0;font-size:14px;color:var(--sx-pc)}
.sx-ef-road .hd em{font-style:normal;font-size:12px;font-weight:600;padding:4px 12px;border-radius:99px;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx-ef-ph{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media(max-width:1023px){.sx-ef-ph{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479px){.sx-ef-ph{grid-template-columns:1fr}}
.sx-ef-ph>div{position:relative;border:1px solid var(--sx-border);border-radius:10px;padding:14px;display:flex;flex-direction:column;background:var(--sx-card)}
.sx-ef-ph>div.cur{border:2px solid var(--sx-primary)}
.sx-ef-ph>div.fut{opacity:.6}
.sx-ef-ph .tag{position:absolute;top:-11px;right:12px;padding:2px 8px;border-radius:99px;background:var(--sx-primary);color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:none}
.sx-ef-ph>div.cur .tag{display:block}
.sx-ef-ph .k{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-pc);margin-bottom:8px}
.sx-ef-ph>div.fut .k{color:var(--sx-muted)}
.sx .sx-ef-ph .k .msym{font-size:16px}
.sx-ef-ph h3{margin:0;font-size:14px;font-weight:600;color:var(--sx-on)}
.sx-ef-ph .a{font-size:12px;color:var(--sx-muted);margin:2px 0 8px}
.sx-ef-ph p{margin:0 0 12px;font-size:11px;line-height:16px;color:var(--sx-muted);flex:1}
.sx-ef-ph .f{padding-top:8px;border-top:1px solid var(--sx-border);font-size:10px;font-weight:600;color:var(--sx-on)}
.sx-ef-ph .f .r{display:flex;justify-content:space-between;margin-bottom:4px}
.sx-ef-ph .f .t{height:4px;border-radius:99px;background:var(--sx-hi2);overflow:hidden}
.sx-ef-ph .f .t span{display:block;height:100%;background:var(--sx-pc)}
.sx-ef-rows{list-style:none;margin:0;padding:0}
.sx-ef-rows li{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--sx-border);font-size:12px;color:var(--sx-onv)}
.sx-ef-rows li:last-child{border-bottom:0}
.sx-ef-rows li b{color:var(--sx-on);white-space:nowrap}
.sx-ef-rows li.on{color:var(--sx-on);font-weight:600}
.sx-ef-rows li.on b{color:var(--sx-pc)}
.sx-ef-store{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:479px){.sx-ef-store{grid-template-columns:1fr}}
.sx-ef-store>div{border-radius:10px;padding:14px;border:1px solid var(--sx-hover);background:var(--sx-emb)}
.sx-ef-store>div.no{border-color:#fca5a5;background:#fef2f2}
html.cp-dark .sx-ef-store>div.no{border-color:#7f2d2d;background:#2a1717}
.sx-ef-store>div>b{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sx-emt);margin-bottom:8px}
.sx-ef-store>div.no>b{color:#991b1b}
html.cp-dark .sx-ef-store>div.no>b{color:#fca5a5}
.sx .sx-ef-store>div>b .msym{font-size:16px}
.sx-ef-store ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sx-ef-store li{display:flex;gap:6px;font-size:11px;line-height:16px;color:var(--sx-onv)}
.sx-ef-store li b{color:var(--sx-on)}
.sx .sx-ef-store li .msym{font-size:14px;color:var(--sx-pc);flex-shrink:0}
.sx .sx-ef-store div.no li .msym{color:var(--sx-err)}
.sx .msym{text-transform:none!important;letter-spacing:normal!important;font-family:"Material Symbols Outlined"!important}
.sx-ef-grade{font-style:normal}.sx-ef-road .hd em{font-style:normal}
/* ---- Stitch layer: rental yield ---- */
.sx-ry-opx{border:1px solid var(--sx-border);border-radius:12px;overflow:hidden}
.sx-ry-opx>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:var(--sx-low);border:0;font:inherit;cursor:pointer;color:var(--sx-on)}
.sx-ry-opx>button>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.sx .sx-ry-opx>button .msym{font-size:18px;color:var(--sx-pc)}
.sx-ry-opx>button em{font-style:normal;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt)}
.sx-ry-opx>button b{font-size:13px;font-variant-numeric:tabular-nums}
.sx .sx-ry-opx>button .chev{color:var(--sx-muted);transition:transform .2s}
.sx-ry-opx.open>button .chev{transform:rotate(180deg)}
.sx-ry-opx ul{list-style:none;margin:0;padding:6px 14px 10px;display:none}
.sx-ry-opx.open ul{display:block}
.sx-ry-opx li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--sx-border);font-size:12px;color:var(--sx-onv)}
.sx-ry-opx li:last-child{border-bottom:0}
.sx .sx-ry-opx li>.msym{font-size:16px;color:var(--sx-muted)}
.sx-ry-opx li label{flex:1;min-width:0}
.sx-ry-opx li .sx-au-in{width:96px;flex-shrink:0}
.sx-ry-opx li .sx-au-in input{height:30px;font-size:12px}
.sx-ry-opx li b{width:76px;text-align:right;color:var(--sx-on);font-variant-numeric:tabular-nums;flex-shrink:0}
.sx-ry-eng{padding:20px}
.sx-ry-eng .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.sx-ry-eng .hd span{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-muted)}
.sx-ry-cap{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.sx-ry-cap .k{font-size:12px;color:var(--sx-muted)}
.sx-ry-cap .big{font-family:var(--font-display);font-size:44px;line-height:52px;font-weight:700;letter-spacing:-.03em;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-ry-cap .rt{text-align:right;font-size:11px;color:var(--sx-muted)}
.sx-ry-cap .rt em{display:inline-block;font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--sx-sc);color:var(--sx-emt);margin-bottom:6px}
.sx-ry-cap .rt em.mid{background:#fef3c7;color:#92400e}.sx-ry-cap .rt em.lo{background:#fee2e2;color:#991b1b}
html.cp-dark .sx-ry-cap .rt em.mid{background:#3a2e12;color:#fcd34d}html.cp-dark .sx-ry-cap .rt em.lo{background:#3b1c1c;color:#fca5a5}
.sx-ry-cf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:14px;border-radius:12px;border:1px solid var(--sx-hover);background:var(--sx-emb)}
.sx-ry-cf.neg{border-color:#fca5a5;background:#fef2f2}
html.cp-dark .sx-ry-cf.neg{border-color:#7f2d2d;background:#2a1717}
.sx-ry-cf>div{display:flex;align-items:center;gap:10px}
.sx .sx-ry-cf .msym{font-size:22px;color:var(--sx-pc)}
.sx .sx-ry-cf.neg .msym{color:var(--sx-err)}
.sx-ry-cf span{display:block;font-size:12px;color:var(--sx-emt);font-weight:600}
.sx-ry-cf.neg span{color:#991b1b}
html.cp-dark .sx-ry-cf.neg span{color:#fca5a5}
.sx-ry-cf b{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-ry-cf b small{font-family:var(--font-body,inherit);font-size:12px;font-weight:500;color:var(--sx-muted)}
.sx-ry-cf .rt{text-align:right}
.sx-ry-cf .rt b{font-size:15px}
.sx-ry-wf{padding:20px}
.sx-ry-wf .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.sx-ry-wf .hd b{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--sx-on)}
.sx .sx-ry-wf .hd .msym{font-size:18px}
.sx-ry-wf .hd span{font-size:11px;color:var(--sx-muted)}
.sx-ry-wf ul{list-style:none;margin:0;padding:0}
.sx-ry-wf li{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--sx-border);font-size:13px;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-ry-wf li.m{color:var(--sx-err);font-size:12px}
.sx-ry-wf li.s{font-weight:600}
.sx-ry-wf li.noi{font-weight:700;font-size:14px;align-items:center}
.sx-ry-wf li.noi span{display:flex;align-items:center;gap:6px}
.sx .sx-ry-wf li.noi .msym{font-size:16px}
.sx-ry-wf li.noi b{font-size:18px}
.sx-ry-wf li.tot{margin-top:8px;border:0;border-radius:8px;padding:12px;background:var(--sx-low);font-weight:700;font-size:14px}
.sx-ry-wf li.tot b{font-size:18px}
.sx-ry-wf li.tot.neg b{color:var(--sx-err)}
.sx-ry-risk{padding:20px}
.sx-ry-risk h3{display:flex;align-items:center;gap:6px;margin:0 0 14px;font-size:14px;color:var(--sx-on)}
.sx .sx-ry-risk h3 .msym{font-size:18px;color:var(--sx-pc)}
.sx-ry-risk .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;color:var(--sx-on)}
.sx-ry-risk .r b{font-family:var(--font-display);font-size:20px;font-weight:700}
.sx-ry-risk .r b.bad{color:var(--sx-err)}
.sx-ry-risk .t{height:6px;border-radius:99px;background:var(--sx-hi2);overflow:hidden;margin:6px 0}
.sx-ry-risk .t span{display:block;height:100%;background:var(--sx-primary);transition:width .3s}
.sx-ry-risk .t span.bad{background:var(--sx-err)}
.sx-ry-risk .s{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--sx-muted);padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--sx-border)}
.sx-ry-risk .s b{color:var(--sx-on)}
.sx-ry-risk p{margin:4px 0 0;font-size:12px;line-height:17px;color:var(--sx-pc)}
.sx-au-st tr.hl td{background:var(--sx-low);font-weight:700}
.sx-au-st td.up{color:var(--sx-pc);font-family:inherit;font-weight:600}
.sx-au-st td.dn{color:var(--sx-err);font-family:inherit;font-weight:600}
/* ---- Stitch layer: paycheck ---- */
.sx-pc-hero{padding:22px;border-top:4px solid var(--sx-pc)}
.sx-pc-hero .top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sx-pc-hero .big{font-family:var(--font-display);font-size:44px;line-height:52px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-pc-hero .big small{font-family:var(--font-body,inherit);font-size:14px;font-weight:500;color:var(--sx-muted);letter-spacing:0;margin-left:6px}
@media(max-width:640px){.sx-pc-hero .big{font-size:36px;line-height:44px}}
.sx-pc-hero .ann{font-size:12px;color:var(--sx-muted)}.sx-pc-hero .ann b{color:var(--sx-on)}
.sx-pc-hero .rt{text-align:right;font-size:11px;color:var(--sx-muted)}
.sx-pc-hero .rt b{display:block;font-family:var(--font-display);font-size:20px;color:var(--sx-on)}
.sx-pc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid var(--sx-border);border-radius:10px;padding:12px 14px;margin:16px 0}
@media(max-width:479px){.sx-pc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-pc-stats span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-pc-stats b{display:block;font-family:var(--font-display);font-size:18px;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-pc-stats b.g{color:var(--sx-pc)}
.sx-pc-dist .r{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx-pc-dist .r span{font-weight:500;color:var(--sx-muted)}
.sx-pc-dist .bar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--sx-hi2)}
.sx-pc-dist .bar span{height:100%;transition:width .3s}
.sx-pc-dist .lg{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;color:var(--sx-onv)}
.sx-pc-dist .lg span{display:inline-flex;align-items:center;gap:5px}
.sx-pc-dist .lg i{width:9px;height:9px;border-radius:2px;display:inline-block}
.sx-pc-items{padding:20px}
.sx-pc-items .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sx-pc-items h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--sx-on)}
.sx-pc-items .hd span{font-size:11px;color:var(--sx-pc)}
.sx-pc-items ul{list-style:none;margin:0;padding:0;border:1px solid var(--sx-border);border-radius:10px;overflow:hidden}
.sx-pc-items li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--sx-border);font-size:12px;color:var(--sx-onv);font-variant-numeric:tabular-nums}
.sx-pc-items li:last-child{border-bottom:0}
.sx-pc-items li b{color:var(--sx-on);font-weight:600}
.sx-pc-items li b small{font-weight:500;color:var(--sx-muted);margin-left:8px}
.sx-pc-items li.sub{padding-left:26px}
.sx-pc-items li.h{font-weight:600;color:var(--sx-on);background:var(--sx-low)}
.sx-pc-items li.h.g{background:var(--sx-emb)}
.sx-pc-items li.h.b{background:var(--sx-sc2)}
.sx-pc-items li.h b.r{color:var(--sx-err)}
.sx-pc-items li.top{font-weight:600;color:var(--sx-on)}
.sx-pc-items li.top span{display:flex;align-items:center;gap:6px}
.sx .sx-pc-items li .msym{font-size:16px;color:var(--sx-pc)}
.sx-pc-items li.net{background:var(--sx-emb);font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--sx-emt)}
.sx-pc-items li.net span{display:flex;align-items:center;gap:6px}
.sx-pc-items li.net b{font-size:18px;color:var(--sx-emt)}
.sx-pc-freq{padding:20px}
.sx-pc-freq h3{margin:0 0 12px;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--sx-on)}
.sx-pc-freq .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:479px){.sx-pc-freq .g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-pc-freq .g div{border:1px solid var(--sx-border);border-radius:10px;padding:12px;background:var(--sx-low)}
.sx-pc-freq .g div.on{border:2px solid var(--sx-pc);background:var(--sx-emb)}
.sx-pc-freq span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-pc-freq b{display:block;font-family:var(--font-display);font-size:17px;color:var(--sx-on);margin:2px 0;font-variant-numeric:tabular-nums}
.sx-pc-br{padding:28px;margin-bottom:48px}
@media(max-width:639px){.sx-pc-br{padding:18px}}
.sx-pc-br .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.sx-pc-br h2{margin:0;font-family:var(--font-display);font-size:28px;line-height:36px;letter-spacing:-.02em;font-weight:600;color:var(--sx-on)}
@media(max-width:639px){.sx-pc-br h2{font-size:22px;line-height:30px}}
.sx-pc-br .hd p{margin:4px 0 0;font-size:14px;color:var(--sx-pc)}
.sx-pc-br .hd em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;padding:4px 12px;border-radius:99px;background:var(--sx-low);border:1px solid var(--sx-border);color:var(--sx-onv)}
.sx .sx-pc-br .hd em .msym{font-size:14px}
.sx-pc-br .row{margin-bottom:14px}
.sx-pc-br .row .r{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--sx-on);margin-bottom:5px}
.sx-pc-br .row .r b{color:var(--sx-pc);font-weight:600;white-space:nowrap}
.sx-pc-br .row .t{height:8px;border-radius:99px;background:var(--sx-hi2);overflow:hidden}
.sx-pc-br .row .t span{display:block;height:100%;border-radius:99px;transition:width .3s}
.sx-pc-shield{display:flex;gap:10px;padding:14px 16px;border-radius:10px;border:1px solid var(--sx-hover);background:var(--sx-emb);font-size:13px;line-height:19px;color:var(--sx-onv);margin-top:6px}
.sx .sx-pc-shield .msym{font-size:20px;color:var(--sx-pc)}
.sx-pc-shield b{color:var(--sx-emt)}
.sx-pc-slider{display:flex;align-items:center;gap:10px}
.sx-pc-slider .sx-range2{flex:1}
.sx-pc-slider b{font-size:13px;color:var(--sx-on);min-width:36px;text-align:right}
.sx-pc-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:479px){.sx-pc-mini{grid-template-columns:1fr}}
.sx-pc-mini>div{border:1px solid var(--sx-border);border-radius:10px;padding:12px}
.sx-pc-mini>div>b{display:block;font-size:11px;font-weight:600;color:var(--sx-pc);margin-bottom:8px}
.sx-pc-mini label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--sx-onv);margin-bottom:6px}
.sx-pc-mini .sx-au-in{width:100px}
.sx-pc-mini .sx-au-in input{height:30px;font-size:12px}
/* ---- Stitch layer: HELOC ---- */
.sx-hl-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--sx-border)}
.sx-hl-top .k{font-size:12px;color:var(--sx-muted)}
.sx-hl-top b{display:block;font-family:var(--font-display);font-size:34px;line-height:42px;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-hl-top b.dk{color:var(--sx-on)}
.sx-hl-top small{font-size:11px;color:var(--sx-muted)}
.sx-hl-top small.ok{color:var(--sx-pc)}.sx-hl-top small.bad{color:var(--sx-err)}
.sx-hl-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:12px;color:var(--sx-onv)}
.sx-hl-lg span{display:flex;gap:6px;align-items:flex-start}
.sx-hl-lg i{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}
.sx-hl-lg b{color:var(--sx-on)}
.sx-hl-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sx-hl-ph>div{border:1px solid var(--sx-sch);border-radius:12px;padding:14px;background:var(--sx-low)}
.sx-hl-ph .k{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--sx-muted)}
.sx-hl-ph .k em{font-style:normal;font-weight:600;color:var(--sx-pc);text-align:right}
.sx-hl-ph b{display:block;font-family:var(--font-display);font-size:30px;line-height:38px;font-weight:700;color:var(--sx-primary);margin:6px 0 2px;font-variant-numeric:tabular-nums}
.sx-hl-ph b small{font-family:var(--font-body,inherit);font-size:13px;font-weight:500;color:var(--sx-muted)}
.sx-hl-ph p{margin:0;font-size:11px;color:var(--sx-muted)}
.sx-hl-box{border:1px solid var(--sx-sch);border-radius:12px;padding:14px;background:var(--sx-low)}
.sx-hl-box>.h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.sx-hl-box>.h b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sx-on)}
.sx .sx-hl-box>.h .msym{font-size:16px}
.sx-hl-box>.h span{font-size:11px;font-weight:600;color:var(--sx-pc)}
.sx-hl-box .card{border:1px solid var(--sx-border);border-radius:10px;padding:10px 12px;background:var(--sx-card)}
.sx-hl-box .card .sub{display:block;font-size:11px;color:var(--sx-muted);margin-bottom:4px}
.sx-hl-box .card .sx-au-in input{height:34px}
.sx-hl-box .fx{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--sx-border)}
.sx-hl-box .fx b{display:block;font-size:13px;color:var(--sx-on)}
.sx-hl-box .fx span{font-size:11px;color:var(--sx-muted)}
.sx-hl-sw{position:relative;width:40px;height:22px;flex-shrink:0}
.sx-hl-sw input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer;position:absolute;inset:0;z-index:1}
.sx-hl-sw i{position:absolute;inset:0;border-radius:99px;background:var(--sx-ov);transition:background .15s}
.sx-hl-sw i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.sx-hl-sw input:checked+i{background:var(--sx-pc)}
.sx-hl-sw input:checked+i::after{transform:translateX(18px)}
.sx-hl-sw input:focus-visible+i{box-shadow:0 0 0 2px var(--sx-emb)}
.sx-hl-hel{margin-top:10px}
.sx-hl-hel[hidden]{display:none}
.sx-hl-heli{border:1px dashed var(--sx-hover);border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:12px;color:var(--sx-onv)}
.sx-hl-heli[hidden]{display:none}
.sx-hl-heli b{color:var(--sx-on)}
.sx-ry-eng .hd .sx-ef-grade{text-transform:none;letter-spacing:normal;font-weight:600}
/* ---- Stitch layer: house affordability ---- */
.sx-ha-out{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:16px;margin:16px 0}
.sx-ha-out .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-ha-out .r b{font-family:var(--font-display);font-size:22px}
.sx-ha-out .r b small{font-family:var(--font-body,inherit);font-size:12px;font-weight:500;color:var(--sx-muted)}
.sx-ha-out .bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--sx-hi2);margin-bottom:12px}
.sx-ha-out .bar span{height:100%;transition:width .3s}
.sx-ha-out .lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;font-size:12px;color:var(--sx-onv)}
.sx-ha-out .lg span{display:flex;justify-content:space-between;gap:6px}
.sx-ha-out .lg span>span{display:flex;align-items:center;gap:6px}
.sx-ha-out .lg i{width:9px;height:9px;border-radius:50%;display:inline-block}
.sx-ha-out .lg b{color:var(--sx-on)}
.sx-ha-dti .h{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-ha-dti .h span{font-size:11px;font-weight:500;color:var(--sx-muted)}
.sx-ha-dti .row{margin-bottom:10px}
.sx-ha-dti .row .r{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--sx-on);margin-bottom:5px}
.sx-ha-dti .row .r>span:last-child{display:flex;align-items:center;gap:8px}
.sx-ha-dti .row em{font-style:normal;font-size:10px;font-weight:600;padding:1px 8px;border-radius:4px;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx-ha-dti .row em.mid{border-color:#fcd34d;background:#fffbeb;color:#92400e}
.sx-ha-dti .row em.hi{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
html.cp-dark .sx-ha-dti .row em.mid{background:#3a2e12;border-color:#7a5a17;color:#fcd34d}
html.cp-dark .sx-ha-dti .row em.hi{background:#3b1c1c;border-color:#7f2d2d;color:#fca5a5}
.sx-ha-dti .row .t{height:6px;border-radius:99px;background:var(--sx-hi2);overflow:hidden}
.sx-ha-dti .row .t span{display:block;height:100%;background:var(--sx-pc);transition:width .3s}
.sx-ha-dti .row .t span.hi{background:var(--sx-err)}
.sx-au-tiers div.on span{color:var(--sx-emt)}
.sx-au-tiers div.sel{border:2px solid var(--sx-on);background:var(--sx-card)}
.sx-au-tiers div.sel span{color:var(--sx-on)}
.sx-au-cmp tr.act td{background:var(--sx-low);font-weight:700;color:var(--sx-on)}
.sx-au-cmp tr.act td:nth-child(2){background:var(--sx-emb)}
.sx-au-cmp td .act{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--sx-primary);color:#fff}
.sx-ha-rule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:28px;align-items:start}
@media(max-width:1023px){.sx-ha-rule{grid-template-columns:1fr}}
.sx-ha-rule h2{display:flex;align-items:center;gap:8px;font-size:22px!important;line-height:30px!important}
.sx .sx-ha-rule h2 .msym{font-size:22px}
.sx-ha-fbox{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:18px}
.sx-ha-fbox .k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-muted);margin-bottom:10px}
.sx-ha-fbox code{display:block;padding:12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font-family:var(--font-mono);font-size:12px;color:var(--sx-on);margin-bottom:12px}
.sx-ha-fbox p{margin:0;font-size:12px;line-height:18px;color:var(--sx-muted)}
/* ---- Stitch layer: 50/30/20 budget ---- */
.sx-bd-freq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:10px;padding:10px 0;margin-top:12px}
.sx-bd-freq div{padding:0 12px;border-right:1px solid var(--sx-sch)}.sx-bd-freq div:last-child{border-right:0}
.sx-bd-freq span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-bd-freq b{font-family:var(--font-display);font-size:17px;color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-bd-sp{border-top:1px solid var(--sx-border);padding-top:14px}
.sx-bd-sp>.h{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--sx-on);margin-bottom:12px}
.sx-bd-sp>.h span:first-child{display:flex;align-items:center;gap:6px}
.sx .sx-bd-sp>.h .msym{font-size:16px}
.sx-bd-sp>.h span:last-child{font-size:11px;font-weight:500;color:var(--sx-muted)}
.sx-bd-sp .row{margin-bottom:14px}
.sx-bd-sp .row .r{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--sx-on);margin-bottom:6px}
.sx-bd-sp .row .r b{font-variant-numeric:tabular-nums}.sx-bd-sp .row .r b small{font-weight:500;color:var(--sx-muted)}
.sx-bd-sp .row .r .sx-au-in{width:110px}.sx-bd-sp .row .r .sx-au-in input{height:30px;font-size:12px}
.sx-bd-sp .row p{margin:4px 0 0;font-size:11px;color:var(--sx-muted)}
.sx-bd-ver{padding:22px}
.sx-bd-ver .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--sx-border)}
.sx-bd-ver .hd>div:first-child{display:flex;align-items:center;gap:10px}
.sx-bd-ver .hd .ic{width:36px;height:36px;border-radius:50%;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-pc);display:flex;align-items:center;justify-content:center}
.sx .sx-bd-ver .hd .ic .msym{font-size:18px}
.sx-bd-ver .hd small{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-pc)}
.sx-bd-ver .hd h2{margin:0;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--sx-on)}
.sx-bd-ver .hd .rt{text-align:right}
.sx-bd-ver .hd .rt b{display:block;font-family:var(--font-display);font-size:40px;line-height:44px;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums}
.sx-bd-ver .hd .rt span{font-size:11px;color:var(--sx-pc)}
.sx-bd-seg .lb{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx-bd-seg .lb span{display:flex;align-items:center;gap:5px}
.sx-bd-seg .lb i{width:9px;height:9px;border-radius:2px;display:inline-block}
.sx-bd-seg .bar{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden}
.sx-bd-seg .bar span{height:100%;transition:width .3s}
.sx-bd-seg .am{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--sx-muted);margin-top:6px;font-variant-numeric:tabular-nums}
.sx-bd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
@media(max-width:479px){.sx-bd-cards{grid-template-columns:1fr}}
.sx-bd-cards>div{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:14px;display:flex;flex-direction:column}
.sx-bd-cards .k{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on)}
.sx .sx-bd-cards .k .msym{font-size:16px;color:var(--sx-pc)}
.sx-bd-cards b{display:block;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--sx-on);margin-top:6px;font-variant-numeric:tabular-nums}
.sx-bd-cards b small{font-family:var(--font-body,inherit);font-size:12px;font-weight:500;color:var(--sx-muted)}
.sx-bd-cards .y{font-size:11px;color:var(--sx-muted)}
.sx-bd-cards p{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--sx-sch);font-size:11px;line-height:16px;color:var(--sx-muted)}
.sx-au-audit li.warn>.msym{color:#d97706}
.sx-au-audit li.warn .t em{color:#b45309}
.sx-bd-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--sx-border)}
.sx-bd-foot .u{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sx-muted)}
.sx-bd-foot .u i{width:8px;height:8px;border-radius:50%;background:var(--sx-pc);display:inline-block}
.sx-bd-foot .u i.neg{background:var(--sx-err)}
.sx-bd-foot .u b{color:var(--sx-on)}
.sx-bd-foot .b{display:flex;gap:8px}
.sx-bd-foot .b button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:12px;font-weight:600;color:var(--sx-on);cursor:pointer}
.sx-bd-foot .b button:hover{border-color:var(--sx-hover);color:var(--sx-primary)}
.sx .sx-bd-foot .b .msym{font-size:15px}
.sx-bd-led td small{display:block;font-size:11px;color:var(--sx-muted);font-weight:400;margin-top:2px}
.sx-bd-led td.pl b{display:block;color:var(--sx-on)}
.sx-bd-led .vd{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}
.sx-bd-led .vd.ok{background:var(--sx-emb);color:var(--sx-emt)}.sx-bd-led .vd.over{background:#fef3c7;color:#92400e}.sx-bd-led .vd.low{background:var(--sx-hi2);color:var(--sx-onv)}
html.cp-dark .sx-bd-led .vd.over{background:#3a2e12;color:#fcd34d}
.sx-bd-led tr.tot td{background:var(--sx-low);font-weight:700;color:var(--sx-on)}
.sx-bd-alt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-bd-alt li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low)}
.sx-bd-alt li b{font-size:13px;color:var(--sx-on)}
.sx-bd-alt li em{font-style:normal;margin-left:6px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--sx-sc2);color:var(--sx-onv)}
.sx-bd-alt li p{margin:2px 0 0;font-size:12px;color:var(--sx-muted)}
.sx-bd-alt li button{flex-shrink:0;border:1px solid var(--sx-border);background:var(--sx-card);border-radius:8px;padding:6px 10px;font:inherit;font-size:11px;font-weight:600;color:var(--sx-on);cursor:pointer}
.sx-bd-alt li button:hover{border-color:var(--sx-hover);color:var(--sx-primary)}
/* ---- Stitch layer: refinance ---- */
.sx-rf-box{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:14px}
.sx-rf-box.new{border:2px solid var(--sx-hover);background:var(--sx-card)}
.sx-rf-box>.h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sx-rf-box>.h b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sx-on)}
.sx-rf-box>.h b i{width:7px;height:7px;border-radius:50%;background:var(--sx-muted);display:inline-block}
.sx-rf-box.new>.h b i{background:var(--sx-pc)}
.sx-rf-box>.h em{font-style:normal;font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;border:1px solid var(--sx-border);background:var(--sx-card);color:var(--sx-muted)}
.sx-rf-box.new>.h em{border-color:var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx-rf-box .sub{display:block;font-size:12px;color:var(--sx-muted);margin:10px 0 4px}
.sx-rf-box .ft{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--sx-sch);font-size:12px;color:var(--sx-muted)}
.sx-rf-box .ft b{color:var(--sx-on)}
.sx-rf-privacy{display:flex;gap:10px;margin-top:16px;padding:14px;border-radius:12px;border:1px solid var(--sx-border);background:var(--sx-card);font-size:12px;line-height:17px;color:var(--sx-onv)}
.sx .sx-rf-privacy .msym{font-size:18px;color:var(--sx-pc)}
.sx-rf-ver{padding:24px}
.sx-rf-ver .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--sx-border)}
.sx-rf-ver .hd small{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-muted)}
.sx-rf-ver .hd h2{margin:4px 0 0;font-family:var(--font-display);font-size:30px;line-height:38px;letter-spacing:-.02em;font-weight:600;color:var(--sx-on)}
@media(max-width:639px){.sx-rf-ver .hd h2{font-size:24px;line-height:32px}}
.sx-au-tiles.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:479px){.sx-au-tiles.c3{grid-template-columns:1fr}}
.sx-au-tiles b.neg{color:var(--sx-err)}
.sx-rf-ch{margin-top:6px}
.sx-rf-ch .h{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-rf-ch .h span:first-child{display:flex;align-items:center;gap:6px}
.sx .sx-rf-ch .h .msym{font-size:16px}
.sx-rf-ch .h span:last-child{font-size:11px;font-weight:500;color:var(--sx-muted)}
.sx-rf-ch svg{display:block;width:100%;height:auto;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low)}
.sx-rf-note{margin-top:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--sx-hover);background:var(--sx-emb)}
.sx-rf-note[hidden]{display:none}
.sx-rf-note .h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx .sx-rf-note .h .msym{font-size:18px}
.sx-rf-note .h em{font-style:normal;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid var(--sx-border);background:var(--sx-card);color:var(--sx-muted)}
.sx-rf-note p{margin:0 0 10px;font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx-rf-note .f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--sx-hover);font-size:12px;color:var(--sx-muted)}
.sx-rf-note .f b{color:var(--sx-on)}
.sx-rf-note .f button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--sx-primary);cursor:pointer;padding:0}
.sx .sx-rf-note .f button .msym{font-size:15px}
.sx-au-st td.pos{color:var(--sx-on);font-weight:600}.sx-au-st td.neg{color:var(--sx-err);font-weight:600}
.sx-au-st td .be{display:inline-block;margin-left:6px;font-family:var(--font-body,inherit);font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx-au-st td small{font-family:var(--font-body,inherit);font-size:10px;color:var(--sx-muted);margin-left:4px}
.sx-rf-no{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-rf-no li{display:flex;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--sx-sch);background:var(--sx-low)}
.sx .sx-rf-no li>.msym{font-size:18px;color:var(--sx-err)}
.sx-rf-no b{display:block;font-size:12px;color:var(--sx-on)}
.sx-rf-no p{margin:2px 0 0;font-size:12px;line-height:17px;color:var(--sx-onv)}
/* ---- Stitch layer: freelance rate ---- */
.sx-fr-sec{border-top:1px solid var(--sx-border);padding-top:16px}
.sx-fr-sec>.h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sx-fr-sec>.h h3{margin:0;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--sx-on)}
.sx-fr-real{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:14px}
.sx-fr-real .r{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--sx-on);margin-bottom:10px}
.sx-fr-real .r b{color:var(--sx-pc)}
.sx-fr-hero{position:relative;padding:22px;border:2px solid var(--sx-hover);overflow:hidden}
.sx-fr-hero .corner{position:absolute;top:0;right:0;padding:5px 12px;border-bottom-left-radius:10px;background:var(--sx-primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.sx-fr-hero .big{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums;margin:4px 0 14px}
.sx-fr-hero .big small{font-family:var(--font-body,inherit);font-size:14px;font-weight:500;color:var(--sx-muted);letter-spacing:0;margin-left:6px}
@media(max-width:640px){.sx-fr-hero .big{font-size:38px;line-height:46px}}
.sx-fr-gross{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--sx-hover);background:var(--sx-emb)}
.sx-fr-gross span{display:block;font-size:11px;color:var(--sx-emt)}
.sx-fr-gross b{font-family:var(--font-display);font-size:20px;color:var(--sx-on)}
.sx .sx-fr-gross .msym{font-size:24px;color:var(--sx-primary)}
.sx-fr-dec .bar{display:flex;height:10px;border-radius:99px;overflow:hidden;margin:4px 0 14px}
.sx-fr-dec .bar span{height:100%;transition:width .3s}
.sx-fr-dec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sx-fr-dec li{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--sx-onv)}
.sx-fr-dec li span{display:flex;align-items:center;gap:8px}
.sx-fr-dec li i{width:9px;height:9px;border-radius:50%;display:inline-block}
.sx-fr-dec li b{color:var(--sx-on);font-variant-numeric:tabular-nums}
.sx-fr-tier{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-fr-tier li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px}
.sx-fr-tier li.on{border:2px solid var(--sx-hover);background:var(--sx-emb)}
.sx-fr-tier li b{display:block;font-size:12px;color:var(--sx-on)}
.sx-fr-tier li span{font-size:11px;color:var(--sx-muted)}
.sx-fr-tier li .v{text-align:right}
.sx-fr-tier li .v b{font-family:var(--font-display);font-size:18px}
.sx-fr-eq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center;padding:16px;border:1px solid var(--sx-border);border-radius:12px;background:var(--sx-low);margin-bottom:20px}
@media(max-width:767px){.sx-fr-eq{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-fr-eq>div{text-align:center}
.sx-fr-eq span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-fr-eq b{display:block;font-family:var(--font-display);font-size:18px;color:var(--sx-on)}
.sx-fr-eq .trap{border:1px solid var(--sx-hover);background:var(--sx-emb);border-radius:10px;padding:10px}
.sx-fr-eq .trap span:first-child{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-emt)}
.sx-fr-eq .op{font-family:var(--font-mono);font-weight:700;color:var(--sx-muted)}
.sx-au-cmp .via{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:var(--sx-hi2);color:var(--sx-onv)}
.sx-au-cmp tr.act .via{background:var(--sx-sc);color:var(--sx-emt)}
.sx-fr-pm{display:flex;flex-direction:column;gap:10px}
.sx-fr-pm div{border:1px solid var(--sx-border);border-radius:10px;padding:12px;background:var(--sx-low)}
.sx-fr-pm b{display:block;font-size:13px;color:var(--sx-on)}
.sx-fr-pm p{margin:2px 0 0!important;font-size:12px!important;line-height:17px!important;color:var(--sx-muted)!important}
.sx-fr-eq .op{font-size:18px;color:var(--sx-on);margin-bottom:2px}
/* ---- Stitch layer: inflation ---- */
.sx-in-hero{padding:22px;position:relative;overflow:hidden}
.sx-in-hero .ic{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:12px;background:#fee2e2;color:var(--sx-err);display:flex;align-items:center;justify-content:center}
html.cp-dark .sx-in-hero .ic{background:#3b1c1c}
.sx .sx-in-hero .ic .msym{font-size:22px}
.sx-in-hero .big{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums;margin:4px 0 8px}
.sx-in-hero .big small{font-family:var(--font-body,inherit);font-size:14px;font-weight:500;color:var(--sx-muted);letter-spacing:0;margin-left:6px}
@media(max-width:640px){.sx-in-hero .big{font-size:38px;line-height:46px}}
.sx-in-hero .loss{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--sx-muted)}
.sx-in-hero .loss em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:700;padding:3px 10px;border-radius:99px;background:#fee2e2;color:#991b1b}
.sx-in-hero .loss em.up{background:var(--sx-emb);color:var(--sx-emt)}
html.cp-dark .sx-in-hero .loss em{background:#3b1c1c;color:#fca5a5}
.sx .sx-in-hero .loss .msym{font-size:14px}
.sx-in-t4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:479px){.sx-in-t4{grid-template-columns:1fr}}
.sx-in-t4>div{padding:16px;border-radius:12px}
.sx-in-t4 .k{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--sx-muted)}
.sx .sx-in-t4 .k .msym{font-size:16px;color:var(--sx-onv)}
.sx .sx-in-t4 .k .msym.r{color:var(--sx-err)}
.sx-in-t4 b{display:block;font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--sx-on);margin:6px 0 4px;font-variant-numeric:tabular-nums}
.sx-in-t4 b.r{color:var(--sx-err)}.sx-in-t4 b.g{color:var(--sx-pc)}
.sx-in-t4 p{margin:0;font-size:12px;line-height:17px;color:var(--sx-muted)}
.sx-in-assets{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.sx-in-assets li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px}
.sx-in-assets li.win{border-color:var(--sx-hover);background:var(--sx-emb)}
.sx-in-assets .ic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--sx-low);color:var(--sx-onv);flex-shrink:0}
.sx-in-assets li.lose .ic{background:#fee2e2;color:var(--sx-err)}
.sx-in-assets li.win .ic{background:var(--sx-pc);color:#fff}
html.cp-dark .sx-in-assets li.lose .ic{background:#3b1c1c}
.sx .sx-in-assets .ic .msym{font-size:18px}
.sx-in-assets li>div{flex:1;min-width:0}
.sx-in-assets .n{font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-in-assets .d{font-size:11px;color:var(--sx-muted)}
.sx-in-assets .v{text-align:right;flex-shrink:0}
.sx-in-assets .v b{display:block;font-size:13px;color:var(--sx-err)}
.sx-in-assets .v span{font-size:11px;color:var(--sx-err)}
.sx-in-assets li.win .v b,.sx-in-assets li.win .v span{color:var(--sx-pc)}
.sx-in-acts{display:flex;gap:8px;flex-wrap:wrap}
.sx-in-acts button,.sx-in-acts a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--sx-border);background:var(--sx-card);font:inherit;font-size:12px;font-weight:600;color:var(--sx-on);cursor:pointer}
.sx-in-acts a.pri{margin-left:auto;background:var(--sx-primary);border-color:var(--sx-primary);color:#fff}
.sx-in-acts button:hover{border-color:var(--sx-hover);color:var(--sx-primary)}.sx-in-acts a:hover{text-decoration:none}
.sx .sx-in-acts .msym{font-size:15px}
.sx-in-bk{display:flex;flex-direction:column;gap:6px}
.sx-in-bk button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;font-size:12px;color:var(--sx-on);cursor:pointer;text-align:left}
.sx-in-bk button i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--sx-outline);flex-shrink:0;box-sizing:border-box}
.sx-in-bk button span{flex:1}
.sx-in-bk button em{font-style:normal;font-size:11px;font-weight:600;color:var(--sx-err)}
.sx-in-bk button[aria-pressed="true"]{border-color:var(--sx-pc);background:var(--sx-emb)}
.sx-in-bk button[aria-pressed="true"] i{border:4px solid var(--sx-pc);background:var(--sx-card)}
.sx-in-bk button[aria-pressed="true"] em{color:var(--sx-emt)}
.sx-au-st tr.tg td{background:var(--sx-emb);font-weight:700}
.sx-au-st td.r{color:var(--sx-err)}.sx-au-st td.g{color:var(--sx-pc);font-weight:600}
/* ---- Stitch layer: credit card payoff ---- */
.sx-au-tiles.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:639px){.sx-au-tiles.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-au-tiles b.g{color:var(--sx-pc)}
.sx-au-tiles s{display:block;font-size:11px;color:var(--sx-err)}
.sx-cc-ver .hd h2{font-size:40px;line-height:46px;color:var(--sx-primary)}
@media(max-width:639px){.sx-cc-ver .hd h2{font-size:30px;line-height:36px}}
.sx-cc-save{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--sx-hover);background:var(--sx-emb);font-size:12px;font-weight:600;color:var(--sx-emt);max-width:220px}
.sx .sx-cc-save .msym{font-size:18px}
.sx-cc-trap{display:flex;gap:12px;padding:16px 18px;border-radius:12px;border:1px solid #fecaca;border-left:4px solid var(--sx-err);background:#fef2f2}
html.cp-dark .sx-cc-trap{background:#2a1717;border-color:#7f2d2d}
.sx-cc-trap .ic{width:36px;height:36px;border-radius:8px;background:#fee2e2;color:var(--sx-err);display:flex;align-items:center;justify-content:center;flex-shrink:0}
html.cp-dark .sx-cc-trap .ic{background:#3b1c1c}
.sx-cc-trap h3{margin:0 0 4px;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--sx-on)}
.sx-cc-trap p{margin:0;font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx-cc-trap p b{color:var(--sx-err)}
.sx-cc-cmp .row{margin-bottom:14px}
.sx-cc-cmp .row .r{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx-cc-cmp .row.bad .r{color:var(--sx-err)}
.sx-cc-cmp .row .t{height:12px;border-radius:99px;background:var(--sx-hi2);overflow:hidden}
.sx-cc-cmp .row .t span{display:block;height:100%;border-radius:99px;background:var(--sx-primary);transition:width .3s}
.sx-cc-cmp .row.bad .t span{background:#dc4b4b}
.sx-cc-ms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sx-border);border-bottom:1px solid var(--sx-border);padding:14px 0;margin:6px 0 16px}
.sx-cc-ms div{text-align:center;border-right:1px solid var(--sx-border)}.sx-cc-ms div:last-child{border-right:0}
.sx-cc-ms span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-cc-ms b{font-size:13px;color:var(--sx-on)}
.sx-au-cmp td .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sx-muted);margin-right:8px;vertical-align:1px}
.sx-au-cmp td .dot.r{background:var(--sx-err)}.sx-au-cmp td .dot.g{background:var(--sx-pc)}
.sx-au-cmp td.r{color:var(--sx-err)}.sx-au-cmp td.g{color:var(--sx-pc);font-weight:600}
.sx-au-cmp.plain th:nth-child(2),.sx-au-cmp.plain td:nth-child(2){background:none}
.sx-au-cmp.plain th:nth-child(2){color:var(--sx-muted)}
.sx-au-cmp.plain tr.act td:nth-child(2){background:var(--sx-low)}
.sx-ha-fbox code{white-space:pre-wrap}
/* ---- Stitch layer: savings goal ---- */
.sx-sg-chips{display:flex;flex-wrap:wrap;gap:6px}
.sx-sg-chips button{font:inherit;font-size:12px;font-weight:500;padding:5px 12px;border-radius:99px;border:1px solid var(--sx-border);background:var(--sx-card);color:var(--sx-onv);cursor:pointer}
.sx-sg-chips button:hover{border-color:var(--sx-hover)}
.sx-sg-chips button[aria-pressed="true"]{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff;font-weight:600}
.sx-sg-hero{padding:22px}
.sx-sg-hero .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sx-sg-hero .big{font-family:var(--font-display);font-size:48px;line-height:56px;letter-spacing:-.03em;font-weight:700;color:var(--sx-primary);font-variant-numeric:tabular-nums;margin:4px 0}
.sx-sg-hero .big small{font-family:var(--font-body,inherit);font-size:18px;font-weight:500;color:var(--sx-muted);letter-spacing:0;margin-left:6px}
@media(max-width:640px){.sx-sg-hero .big{font-size:38px;line-height:46px}}
.sx-sg-hero .note{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--sx-border);font-size:12px;line-height:18px;color:var(--sx-muted)}
.sx-au-tiles.c4 div.hl{border-color:var(--sx-hover);background:var(--sx-emb)}
.sx-sg-comp .bar{display:flex;height:12px;border-radius:99px;overflow:hidden;margin:4px 0 12px}
.sx-sg-comp .bar span{height:100%;transition:width .3s}
.sx-sg-comp .lg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12px;color:var(--sx-on)}
@media(max-width:479px){.sx-sg-comp .lg{grid-template-columns:1fr}}
.sx-sg-comp .lg span{display:flex;gap:6px;align-items:flex-start}
.sx-sg-comp .lg i{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}
.sx-sg-comp .lg small{display:block;font-size:11px;color:var(--sx-muted)}
.sx-sg-pace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
@media(max-width:479px){.sx-sg-pace{grid-template-columns:1fr}}
.sx-sg-pace>div{border:1px solid var(--sx-border);border-radius:12px;padding:14px;background:var(--sx-low)}
.sx-sg-pace .k{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-sg-pace .k em{font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--sx-sc);color:var(--sx-emt)}
.sx-sg-pace .k em.slow{background:var(--sx-hi2);color:var(--sx-onv)}
.sx-sg-pace b{display:block;font-family:var(--font-display);font-size:22px;color:var(--sx-on);margin:6px 0 4px}
.sx-sg-pace b small{font-family:var(--font-body,inherit);font-size:12px;font-weight:500;color:var(--sx-muted)}
.sx-sg-pace p{margin:0 0 10px;font-size:12px;line-height:17px;color:var(--sx-onv)}
.sx-sg-pace .f{display:flex;align-items:center;gap:5px;padding-top:8px;border-top:1px solid var(--sx-border);font-size:11px;color:var(--sx-muted)}
.sx .sx-sg-pace .f .msym{font-size:14px}
.sx-sg-st{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--sx-hi2);color:var(--sx-onv);font-family:var(--font-body,inherit)}
.sx-sg-st.ok{background:var(--sx-emb);color:var(--sx-emt)}.sx-sg-st.done{background:var(--sx-primary);color:#fff}
.sx-sg-take{margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--sx-sch);background:var(--sx-low);font-size:12px;line-height:17px;color:var(--sx-onv)}
.sx-sg-bw{margin-top:10px;font-size:12px;color:var(--sx-pc);font-weight:600}
.sx-sg-bw[hidden]{display:none}
.sx-sg-pace p b{display:inline;font-family:inherit;font-size:inherit;margin:0;color:var(--sx-on)}.sx-sg-comp .lg span span{display:block}
/* ---- Stitch layer: investment ---- */
.sx-iv-ret{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.sx-iv-ret button{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 10px;border:1px solid var(--sx-border);border-radius:6px;background:var(--sx-card);font:inherit;font-size:12px;color:var(--sx-onv);cursor:pointer}
.sx-iv-ret button b{color:var(--sx-on)}
.sx-iv-ret button[aria-pressed="true"]{border-color:var(--sx-pc);background:var(--sx-emb);color:var(--sx-emt)}
.sx-iv-tog{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sx-iv-tog b{display:block;font-size:12px;color:var(--sx-on)}
.sx-iv-tog span{font-size:11px;color:var(--sx-pc)}
.sx-iv-ms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
@media(max-width:639px){.sx-iv-ms{grid-template-columns:1fr}}
.sx-iv-ms div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sx-border);border-radius:10px}
.sx-iv-ms em{font-style:normal;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--sx-emb);color:var(--sx-emt);flex-shrink:0}
.sx-iv-ms div.fut em{background:var(--sx-hi2);color:var(--sx-onv)}
.sx-iv-ms b{display:block;font-size:12px;color:var(--sx-on)}
.sx-iv-ms span{font-size:11px;color:var(--sx-muted)}
.sx-au-st td .tag{display:inline-block;margin-left:6px;font-family:var(--font-body,inherit);font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx-au-st td .tag.t{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff}
/* ---- Stitch layer: CD ---- */
.sx-cd-mode{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-card)}
.sx-cd-mode a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--sx-onv)}
.sx-cd-mode a.on{background:var(--sx-primary);color:#fff}
.sx-cd-mode a:hover{text-decoration:none}
.sx .sx-cd-mode .msym{font-size:16px}
.sx-cd-hero{position:relative;overflow:hidden;padding:22px;border-radius:16px;background:linear-gradient(135deg,#0f5b44 0%,#00422f 70%);color:#fff}
.sx-cd-hero .bg{position:absolute;right:-10px;bottom:-24px;font-size:140px;opacity:.12}
.sx-cd-hero .k{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#abf1d2}
.sx-cd-hero .k em{font-style:normal;text-transform:none;letter-spacing:0;font-size:11px;padding:2px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.3);color:#fff}
.sx-cd-hero .big{font-family:var(--font-display);font-size:42px;line-height:50px;font-weight:700;letter-spacing:-.02em;margin:6px 0 14px;font-variant-numeric:tabular-nums}
@media(max-width:640px){.sx-cd-hero .big{font-size:34px;line-height:42px}}
.sx-cd-hero .f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:12px}
.sx-cd-hero .f span{display:flex;align-items:center;gap:6px}
.sx-cd-hero .f b{font-weight:600}
.sx .sx-cd-hero .f .msym{font-size:16px}
.sx-cd-hero .f .plus{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center}
.sx-cd-tl .bar{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--sx-fdim),var(--sx-primary));margin:14px 0 10px}
.sx-cd-tl .pts{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--sx-muted)}
.sx-cd-tl .pts div:nth-child(2){text-align:center}.sx-cd-tl .pts div:last-child{text-align:right}
.sx-cd-tl .pts b{display:block;font-size:13px;color:var(--sx-on)}
.sx-cd-tl .pts span{color:var(--sx-pc)}
.sx-cd-vs{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:14px;padding:16px}
.sx-cd-vs .h{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-cd-vs .h span:first-child{display:flex;align-items:center;gap:6px}
.sx .sx-cd-vs .h .msym{font-size:16px}
.sx-cd-vs .h span:last-child{font-size:11px;font-weight:500;color:var(--sx-muted)}
.sx-cd-vs .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:479px){.sx-cd-vs .g2{grid-template-columns:1fr}}
.sx-cd-vs .g2>div{border:1px solid var(--sx-border);border-radius:10px;padding:12px;background:var(--sx-card)}
.sx-cd-vs .g2>div.on{border:2px solid var(--sx-hover)}
.sx-cd-vs .t{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-cd-vs .t em{font-style:normal;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt)}
.sx-cd-vs .t em.v{background:var(--sx-hi2);color:var(--sx-onv)}
.sx-cd-vs b{display:block;font-family:var(--font-display);font-size:20px;color:var(--sx-on);margin:6px 0 4px}
.sx-cd-vs b small{font-family:var(--font-body,inherit);font-size:11px;color:var(--sx-pc);font-weight:600}
.sx-cd-vs .g2>div:not(.on) b{color:var(--sx-muted)}
.sx-cd-vs p{margin:0;font-size:11px;line-height:16px;color:var(--sx-muted)}
.sx-cd-vs input{width:56px;height:24px;border:1px solid var(--sx-border);border-radius:4px;padding:0 4px;font:inherit;font-size:12px;background:var(--sx-card);color:var(--sx-on)}
.sx-cd-tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
@media(max-width:1023px){.sx-cd-tr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479px){.sx-cd-tr{grid-template-columns:1fr}}
.sx-cd-tr>div{border:1px solid var(--sx-border);border-radius:12px;padding:14px;background:var(--sx-card)}
.sx-cd-tr>div.pk{border:2px solid var(--sx-hover);background:var(--sx-emb)}
.sx-cd-tr .k{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-cd-tr .k em{font-style:normal;font-size:10px;padding:1px 6px;border-radius:4px;background:var(--sx-hi2);color:var(--sx-onv)}
.sx-cd-tr>div.pk .k em{background:var(--sx-sc);color:var(--sx-emt)}
.sx-cd-tr b{display:block;font-family:var(--font-display);font-size:20px;color:var(--sx-on);margin:8px 0}
.sx-cd-tr .r{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--sx-muted)}
.sx-cd-tr .r input{width:52px;height:24px;border:1px solid var(--sx-border);border-radius:4px;padding:0 4px;font:inherit;font-size:11px;background:var(--sx-card);color:var(--sx-on)}
.sx-cd-tr .r b{display:inline;font-family:inherit;font-size:12px;margin:0;color:var(--sx-pc)}
.sx-cd-tr p{margin:8px 0 0;font-size:11px;color:var(--sx-muted)}
/* ---- Stitch layer: DTI ---- */
.sx-dt-grp{border-top:1px solid var(--sx-border);padding-top:14px}
.sx-dt-grp>.h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-dt-grp>.h span:first-child{display:flex;align-items:center;gap:8px}
.sx-dt-grp>.h span:first-child::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sx-primary)}
.sx-dt-grp>.h b{color:var(--sx-pc)}
.sx-dt-grp .sub{display:block;font-size:12px;color:var(--sx-onv);margin-bottom:4px}
.sx-dt-inc{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:14px}
.sx-dt-inc .f{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;color:var(--sx-muted)}
.sx-dt-inc .f b{color:var(--sx-on)}
.sx-dt-grade{border:1px solid var(--sx-hover);background:var(--sx-emb);border-radius:10px;padding:14px;margin-bottom:14px}
.sx-dt-grade.mid{border-color:#fcd34d;background:#fffbeb}.sx-dt-grade.hi{border-color:#fca5a5;background:#fef2f2}
html.cp-dark .sx-dt-grade.mid{background:#3a2e12;border-color:#7a5a17}html.cp-dark .sx-dt-grade.hi{background:#2a1717;border-color:#7f2d2d}
.sx-dt-grade b{display:block;font-family:var(--font-display);font-size:18px;line-height:24px;color:var(--sx-emt);margin-bottom:4px}
.sx-dt-grade.mid b{color:#92400e}.sx-dt-grade.hi b{color:#991b1b}
html.cp-dark .sx-dt-grade.mid b{color:#fcd34d}html.cp-dark .sx-dt-grade.hi b{color:#fca5a5}
.sx-dt-grade p{margin:0;font-size:12px;line-height:17px;color:var(--sx-onv)}
.sx-dt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sx-dt-two>div{border:1px solid var(--sx-border);border-radius:10px;padding:12px}
.sx-dt-two .k{display:flex;justify-content:space-between;font-size:11px;color:var(--sx-muted)}
.sx-dt-two .k i{width:8px;height:8px;border-radius:50%;background:var(--sx-primary)}
.sx-dt-two .k i.mid{background:#f59e0b}.sx-dt-two .k i.hi{background:var(--sx-err)}
.sx-dt-two b{display:block;font-family:var(--font-display);font-size:28px;line-height:34px;color:var(--sx-primary);margin:2px 0}
.sx-dt-two b.mid{color:#b45309}.sx-dt-two b.hi{color:var(--sx-err)}
.sx-dt-two span.s{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--sx-pc)}
.sx-dt-two span.s.mid{color:#b45309}.sx-dt-two span.s.hi{color:var(--sx-err)}
.sx .sx-dt-two span.s .msym{font-size:14px}
.sx-dt-sc{margin-bottom:14px}
.sx-dt-sc .r{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx-dt-sc .r span{font-weight:500;color:var(--sx-muted)}
.sx-dt-sc .t{position:relative;height:10px;border-radius:99px;overflow:hidden;display:flex}
.sx-dt-sc .t span{height:100%}
.sx-dt-sc .mk{position:relative;height:0}
.sx-dt-sc .mk i{position:absolute;top:-14px;width:3px;height:18px;border-radius:2px;background:var(--sx-on);transform:translateX(-50%);box-shadow:0 0 0 2px var(--sx-card)}
.sx-dt-sc .lb{position:relative;height:16px;margin-top:6px;font-size:10px;color:var(--sx-muted)}
.sx-dt-sc .lb span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.sx-dt-sc .lb span:first-child{transform:none}.sx-dt-sc .lb span:last-child{transform:translateX(-100%)}
.sx-dt-sc .lb span.b{font-weight:700;color:var(--sx-on)}.sx-dt-sc .lb span.r{font-weight:700;color:var(--sx-err)}
.sx-dt-cush{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid var(--sx-border);font-size:12px;color:var(--sx-muted)}
.sx-dt-cush b{color:var(--sx-on)}
.sx-dt-tip{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:10px;padding:12px;margin-bottom:14px}
.sx-dt-tip b{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sx-on);margin-bottom:4px}
.sx .sx-dt-tip b .msym{font-size:15px}
.sx-dt-tip p{margin:0;font-size:12px;line-height:17px;color:var(--sx-onv)}
.sx-dt-out{display:flex;gap:12px;align-items:center;padding:16px}
.sx-dt-out .ic{width:40px;height:40px;border-radius:10px;background:var(--sx-sc);color:var(--sx-emt);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sx-dt-out b{display:block;font-size:14px;color:var(--sx-on)}
.sx-dt-out span{font-size:12px;color:var(--sx-muted)}
/* ---- Stitch layer: down payment ---- */
.sx-dp-strat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:479px){.sx-dp-strat{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-dp-strat button{text-align:left;padding:10px 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;cursor:pointer;color:var(--sx-on);position:relative}
.sx-dp-strat button small{display:block;font-size:11px;color:var(--sx-muted)}
.sx-dp-strat button b{font-size:13px}
.sx-dp-strat button[aria-pressed="true"]{border:2px solid var(--sx-primary);background:var(--sx-emb)}
.sx-dp-strat button[aria-pressed="true"] small{color:var(--sx-emt)}
.sx-dp-strat button.wide{grid-column:span 2}
@media(max-width:479px){.sx-dp-strat button.wide{grid-column:auto}}
.sx-dp-prog{display:flex;align-items:center;gap:8px}
.sx-dp-prog i{flex:1;max-width:80px;height:6px;border-radius:99px;background:var(--sx-hi2);overflow:hidden;display:block}
.sx-dp-prog i span{display:block;height:100%;background:var(--sx-primary)}
.sx-dp-tag{display:inline-block;font-family:var(--font-body,inherit);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;border:1px solid var(--sx-border);color:var(--sx-onv)}
.sx-dp-tag.ok{border-color:var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
.sx-dp-tag.done{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff}
.sx-dp-note{display:flex;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--sx-sch);background:var(--sx-low);font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx .sx-dp-note .msym{font-size:18px;color:var(--sx-pc)}
.sx-dp-note b{color:var(--sx-on)}
/* ---- Stitch layer: credit utilization ---- */
.sx-cu-card{border:1px solid var(--sx-border);border-radius:12px;padding:12px 14px;background:var(--sx-low);margin-bottom:10px}
.sx-cu-card .h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.sx-cu-card .h em{font-style:normal;width:22px;height:22px;border-radius:6px;background:var(--sx-card);border:1px solid var(--sx-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--sx-on);flex-shrink:0}
.sx-cu-card .h input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--sx-on);outline:none}
.sx-cu-card .h .u{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--sx-emb);color:var(--sx-emt);white-space:nowrap}
.sx-cu-card .h .u.mid{background:#fef3c7;color:#92400e}.sx-cu-card .h .u.hi{background:#fee2e2;color:#991b1b}
html.cp-dark .sx-cu-card .h .u.mid{background:#3a2e12;color:#fcd34d}html.cp-dark .sx-cu-card .h .u.hi{background:#3b1c1c;color:#fca5a5}
.sx-cu-card .h button{border:0;background:none;color:var(--sx-muted);cursor:pointer;padding:2px;display:flex}
.sx .sx-cu-card .h button .msym{font-size:16px}
.sx-cu-card .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:479px){.sx-cu-card .g{grid-template-columns:1fr 1fr}}
.sx-cu-card label{display:block;font-size:11px;color:var(--sx-muted);margin-bottom:3px}
.sx-cu-card input[type=number],.sx-cu-card select{width:100%;height:32px;padding:0 8px;border:1px solid var(--sx-border);border-radius:6px;background:var(--sx-card);font:inherit;font-size:12px;color:var(--sx-on);outline:none}
.sx-cu-add{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--sx-hover);background:var(--sx-emb);font:inherit;font-size:12px;font-weight:600;color:var(--sx-emt);cursor:pointer}
.sx .sx-cu-add .msym{font-size:15px}
.sx-cu-tot{display:flex;gap:16px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;background:var(--sx-low);border:1px solid var(--sx-sch);font-size:12px;color:var(--sx-muted)}
.sx-cu-tot b{color:var(--sx-on)}
.sx-cu-spec .r{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--sx-on);margin-bottom:6px}
.sx-cu-spec .r span b.c{color:var(--sx-err)}.sx-cu-spec .r span b.s{color:var(--sx-pc)}
.sx-cu-spec .t{position:relative;display:flex;height:10px;border-radius:99px;overflow:visible}
.sx-cu-spec .t span{height:100%}
.sx-cu-spec .t span:first-child{border-radius:99px 0 0 99px}.sx-cu-spec .t span:nth-child(5){border-radius:0 99px 99px 0}
.sx-cu-spec .t i{position:absolute;top:-4px;width:4px;height:18px;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 0 2px var(--sx-card)}
.sx-cu-spec .t i.c{background:var(--sx-on)}.sx-cu-spec .t i.s{background:var(--sx-pc)}
.sx-cu-spec .lb{display:grid;grid-template-columns:9fr 20fr 20fr 25fr 26fr;margin-top:6px;font-size:10px;color:var(--sx-muted);text-align:center}
.sx-cu-sim{border:1px solid var(--sx-border);border-radius:12px;padding:14px;margin-top:16px}
.sx-cu-sim h4{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--sx-on)}
.sx .sx-cu-sim h4 .msym{font-size:18px}
.sx-cu-sim .row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--sx-border);border-radius:8px;margin-bottom:10px}
.sx-cu-sim .row span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-cu-sim .row b{font-family:var(--font-display);font-size:18px;color:var(--sx-on)}
.sx-cu-sim .row .rt{text-align:right}
.sx-cu-sim .row .rt b{font-size:14px}
.sx-cu-alert{display:flex;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid #fca5a5;background:#fef2f2;font-size:12px;line-height:17px;color:#7f1d1d}
.sx-cu-alert.ok{border-color:var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
html.cp-dark .sx-cu-alert{background:#2a1717;border-color:#7f2d2d;color:#fca5a5}
html.cp-dark .sx-cu-alert.ok{background:var(--sx-emb);border-color:var(--sx-hover);color:var(--sx-emt)}
.sx .sx-cu-alert .msym{font-size:16px}
.sx-cu-risk{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt);white-space:nowrap}
.sx-cu-risk.mid{border-color:#fcd34d;background:#fffbeb;color:#92400e}.sx-cu-risk.hi{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
/* ---- Stitch layer: house flip ---- */
.sx-hf-warn{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;font-size:12px;color:#7f1d1d}
.sx-hf-warn.ok{border-color:var(--sx-hover);background:var(--sx-emb);color:var(--sx-emt)}
html.cp-dark .sx-hf-warn{background:#2a1717;border-color:#7f2d2d;color:#fca5a5}
.sx-hf-warn span{display:flex;align-items:center;gap:6px}
.sx .sx-hf-warn .msym{font-size:15px}
.sx-hf-rehab{border:1px solid var(--sx-sch);background:var(--sx-low);border-radius:12px;padding:14px}
.sx-hf-rehab .h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-hf-rehab .h span{display:flex;align-items:center;gap:6px}
.sx .sx-hf-rehab .h .msym{font-size:16px}
.sx-hf-rehab .h b{font-family:var(--font-display);font-size:20px;color:var(--sx-primary)}
.sx-hf-rehab label{display:block;font-size:11px;color:var(--sx-muted);margin-bottom:3px}
.sx-hf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:639px){.sx-hf-two{grid-template-columns:1fr}}
.sx-hf-two>div{border:1px solid var(--sx-border);border-radius:10px;padding:12px}
.sx-hf-two>div>b{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sx-on);margin-bottom:8px}
.sx .sx-hf-two>div>b .msym{font-size:15px}
.sx-hf-two label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--sx-onv);margin-bottom:6px}
.sx-hf-two label input{width:78px;height:26px;border:1px solid var(--sx-border);border-radius:5px;padding:0 6px;font:inherit;font-size:11px;background:var(--sx-card);color:var(--sx-on);text-align:right}
.sx-hf-two .tot{display:flex;justify-content:space-between;padding-top:6px;border-top:1px solid var(--sx-border);font-size:12px;font-weight:600;color:var(--sx-pc)}
.sx-hf-fin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:479px){.sx-hf-fin{grid-template-columns:1fr}}
.sx-hf-fin label{display:block;font-size:11px;color:var(--sx-muted);margin-bottom:3px}
.sx-hf-fin small{display:block;font-size:11px;color:var(--sx-pc);margin-top:3px}
.sx-hf-fin[hidden]{display:none}
.sx-hf-cash{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:10px;border:1px solid var(--sx-sch);background:var(--sx-low)}
.sx-hf-cash span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-hf-cash b{font-family:var(--font-display);font-size:20px;color:var(--sx-on)}
.sx-hf-cash .rt{text-align:right;font-size:11px;color:var(--sx-muted);max-width:170px}
.sx-hf-mao{font-family:var(--font-mono);font-size:12px;line-height:18px;padding:10px 12px;border-radius:8px;border:1px solid var(--sx-sch);background:var(--sx-low);color:var(--sx-onv);margin-top:10px}
.sx-hf-mao b{color:var(--sx-on)}
/* ---- Stitch layer: personal loan ---- */
.sx-pl-audit{border:1px solid var(--sx-hover);background:var(--sx-emb);border-radius:12px;padding:16px;margin-top:16px}
.sx-pl-audit h4{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--sx-on)}
.sx .sx-pl-audit h4 .msym{font-size:18px}
.sx-pl-audit .g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:479px){.sx-pl-audit .g{grid-template-columns:1fr}}
.sx-pl-audit .g>div{display:flex;gap:8px}
.sx .sx-pl-audit .g .msym{font-size:18px;color:var(--sx-pc)}
.sx-pl-audit b{display:block;font-size:12px;color:var(--sx-on)}
.sx-pl-audit p{margin:2px 0 0;font-size:11px;line-height:16px;color:var(--sx-onv)}
.sx-pl-cons{border:1px solid var(--sx-hover);background:var(--sx-emb);border-radius:12px;padding:14px}
.sx-pl-cons[hidden]{display:none}
.sx-pl-cons>b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sx-on);margin-bottom:10px}
.sx .sx-pl-cons>b .msym{font-size:16px}
.sx-pl-cons label{display:block;font-size:11px;color:var(--sx-muted);margin-bottom:3px}
.sx-au-st tr.yr td{font-weight:700;background:var(--sx-low)}
.sx-au-st tr.yr td:first-child::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sx-primary);margin-right:8px;vertical-align:1px}
.sx-au-st tr.mo td:first-child{padding-left:30px;font-weight:500}
.sx-au-st tr.mo.hid{display:none}
/* ---- Stitch layer: UK mortgage repayment ---- */
.sx-ur-ltv{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low);font-family:var(--font-mono);font-weight:600;color:var(--sx-on)}
.sx-ur-ltv em{font-style:normal;font-family:var(--font-body);font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--sx-emb);color:var(--sx-emt)}
.sx-ur-net{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low)}
.sx-ur-net span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-ur-net b{font-family:var(--font-display);font-size:20px;color:var(--sx-on)}
.sx-ur-net .rt{text-align:right}.sx-ur-net .rt b{font-size:14px}
.sx-ur-fee{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sx-ur-fee b{display:block;font-size:13px;color:var(--sx-on)}.sx-ur-fee small{font-size:11px;color:var(--sx-muted)}
.sx-ur-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:639px){.sx-ur-cards{grid-template-columns:1fr}}
.sx-ur-card{position:relative;border:1px solid var(--sx-border);border-radius:12px;padding:18px;background:var(--sx-card)}
.sx-ur-card.pri{border:2px solid var(--sx-primary)}
.sx-ur-card .rib{position:absolute;top:0;right:0;background:var(--sx-primary);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:0 9px 0 8px}
.sx-ur-card h3{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:600;color:var(--sx-on)}
.sx .sx-ur-card h3 .msym{font-size:18px}
.sx-ur-card .v{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--sx-primary);line-height:1.1}
.sx-ur-card.io .v{color:var(--sx-on)}
.sx-ur-card .n{font-size:11px;color:var(--sx-muted);margin-top:2px}
.sx-ur-card .n.g{color:var(--sx-pc);font-weight:600}
.sx-ur-card dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--sx-border);display:grid;grid-template-columns:auto auto;gap:6px 10px;font-size:12px}
.sx-ur-card dt{color:var(--sx-muted)}.sx-ur-card dd{margin:0;text-align:right;font-family:var(--font-mono);font-weight:600;color:var(--sx-on)}
.sx-ur-card dd.r{color:var(--sx-err)}.sx-ur-card dd.g{color:var(--sx-pc)}
.sx-ur-anat{margin-top:14px;border:1px solid var(--sx-border);border-radius:10px;padding:12px 14px;background:var(--sx-low)}
.sx-ur-anat .r{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:600;color:var(--sx-on)}
.sx-ur-anat .r span{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--sx-onv)}
.sx-ur-anat .r i{width:9px;height:9px;border-radius:2px;display:inline-block}
.sx-ur-anat .t{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--sx-hi2,#cbd5e1);margin:10px 0 8px}
.sx-ur-anat .t span{background:var(--sx-primary)}
.sx-ur-anat p{margin:0;font-size:11px;color:var(--sx-muted)}
.sx-ur-stress{display:flex;gap:12px;margin-top:14px;padding:14px;border-radius:10px;background:var(--sx-low);border:1px solid var(--sx-border)}
.sx .sx-ur-stress>.msym{color:var(--sx-primary);font-size:22px}
.sx-ur-stress>div>b{display:block;font-size:13px;color:var(--sx-on);margin-bottom:4px}
.sx-ur-stress p{margin:0;font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx-ur-stress .r{color:var(--sx-err);font-weight:700}
.sx-au-st .ms{display:inline-block;margin-left:6px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--sx-low);border:1px solid var(--sx-border);color:var(--sx-onv);font-family:var(--font-body)}
.sx-au-st .ms.g{background:var(--sx-emb);border-color:var(--sx-hover);color:var(--sx-emt)}
.sx-au-st small.p{font-size:10px;color:var(--sx-muted);margin-left:4px}
.sx-au-st td.g{color:var(--sx-pc)}
.sx-ur-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:32px}
@media(max-width:767px){.sx-ur-guide{grid-template-columns:1fr}}
.sx-ur-guide .sx-card{padding:24px;display:flex;flex-direction:column}
.sx-ur-guide .k{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-muted);margin-bottom:12px}
.sx .sx-ur-guide .k .msym{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);font-size:20px}
.sx-ur-guide h3{margin:0 0 10px;font-family:var(--font-display);font-size:19px;color:var(--sx-on)}
.sx-ur-guide p{margin:0 0 16px;font-size:14px;line-height:22px;color:var(--sx-onv);flex:1}
.sx-ur-guide a{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--sx-border);font-size:13px;font-weight:600;color:var(--sx-on);text-decoration:none}
.sx-au-opts.c6{grid-template-columns:repeat(6,minmax(0,1fr))}
/* ---- Stitch layer: annuity ---- */
.sx-an-hero{border:2px solid var(--sx-primary);padding:20px;position:relative;overflow:hidden}
.sx-an-hero .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-an-hero .hd span:first-child{display:inline-flex;align-items:center;gap:6px}
.sx-an-hero .hd span:first-child:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sx-pc)}
.sx-an-hero .big{margin:12px 0 4px;font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1;color:var(--sx-primary);letter-spacing:-.02em}
.sx-an-hero .big small{font-size:16px;font-weight:500;color:var(--sx-muted);margin-left:4px;letter-spacing:0}
.sx-an-hero p{margin:0;font-size:12px;color:var(--sx-onv)}
.sx-an-hero .g2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--sx-border)}
.sx-an-hero .g2 span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-an-hero .g2 b{font-family:var(--font-display);font-size:20px;color:var(--sx-on)}
.sx-an-hero .gain{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 12px;border:1px solid var(--sx-hover);border-radius:8px;background:var(--sx-emb);font-size:12px;color:var(--sx-emt)}
.sx-an-hero .gain b{font-family:var(--font-mono)}
.sx-an-hero .gain.neg{border-color:var(--sx-border);background:var(--sx-low);color:var(--sx-onv)}
.sx-an-hero .note{margin-top:10px;font-size:11px;line-height:16px;color:var(--sx-muted)}
.sx-an-wf{padding:20px}
.sx-an-wf h3,.sx-an-sur h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--sx-on)}
.sx-an-wf>p{margin:4px 0 12px;font-size:12px;color:var(--sx-muted)}
.sx-an-wf .bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--sx-low);margin-bottom:12px}
.sx-an-wf .bar span{display:block;height:100%}
.sx-an-wf ul{list-style:none;margin:0;padding:0}
.sx-an-wf li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:12px;color:var(--sx-on)}
.sx-an-wf li span{display:inline-flex;align-items:center;gap:8px}
.sx-an-wf li i{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}
.sx-an-wf li b{font-family:var(--font-mono);font-size:12px;white-space:nowrap}
.sx-an-wf li b small{color:var(--sx-muted);font-weight:500}
.sx-an-sur{padding:20px}
.sx-an-sur .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.sx-an-sur .hd h3{display:flex;align-items:center;gap:8px}
.sx-an-sur .hd span{font-size:11px;color:var(--sx-muted)}
.sx-an-sur .t{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low);text-align:center}
.sx-an-sur .t div{padding:8px 2px;font-size:10px;color:var(--sx-muted)}
.sx-an-sur .t b{display:block;margin-top:3px;font-family:var(--font-mono);font-size:13px;color:var(--sx-on)}
.sx-an-sur .t div:first-child b{color:var(--sx-err)}
.sx-an-sur p{margin:10px 0 0;font-size:11px;line-height:16px;color:var(--sx-muted)}
.sx-an-sur[data-off] .t{opacity:.45}
.sx-an-ph{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--sx-low);border:1px solid var(--sx-border);color:var(--sx-onv);font-family:var(--font-body)}
.sx-an-ph.a{background:var(--sx-emb);border-color:var(--sx-hover);color:var(--sx-emt)}
.sx-an-ph.p{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff}
.sx-an-ph.l{background:#d1fae5;border-color:#6ee7b7;color:#065f46}
.sx-au-st tr.pb td{background:var(--sx-emb);font-weight:700}
.sx-an-age{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low);font-family:var(--font-mono);font-weight:600;color:var(--sx-on)}
.sx-an-age em{font-style:normal;font-family:var(--font-body);font-size:11px;color:var(--sx-muted);font-weight:500}
.sx-an-cola{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low)}
.sx .sx-an-cola>.msym{color:var(--sx-primary)}
.sx-an-cola div{flex:1}.sx-an-cola b{display:block;font-size:13px;color:var(--sx-on)}.sx-an-cola small{font-size:11px;color:var(--sx-muted)}
.sx-an-tvm{margin-bottom:32px;padding:24px}
.sx-an-tvm .g{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:start}
@media(max-width:899px){.sx-an-tvm .g{grid-template-columns:1fr}}
/* ---- Stitch layer: high-yield savings ---- */
.sx-hy-hero{background:var(--sx-primary);border-color:var(--sx-primary);color:#fff;padding:22px;position:relative;overflow:hidden}
.sx-hy-hero .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.75)}
.sx-hy-hero .hd em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.sx .sx-hy-hero .hd .msym{font-size:14px}
.sx-hy-hero .k{margin-top:16px;font-size:13px;color:rgba(255,255,255,.85)}
.sx-hy-hero .big{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:4px 0 12px;font-variant-numeric:tabular-nums}
.sx-hy-hero p{margin:0;font-size:12px;line-height:18px;color:rgba(255,255,255,.8)}
.sx-hy-hero p b{color:#fff}
.sx .sx-hy-hero .wm{position:absolute;right:-14px;bottom:-18px;font-size:120px;opacity:.08}
.sx-hy-stack{padding:16px 18px}
.sx-hy-stack .hd{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--sx-on);margin-bottom:10px}
.sx-hy-stack .hd span{font-size:11px;font-weight:500;color:var(--sx-muted)}
.sx-hy-stack .bar{display:flex;gap:2px;height:10px;border-radius:999px;overflow:hidden;background:var(--sx-low)}
.sx-hy-stack .bar span{display:block;height:100%}
.sx-hy-stack .lg{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--sx-onv)}
.sx-hy-stack .lg span{display:inline-flex;align-items:center;gap:5px}
.sx-hy-stack .lg i{width:8px;height:8px;border-radius:50%;display:inline-block}
.sx-hy-ms{padding:16px 18px}
.sx-hy-ms h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;color:var(--sx-on)}
.sx .sx-hy-ms h4 .msym{font-size:17px}
.sx-hy-ms li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--sx-border);font-size:12px;color:var(--sx-on)}
.sx-hy-ms ul{list-style:none;margin:0;padding:0}.sx-hy-ms li:last-child{border-bottom:0}
.sx-hy-ms li em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt)}
.sx-hy-ms li em.no{background:var(--sx-low);color:var(--sx-muted)}
.sx-hy-tax{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low);font-size:12px;color:var(--sx-onv)}
.sx-hy-tax b{color:var(--sx-on);font-family:var(--font-mono)}
.sx-hy-tax[hidden]{display:none}
.sx-hy-cmp{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0;padding:10px 14px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-low);font-size:12px;color:var(--sx-onv)}
.sx-hy-cmp b{color:var(--sx-on)}.sx-hy-cmp b.g{color:var(--sx-pc)}
.sx .sx-hy-cmp .msym{font-size:16px;color:var(--sx-muted)}
.sx-au-st td.pos{color:var(--sx-pc)}
/* ---- Stitch layer: 529 college savings ---- */
.sx-cs-v{padding:20px}
.sx-cs-v .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.sx-cs-v .hd b{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:17px;color:var(--sx-on)}
.sx .sx-cs-v .hd b .msym{color:var(--sx-primary)}
.sx-cs-v .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:479px){.sx-cs-v .two{grid-template-columns:1fr}}
.sx-cs-v .two>div{border:1px solid var(--sx-border);border-radius:10px;padding:14px;background:var(--sx-low)}
.sx-cs-v .two span{display:block;font-size:11px;color:var(--sx-muted)}
.sx-cs-v .two b{display:block;font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--sx-on);margin:4px 0;font-variant-numeric:tabular-nums}
.sx-cs-v .two b.g{color:var(--sx-primary)}
.sx-cs-v .two em{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#fee2e2;color:#991b1b}
.sx-cs-v .two em.g{background:var(--sx-emb);color:var(--sx-emt)}
.sx .sx-cs-v .two em .msym{font-size:13px}
.sx-cs-rd{margin-top:14px}
.sx-cs-rd .r{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-cs-rd .t{height:10px;border-radius:999px;background:#fee2e2;overflow:hidden;margin:8px 0 6px}
.sx-cs-rd .t span{display:block;height:100%;background:var(--sx-primary)}
.sx-cs-rd .l{display:flex;justify-content:space-between;font-size:11px;color:var(--sx-muted)}
.sx-cs-rd .l b{color:var(--sx-err)}
.sx-cs-vel{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--sx-hover);border-radius:10px;background:var(--sx-emb);font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx .sx-cs-vel>.msym{color:var(--sx-primary)}
.sx-cs-vel b.h{display:block;font-size:13px;color:var(--sx-on);margin-bottom:2px}
.sx-cs-vel.ok{border-color:var(--sx-border);background:var(--sx-low)}
.sx-cs-sh{padding:6px 18px}
.sx-cs-sh li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--sx-border);font-size:13px;color:var(--sx-onv)}
.sx-cs-sh ul{list-style:none;margin:0;padding:0}.sx-cs-sh li:last-child{border-bottom:0}
.sx-cs-sh li span{display:inline-flex;align-items:center;gap:8px}
.sx .sx-cs-sh li .msym{font-size:18px;color:var(--sx-primary)}
.sx-cs-sh li b{font-family:var(--font-mono);color:var(--sx-on);white-space:nowrap}
.sx-cs-sh li b.g{color:var(--sx-pc)}
.sx-au-st tr.fin td{background:var(--sx-emb);font-weight:700}
/* ---- Stitch layer: VAT ---- */
.sx-vt-set{padding:20px}
.sx-vt-set .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--sx-border)}
.sx-vt-set .hd b{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:17px;color:var(--sx-on)}
.sx-vt-set .hd small{display:block;font-size:11px;color:var(--sx-muted);margin-top:2px}
.sx-vt-gross{margin:14px 0;padding:16px;border-radius:12px;background:var(--sx-primary);color:#fff}
.sx-vt-gross span{font-size:12px;color:rgba(255,255,255,.8)}
.sx-vt-gross .big{font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:-.02em;margin:4px 0 10px;font-variant-numeric:tabular-nums}
.sx-vt-gross .r{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-size:12px}
.sx-vt-gross .r b{font-family:var(--font-mono);color:#fff}
.sx-vt-led{border:1px solid var(--sx-border);border-radius:10px;overflow:hidden}
.sx-vt-led .h{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--sx-low);font-size:12px;font-weight:600;color:var(--sx-on)}
.sx-vt-led .h span{font-size:10px;font-weight:500;color:var(--sx-muted)}
.sx-vt-led div.l{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid var(--sx-border);font-size:12px;color:var(--sx-onv)}
.sx-vt-led div.l b{font-family:var(--font-mono);color:var(--sx-on);white-space:nowrap}
.sx-vt-led div.l b.r{color:var(--sx-err)}
.sx-vt-led div.l.t{background:var(--sx-emb);font-weight:700;color:var(--sx-on)}
.sx-vt-led div.l.t b{color:var(--sx-emt);font-size:14px}
.sx-vt-led[hidden]{display:none}
.sx-vt-f{margin-top:14px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low);font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx-vt-f code{display:block;margin:6px 0;font-family:var(--font-mono);font-size:12px;color:var(--sx-on)}
.sx-vt-f b{color:var(--sx-on)}
.sx-vt-note{display:flex;gap:8px;margin-top:12px;font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx .sx-vt-note .msym{font-size:17px;color:var(--sx-primary)}
.sx-vt-tier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:479px){.sx-vt-tier{grid-template-columns:1fr}}
.sx-vt-tier button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;border:1px solid var(--sx-border);border-radius:8px;background:var(--sx-card);font:inherit;text-align:left;cursor:pointer;color:var(--sx-on)}
.sx-vt-tier button[aria-pressed="true"]{border-color:var(--sx-pc);background:var(--sx-emb)}
.sx-vt-tier span{font-size:11px;color:var(--sx-muted)}
.sx-vt-tier b{font-family:var(--font-display);font-size:18px}
.sx-vt-tier small{font-size:10px;line-height:14px;color:var(--sx-muted)}
.sx-vt-in[hidden]{display:none}
.sx-vt-in{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--sx-onv)}
.sx-au-cmp tr.hl td{background:var(--sx-emb)}
/* ---- Stitch layer: currency converter ---- */
.sx-fx-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
@media(max-width:479px){.sx-fx-pair{grid-template-columns:1fr}.sx-fx-pair .sw{justify-self:center;transform:rotate(90deg)}}
.sx-fx-pair .sw{width:40px;height:40px;border-radius:50%;border:1px solid var(--sx-border);background:var(--sx-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sx-primary);margin-bottom:2px}
.sx-fx-pair .sw:hover{border-color:var(--sx-hover);background:var(--sx-emb)}
.sx-fx-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.sx-fx-strip div{padding:8px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-card);font-size:11px;color:var(--sx-muted)}
.sx-fx-strip b{display:block;font-family:var(--font-mono);font-size:16px;color:var(--sx-on)}
.sx-fx-rec{padding:16px;border-radius:12px;background:var(--sx-emb);border:1px solid var(--sx-hover)}
.sx-fx-rec>span{font-size:12px;color:var(--sx-emt)}
.sx-fx-rec .big{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--sx-primary);margin:4px 0;font-variant-numeric:tabular-nums}
.sx-fx-rec .big small{font-size:14px;color:var(--sx-muted);margin-left:4px}
.sx-fx-rec .r{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--sx-onv)}
.sx-fx-fr{margin-top:12px;padding:14px 16px;border-radius:12px;border:1px solid #fecaca;background:#fef2f2}
.sx-fx-fr .h{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#991b1b}
.sx .sx-fx-fr .h .msym{font-size:18px}
.sx-fx-fr .l{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--sx-onv)}
.sx-fx-fr .l b{font-family:var(--font-mono);color:var(--sx-on)}
.sx-fx-fr .l b.r{color:var(--sx-err)}
.sx-fx-fr.ok{border-color:var(--sx-hover);background:var(--sx-emb)}.sx-fx-fr.ok .h{color:var(--sx-emt)}
.sx-fx-obs{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low);font-size:12px;line-height:18px;color:var(--sx-onv)}
.sx .sx-fx-obs>.msym{color:#f59e0b}
.sx-fx-obs b.h{display:block;color:var(--sx-on);margin-bottom:2px}
/* ---- Stitch layer: UK stamp duty comparison ---- */
.sx-sc-spread{padding:16px 18px;border:1px solid var(--sx-hover);border-radius:12px;background:var(--sx-emb)}
.sx-sc-spread .hd{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-sc-spread .hd em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--sx-card);color:var(--sx-emt)}
.sx-sc-spread p{display:flex;gap:8px;margin:8px 0 0;font-size:13px;line-height:20px;color:var(--sx-onv)}
.sx .sx-sc-spread p .msym{font-size:18px;color:var(--sx-primary)}
.sx-sc-spread p b{color:var(--sx-on)}
.sx-sc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
@media(max-width:899px){.sx-sc-cards{grid-template-columns:1fr}}
.sx-sc-card{position:relative;border:1px solid var(--sx-border);border-radius:12px;padding:16px;background:var(--sx-card);display:flex;flex-direction:column}
.sx-sc-card.best{border:2px solid var(--sx-primary)}
.sx-sc-card .rib{position:absolute;top:0;right:0;background:var(--sx-primary);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:0 9px 0 8px}
.sx-sc-card h3{margin:0;font-family:var(--font-display);font-size:17px;color:var(--sx-on)}
.sx-sc-card .au{font-size:11px;color:var(--sx-muted);margin-top:2px}
.sx-sc-card .tx{font-size:11px;font-weight:600;color:var(--sx-onv);margin-top:10px}
.sx-sc-card .v{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--sx-on);font-variant-numeric:tabular-nums;margin:2px 0}
.sx-sc-card.best .v{color:var(--sx-primary)}
.sx-sc-card .dl{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--sx-err)}
.sx-sc-card .dl.g{color:var(--sx-pc)}
.sx .sx-sc-card .dl .msym{font-size:14px}
.sx-sc-card .er{display:flex;justify-content:space-between;margin:10px 0 6px;padding:8px 0;border-top:1px solid var(--sx-border);border-bottom:1px solid var(--sx-border);font-size:12px;color:var(--sx-muted)}
.sx-sc-card .er b{font-family:var(--font-mono);color:var(--sx-on)}
.sx-sc-card ul{list-style:none;margin:0;padding:0}
.sx-sc-card li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:11px;line-height:15px;color:var(--sx-onv)}
.sx-sc-card li b{font-family:var(--font-mono);color:var(--sx-on);white-space:nowrap}
.sx-sc-card li.s{color:var(--sx-err)}
.sx-sc-card li.s b{color:var(--sx-err)}
.sx-sc-card .nt{margin-top:auto;padding-top:8px;font-size:11px;color:var(--sx-muted)}
.sx-guide .sx-scroll table{max-width:none}
.sx-guide .sx-scroll th,.sx-guide .sx-scroll td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--sx-border);white-space:nowrap}
.sx-guide .sx-scroll th{font-weight:700;color:var(--sx-on);background:var(--sx-low)}
.sx-guide .sx-box{padding:12px 16px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low);margin:8px 0 14px}
.sx-sc-card.best h3{margin-top:14px}
.sx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:560px){#stCalc .sx-au-g2[style*="repeat(4"]{grid-template-columns:1fr 1fr!important}}
.sx-au-st tr.bp.hid{display:none}
.sx-in-t4.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-in-t4.c1{grid-template-columns:1fr}@media(max-width:639px){.sx-in-t4.c3{grid-template-columns:1fr}}
/* ---- Stitch layer: health hub ---- */
.sx-hh-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
@media(max-width:899px){.sx-hh-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479px){.sx-hh-trust{grid-template-columns:1fr}}
.sx-hh-trust>div{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:12px}
.sx .sx-hh-trust .msym{font-size:20px;color:var(--sx-primary)}
.sx-hh-trust b{display:block;font-size:13px;color:var(--sx-on)}
.sx-hh-trust small{display:block;font-size:11px;line-height:15px;color:var(--sx-muted)}
.sx-hh-flag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}
@media(max-width:899px){.sx-hh-flag{grid-template-columns:1fr}}
.sx-hh-fc{padding:20px;border-radius:14px;display:flex;flex-direction:column}
.sx-hh-fc .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sx-hh-fc .top em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt)}
.sx .sx-hh-fc .top .msym{color:var(--sx-primary)}
.sx-hh-fc h3{margin:0 0 6px;font-family:var(--font-display);font-size:19px;color:var(--sx-on)}
.sx-hh-fc>p{margin:0 0 12px;font-size:13px;line-height:19px;color:var(--sx-onv)}
.sx-hh-fc dl{margin:0 0 14px;padding:10px 12px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low);display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:12px}
.sx-hh-fc dt{color:var(--sx-muted)}.sx-hh-fc dd{margin:0;text-align:right;font-family:var(--font-mono);font-weight:600;color:var(--sx-on)}
.sx-hh-fc .note{font-size:11px;color:var(--sx-muted);margin:-6px 0 12px}
.sx-hh-fc a.go{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--sx-border);font-size:13px;font-weight:600;color:var(--sx-primary)}
.sx-hh-fc a.go:hover{text-decoration:none}
.sx-hh-sec{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.sx-hh-sec h2{margin:0;font-family:var(--font-display);font-size:26px;color:var(--sx-on)}
.sx-hh-sec p{margin:4px 0 0;font-size:13px;color:var(--sx-muted)}
.sx-htool{flex-direction:column;align-items:stretch;justify-content:flex-start}
.sx-htool .t{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.sx-htool .t em{font-style:normal;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--sx-emb);color:var(--sx-emt)}
.sx-htool .t small{font-size:10px;color:var(--sx-muted)}
.sx-htool .f{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid var(--sx-border);font-size:12px;font-weight:600;color:var(--sx-primary)}
.sx .sx-htool .f .msym{font-size:16px}
.sx-hh-auth{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:767px){.sx-hh-auth{grid-template-columns:1fr}}
.sx-hh-auth .p{display:flex;gap:12px;padding:18px;border-radius:12px}
.sx-hh-auth .av{width:44px;height:44px;border-radius:50%;background:var(--sx-emb);color:var(--sx-emt);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.sx-hh-auth b{display:block;font-size:15px;color:var(--sx-on)}
.sx-hh-auth small{display:block;font-size:12px;color:var(--sx-primary);margin:2px 0 6px}
.sx-hh-auth p{margin:0;font-size:13px;line-height:20px;color:var(--sx-onv)}
.sx-hh-src{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sx-hh-src span{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--sx-border);background:var(--sx-card);color:var(--sx-onv)}
.sx-hh-embed{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:14px;margin:32px 0 48px}
.sx-hh-embed h2{margin:0;font-family:var(--font-display);font-size:20px;color:var(--sx-on)}
.sx-hh-embed p{margin:4px 0 0;font-size:13px;color:var(--sx-onv)}
.sx-hh-embed .c{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.sx-hh-embed code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;border-radius:8px;background:var(--sx-low);border:1px solid var(--sx-border);font-family:var(--font-mono);font-size:11px;color:var(--sx-onv)}
@media(max-width:560px){.sx-hh-embed code{max-width:280px}}
#bmCalc .sx-cu-spec b.c{color:var(--sx-primary)}
.sx [hidden]{display:none!important}
/* ---- macro calculator ---- */
.sx-mc-grid{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin:14px 0 6px}
@media(max-width:479px){.sx-mc-grid{grid-template-columns:1fr;justify-items:center}}
.sx-mc-pie{width:150px;height:150px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}
.sx-mc-pie:after{content:"";position:absolute;inset:26px;border-radius:50%;background:var(--sx-card)}
.sx-mc-pie span{position:relative;z-index:1;font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--sx-on)}
.sx-mc-list{display:flex;flex-direction:column;gap:10px;width:100%}
.sx-mc-list>div{display:grid;grid-template-columns:12px 1fr auto;column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--sx-border);border-radius:10px;background:var(--sx-low)}
.sx-mc-list i{width:12px;height:12px;border-radius:3px;grid-row:span 2}
.sx-mc-list span{font-size:13px;font-weight:600;color:var(--sx-on)}
.sx-mc-list b{font-family:var(--font-display);font-size:22px;color:var(--sx-on);grid-row:span 2;text-align:right}
.sx-mc-list small{font-size:11px;color:var(--sx-muted);grid-column:2}
.sx-an-hero .sx-cu-spec b.c{color:var(--sx-primary)}
