/* YoLab 1.9 Global Design System */
:root{
	color-scheme:light;
}
body{
	background:var(--yr-surface);
	color:var(--yr-text);
	font-family:var(--yr-body-font);
	font-size:var(--yr-body-size);
	line-height:var(--yr-line-height);
}
a{color:var(--yr-accent)}
.yr-container{width:min(var(--yr-container),calc(100% - 32px))}
.yr-main-grid,.yr-content-sidebar{gap:var(--yr-content-gap)}
.yr-sidebar{width:min(100%,var(--yr-sidebar-width))}
.yr-panel,.widget,.yr-component,.yr-mega-menu,.yr-footer-builder-row{
	border-color:var(--yr-border);
}
.yr-panel,.widget,.yr-component{
	border-radius:var(--yr-radius);
}
.yr-card-elevated .yr-panel,.yr-card-elevated .yr-component,.yr-card-elevated .widget{
	box-shadow:var(--yr-shadow);
}
.yr-section-title,.widget-title,.yr-component__title{
	font-family:var(--yr-heading-font);
	font-weight:var(--yr-heading-weight);
	letter-spacing:var(--yr-heading-tracking);
}
.yr-article__title{
	font-family:var(--yr-heading-font);
	font-size:clamp(var(--yr-headline-size-mobile),5vw,var(--yr-headline-size));
	line-height:1.04;
	font-weight:var(--yr-heading-weight);
	letter-spacing:var(--yr-heading-tracking);
}
.yr-entry-content{
	width:100%;
	max-width:var(--yr-article-width);
	margin-inline:auto;
	font-size:1em;
	line-height:var(--yr-line-height);
}
.yr-entry-content>p,.yr-entry-content>ul,.yr-entry-content>ol{
	margin-block:0 var(--yr-space-3);
}
.yr-single-builder,.yr-home-builder,.yr-footer--builder{
	gap:var(--yr-space-4);
}
.yr-single-builder-module--width-wide,.yr-footer-builder-shell--wide{
	max-width:var(--yr-wide-width);
}
.yr-button,button,input[type=submit],input[type=button]{
	min-height:var(--yr-control-height);
	border-radius:var(--yr-button-radius);
}
input:not([type=checkbox]):not([type=radio]),select,textarea{
	border-radius:var(--yr-radius-sm);
	border-color:var(--yr-border);
	background:var(--yr-surface);
	color:var(--yr-text);
}
.yr-primary-nav,.yr-footer--builder,.yr-header-builder-row{
	--yr-panel:var(--yr-surface);
	--yr-soft-bg:var(--yr-surface-alt);
}
.yr-component__meta,.yr-entry-meta,.yr-archive-description,.yr-component__excerpt{
	color:var(--yr-muted);
}
.yr-design-surface-alt,.yr-home-surface-bands .yr-home-section:nth-child(even){
	background:var(--yr-surface-alt);
}
.yr-density-compact{--yr-density-gap:var(--yr-space-2)}
.yr-density-comfortable{--yr-density-gap:var(--yr-space-3)}
.yr-density-spacious{--yr-density-gap:var(--yr-space-4)}
.yr-post-list,.yr-component__items{gap:var(--yr-density-gap,var(--yr-space-3))}
.yr-rounded-cards{--yr-radius:max(var(--yr-radius),10px)}
.yr-dark-logo{display:none}
html.yr-reader-dark .custom-logo-link{display:none}
html.yr-reader-dark .yr-dark-logo{display:inline-flex}
html.yr-reader-dark,
body.yr-dark-skin{
	color-scheme:dark;
}
html.yr-reader-dark body,
body.yr-dark-skin{
	background:var(--yr-surface);
	color:var(--yr-text);
}
html.yr-reader-dark .yr-panel,
html.yr-reader-dark .widget,
html.yr-reader-dark .yr-component,
html.yr-reader-dark .yr-mega-menu,
html.yr-reader-dark .yr-footer-builder-row,
body.yr-dark-skin .yr-panel,
body.yr-dark-skin .widget,
body.yr-dark-skin .yr-component{
	background-color:var(--yr-surface);
	color:var(--yr-text);
	border-color:var(--yr-border);
}
html.yr-reader-dark input:not([type=checkbox]):not([type=radio]),
html.yr-reader-dark select,
html.yr-reader-dark textarea,
body.yr-dark-skin input:not([type=checkbox]):not([type=radio]),
body.yr-dark-skin select,
body.yr-dark-skin textarea{
	background:var(--yr-surface-alt);
	color:var(--yr-text);
	border-color:var(--yr-border);
}
html.yr-reader-dark .yr-component__meta,
html.yr-reader-dark .yr-entry-meta,
html.yr-reader-dark .yr-component__excerpt{
	color:var(--yr-muted);
}
html.yr-reader-dark img:not(.custom-logo):not([data-yr-no-dark-dim]){
	filter:brightness(.96);
}
html.yr-reader-dark .yr-theme-toggle{
	background:var(--yr-surface-alt);
	color:var(--yr-text);
	border-color:var(--yr-border);
}
@media(max-width:900px){
	body{font-size:var(--yr-body-size-tablet)}
	.yr-container{width:min(var(--yr-container),calc(100% - 24px))}
}
@media(max-width:640px){
	body{font-size:var(--yr-body-size-mobile)}
	.yr-container{width:min(var(--yr-container),calc(100% - 18px))}
	.yr-article__title{font-size:var(--yr-headline-size-mobile)}
}