body {
    /* --pico-primary: #336699; */
    /* --pico-primary-background: var(--pico-primary); */
    --pico-contrast-background: #cc3333;
    --pico-contrast-border: #cc3333;
}

nav, nav ul {
    display: flex;
    flex-wrap: wrap;
}

.user-session {
    border: 1px solid #277878;
    padding: 1em;
    /* background-color: #1a2837; */
    background-color: light-dark(#e5f2ff, #1a2837);
    border-radius: 0.5em;
    box-shadow: 5px 5px 5px #2b5377;
}

@media (min-width: 768px) {
    .grid > * {
	
	margin-bottom: var(--pico-spacing);
    }
}

dialog  {
    max-width: 100vw;

    fieldset {
	overflow: hidden;
	max-width: 320px !important;
    }

    label {
	word-break: break-all;	
	display: block;
    }
}