.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:25px 0}.metrics>div{padding:24px;border:1px solid #dfe3d9;background:white;border-radius:12px}.metrics b{font-size:30px;display:block}.metrics span{font-size:13px;color:#65746d}.cards{gap:18px}.card a{display:inline-block;margin-top:8px;font-weight:700}.forms{display:grid;grid-template-columns:1fr 1fr;gap:35px}.field{display:block;margin:14px 0}.field input,.field select,.field textarea{display:block;width:100%;padding:13px;border:1px solid #bac8bc;border-radius:6px;font:inherit;background:white}.field textarea{min-height:120px}table{width:100%;border-collapse:collapse;background:white}td,th{padding:14px;text-align:left;border-bottom:1px solid #dfe3d9}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;background:white;border-radius:10px}button{cursor:pointer}#error,[role=alert]{color:#a63429}main{padding-bottom:70px}.sample-banner{padding:15px 30px;background:#f3e9be;text-align:center;font-weight:600}@media(max-width:780px){.forms{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.header-row{flex-wrap:wrap;padding:15px 0}nav{flex-wrap:wrap}table{font-size:13px}}