:root{color:#171717;background:#fafafa;font-family:system-ui,sans-serif}body{margin:0}main{max-width:640px;margin:12vh auto;padding:24px;line-height:1.6}h1{letter-spacing:-.04em;line-height:1.2}aside{background:#effaf2;border:1px solid #a7d7b7;border-radius:8px;padding:16px}a{color:inherit}.example-header{z-index:20;-webkit-font-smoothing:antialiased;background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;position:relative;box-shadow:0 0 15px #0000001a}.example-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.example-header-brand{letter-spacing:.01px;align-items:center;font-weight:500;display:flex}.example-header a{text-decoration:none;transition:color .2s,background-color .2s}.example-header-brand a:hover{color:#666}.example-header-logo{flex-shrink:0;display:flex}.example-header-divider{color:#e5e7eb;flex-shrink:0;margin-left:8px}.example-header-actions{align-items:center;gap:8px;display:flex}.example-header-button{color:#04f;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.example-header-button:hover{background:#0044ff0f}.example-header-deploy{color:#fff;background:#04f;border:1px solid #003de6;box-shadow:0 5px 10px #0044ff1f}.example-header-deploy:hover{background:#003de6}@media (min-width:1024px){.example-header-inner{padding:0 24px}}@media (max-width:767px){.example-header-actions{display:none}}