.balance-card {
            background: var(--dd-surface);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            padding: 14px 16px;
            margin-top: 12px;
            box-shadow: none;
        }

        .balance-card .label {
            font-size: 12px;
            opacity: 0.75;
            letter-spacing: 0;
            text-transform: none;
            margin-bottom: 6px;
        }

        .balance-card .amount {
            font-size: 26px;
            font-weight: 700;
            line-height: 1.1;
        }

        .balance-card .meta {
            margin-top: 6px;
            font-size: 12px;
            opacity: 0.75;
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .balance-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin-top: 10px;
        }

        .balance-actions .status {
            font-size: 12px;
            opacity: 0.75;
        }

        .mono {
            font-family: Barlow, sans-serif;
        }

        .balance-card.is-highlight {
            border-color: rgba(255, 215, 0, 0.45);
            background: var(--dd-surface);
        }

        .balance-card.is-highlight .label {
            color: rgba(255, 215, 0, 0.95);
        }

        .balance-card.is-highlight .amount {
            color: rgba(255, 215, 0, 0.95);
        }

        .height-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 12px;
        }

        .chain-card {
            background: var(--dd-surface);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            padding: 14px 14px;
        }

        .chain-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 8px;
        }

        .coin-left {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        .coin-badge {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 12px;
            letter-spacing: 0;
            background: var(--dd-surface);
            border: 1px solid rgba(255, 255, 255, 0.10);
            flex: 0 0 auto;
        }

        .coin-badge i {
            font-size: 16px;
        }

        .coin-name {
            font-weight: 800;
            font-size: 13px;
            opacity: 0.95;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .coin-symbol {
            font-size: 11px;
            opacity: 0.65;
        }

        .height-value {
            font-family: Barlow, sans-serif;
            font-weight: 800;
            font-size: 16px;
            letter-spacing: 0;
        }

        .subtle {
            font-size: 11px;
            opacity: 0.6;
        }

        .chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 10px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background: var(--dd-surface);
            font-size: 12px;
            line-height: 1;
        }

        .chip .pct {
            font-weight: 800;
        }

        .balance-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }

        .balance-left {
            min-width: 0;
        }

        .balance-right {
            flex-shrink: 0;
        }

        .bullet-paragraph {
            display: flex;
            align-items: flex-start;
        }

        .bullet-logo {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            margin-top: 4px;
        }

        .bullet-paragraph p {
            margin: 0;
            flex: 1;
        }

        .split-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

        .pulse {
            animation: pulseGlow 1.25s ease-in-out infinite;
        }

        @keyframes pulseGlow {
            0% {
                transform: scale(1);
                box-shadow: none;
            }

            50% {
                transform: scale(1.03);
                box-shadow: none;
            }

            100% {
                transform: scale(1);
                box-shadow: none;
            }
        }

        body.delegate-page {
            background: var(--dd-surface);
            color: rgba(255,255,255,0.92);
        }

        .dd-story-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            flex: 0 0 44px;
            border-radius: 15px;
            background: var(--dd-surface);
            border: 1px solid rgba(255,255,255,0.10);
            box-shadow: none;
        }

        .dd-preference-logo {
            width: 72px;
            height: 72px;
            object-fit: contain;
            margin-bottom: 16px;
            padding: 10px;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,0.10);
            background: var(--dd-surface);
        }

        .dd-panel-label {
            margin-bottom: 8px;
            color: var(--dd-muted);
            font-size: 11px;
            font-weight: 950;
            letter-spacing: 0;
            text-transform: none;
        }

        .dd-panel-value {
            color: #fff;
            font-size: clamp(24px, 3vw, 34px);
            font-weight: 950;
            letter-spacing: 0;
            line-height: 1;
        }

        .dd-panel-copy {
            margin: 12px 0 0;
            color: var(--dd-muted);
            font-size: 13px;
            line-height: 1.65;
        }

        .dd-path-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 14px;
            margin-bottom: 8px;
        }

        .dd-path-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            padding: 7px 10px;
            color: #fff;
            font-size: 10px;
            font-weight: 950;
            letter-spacing: 0;
            text-transform: none;
            border: 1px solid rgba(0,255,200,0.24);
            border-radius: 16px;
            background: var(--dd-surface);
        }

        .dd-path-pill-soft {
            border-color: rgba(255,108,155,0.22);
            background: var(--dd-surface);
        }

        .dd-path-action {
            width: fit-content;
            margin-top: 16px;
        }

        .dd-path-note {
            margin-top: 12px;
            color: var(--dd-muted);
            font-size: 12px;
            line-height: 1.55;
        }

        .dd-support-path-primary {
            border-color: rgba(0,255,200,0.18);
            background: var(--dd-surface);
        }

        .delegate-page .balance-card {
            margin-top: 0;
            padding: 18px;
        }

        .delegate-page .balance-card .label {
            margin-bottom: 8px;
            color: var(--dd-muted);
            font-size: 11px;
            font-weight: 950;
            letter-spacing: 0;
            text-transform: none;
            opacity: 1;
        }

        .delegate-page .balance-card .amount {
            color: #fff;
            font-size: clamp(24px, 3vw, 34px);
            font-weight: 950;
            line-height: 1.05;
        }

        .delegate-page .subtle {
            margin-top: 8px;
            color: var(--dd-muted);
            font-size: 12px;
            line-height: 1.55;
            opacity: 1;
        }

        .delegate-page .tf-button-st2,
        .delegate-page .tf-button {
            min-height: 44px;
            border-radius: 8px;
            white-space: nowrap;
        }

        .delegate-page #delegateBtn,
        .delegate-page #claimBtn {
            min-width: 136px;
        }

        .delegate-page #claimBtn:disabled,
        .delegate-page #delegateBtn:disabled {
            cursor: not-allowed;
            opacity: 0.48;
        }

        .delegate-page #delegateInlineStatus {
            min-height: 22px;
            margin-top: 12px;
            color: var(--dd-muted);
            font-size: 12px;
            line-height: 1.55;
        }

        .delegate-page .progress {
            overflow: hidden;
            height: 12px !important;
            background: rgba(255,255,255,0.08) !important;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 16px;
        }

        .delegate-page #ddProgress {
            background: var(--dd-surface);
            box-shadow: none;
        }

        .dd-wflr-amount {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .dd-wflr-amount img {
            width: 32px;
            height: 32px;
            object-fit: contain;
            flex: 0 0 auto;
        }

        @media (max-width: 991px) {

            .height-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 576px) {

            .dd-story-icon {
                width: 42px;
                height: 42px;
            }

            .dd-path-header {
                flex-direction: column;
            }

            .balance-row {
                flex-direction: column;
                align-items: stretch;
            }

            .balance-right {
                margin-top: 10px;
                display: flex;
                justify-content: flex-end;
            }

            .balance-actions {
                justify-content: stretch !important;
                float: none !important;
            }

            .dd-wflr-amount img {
                width: 28px;
                height: 28px;
            }
        }

@media (max-width: 576px) {
}

/* Staking is the lead journey; liquid delegation keeps its own working area. */
.staking-feature{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:44px;align-items:center;padding:20px 0 38px}
.staking-network{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--dd-mint-soft)!important}
.staking-network>span{width:7px;height:7px;border-radius:50%;background:var(--dd-mint)}
.dd-public-page .staking-feature h1{font-size:clamp(52px,5.1vw,76px);line-height:1.02;max-width:18ch;margin:15px 0 6px}
.staking-lead{font-size:18px;line-height:1.6;max-width:47ch;margin:0}
.staking-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 0;padding:0;list-style:none}
.staking-benefits li{border-left:2px solid var(--dd-mint-soft);padding-left:16px;display:flex;flex-direction:column;gap:4px}
.staking-benefits li+li{border-color:var(--dd-lilac)}
.staking-benefits span{font-size:12px;color:var(--dd-muted)}
.staking-benefits strong{font:600 34px/1.15 'Barlow Condensed',sans-serif;color:var(--dd-mint-soft)}
.staking-benefits li+li strong{color:var(--dd-lilac)}
.staking-benefits small{font-size:12px;color:var(--dd-muted)}
.staking-actions{margin-top:26px;gap:10px}.staking-actions .dd-btn{font-size:14px;min-height:48px}
.staking-portal-note{font-size:12px;line-height:1.6;margin:14px 0 0}
.staking-feature-visual{margin:0;min-width:0;position:relative}
.staking-feature-art{display:block;border:1px solid #78528f;border-radius:16px;overflow:hidden;background:#08051b;box-shadow:0 22px 38px -24px #030210}
.staking-feature-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.staking-feature-visual figcaption{display:flex;align-items:center;gap:12px;padding:17px 2px 0;color:var(--dd-muted);font-size:13px;line-height:1.5}
.staking-art-mark{color:var(--dd-mint-soft);font-size:26px}
.staking-share{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;padding:30px 32px;margin-bottom:52px;background:linear-gradient(110deg,#33203f,#252047 56%,#133c3d);border:1px solid #66517d;border-radius:16px;overflow:hidden}
.staking-share::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--dd-spectrum)}
.staking-share h2{font-size:clamp(34px,3.3vw,48px);line-height:1.08;margin:0;color:var(--dd-text)}
.staking-share p{margin:0 0 12px;font-size:15px;line-height:1.7}.staking-share a{font-size:14px}
.staking-how{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:80px;align-items:start;scroll-margin-top:20px;padding-bottom:48px}
.staking-steps h2{font-size:42px;margin:0 0 28px}
.staking-steps ol{list-style:none;counter-reset:stake-step;padding:0;margin:0}
.staking-steps li{counter-increment:stake-step;display:grid;grid-template-columns:34px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--dd-border)}
.staking-steps li::before{content:counter(stake-step,decimal-leading-zero);font:600 27px/1.2 'Barlow Condensed',sans-serif;color:var(--dd-pink)}
.staking-steps li:nth-child(2)::before{color:var(--dd-lilac)}.staking-steps li:nth-child(3)::before{color:var(--dd-mint-soft)}
.staking-steps h3{font-size:28px;margin:0 0 10px}.staking-steps p{font-size:15px;line-height:1.7;margin:0;max-width:60ch}.staking-steps a{display:inline-block;margin-top:10px;font-size:14px}
.staking-validator-panel{background:#1b193e;border:1px solid #5e4a80;border-radius:16px;padding:26px;box-shadow:6px 6px 0 #7c5cff12}
.staking-validator-label{font-size:13px;color:var(--dd-lilac)}.staking-validator-panel h3{font-size:34px;line-height:1.1;margin:12px 0 16px}.staking-validator-panel>p{font-size:14px;line-height:1.6;margin:0 0 22px}
.staking-validators{display:grid;gap:20px;margin-top:24px}
.staking-validator{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.staking-validator label{grid-column:1/-1;color:var(--dd-muted);font-size:13px;margin:0}
body.dd-public-page .staking-validator input[type=text][readonly]{min-width:0;width:100%;font-size:12px;padding:10px;border-color:#63527f;background:#10102f}
.staking-validator .dd-btn{font-size:12px;padding:8px 12px;min-height:44px;border-color:#75618f}
.staking-validator input:focus{outline:2px solid var(--dd-mint-soft);outline-offset:2px}
.staking-validator-panel .staking-copy-status{font-size:12px;min-height:38px;margin:14px 0 18px;color:var(--dd-mint-soft)}
.staking-validator-panel>.dd-btn{width:100%;margin-top:8px}.staking-official-guide{display:block;text-align:center;font-size:13px;margin-top:18px}
.staking-delegation{padding:24px 0;border-top:1px solid var(--dd-border);margin-bottom:40px}
.staking-delegation>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;color:var(--dd-text)}
.staking-delegation>summary::-webkit-details-marker{display:none}
.staking-delegation>summary>span:first-child{font:600 30px/1.2 'Barlow Condensed',sans-serif}
.staking-delegation>summary>span:last-child{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--dd-lilac)}
.staking-delegation summary b{font-size:24px;font-weight:400;transition:rotate 180ms}.staking-delegation[open] summary b{rotate:45deg}
.staking-delegation-note{font-size:14px;margin:20px 0 28px;max-width:75ch}.dd-delegate-access-section{padding:24px;border:1px solid var(--dd-border);border-radius:12px;background:var(--dd-bg)}
.delegate-page .dd-dashboard-hidden{display:none}.dd-delegate-connect-main-btn{margin-top:12px}.dd-delegate-connect-content h2{margin-block:8px 16px}
@media(max-width:1100px){.staking-feature{gap:30px;grid-template-columns:1fr 1fr}.staking-feature h1{font-size:56px}.staking-benefits{gap:14px}.staking-benefits li{padding-left:12px}.staking-lead{font-size:16px}.staking-how{gap:36px;grid-template-columns:1fr 1fr}.staking-share{gap:32px;padding:28px}.staking-validator-panel{padding:20px}.staking-validator{grid-template-columns:1fr}.staking-validator .dd-btn{justify-self:start}}
@media(max-width:767px){.staking-feature{grid-template-columns:1fr;padding-top:12px;gap:28px}.dd-public-page .staking-feature h1{font-size:56px}.staking-lead{font-size:16px}.staking-benefits{gap:18px;margin-top:20px}.staking-benefits strong{font-size:32px}.staking-actions .dd-btn{flex:1;white-space:nowrap}.staking-actions .dd-btn-primary{flex-basis:100%}.staking-feature-visual figcaption{font-size:12px}.staking-share{grid-template-columns:1fr;gap:20px;padding:24px;margin-bottom:36px}.staking-share h2{font-size:36px}.staking-how{grid-template-columns:1fr;gap:22px;padding-bottom:32px}.staking-steps h2{font-size:36px}.staking-steps li{gap:12px}.staking-validator-panel h3{font-size:32px}.staking-validator{grid-template-columns:1fr}.staking-validator .dd-btn{justify-self:start}.staking-delegation>summary{align-items:flex-start;flex-direction:column;gap:12px}.staking-delegation>summary>span:first-child{font-size:28px}.dd-delegate-access-section{padding:18px}}