diff --git a/pygitweb/static/main.css b/pygitweb/static/main.css
index fd20fd6..502b3d3 100644
--- a/pygitweb/static/main.css
+++ b/pygitweb/static/main.css
@@ -119,23 +119,25 @@
 html {
 	box-sizing: border-box;
 }
+
 *, *::before, *::after {
 	box-sizing: inherit;
 }
 
 body {
 	font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
-	font-size: 14px;
+	font-size: 0.875rem;
 	line-height: 1.5;
 	margin: 0;
-	padding: 12px 16px;
+	padding: 0.75rem 1rem;
 	background-color: var(--pgw-bg);
 	color: var(--pgw-text);
 	border: 1px solid var(--pgw-border);
 	height: auto;
-}
-body:has(.page) {
-	padding: 0;
+
+	&:has(.page) {
+		padding: 0;
+	}
 }
 
 /* Card: override Tabler so cards use color-scheme variables */
@@ -143,18 +145,21 @@ body:has(.page) {
 	background-color: var(--pgw-bg-raised);
 	border-color: var(--pgw-border);
 	color: var(--pgw-text);
-}
-.card-header {
-	background-color: var(--pgw-accent-bg);
-	border-bottom-color: var(--pgw-border);
-	color: var(--pgw-accent-text);
-}
-.card-title {
-	color: var(--pgw-accent-text);
-}
-.card-body {
-	background-color: var(--pgw-bg-raised);
-	color: var(--pgw-text);
+
+	.card-header {
+		background-color: var(--pgw-accent-bg);
+		border-bottom-color: var(--pgw-border);
+		color: var(--pgw-accent-text);
+	}
+
+	.card-title {
+		color: var(--pgw-accent-text);
+	}
+
+	.card-body {
+		background-color: var(--pgw-bg-raised);
+		color: var(--pgw-text);
+	}
 }
 
 /* Table: override Tabler .table / .card-table so tables use color-scheme variables */
@@ -163,26 +168,33 @@ body:has(.page) {
 	background-color: var(--pgw-bg-raised);
 	border-color: var(--pgw-border);
 	color: var(--pgw-text);
-}
-.table thead th,
-.table th {
-	background-color: var(--pgw-accent-bg);
-	border-bottom-color: var(--pgw-border-muted);
-	color: var(--pgw-accent-text);
-}
-.table td {
-	border-top-color: var(--pgw-border-muted);
-	border-bottom-color: var(--pgw-border-muted);
-	color: var(--pgw-text);
-}
-.table tbody tr:nth-child(even) {
-	background-color: var(--pgw-table-stripe);
-}
-.table tbody tr:hover {
-	background-color: var(--pgw-table-hover);
-}
-.table tbody tr:hover td {
-	background-color: var(--pgw-table-hover);
+
+	thead th,
+	th {
+		background-color: var(--pgw-accent-bg);
+		border-bottom-color: var(--pgw-border-muted);
+		color: var(--pgw-accent-text);
+	}
+
+	td {
+		border-top-color: var(--pgw-border-muted);
+		border-bottom-color: var(--pgw-border-muted);
+		color: var(--pgw-text);
+	}
+
+	tbody tr {
+		&:nth-child(even) {
+			background-color: var(--pgw-table-stripe);
+		}
+
+		&:hover {
+			background-color: var(--pgw-table-hover);
+
+			td {
+				background-color: var(--pgw-table-hover);
+			}
+		}
+	}
 }
 
 /* Form: override Tabler form controls so they use color-scheme variables */
@@ -190,108 +202,128 @@ body:has(.page) {
 .form-check-label {
 	color: var(--pgw-text);
 }
+
 .form-label.required::after {
 	color: var(--pgw-text-muted);
 }
+
 .form-hint {
 	color: var(--pgw-text-muted);
+
+	code {
+		background-color: var(--pgw-code-bg);
+		border-color: var(--pgw-code-border);
+		color: var(--pgw-text);
+	}
 }
+
 .form-control,
 .form-select {
 	background-color: var(--pgw-bg-raised);
 	border-color: var(--pgw-border);
 	color: var(--pgw-text);
+
+	&::placeholder {
+		color: var(--pgw-text-muted);
+	}
+
+	&:focus {
+		background-color: var(--pgw-bg-raised);
+		border-color: var(--pgw-link);
+		color: var(--pgw-text);
+	}
+
+	&:disabled {
+		background-color: var(--pgw-bg-muted);
+		color: var(--pgw-text-muted);
+	}
 }
-.form-control::placeholder {
-	color: var(--pgw-text-muted);
-}
-.form-control:focus,
-.form-select:focus {
-	background-color: var(--pgw-bg-raised);
-	border-color: var(--pgw-link);
-	color: var(--pgw-text);
-}
-.form-control:disabled,
-.form-select:disabled {
-	background-color: var(--pgw-bg-muted);
-	color: var(--pgw-text-muted);
-}
+
 .form-check-input {
 	background-color: var(--pgw-bg-raised);
 	border-color: var(--pgw-border);
+
+	&:checked {
+		background-color: var(--pgw-link);
+		border-color: var(--pgw-link);
+	}
+
+	&:focus {
+		border-color: var(--pgw-link);
+	}
 }
-.form-check-input:checked {
-	background-color: var(--pgw-link);
-	border-color: var(--pgw-link);
-}
-.form-check-input:focus {
-	border-color: var(--pgw-link);
-}
+
 .form-footer {
 	border-top-color: var(--pgw-border);
 }
+
 /* Buttons: primary and ghost variants */
 .btn-primary {
 	background-color: var(--pgw-link);
 	border-color: var(--pgw-link);
 	color: var(--pgw-accent-text);
+
+	&:hover {
+		background-color: var(--pgw-link-hover);
+		border-color: var(--pgw-link-hover);
+		color: var(--pgw-accent-text);
+	}
 }
-.btn-primary:hover {
-	background-color: var(--pgw-link-hover);
-	border-color: var(--pgw-link-hover);
-	color: var(--pgw-accent-text);
-}
+
 .btn-ghost-secondary {
 	background-color: transparent;
 	border-color: var(--pgw-border);
 	color: var(--pgw-text);
+
+	&:hover {
+		background-color: var(--pgw-bg-muted);
+		border-color: var(--pgw-border);
+		color: var(--pgw-text);
+	}
 }
-.btn-ghost-secondary:hover {
-	background-color: var(--pgw-bg-muted);
-	border-color: var(--pgw-border);
-	color: var(--pgw-text);
-}
+
 /* Dropzone (file upload area) */
 .dropzone {
 	background-color: var(--pgw-bg-muted);
 	border-color: var(--pgw-border);
 	color: var(--pgw-text);
-}
-.dropzone .dropzone-placeholder,
-.dropzone .text-muted {
-	color: var(--pgw-text-muted);
-}
-.dropzone.border-primary {
-	border-color: var(--pgw-link);
-}
-/* Inline code inside form hints */
-.form-hint code {
-	background-color: var(--pgw-code-bg);
-	border-color: var(--pgw-code-border);
-	color: var(--pgw-text);
+
+	.dropzone-placeholder,
+	.text-muted {
+		color: var(--pgw-text-muted);
+	}
+
+	&.border-primary {
+		border-color: var(--pgw-link);
+	}
 }
 
 /* Fluid vertical layout: fixed sidebar + main content offset */
-.page .navbar-vertical.position-fixed {
-	top: 0;
-	bottom: 0;
-	left: 0;
-	z-index: 1030;
-	background-color: var(--pgw-navbar-bg);
-}
-.page .navbar-vertical.position-fixed ~ .page-wrapper {
-	margin-left: var(--tblr-navbar-vertical-width, 15rem);
+.page {
+	.navbar-vertical.position-fixed {
+		top: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 1030;
+		background-color: var(--pgw-navbar-bg);
+	}
+
+	.navbar-vertical.position-fixed ~ .page-wrapper {
+		margin-left: var(--tblr-navbar-vertical-width, 15rem);
+	}
 }
 
 a {
 	color: var(--pgw-link);
 	text-decoration: none;
-}
-a:hover {
-	color: var(--pgw-link-hover);
-}
-a:visited {
-	color: var(--pgw-link-visited);
+
+	&:hover {
+		color: var(--pgw-link-hover);
+	}
+
+	&:visited {
+		color: var(--pgw-link-visited);
+	}
 }
 
 h1, h2, h3 {
@@ -314,101 +346,128 @@ th, td {
 	vertical-align: top;
 	border-bottom: 1px solid var(--pgw-border-muted);
 }
+
 th {
 	background-color: var(--pgw-accent-bg);
 	color: var(--pgw-accent-text);
 	font-weight: 600;
 }
-tbody tr:nth-child(even) {
-	background-color: var(--pgw-table-stripe);
-}
-tbody tr:hover {
-	background-color: var(--pgw-table-hover);
+
+tbody tr {
+	&:nth-child(even) {
+		background-color: var(--pgw-table-stripe);
+	}
+
+	&:hover {
+		background-color: var(--pgw-table-hover);
+	}
 }
 
 /* Optional: page header / footer blocks for future use */
 .page_header,
 .page_footer {
-	padding: 8px 12px;
+	padding: 0.5rem 0.75rem;
 	background-color: var(--pgw-accent-bg);
 	color: var(--pgw-accent-text);
 	border: 1px solid var(--pgw-border);
 }
+
 .page_footer_text {
 	color: var(--pgw-text-muted);
 	font-style: italic;
 }
+
 .page_body {
-	padding: 8px;
+	padding: 0.5rem;
 	font-family: ui-monospace, monospace;
 	background-color: var(--pgw-code-bg);
 	border: 1px solid var(--pgw-code-border);
 }
+
 .title, .title_text {
 	background-color: var(--pgw-title-bg);
-	padding: 6px 8px;
+	padding: 0.375rem 0.5rem;
 	border-bottom: 1px solid var(--pgw-border);
 }
+
 .title:hover, a.title:hover {
 	background-color: var(--pgw-title-hover-bg);
 }
 
 /* Vertical navbar: variables and link states */
-.navbar-vertical .nav-link {
-	color: var(--pgw-navbar-text);
-}
-.navbar-vertical .nav-link:hover {
-	background-color: var(--pgw-navbar-link-hover-bg);
-	color: var(--pgw-navbar-text);
-}
-.navbar-vertical .nav-link.active {
-	background-color: var(--pgw-navbar-active-bg);
-	color: var(--pgw-navbar-active-text);
-}
-.navbar-vertical .navbar-brand .text-reset,
-.navbar-vertical .nav-link-title {
-	color: var(--pgw-navbar-text);
-}
-.navbar-vertical .nav-link:hover .nav-link-title,
-.navbar-vertical .nav-link:hover .text-reset {
-	color: var(--pgw-navbar-text);
-}
-.navbar-vertical .nav-link.active .nav-link-title {
-	color: var(--pgw-navbar-active-text);
-}
-.navbar-vertical .navbar-toggler {
-	border-color: var(--pgw-navbar-toggler-border);
-}
-.navbar-vertical .navbar-toggler-icon {
-	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23475569' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+.navbar-vertical {
+	.nav-link {
+		color: var(--pgw-navbar-text);
+
+		&:hover {
+			background-color: var(--pgw-navbar-link-hover-bg);
+			color: var(--pgw-navbar-text);
+
+			.nav-link-title,
+			.text-reset {
+				color: var(--pgw-navbar-text);
+			}
+		}
+
+		&.active {
+			background-color: var(--pgw-navbar-active-bg);
+			color: var(--pgw-navbar-active-text);
+
+			.nav-link-title {
+				color: var(--pgw-navbar-active-text);
+			}
+		}
+	}
+
+	.navbar-brand .text-reset,
+	.nav-link-title {
+		color: var(--pgw-navbar-text);
+	}
+
+	.navbar-toggler {
+		border-color: var(--pgw-navbar-toggler-border);
+	}
+
+	.navbar-toggler-icon {
+		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23475569' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+	}
+
+	.nav-link-icon {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 1.5rem;
+		height: 1.5rem;
+
+		svg {
+			width: 1.25rem;
+			height: 1.25rem;
+		}
+	}
 }
-[data-bs-theme="dark"] .navbar-vertical .navbar-toggler-icon {
-	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+
+[data-bs-theme="dark"] {
+	.navbar-vertical .navbar-toggler-icon {
+		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+	}
 }
+
 .navbar-user {
 	border-top-color: var(--pgw-navbar-border) !important;
-}
-.navbar-user .navbar-user-name {
-	color: var(--pgw-navbar-text);
-}
-.navbar-user .navbar-user-meta,
-.navbar-user .text-muted {
-	color: var(--pgw-navbar-text-muted);
-}
-.navbar-vertical .nav-link-icon {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 1.5rem;
-	height: 1.5rem;
-}
-.navbar-vertical .nav-link-icon svg {
-	width: 1.25rem;
-	height: 1.25rem;
-}
-.navbar-user .avatar svg {
-	width: 1.25rem;
-	height: 1.25rem;
+
+	.navbar-user-name {
+		color: var(--pgw-navbar-text);
+	}
+
+	.navbar-user-meta,
+	.text-muted {
+		color: var(--pgw-navbar-text-muted);
+	}
+
+	.avatar svg {
+		width: 1.25rem;
+		height: 1.25rem;
+	}
 }
 
 /* Diff/status helpers (use var(--pgw-add-*) etc. in markup if needed) */
@@ -419,135 +478,152 @@ tbody tr:hover {
 /* Blob view: line numbers + code with syntax highlighting */
 .blob-view {
 	display: flex;
-	margin: 0.5em 0;
+	margin: 0.5rem 0;
 	max-width: 100%;
 	overflow: auto;
 	background-color: var(--pgw-code-bg);
 	border: 1px solid var(--pgw-code-border);
-}
-.blob-line-nums {
-	flex-shrink: 0;
-	user-select: none;
-	padding: 0.75em 1em 0.75em 0.5em;
-	text-align: right;
-	color: var(--pgw-text-muted);
-	white-space: pre;
-	font-family: ui-monospace, "Fira Code", "Fira Mono", monospace;
-	font-size: 0.9rem;
-	line-height: 1.5;
-	border-right: 1px solid var(--pgw-border);
-}
-.blob-view .blob-content {
-	flex: 1;
-	margin: 0;
-	padding: 0.75em 1em;
-	overflow: auto;
-	font-family: ui-monospace, "Fira Code", "Fira Mono", monospace;
-	font-size: 0.9rem;
-	line-height: 1.5;
-	min-width: 0;
-}
-.blob-view .blob-content code {
-	background: none;
-	padding: 0;
-	font-size: inherit;
-	line-height: inherit;
-}
 
-/* Line selection from URL param lines= (client-side) */
-.blob-view .blob-line-selected,
-.blob-view .blob-selection {
-	background-color: var(--pgw-blob-selection-bg);
+	.blob-line-nums {
+		flex-shrink: 0;
+		user-select: none;
+		padding: 0.75rem 1rem 0.75rem 0.5rem;
+		text-align: right;
+		color: var(--pgw-text-muted);
+		white-space: pre;
+		font-family: ui-monospace, "Fira Code", "Fira Mono", monospace;
+		font-size: 0.9rem;
+		line-height: 1.5;
+		border-right: 1px solid var(--pgw-border);
+	}
+
+	.blob-content {
+		flex: 1;
+		margin: 0;
+		padding: 0.75rem 1rem;
+		overflow: auto;
+		font-family: ui-monospace, "Fira Code", "Fira Mono", monospace;
+		font-size: 0.9rem;
+		line-height: 1.5;
+		min-width: 0;
+
+		code {
+			background: none;
+			padding: 0;
+			font-size: inherit;
+			line-height: inherit;
+		}
+	}
+
+	.blob-line-selected,
+	.blob-selection {
+		background-color: var(--pgw-blob-selection-bg);
+	}
 }
 
 /* README markdown: base and all elements use color-scheme variables */
 .markdown-body {
 	color: var(--pgw-text);
 	background-color: transparent;
-}
-.markdown-body h1,
-.markdown-body h2,
-.markdown-body h3,
-.markdown-body h4,
-.markdown-body h5,
-.markdown-body h6 {
-	color: var(--pgw-accent-text);
-	border-bottom-color: var(--pgw-border-muted);
-}
-.markdown-body a {
-	color: var(--pgw-link);
-}
-.markdown-body a:hover {
-	color: var(--pgw-link-hover);
-}
-.markdown-body a:visited {
-	color: var(--pgw-link-visited);
-}
-.markdown-body code {
-	background-color: var(--pgw-code-bg);
-	color: var(--pgw-text);
-	border: 1px solid var(--pgw-code-border);
-}
-.markdown-body pre {
-	background-color: var(--pgw-code-bg);
-	border: 1px solid var(--pgw-code-border);
-	color: var(--pgw-text);
-}
-.markdown-body pre code {
-	background: none;
-	border: none;
-}
-.markdown-body blockquote {
-	border-left: 4px solid var(--pgw-border);
-	color: var(--pgw-text-muted);
-	padding-left: 1em;
-	margin-left: 0;
-}
-.markdown-body hr {
-	border-color: var(--pgw-border-muted);
-	background-color: var(--pgw-border-muted);
-}
-.markdown-body table {
-	background-color: var(--pgw-bg-raised);
-	border-color: var(--pgw-border);
-}
-.markdown-body th,
-.markdown-body td {
-	border-color: var(--pgw-border-muted);
-}
-.markdown-body th {
-	background-color: var(--pgw-accent-bg);
-	color: var(--pgw-accent-text);
-}
-.markdown-body tbody tr:nth-child(even) {
-	background-color: var(--pgw-table-stripe);
-}
-.markdown-body tbody tr:hover {
-	background-color: var(--pgw-table-hover);
-}
-.markdown-body img {
-	background-color: var(--pgw-bg-muted);
-}
-.markdown-body .readme-heading-wrap {
-	position: relative;
-	display: block;
-}
-.markdown-body .readme-section-anchor {
-	position: absolute;
-	right: 100%;
-	padding-right: 0.35em;
-	opacity: 0;
-	color: var(--pgw-text-muted);
-	font-size: 1.3rem;
-	text-decoration: none;
-	transition: opacity 0.15s ease;
-}
-.markdown-body .readme-heading-wrap:hover .readme-section-anchor,
-.markdown-body .readme-section-anchor:hover {
-	opacity: 1;
-}
-.markdown-body .readme-section-anchor:focus {
-	opacity: 1;
+
+	h1, h2, h3, h4, h5, h6 {
+		color: var(--pgw-accent-text);
+		border-bottom-color: var(--pgw-border-muted);
+	}
+
+	a {
+		color: var(--pgw-link);
+
+		&:hover {
+			color: var(--pgw-link-hover);
+		}
+
+		&:visited {
+			color: var(--pgw-link-visited);
+		}
+	}
+
+	code {
+		background-color: var(--pgw-code-bg);
+		color: var(--pgw-text);
+		border: 1px solid var(--pgw-code-border);
+	}
+
+	pre {
+		background-color: var(--pgw-code-bg);
+		border: 1px solid var(--pgw-code-border);
+		color: var(--pgw-text);
+
+		code {
+			background: none;
+			border: none;
+		}
+	}
+
+	blockquote {
+		border-left: 0.25rem solid var(--pgw-border);
+		color: var(--pgw-text-muted);
+		padding-left: 1rem;
+		margin-left: 0;
+	}
+
+	hr {
+		border-color: var(--pgw-border-muted);
+		background-color: var(--pgw-border-muted);
+	}
+
+	table {
+		background-color: var(--pgw-bg-raised);
+		border-color: var(--pgw-border);
+	}
+
+	th, td {
+		border-color: var(--pgw-border-muted);
+	}
+
+	th {
+		background-color: var(--pgw-accent-bg);
+		color: var(--pgw-accent-text);
+	}
+
+	tbody tr {
+		&:nth-child(even) {
+			background-color: var(--pgw-table-stripe);
+		}
+
+		&:hover {
+			background-color: var(--pgw-table-hover);
+		}
+	}
+
+	img {
+		background-color: var(--pgw-bg-muted);
+	}
+
+	.readme-heading-wrap {
+		position: relative;
+		display: block;
+	}
+
+	.readme-section-anchor {
+		position: absolute;
+		right: 100%;
+		padding-right: 0.35rem;
+		opacity: 0;
+		color: var(--pgw-text-muted);
+		font-size: 1.3rem;
+		text-decoration: none;
+		transition: opacity 0.15s ease;
+
+		&:focus {
+			opacity: 1;
+		}
+	}
+
+	.readme-heading-wrap:hover .readme-section-anchor,
+	.readme-section-anchor:hover {
+		opacity: 1;
+	}
 }
 
 .readme-toc-mount {
@@ -559,41 +635,48 @@ tbody tr:hover {
 	z-index: 1040;
 	pointer-events: none;
 	overflow: hidden;
+
+	.readme-toc {
+		pointer-events: auto;
+		padding: 1rem 0.5rem 1rem 0;
+		max-height: 100%;
+		overflow-y: auto;
+	}
 }
-.readme-toc-mount .readme-toc {
-	pointer-events: auto;
-	padding: 1rem 0.5rem 1rem 0;
-	max-height: 100%;
-	overflow-y: auto;
-}
+
 .readme-toc-list {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	font-size: 0.8rem;
 }
+
 .readme-toc-item {
-	margin: 0.2em 0;
+	margin: 0.2rem 0;
 }
+
 .readme-toc-link {
 	display: block;
-	padding: 0.2em 0.4em;
+	padding: 0.2rem 0.4rem;
 	color: var(--pgw-text-muted);
 	text-decoration: none;
-	border-radius: 4px;
+	border-radius: 0.25rem;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
+
+	&:hover {
+		color: var(--pgw-link-hover);
+		background-color: var(--pgw-bg-raised);
+	}
 }
-.readme-toc-link:hover {
-	color: var(--pgw-link-hover);
-	background-color: var(--pgw-bg-raised);
-}
+
 .readme-toc-item.readme-toc-active .readme-toc-link {
 	color: var(--pgw-link);
 	font-weight: 600;
 	background-color: var(--pgw-accent-bg);
 }
+
 .readme-toc-level-1 { padding-left: 0; }
 .readme-toc-level-2 { padding-left: 0.5rem; }
 .readme-toc-level-3 { padding-left: 1rem; }
@@ -618,10 +701,11 @@ tbody tr:hover {
 	background-color: var(--pgw-bg-muted);
 	color: var(--pgw-text);
 	border-color: var(--pgw-border) !important;
-}
-.board-column .h6,
-.board-column .text-muted {
-	color: var(--pgw-text-muted) !important;
+
+	.h6,
+	.text-muted {
+		color: var(--pgw-text-muted) !important;
+	}
 }
 
 /* Board: Sync status icons (mask so currentColor is respected when loaded) */
@@ -629,10 +713,11 @@ tbody tr:hover {
 	opacity: 0.7;
 	color: var(--pgw-text-muted);
 }
+
 .board-card-icon {
 	display: inline-block;
-	width: 20px;
-	height: 20px;
+	width: 1.25rem;
+	height: 1.25rem;
 	background-color: currentColor;
 	-webkit-mask-image: url(/static/icons/cloud.svg);
 	mask-image: url(/static/icons/cloud.svg);
@@ -670,36 +755,41 @@ tbody tr:hover {
 	justify-content: center;
 	padding: 1.5rem;
 	box-sizing: border-box;
-}
-.board-card-popout-overlay .board-card-popout {
-	position: relative;
-	z-index: 1061;
-	max-width: 40rem;
-	width: 100%;
-	pointer-events: auto;
-	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
+
+	.board-card-popout {
+		position: relative;
+		z-index: 1061;
+		max-width: 40rem;
+		width: 100%;
+		pointer-events: auto;
+		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
+	}
 }
 
 /* Popout card: editable fields (click to edit) */
-.board-card-popout .board-card-editable,
-.board-card-popout .board-card-title.board-card-editable {
-	cursor: pointer;
-	border-radius: 0.25rem;
-	min-height: 1.5em;
-}
-.board-card-popout .board-card-editable:hover,
-.board-card-popout .board-card-title.board-card-editable:hover {
-	background-color: var(--pgw-bg-muted);
-}
-.board-card-popout .board-card-title-edit,
-.board-card-popout .board-card-description-edit,
-.board-card-popout .board-card-due-date-edit,
-.board-card-popout .board-card-status-edit,
-.board-card-popout .board-card-priority-edit {
-	min-width: 10rem;
-	width: 100%;
-}
-.board-card-popout .board-card-description-edit {
-	min-height: 4rem;
-	resize: vertical;
+.board-card-popout {
+	.board-card-editable,
+	.board-card-title.board-card-editable {
+		cursor: pointer;
+		border-radius: 0.25rem;
+		min-height: 1.5em;
+
+		&:hover {
+			background-color: var(--pgw-bg-muted);
+		}
+	}
+
+	.board-card-title-edit,
+	.board-card-description-edit,
+	.board-card-due-date-edit,
+	.board-card-status-edit,
+	.board-card-priority-edit {
+		min-width: 10rem;
+		width: 100%;
+	}
+
+	.board-card-description-edit {
+		min-height: 4rem;
+		resize: vertical;
+	}
 }