.custody-panel { display: grid; gap: 1.2rem; padding-block: 1rem; } .custody-panel h2, .custody-panel h3, .custody-panel h4, .custody-panel p { margin: 0; } .custody-panel p { line-height: 1.65; } .custody-identity { overflow-wrap: anywhere; font-size: .85rem; } .custody-balances { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .custody-balances > div, .custody-forms > form, .custody-records > article { padding: 1.25rem; border: 1px solid var(--ctp-surface1); border-radius: 1rem; background: var(--ctp-mantle); } .custody-balances > div { display: grid; gap: .6rem; } .custody-balances strong { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; } .custody-balances span { font-size: .65rem; letter-spacing: .13em; opacity: .65; } .custody-forms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .custody-forms > form, .custody-records { display: grid; gap: .8rem; } .custody-forms input, .custody-forms select { width: 100%; box-sizing: border-box; padding: .75rem; border: 1px solid var(--ctp-surface1); border-radius: .5rem; background: var(--ctp-base); color: inherit; } .custody-records > article { display: grid; gap: .75rem; } @media (max-width: 750px) { .custody-balances, .custody-forms { grid-template-columns: 1fr; } }