.drawings-register-workspace,
.drawings-register-workspace button,
.drawings-register-workspace input {
	font-family: "franklin-gothic-urw", sans-serif;
	font-weight: 400;
	text-transform: lowercase;
}

.drawings-register-workspace {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1vw;
	min-height: 100vh;
	border-bottom: 2px solid black;
	box-sizing: border-box;
	align-items: start;
}

.drawings-register-workspace .work-register-sidebar {
	grid-column: 1 / span 2;
	grid-row: 1;
}

.drawings-register-grid {
	grid-column: 3 / span 10;
	grid-row: 1;
	min-width: 0;
}

.drawings-register-heading {
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: var(--active-page-color, hsla(0,0%,95%,1));
	transition: background-color 1s ease;
}

.drawings-register-heading .panel-content {
	height: var(--section-heading-block-height);
	padding: var(--heading-inset) 0;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	box-sizing: border-box;
}

.drawings-register-heading .year {
	margin: 0;
	font-family: "franklin-gothic-urw", sans-serif;
	font-size: var(--section-heading-size);
	font-weight: normal;
	line-height: var(--section-heading-line-height);
	letter-spacing: var(--section-heading-letter-spacing);
}

.drawings-register-heading [hidden] { display: none; }

.drawings-register-grid .lbgallery {
	column-count: 5;
	column-gap: 1vw;
	width: 100%;
	margin: 0;
	padding: 1vw 0;
	border-bottom: 0;
}

.drawings-register-grid .lbgallery-item[hidden] { display: none; }
.drawings-register-workspace ~ .top,
.drawings-register-workspace ~ .bottom,
.top,
.bottom { z-index: 10; }

@media (max-width: 1200px) {
	.drawings-register-grid .lbgallery { column-count: 3; }
}

@media (max-width: 900px) {
	.drawings-register-grid .lbgallery { column-count: 2; }
}

@media (max-width: 700px) {
	.drawings-register-workspace { display: block; min-height: 0; }
	.drawings-register-heading { position: static; }
	.drawings-register-grid .lbgallery { column-count: 2; column-gap: 2.5vw; padding: 2.5vw 0; }
}