.dir-block--subcat .dir-title-wrap {
    display: none;
}

.dir-desc-wrap {
    margin-bottom: 1.5em;
}

.dir-list {
    list-style: none;
    padding-left: 0;
}

.dir-item {
    margin-bottom: 1em;
}

.dir-item-title {
    font-weight: 600;
    text-decoration: none;
}

.dir-item-desc {
    margin: 0.25em 0 0;
}

.directory-categories-block .directory-category-summary {
    margin-bottom: 1.1em;
}

.directory-categories-block .directory-subcategory-list--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3em 0;
    margin: 0.3em 0 0;
    padding: 0;
    list-style: none;
}

.directory-categories-block .directory-subcategory-list--inline li {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.directory-categories-block .directory-subcategory-list--inline li + li::before {
    content: "·";
    margin: 0 0.55em;
    color: var(--calc-muted-text, currentColor);
    opacity: 0.72;
}

.directory-categories-block .directory-subcategory-list--inline a {
    text-decoration: none;
}

.header-utils {
	gap: 2em;
}

.site-logo {
    height: 50px;
    width: auto;
}
.header-logo {
	margin-left: 3em;
}

.simcalc-list {
	list-style: none;
	
	
	border: 1px solid var(--color-secondary);
	border-radius: 0.5em;
	padding: 0.75em;;
}
.simcalc-link,
.dir-item-title {
	color: #5098f4;
}

.dir-section.dir-section--cat.directory-category {
	border: 1px solid var(--color-secondary);
	margin-bottom: 2em;
	padding: 2em;
	border-radius: 1em;
}

.calculator-part {
	border: 1px solid var(--color-secondary);
	border-radius: 0.5em;
	padding: 0.75em;
	margin-bottom: 1em;
}

:root {
	--page-block-border: #dadbdd;
}

[data-bs-theme="dark"] {
	--page-block-border: #4a4b4d;
}

.theme-dark {
	--page-block-border: #4a4b4d;
}

.page-block-col {
	max-width: 100%;
}

.page-block-row > .col-6.page-block-col {
	flex: 1 1 30rem;
	width: auto;
	min-width: min(100%, 30rem);
}
/*
.page-block {
	border: 1px solid var(--page-block-border);
	border-radius: 0.75rem;
	padding: 1rem;
}
*/

#lang-toggle {
	text-transform: uppercase;
}

.site-logo-text {
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    color: var(--color-text);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}





.header-row {
    align-items: center !important;
}

.header-logo,
.header-utils,
.header-nav,
.navbar {
    align-items: center !important;
}

.header-utils {
    display: flex;
    align-items: center;
    padding-top: 0.4em;
}