body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
        margin-bottom: 0;
}

.nav-list {
        list-style: none;
        padding: 0;
        margin-top: 12px;
        display: grid;
        gap: 10px;
}

.nav-item a {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        text-decoration: none;
        padding: 10px 12px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        color: #111827;
}

.nav-item a:hover {
        border-color: #d1d5db;
        background: #f9fafb;
}

.nav-item .label {
        font-weight: 600;
}

.nav-item .path {
        color: rgb(107, 114, 128);
        font-size: 12px;
}