/*tokens*/
:root {
	color-scheme: light dark;
	--rl-root:        clamp( 1rem, 0.866rem + 0.134vw, 1.1875rem );
	--rl-gutter:      clamp( 1rem, 0.55rem + 1.6vw, 3rem );
	--rl-shell:       clamp( 20rem, 88vw, 105rem );
	--rl-shell-wide:  clamp( 20rem, 94vw, 160rem );
	--rl-shell-tight: clamp( 20rem, 78vw, 73.75rem );
	--rl-measure:     68ch;
	--rl-shell-article: clamp( 20rem, 88vw, 107.5rem );
	--rl-rail:        clamp( 11rem, 15vw, 17rem );
	--rl-rail-end:    clamp( 17rem, 20vw, 24rem );
	--rl-sidebar:     clamp( 16.25rem, 22vw, 22.5rem );
	--rl-card-min:    19rem;
	--rl-bar-h:       4rem;
	--rl-masthead-h:  6rem;
	--rl-navrow-h:    2.875rem;
	--rl-header-h:    var( --rl-bar-h );
	--rl-bg:          #ffffff;
	--rl-surface:     #f5f6f8;
	--rl-surface-2:   #eceef2;
	--rl-border:      #dfe3ea;
	--rl-border-soft: #ebeef3;
	--rl-border-strong: #838890;
	--rl-ink:         #14161c;
	--rl-on-ink:      #f2f4f8;
	--rl-on-ink-2:    rgba( 242, 244, 248, .68 );
	--rl-on-ink-3:    rgba( 242, 244, 248, .52 );
	--rl-border-ink:  rgba( 242, 244, 248, .14 );
	--rl-surface-ink: rgba( 242, 244, 248, .08 );
	--rl-text:        #14161c;
	--rl-text-muted:  #5b6270;
	--rl-text-invert: #ffffff;
	--rl-brand:       #3875c9;
	--rl-brand-mark:  #3875c9;
	--rl-brand-ink:   #2c5ea8;
	--rl-brand-hover: #2c5ea8;
	--rl-brand-soft:  #e8f0fb;
	--rl-on-brand:    #ffffff;
	--rl-accent:      #c2410c;
	--rl-accent-ink:  #9a3412;
	--rl-accent-soft: #fdeee6;
	--rl-sec-cyan:         #0e7490;
	--rl-sec-cyan-ink:     #0e6f7f;
	--rl-sec-cyan-soft:    #e2f3f6;
	--rl-sec-green:        #157347;
	--rl-sec-green-ink:    #15703f;
	--rl-sec-green-soft:   #e6f4ec;
	--rl-sec-violet:       #6d28d9;
	--rl-sec-violet-ink:   #5b34c4;
	--rl-sec-violet-soft:  #eeeafd;
	--rl-sec-magenta:      #b3126f;
	--rl-sec-magenta-ink:  #a3186b;
	--rl-sec-magenta-soft: #fdeaf3;
	--rl-success:     #067647;
	--rl-warning:     #b54708;
	--rl-danger:      #d92d20;
	--rl-live:        #d92d20;
	--rl-shadow-sm:   0 1px 2px rgba( 16, 18, 24, .06 );
	--rl-shadow-md:   0 4px 16px rgba( 16, 18, 24, .10 );
	--rl-shadow-lg:   0 12px 32px rgba( 16, 18, 24, .14 );
	--rl-radius-sm:   6px;
	--rl-radius-md:   10px;
	--rl-radius-lg:   16px;
	--rl-radius-full: 999px;
	--rl-tap-min:     1.5rem;
	--rl-space-1:     0.25rem;
	--rl-space-2:     0.5rem;
	--rl-space-3:     0.75rem;
	--rl-space-4:     1rem;
	--rl-space-5:     1.5rem;
	--rl-space-6:     2rem;
	--rl-space-7:     3rem;
	--rl-space-8:     4rem;
	--rl-space-section: clamp( 2.5rem, 1.5rem + 3vw, 5.5rem );
	--rl-font-sans:    "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--rl-font-display: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--rl-display-stretch: 112%;
	--rl-mono-stretch:     87.5%;
	--rl-font-mono:    "Martian Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	--rl-t-2xs:  0.6875rem;
	--rl-t-xs:   0.78125rem;
	--rl-t-sm:   0.875rem;
	--rl-t-base: 1.0625rem;
	--rl-t-md:   1.1875rem;
	--rl-t-lg:   clamp( 1.375rem, 1.25rem + 0.5vw, 1.625rem );
	--rl-t-xl:   clamp( 1.75rem,  1.5rem  + 1vw,   2.125rem );
	--rl-t-2xl:  clamp( 2.125rem, 1.75rem + 1.6vw, 2.875rem );
	--rl-t-3xl:  clamp( 2.625rem, 2rem    + 2.8vw, 4.25rem );
	--rl-t-4xl:  clamp( 3rem,     2rem    + 4.6vw, 6rem );
	--rl-lh-tight: 1.06;
	--rl-lh-snug:  1.2;
	--rl-lh-base:  1.65;
	--rl-tr-tight: -0.022em;
	--rl-tr-label:  0.06em;
	--rl-tr-micro:  0.11em;
	--rl-ease:       cubic-bezier( .2, .7, .2, 1 );
	--rl-ease-out:   cubic-bezier( .16, 1, .3, 1 );
	--rl-d-1:        120ms;
	--rl-d-2:        220ms;
	--rl-transition: var( --rl-d-1 ) var( --rl-ease );
	--rl-z-header:   50;
	--rl-z-progress: 60;
	--rl-z-to-top:   65;
	--rl-z-consent:  70;
	--rl-z-skip:     999;
}
@media ( max-width: 40rem ) {
	:root {
		--rl-shell:         var( --rl-shell-wide );
		--rl-shell-tight:   var( --rl-shell-wide );
		--rl-shell-article: var( --rl-shell-wide );
	}
}
@media ( min-width: 64rem ) {
	:root { --rl-header-h: calc( var( --rl-masthead-h ) + var( --rl-navrow-h ) + 1px ); }
}
@media ( prefers-color-scheme: dark ) {
	:root:not( [data-theme="light"] ) {
		--rl-bg:          #0e1015;
		--rl-surface:     #161a22;
		--rl-surface-2:   #1e232d;
		--rl-border:      #2a303c;
		--rl-border-soft: #212734;
		--rl-border-strong: #6b7280;
		--rl-ink:         #1a1f29;
		--rl-on-ink:      #eef1f6;
		--rl-on-ink-2:    rgba( 238, 241, 246, .70 );
		--rl-on-ink-3:    rgba( 238, 241, 246, .52 );
		--rl-border-ink:  rgba( 238, 241, 246, .13 );
		--rl-surface-ink: rgba( 238, 241, 246, .07 );
		--rl-text:        #eef1f6;
		--rl-text-muted:  #9aa3b2;
		--rl-text-invert: #0e1015;
		--rl-brand:       #6ba3f0;
		--rl-brand-mark:  #4f8ad9;
		--rl-brand-ink:   #8fbcf5;
		--rl-brand-hover: #8fbcf5;
		--rl-brand-soft:  #16202e;
		--rl-on-brand:    #0a1220;
		--rl-accent:      #f0913f;
		--rl-accent-ink:  #f6ad6b;
		--rl-accent-soft: #2a1c11;
		--rl-sec-cyan:         #45b6cc;
		--rl-sec-cyan-ink:     #6fd3e6;
		--rl-sec-cyan-soft:    #10242a;
		--rl-sec-green:        #3fbf83;
		--rl-sec-green-ink:    #5fd598;
		--rl-sec-green-soft:   #10241a;
		--rl-sec-violet:       #9a7bf5;
		--rl-sec-violet-ink:   #b9a2fb;
		--rl-sec-violet-soft:  #1c1730;
		--rl-sec-magenta:      #e57bb4;
		--rl-sec-magenta-ink:  #f39cc9;
		--rl-sec-magenta-soft: #2a1220;
		--rl-success:     #47cd89;
		--rl-warning:     #fdb022;
		--rl-danger:      #f97066;
		--rl-live:        #f97066;
		--rl-shadow-sm:   0 1px 2px rgba( 0, 0, 0, .40 );
		--rl-shadow-md:   0 4px 16px rgba( 0, 0, 0, .50 );
		--rl-shadow-lg:   0 12px 32px rgba( 0, 0, 0, .60 );
	}
}
:root[data-theme="dark"] {
	--rl-bg:          #0e1015;
	--rl-surface:     #161a22;
	--rl-surface-2:   #1e232d;
	--rl-border:      #2a303c;
	--rl-border-soft: #212734;
	--rl-border-strong: #6b7280;
	--rl-ink:         #1a1f29;
	--rl-on-ink:      #eef1f6;
	--rl-on-ink-2:    rgba( 238, 241, 246, .70 );
	--rl-on-ink-3:    rgba( 238, 241, 246, .52 );
	--rl-border-ink:  rgba( 238, 241, 246, .13 );
	--rl-surface-ink: rgba( 238, 241, 246, .07 );
	--rl-text:        #eef1f6;
	--rl-text-muted:  #9aa3b2;
	--rl-text-invert: #0e1015;
	--rl-brand:       #6ba3f0;
	--rl-brand-mark:  #4f8ad9;
	--rl-brand-ink:   #8fbcf5;
	--rl-brand-hover: #8fbcf5;
	--rl-brand-soft:  #16202e;
	--rl-on-brand:    #0a1220;
	--rl-accent:      #f0913f;
	--rl-accent-ink:  #f6ad6b;
	--rl-accent-soft: #2a1c11;
	--rl-sec-cyan:         #45b6cc;
	--rl-sec-cyan-ink:     #6fd3e6;
	--rl-sec-cyan-soft:    #10242a;
	--rl-sec-green:        #3fbf83;
	--rl-sec-green-ink:    #5fd598;
	--rl-sec-green-soft:   #10241a;
	--rl-sec-violet:       #9a7bf5;
	--rl-sec-violet-ink:   #b9a2fb;
	--rl-sec-violet-soft:  #1c1730;
	--rl-sec-magenta:      #e57bb4;
	--rl-sec-magenta-ink:  #f39cc9;
	--rl-sec-magenta-soft: #2a1220;
	--rl-success:     #47cd89;
	--rl-warning:     #fdb022;
	--rl-danger:      #f97066;
	--rl-live:        #f97066;
	--rl-shadow-sm:   0 1px 2px rgba( 0, 0, 0, .40 );
	--rl-shadow-md:   0 4px 16px rgba( 0, 0, 0, .50 );
	--rl-shadow-lg:   0 12px 32px rgba( 0, 0, 0, .60 );
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }
/*fonts*/
@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 400 800;
	font-stretch: 100% 125%;
	font-display: swap;
	src: url( "https://rload.eu/wp-content/themes/rload-wp-theme/assets/fonts/archivo-latin.woff2" ) format( "woff2" );
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 400 800;
	font-stretch: 100% 125%;
	font-display: swap;
	src: url( "https://rload.eu/wp-content/themes/rload-wp-theme/assets/fonts/archivo-latin-ext.woff2" ) format( "woff2" );
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Martian Mono";
	font-style: normal;
	font-weight: 300 700;
	font-stretch: 75% 112.5%;
	font-display: swap;
	src: url( "https://rload.eu/wp-content/themes/rload-wp-theme/assets/fonts/martianmono-latin.woff2" ) format( "woff2" );
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Martian Mono";
	font-style: normal;
	font-weight: 300 700;
	font-stretch: 75% 112.5%;
	font-display: swap;
	src: url( "https://rload.eu/wp-content/themes/rload-wp-theme/assets/fonts/martianmono-latin-ext.woff2" ) format( "woff2" );
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/*base*/
*,
*::before,
*::after { box-sizing: border-box; }
html {
	-webkit-text-size-adjust: 100%;
	font-size: var( --rl-root );
	scroll-padding-top: calc( var( --rl-header-h ) + var( --rl-space-4 ) );
}
body {
	margin: 0;
	background-color: var( --rl-bg );
	color: var( --rl-text );
	font-family: var( --rl-font-sans );
	font-size: var( --rl-t-base );
	line-height: var( --rl-lh-base );
	font-synthesis-weight: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-weight: 700;
	line-height: var( --rl-lh-snug );
	letter-spacing: var( --rl-tr-tight );
	text-wrap: balance;
	overflow-wrap: break-word;
}
h1 { font-size: var( --rl-t-3xl ); line-height: var( --rl-lh-tight ); }
h2 { font-size: var( --rl-t-2xl ); }
h3 { font-size: var( --rl-t-xl ); }
h4 { font-size: var( --rl-t-lg ); }
h5 { font-size: var( --rl-t-md ); }
h6 { font-size: var( --rl-t-sm ); text-transform: uppercase; letter-spacing: var( --rl-tr-label ); }
p { margin: 0 0 1em; text-wrap: pretty; }
p:last-child { margin-bottom: 0; }
.rl-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	margin: 0;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	line-height: 1;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-text-muted );
	font-feature-settings: "tnum", "zero";
}
.rl-num {
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-variant-numeric: tabular-nums slashed-zero;
	letter-spacing: 0;
}
:root a {
	color: inherit;
	text-decoration: none;
	transition: color var( --rl-transition );
}
:root a:hover { color: var( --rl-brand-ink ); }
:root .rl-link {
	color: var( --rl-brand-ink );
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	text-decoration-color: color-mix( in oklab, currentColor 35%, transparent );
}
:root .rl-link:hover { text-decoration-color: currentColor; }
img, svg, video, canvas, iframe { display: block; max-width: 100%; }
img, video { height: auto; }
svg:not( [fill] ) { fill: currentColor; }
.rl-avatar {
	position: relative;
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	width: 2rem;
	height: 2rem;
	overflow: hidden;
	border-radius: var( --rl-radius-full );
	background-color: var( --rl-brand );
	color: var( --rl-on-brand );
}
.rl-avatar--muted { background-color: var( --rl-surface-2 ); color: var( --rl-text-muted ); }
.rl-avatar__mono { font-size: var( --rl-t-xs ); font-weight: 700; line-height: 1; }
.rl-avatar--muted .rl-avatar__mono { font-family: var( --rl-font-mono ); font-weight: 400; }
.rl-avatar__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rl-avatar--xs { width: 1.5rem; height: 1.5rem; }
.rl-avatar--sm { width: 2rem; height: 2rem; }
.rl-avatar--md { width: 2.5rem; height: 2.5rem; }
.rl-avatar--lg { width: 2.75rem; height: 2.75rem; }
.rl-avatar--xl { width: 6rem; height: 6rem; }
.rl-avatar--xs .rl-avatar__mono { font-size: var( --rl-t-2xs ); }
.rl-avatar--md .rl-avatar__mono { font-size: var( --rl-t-sm ); }
.rl-avatar--lg .rl-avatar__mono { font-size: var( --rl-t-base ); }
.rl-avatar--xl .rl-avatar__mono { font-size: var( --rl-t-xl ); }
.rl-live-dot {
	display: inline-block;
	flex: none;
	width: var( --rl-dot-size, 0.375rem );
	height: var( --rl-dot-size, 0.375rem );
	border-radius: 50%;
	background-color: var( --rl-dot-color, var( --rl-live ) );
	animation: rl-pulse 2s var( --rl-ease ) infinite;
}
@keyframes rl-pulse { 50% { opacity: .35; } }
.rl-panel {
	background-color: var( --rl-bg );
	border: 1px solid var( --rl-panel-border, var( --rl-border ) );
	border-radius: var( --rl-radius-md );
	box-shadow: var( --rl-shadow-lg );
}
input, button, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
:where( a, button, input, select, textarea, summary, [tabindex] ):focus-visible {
	outline: 2px solid var( --rl-brand );
	outline-offset: 2px;
	border-radius: var( --rl-radius-sm );
}
::selection {
	background-color: var( --rl-brand );
	color: var( --rl-on-brand );
}
:root .rl-skip {
	position: absolute;
	top: var( --rl-space-2 );
	left: var( --rl-space-2 );
	z-index: var( --rl-z-skip );
	padding: var( --rl-space-3 ) var( --rl-space-4 );
	background-color: var( --rl-brand );
	color: var( --rl-on-brand );
	font-size: var( --rl-t-sm );
	font-weight: 600;
	border-radius: var( --rl-radius-sm );
	transform: translateY( -200% );
	transition: transform var( --rl-d-2 ) var( --rl-ease-out );
}
:root .rl-skip:focus,
:root .rl-skip:focus-visible {
	transform: translateY( 0 );
	color: var( --rl-on-brand );
}
.screen-reader-text,
.rl-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset( 50% );
	white-space: nowrap;
	border: 0;
}
@media ( prefers-reduced-motion: reduce ) {
	html { scroll-behavior: auto; }
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
	.rl-live-dot { animation: none; opacity: 1; }
}
/*layout*/
.rl-shell {
	--rl-shell-max: var( --rl-shell );
	width: 100%;
	max-width: var( --rl-shell-max );
	margin-inline: auto;
	padding-inline: var( --rl-gutter );
}
.rl-shell--wide    { --rl-shell-max: var( --rl-shell-wide ); }
.rl-shell--tight   { --rl-shell-max: var( --rl-shell-tight ); }
.rl-shell--article { --rl-shell-max: var( --rl-shell-article ); }
.rl-shell--full    { --rl-shell-max: none; }
.rl-shell .rl-shell { padding-inline: 0; max-width: none; }
.rl-section { padding-block: var( --rl-space-section ); }
.rl-section--tight { padding-block: calc( var( --rl-space-section ) * .55 ); }
.rl-section--flush { padding-block: 0; }
.rl-section + .rl-section--ruled { border-top: 1px solid var( --rl-border-soft ); }
.rl-prose {
	max-width: var( --rl-measure );
	margin-inline: auto;
}
.rl-prose > * { margin-block: 0 var( --rl-space-5 ); }
.rl-prose > :last-child { margin-bottom: 0; }
.rl-prose > h2,
.rl-prose > h3,
.rl-prose > h4 { margin-top: var( --rl-space-7 ); }
.rl-prose > .alignwide {
	width: min( var( --rl-shell-tight ), 100vw - 2 * var( --rl-gutter ) );
	max-width: none;
	margin-inline: auto;
	transform: translateX( calc( ( var( --rl-measure ) - min( var( --rl-shell-tight ), 100vw - 2 * var( --rl-gutter ) ) ) / 2 ) );
}
.rl-prose > .alignfull {
	width: 100vw;
	max-width: none;
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw );
}
.rl-grid {
	display: grid;
	gap: var( --rl-space-5 );
	grid-template-columns: repeat( auto-fill, minmax( min( 100%, var( --rl-card-min ) ), 1fr ) );
}
.rl-grid--roomy { gap: var( --rl-space-6 ); }
.rl-grid--dense { --rl-card-min: 13rem; gap: var( --rl-space-4 ); }
.rl-cols-2,
.rl-cols-3,
.rl-cols-4 { display: grid; gap: var( --rl-space-5 ); }
@media ( min-width: 56.25rem ) {
	.rl-cols-2 { grid-template-columns: repeat( 2, 1fr ); }
	.rl-cols-3 { grid-template-columns: repeat( 3, 1fr ); }
	.rl-cols-4 { grid-template-columns: repeat( 4, 1fr ); }
}
.rl-with-aside { display: grid; gap: var( --rl-space-7 ); }
@media ( min-width: 64rem ) {
	.rl-with-aside {
		grid-template-columns: minmax( 0, 1fr ) var( --rl-sidebar );
		gap: var( --rl-space-8 );
	}
	.rl-with-aside--left { grid-template-columns: var( --rl-sidebar ) minmax( 0, 1fr ); }
	.rl-aside {
		position: sticky;
		top: calc( var( --rl-header-h ) + var( --rl-space-5 ) );
		align-self: start;
		max-height: calc( 100vh - var( --rl-header-h ) - var( --rl-space-8 ) );
		max-height: calc( 100dvh - var( --rl-header-h ) - var( --rl-space-8 ) );
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}
.rl-scroll-x {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}
.rl-stack { display: flex; flex-direction: column; gap: var( --rl-space-4 ); }
.rl-row   { display: flex; align-items: center; gap: var( --rl-space-3 ); flex-wrap: wrap; }
.rl-push  { margin-inline-start: auto; }
/*icon-button*/
.rl-icon-button,
.rl-theme-toggle,
.rl-nav-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: var( --rl-radius-sm );
	color: var( --rl-text-muted );
	transition: color var( --rl-transition ), background-color var( --rl-transition ), border-color var( --rl-transition );
}
.rl-icon-button:hover,
.rl-theme-toggle:hover,
.rl-nav-toggle:hover {
	color: var( --rl-text );
	background-color: var( --rl-surface );
	border-color: var( --rl-border );
}
.rl-theme-toggle { display: none; position: relative; }
.rl-js .rl-theme-toggle { display: inline-flex; }
.rl-theme-toggle__icon {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: scale( .8 );
	transition: opacity var( --rl-d-1 ) var( --rl-ease ), transform var( --rl-d-1 ) var( --rl-ease-out );
}
.rl-theme-toggle[data-theme-state="auto"]  .rl-theme-toggle__icon--auto,
.rl-theme-toggle[data-theme-state="light"] .rl-theme-toggle__icon--light,
.rl-theme-toggle[data-theme-state="dark"]  .rl-theme-toggle__icon--dark {
	opacity: 1;
	transform: scale( 1 );
}
/*header*/
.rl-header {
	position: sticky;
	top: 0;
	z-index: var( --rl-z-header );
	background-color: color-mix( in srgb, var( --rl-bg ) 88%, transparent );
	backdrop-filter: saturate( 180% ) blur( 12px );
	border-bottom: 1px solid transparent;
	transition: transform var( --rl-d-2 ) var( --rl-ease ),
	            border-color var( --rl-d-2 ) var( --rl-ease );
}
.rl-header.is-stuck { border-bottom-color: var( --rl-border ); }
.rl-header.is-hidden { transform: translateY( -100% ); }
.rl-header__bar {
	display: grid;
	grid-template-columns: minmax( 0, 1fr ) auto minmax( 0, 1fr );
	align-items: center;
	gap: var( --rl-space-3 );
	min-height: var( --rl-bar-h );
}
.rl-header__start {
	display: flex;
	align-items: center;
	gap: var( --rl-space-1 );
	min-width: 0;
}
@media ( min-width: 64rem ) {
	.rl-header__bar { min-height: var( --rl-masthead-h ); }
}
.rl-logo {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-3 );
	flex: 0 0 auto;
	color: var( --rl-text );
}
.rl-logo:hover { color: var( --rl-text ); }
.rl-logo__mark,
.rl-logo__img {
	height: 1.875rem;
	width: auto;
	flex: 0 0 auto;
}
.rl-logo__text { display: flex; flex-direction: column; gap: 1px; }
.rl-logo__name {
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-md );
	font-weight: 800;
	line-height: 1;
	letter-spacing: var( --rl-tr-tight );
}
.rl-logo__tagline {
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: 0.5625rem;
	line-height: 1;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-text-muted );
	max-width: 46ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media ( max-width: 40rem ) {
	.rl-logo__tagline { display: none; }
}
@media ( max-width: 30rem ) {
	.rl-header__bar { gap: var( --rl-space-2 ); }
	.rl-logo--header { gap: var( --rl-space-2 ); }
	.rl-logo--header .rl-logo__mark,
	.rl-logo--header .rl-logo__img { height: clamp( 1.5rem, 7.5vw, 1.875rem ); }
	.rl-logo--header .rl-logo__name { font-size: clamp( 0.875rem, 4.6vw, 1.1875rem ); }
}
@media ( min-width: 64rem ) {
	.rl-logo--header { gap: var( --rl-space-4 ); }
	.rl-logo--header .rl-logo__mark,
	.rl-logo--header .rl-logo__img { height: 2.625rem; }
	.rl-logo--header .rl-logo__name { font-size: var( --rl-t-lg ); }
	.rl-logo--header .rl-logo__text { gap: var( --rl-space-1 ); }
	.rl-logo--header .rl-logo__tagline { font-size: var( --rl-t-2xs ); }
}
.rl-nav { display: none; }
@media ( min-width: 64rem ) {
	.rl-nav { display: block; border-top: 1px solid var( --rl-border ); }
}
.rl-nav__list {
	display: flex;
	align-items: center;
	gap: var( --rl-space-6 );
	margin: 0;
	padding: 0;
	list-style: none;
}
.rl-nav__list > li:first-child { margin-inline-start: auto; }
.rl-nav__list > li:last-child  { margin-inline-end: auto; }
.rl-nav__list li { position: relative; }
.rl-nav__list > li {
	display: flex;
	align-items: center;
	gap: var( --rl-space-1 );
}
.rl-nav__list > li > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: var( --rl-navrow-h );
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: var( --rl-tr-label );
	text-transform: uppercase;
	white-space: nowrap;
	color: var( --rl-text );
}
.rl-nav__list a:hover,
.rl-nav__list .current-menu-item > a,
.rl-nav__list .current-menu-ancestor > a { color: var( --rl-brand-ink ); }
.rl-nav__list a::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 2px;
	background-color: currentColor;
	transform: scaleX( 0 );
	transform-origin: center;
	transition: transform var( --rl-d-2 ) var( --rl-ease-out );
}
.rl-nav__list a:hover::after,
.rl-nav__list .current-menu-item > a::after { transform: scaleX( 1 ); }
.rl-nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	translate: -50% 0;
	min-width: 13rem;
	margin: 0;
	padding: var( --rl-space-2 );
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity var( --rl-d-1 ) var( --rl-ease ), visibility 0s linear var( --rl-d-1 );
}
.rl-nav__list li:hover > .sub-menu,
.rl-nav__list li:focus-within > .sub-menu,
.rl-nav__list li:has( > .rl-nav__submenu-toggle[aria-expanded="true"] ) > .sub-menu {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.rl-nav__list .sub-menu a {
	display: block;
	padding: var( --rl-space-2 ) var( --rl-space-3 );
	border-radius: var( --rl-radius-sm );
	font-size: var( --rl-t-sm );
	font-weight: 600;
	white-space: nowrap;
	color: var( --rl-text );
}
.rl-nav__list .sub-menu a::after { display: none; }
.rl-nav__list .sub-menu a:hover { background-color: var( --rl-surface ); }
.rl-nav__submenu-icon { transition: transform var( --rl-transition ); }
.rl-nav__list .rl-nav__submenu-toggle {
	position: relative;
	width: 1.25rem;
}
.rl-nav__list .rl-nav__submenu-toggle::before {
	content: "";
	position: absolute;
	inset: 0 -1rem 0 -0.25rem;
}
.rl-nav__list .rl-nav__submenu-toggle:hover {
	background-color: transparent;
	border-color: transparent;
}
.rl-nav__submenu-toggle[aria-expanded="true"] .rl-nav__submenu-icon {
	transform: rotate( 180deg );
}
.rl-header__tools {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var( --rl-space-2 );
	min-width: 0;
}
@media ( max-width: 30rem ) {
	.rl-header__tools { gap: var( --rl-space-1 ); }
}
.rl-search-toggle { position: relative; display: none; }
.rl-search-toggle > summary { list-style: none; cursor: pointer; }
.rl-search-toggle > summary::-webkit-details-marker { display: none; }
.rl-search-toggle__panel {
	position: fixed;
	inset-inline: 0;
	top: 100%;
	background-color: var( --rl-bg );
	border-block-end: 1px solid var( --rl-border );
	z-index: 10;
}
.rl-search-toggle__inner {
	display: flex;
	align-items: center;
	gap: var( --rl-gutter );
	min-height: 4.5rem;
	max-width: var( --rl-shell-wide );
	margin-inline: auto;
	padding-inline: var( --rl-gutter );
}
.rl-search-toggle__panel .rl-search__icon { display: none; }
.rl-search-toggle__panel .rl-search {
	flex: 1 1 auto;
	height: auto;
	background: none;
	border: 0;
	border-radius: 0;
}
.rl-search-toggle__panel .rl-search:focus-within {
	background: none;
	border-color: transparent;
	outline: 2px solid var( --rl-brand );
	outline-offset: var( --rl-space-2 );
}
.rl-search-toggle__panel .rl-search__field {
	padding-inline: 0 var( --rl-space-4 );
	font-size: var( --rl-t-lg );
	line-height: 1.2;
}
.rl-search-toggle__panel .rl-search__submit {
	border-inline-start: 0;
	border-radius: var( --rl-radius-sm );
	padding-inline: var( --rl-space-3 );
	font-size: var( --rl-t-xs );
}
@media ( min-width: 64rem ) {
	.rl-search-toggle { display: block; }
}
.rl-search-toggle__hint {
	flex: 0 0 auto;
	margin: 0;
	font-size: var( --rl-t-xs );
	color: var( --rl-text-muted );
}
@media ( max-width: 87.5rem ) {
	.rl-search-toggle__hint { display: none; }
}
.rl-search-toggle__hint kbd {
	display: inline-block;
	min-width: 1.6em;
	padding: 1px 5px;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	text-align: center;
	color: var( --rl-text );
	background-color: var( --rl-surface-2 );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-sm );
}
.rl-nav-toggle { gap: var( --rl-space-2 ); }
.rl-nav-toggle__bars { display: grid; gap: 0.25rem; width: 1.125rem; }
.rl-nav-toggle__bars span {
	display: block;
	height: 2px;
	background-color: currentColor;
	border-radius: 2px;
	transition: transform var( --rl-d-2 ) var( --rl-ease-out ), opacity var( --rl-d-1 ) var( --rl-ease );
}
.rl-nav-toggle[aria-expanded="true"] .rl-nav-toggle__bars span:nth-child( 1 ) { transform: translateY( 6px ) rotate( 45deg ); }
.rl-nav-toggle[aria-expanded="true"] .rl-nav-toggle__bars span:nth-child( 2 ) { opacity: 0; }
.rl-nav-toggle[aria-expanded="true"] .rl-nav-toggle__bars span:nth-child( 3 ) { transform: translateY( -6px ) rotate( -45deg ); }
.rl-nav-toggle__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset( 50% );
	white-space: nowrap;
}
@media ( min-width: 64rem ) {
	.rl-nav-toggle {
		width: auto;
		padding-inline: var( --rl-space-2 ) var( --rl-space-3 );
		color: var( --rl-text );
	}
	.rl-nav-toggle__label {
		position: static;
		width: auto;
		height: auto;
		overflow: visible;
		clip-path: none;
		font-family: var( --rl-font-mono );
		font-stretch: var( --rl-mono-stretch );
		font-size: var( --rl-t-2xs );
		font-weight: 600;
		letter-spacing: var( --rl-tr-micro );
		text-transform: uppercase;
	}
}
.rl-mobile-nav {
	position: fixed;
	top: 100%;
	left: 0;
	right: 0;
	height: calc( 100vh - 100% );
	height: calc( 100dvh - 100% );
	z-index: 45;
	background-color: var( --rl-bg );
	border-top: 1px solid var( --rl-border );
	overflow-y: auto;
	overscroll-behavior: contain;
}
.rl-mobile-nav__inner {
	display: flex;
	flex-direction: column;
	gap: var( --rl-space-4 );
	padding-block: var( --rl-space-4 );
}
.rl-mobile-nav__list { margin: 0; padding: 0; list-style: none; }
.rl-mobile-nav__list > li + li { border-top: 1px solid var( --rl-border-soft ); }
.rl-mobile-nav__list a {
	display: block;
	padding: var( --rl-space-3 ) 0;
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-md );
	font-weight: 700;
	letter-spacing: var( --rl-tr-tight );
}
.rl-mobile-nav__list .sub-menu {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-2 );
	margin: 0 0 var( --rl-space-3 );
	padding: 0;
	list-style: none;
}
:root .rl-mobile-nav__list .sub-menu a {
	padding: var( --rl-space-1 ) var( --rl-space-3 );
	font-family: var( --rl-font-sans );
	font-stretch: normal;
	font-size: var( --rl-t-sm );
	font-weight: 500;
	letter-spacing: normal;
	color: var( --rl-text-muted );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-full );
}
:root .rl-mobile-nav__list a:hover,
:root .rl-mobile-nav__list .current-menu-item > a { color: var( --rl-brand-ink ); }
.rl-mobile-nav__links {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-3 ) var( --rl-space-5 );
	margin: 0;
	padding: 0;
	list-style: none;
}
:root .rl-mobile-nav__links a { color: var( --rl-text-muted ); font-weight: 500; }
:root .rl-mobile-nav__links a:hover { color: var( --rl-text ); }
.rl-nav-open, .rl-nav-open body { overflow: hidden; }
@media ( min-width: 64rem ) {
	.rl-mobile-nav {
		height: auto;
		max-height: calc( 100dvh - 100% );
		border-bottom: 1px solid var( --rl-border );
	}
	.rl-mobile-nav__inner {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: var( --rl-space-5 ) var( --rl-space-8 );
	}
	.rl-mobile-nav__inner > .rl-search,
	.rl-mobile-nav__inner > .rl-lang { grid-column: 1 / -1; }
	.rl-mobile-nav__list {
		display: grid;
		grid-template-columns: repeat( auto-fill, minmax( 10rem, 1fr ) );
		align-items: start;
		gap: var( --rl-space-4 ) var( --rl-space-6 );
	}
	.rl-mobile-nav__list > li + li { border-top: 0; }
	.rl-mobile-nav__list a { padding: 0 0 var( --rl-space-2 ); font-size: var( --rl-t-base ); }
	.rl-mobile-nav__list .sub-menu { flex-direction: column; gap: 0; margin: 0; }
	:root .rl-mobile-nav__list .sub-menu a { padding: var( --rl-space-1 ) 0; border: 0; border-radius: 0; }
	.rl-mobile-nav__links { flex-direction: column; }
}
/*footer*/
.rl-footer {
	margin-top: var( --rl-space-section );
	background-color: var( --rl-ink );
	color: var( --rl-on-ink-2 );
	font-size: var( --rl-t-sm );
}
.rl-footer a { color: var( --rl-on-ink-2 ); }
.rl-footer a:hover { color: var( --rl-on-ink ); }
.rl-footer__main {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var( --rl-space-5 );
	padding-block: var( --rl-space-7 ) var( --rl-space-6 );
}
.rl-footer__main::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline: var( --rl-gutter );
	block-size: 1px;
	background-color: var( --rl-border-ink );
}
.rl-footer .rl-logo { color: var( --rl-on-ink ); }
.rl-footer .rl-logo:hover { color: var( --rl-on-ink ); }
.rl-footer .rl-logo__mark { height: 1.5rem; }
.rl-footer__site-list {
	display: grid;
	grid-template-columns: repeat( 2, max-content );
	gap: 0 var( --rl-space-6 );
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var( --rl-t-base );
}
.rl-footer__site-list a {
	display: inline-flex;
	align-items: center;
	min-height: var( --rl-tap-min );
}
.rl-footer__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --rl-space-2 );
}
@media ( min-width: 60rem ) {
	.rl-footer__main {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: var( --rl-space-5 ) var( --rl-space-7 );
		padding-block: var( --rl-space-6 );
	}
	.rl-footer__site-list {
		display: flex;
		flex-wrap: wrap;
		gap: 0 var( --rl-space-6 );
	}
}
.rl-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var( --rl-space-3 ) var( --rl-space-6 );
	padding-block: var( --rl-space-4 ) var( --rl-space-5 );
}
.rl-footer__list {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-2 ) var( --rl-space-5 );
	margin: 0;
	padding: 0;
	list-style: none;
}
.rl-footer__list a {
	display: inline-flex;
	align-items: center;
	min-height: var( --rl-tap-min );
}
.rl-footer__credit {
	order: 4;
	flex-basis: 100%;
	justify-content: center;
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	margin: 0;
	white-space: nowrap;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	color: var( --rl-on-ink-3 );
}
.rl-footer__credit a {
	display: inline-flex;
	align-items: center;
	min-height: var( --rl-tap-min );
}
@media ( min-width: 93.75rem ) {
	.rl-footer__bottom {
		display: grid;
		grid-template-columns: minmax( max-content, 1fr ) auto minmax( max-content, 1fr );
	}
	.rl-footer__credit { order: 2; }
	.rl-footer__meta { justify-self: end; }
}
.rl-footer__meta {
	order: 3;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --rl-space-1 ) var( --rl-space-3 );
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	color: var( --rl-on-ink-3 );
}
.rl-footer__meta li {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-3 );
}
@media ( min-width: 60rem ) {
	.rl-footer__meta li + li::before {
		content: "·";
		color: var( --rl-on-ink-3 );
	}
}
.rl-footer__meta a {
	display: inline-flex;
	align-items: center;
	min-height: var( --rl-tap-min );
}
.rl-footer__gcd {
	display: inline-block;
	width: 8.75em;
	height: 1.5em;
	background-color: currentColor;
	-webkit-mask: url( "https://rload.eu/wp-content/themes/rload-wp-theme/assets/img/gcddesigner.png" ) no-repeat center / contain;
	mask: url( "https://rload.eu/wp-content/themes/rload-wp-theme/assets/img/gcddesigner.png" ) no-repeat center / contain;
}
.rl-footer__nav {
	order: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --rl-space-2 ) var( --rl-space-5 );
	font-size: var( --rl-t-xs );
}
.rl-footer__legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var( --rl-space-3 ) var( --rl-space-6 );
	padding-bottom: var( --rl-space-6 );
	font-size: var( --rl-t-xs );
	color: var( --rl-on-ink-3 );
}
.rl-footer__legal p {
	flex: 1 1 min( 100%, 20rem );
	max-width: var( --rl-measure );
	margin: 0;
}
.rl-widget { margin: 0 0 var( --rl-space-5 ); }
.rl-widget:last-child { margin-bottom: 0; }
.rl-widget__title {
	margin: 0 0 var( --rl-space-3 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-on-ink-3 );
}
.rl-aside .rl-widget__title { color: var( --rl-text-muted ); }
/*social*/
.rl-social__list {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-2 );
	margin: 0;
	padding: 0;
	list-style: none;
}
:root .rl-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-sm );
	color: var( --rl-text-muted );
	text-decoration: none;
	transition: color var( --rl-transition ), background-color var( --rl-transition ), border-color var( --rl-transition );
}
:root .rl-social__link:hover,
:root .rl-social__link:focus-visible {
	color: var( --rl-brand-ink );
	border-color: var( --rl-brand-ink );
}
.rl-social__link--text {
	width: auto;
	padding-inline: var( --rl-space-3 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
}
.rl-social__icon {
	flex: none;
}
.rl-social--footer .rl-social__list { gap: 0; }
:root .rl-social--footer .rl-social__link {
	border-color: transparent;
	color: var( --rl-on-ink-2 );
}
:root .rl-social--footer .rl-social__link:hover,
:root .rl-social--footer .rl-social__link:focus-visible {
	color: var( --rl-on-ink );
	background-color: var( --rl-surface-ink );
	border-color: transparent;
}
/*buttons*/
:root .rl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var( --rl-space-2 );
	height: 2.75rem;
	padding-inline: var( --rl-space-5 );
	font-size: var( --rl-t-sm );
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.01em;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: var( --rl-radius-sm );
	background-color: transparent;
	color: var( --rl-text );
	transition: background-color var( --rl-transition ), color var( --rl-transition ), border-color var( --rl-transition );
}
:root .rl-btn--primary {
	background-color: var( --rl-brand );
	color: var( --rl-on-brand );
}
:root .rl-btn--primary:hover {
	background-color: var( --rl-brand-hover );
	color: var( --rl-on-brand );
}
:root .rl-btn--accent {
	background-color: var( --rl-accent-soft );
	color: var( --rl-accent );
}
:root .rl-btn--accent:hover {
	background-color: color-mix( in srgb, var( --rl-accent ) 18%, var( --rl-accent-soft ) );
	color: var( --rl-accent );
}
:root .rl-btn--ink {
	background-color: var( --rl-text );
	color: var( --rl-text-invert );
}
:root .rl-btn--ink:hover {
	background-color: color-mix( in srgb, var( --rl-text ) 85%, var( --rl-bg ) );
	color: var( --rl-text-invert );
}
:root .rl-btn--outline { border-color: var( --rl-border-strong ); }
.rl-btn--outline:hover { border-color: var( --rl-text ); background-color: var( --rl-surface ); }
.rl-btn--ghost:hover { background-color: var( --rl-surface ); }
:root .rl-btn--on-ink { border-color: var( --rl-border-ink ); color: var( --rl-on-ink ); }
:root .rl-btn--on-ink:hover { border-color: var( --rl-on-ink ); background-color: var( --rl-surface-ink ); color: var( --rl-on-ink ); }
:root .rl-btn--sm { height: 2.125rem; padding-inline: var( --rl-space-4 ); font-size: var( --rl-t-xs ); }
:root .rl-btn--lg { height: 3.25rem; padding-inline: var( --rl-space-6 ); font-size: var( --rl-t-base ); }
:where( .rl-btn, .rl-icon-button, .rl-theme-toggle, .rl-nav-toggle, .rl-share__link, .rl-sfilter__chip, .rl-search__submit ):active:not( :disabled, [aria-disabled="true"] ) {
	transform: scale( .97 );
}
.rl-reveal-wrap { position: relative; display: block; }
.rl-reveal-wrap:has( .rl-reveal:not( [hidden] ) ) > input { padding-inline-end: 5.5rem; }
.rl-reveal {
	position: absolute;
	inset-block: 0;
	inset-inline-end: 0;
	min-width: 2.75rem;
	padding-inline: var( --rl-space-3 );
	font: inherit;
	font-size: var( --rl-t-xs );
	font-weight: 600;
	color: var( --rl-brand-ink );
	background: none;
	border: 0;
	cursor: pointer;
}
.rl-reveal:hover { text-decoration: underline; }
.rl-reveal:focus-visible { outline-offset: -4px; }
.rl-search {
	display: flex;
	align-items: stretch;
	height: 2.75rem;
	background-color: var( --rl-surface );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-sm );
}
.rl-search:focus-within {
	background-color: var( --rl-bg );
	border-color: var( --rl-brand );
	outline: 2px solid var( --rl-brand );
	outline-offset: 2px;
}
.rl-search__icon {
	display: inline-flex;
	align-items: center;
	padding-inline-start: var( --rl-space-3 );
	color: var( --rl-text-muted );
}
.rl-search__field {
	flex: 1 1 auto;
	min-width: 0;
	padding-inline: var( --rl-space-2 ) var( --rl-space-3 );
	background: none;
	border: 0;
	color: var( --rl-text );
	font-size: var( --rl-t-sm );
}
@media ( pointer: coarse ) {
	.rl-search__field { font-size: max( 1rem, 16px ); }
}
.rl-search__field::placeholder { color: var( --rl-text-muted ); }
.rl-search__field:focus,
.rl-search__field:focus-visible { outline: none; }
.rl-search__field::-webkit-search-cancel-button { appearance: none; }
.rl-search__submit {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding-inline: var( --rl-space-4 );
	background: none;
	border: 0;
	border-inline-start: 1px solid var( --rl-border-strong );
	border-start-end-radius: var( --rl-radius-sm );
	border-end-end-radius: var( --rl-radius-sm );
	color: var( --rl-brand-ink );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	letter-spacing: var( --rl-tr-label );
	text-transform: uppercase;
	transition: background-color var( --rl-transition ), color var( --rl-transition );
}
.rl-search__submit:hover,
.rl-search__submit:focus-visible {
	background-color: var( --rl-brand-soft );
	color: var( --rl-brand-ink );
}
:root .rl-badge {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	height: 1.375rem;
	padding-inline: var( --rl-space-2 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	line-height: 1;
	letter-spacing: var( --rl-tr-label );
	text-transform: uppercase;
	color: var( --rl-sec-ink, var( --rl-brand-ink ) );
	background-color: var( --rl-sec-soft, var( --rl-brand-soft ) );
	border-radius: var( --rl-radius-sm );
	position: relative;
	z-index: 2;
}
:root .rl-badge:hover { color: var( --rl-on-brand ); background-color: var( --rl-sec, var( --rl-brand ) ); }
:root .rl-badge--pill {
	gap: var( --rl-space-2 );
	height: auto;
	padding: var( --rl-space-1 ) var( --rl-space-3 );
	border-radius: var( --rl-radius-full );
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	color: var( --rl-success );
	background-color: color-mix( in srgb, var( --rl-success ) 12%, var( --rl-bg ) );
}
:root .rl-badge--pill::before {
	content: "";
	width: 0.4375rem;
	height: 0.4375rem;
	border-radius: var( --rl-radius-full );
	background: currentColor;
}
:root .rl-badge--outline {
	height: auto;
	padding: 0.125rem var( --rl-space-2 );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-full );
	text-transform: none;
	letter-spacing: normal;
	color: var( --rl-text-muted );
	background-color: transparent;
}
:root .rl-badge--pill:hover { color: var( --rl-success ); background-color: color-mix( in srgb, var( --rl-success ) 12%, var( --rl-bg ) ); }
:root .rl-badge--outline:hover { color: var( --rl-text-muted ); background-color: transparent; }
/*post-card*/
.rl-card {
	display: flex;
	flex-direction: column;
	gap: var( --rl-space-3 );
	position: relative;
	min-width: 0;
	padding-top: var( --rl-space-3 );
	border-top: 1px solid var( --rl-border );
}
.rl-card__index {
	display: flex;
	align-items: center;
	gap: var( --rl-space-3 );
	min-height: 1.375rem;
}
@supports ( grid-template-rows: subgrid ) {
	.rl-grid > .rl-card {
		display: grid;
		grid-row: span 4;
		grid-template-rows: subgrid;
		row-gap: var( --rl-space-3 );
	}
	.rl-grid { grid-auto-rows: auto; }
}
.rl-card__media {
	position: relative;
	overflow: hidden;
	border-radius: var( --rl-radius-md );
	background-color: var( --rl-surface );
	aspect-ratio: 3 / 2;
}
@supports ( grid-template-rows: subgrid ) {
	.rl-grid > .rl-card:not( .has-post-thumbnail ) > .rl-card__media--vuota { display: none; }
	.rl-grid > .rl-card:not( .has-post-thumbnail ) > .rl-card__body { grid-row: span 2; }
	.rl-grid > .rl-card:not( .has-post-thumbnail ) .rl-card__excerpt {
		-webkit-line-clamp: 7;
		line-clamp: 7;
	}
}
.rl-card__media--vuota {
	background-color: transparent;
	aspect-ratio: auto;
	min-height: 0;
}
.rl-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var( --rl-d-2 ) var( --rl-ease-out );
}
.rl-card:hover .rl-card__image { transform: scale( 1.03 ); }
.rl-card__body { display: flex; flex-direction: column; gap: var( --rl-space-2 ); min-width: 0; }
.rl-card__title {
	margin: 0;
	font-size: var( --rl-t-md );
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: var( --rl-tr-tight );
}
.rl-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.rl-card__title a:hover { color: var( --rl-brand-ink ); }
.rl-card__excerpt {
	margin: 0;
	font-size: var( --rl-t-sm );
	line-height: 1.55;
	color: var( --rl-text-muted );
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.rl-meta {
	--rl-meta-gap: calc( var( --rl-space-2 ) * 2 + 3px );
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --rl-space-2 ) var( --rl-meta-gap );
	font-size: var( --rl-t-2xs );
	letter-spacing: 0.02em;
	color: var( --rl-text-muted );
	overflow: clip;
	overflow-clip-margin: 4px;
}
.rl-meta__item { position: relative; display: inline-flex; align-items: center; }
.rl-meta__author { display: inline; }
.rl-meta__item + .rl-meta__item::before,
.rl-eyebrow__count::before {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: currentColor;
	opacity: .5;
}
.rl-meta__item + .rl-meta__item::before {
	position: absolute;
	inset-block-start: calc( 50% - 1.5px );
	inset-inline-start: calc( var( --rl-meta-gap ) / -2 - 1.5px );
}
.rl-meta a { position: relative; z-index: 2; color: inherit; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.2em; transition: text-decoration-color var( --rl-transition ); }
.rl-meta a:hover { color: var( --rl-text ); text-decoration-color: currentColor; }
.rl-lead-slot { margin-bottom: var( --rl-space-7 ); }
.rl-card--lead .rl-card__media { aspect-ratio: 16 / 9; }
.rl-card--lead .rl-card__media { max-height: 34rem; }
.rl-card--lead .rl-card__body { max-width: 38rem; }
.rl-card--lead .rl-card__title { font-size: var( --rl-t-xl ); }
.rl-card--lead .rl-card__excerpt { font-size: var( --rl-t-base ); -webkit-line-clamp: 4; line-clamp: 4; }
.rl-grid--rows {
	grid-template-columns: minmax( 0, 1fr );
	gap: var( --rl-space-7 );
}
.rl-grid--rows > .rl-card {
	display: flex;
	grid-row: auto;
	grid-template-rows: auto;
}
.rl-grid--rows > .rl-card .rl-card__title { font-size: var( --rl-t-lg ); }
.rl-grid--rows > .rl-card .rl-card__excerpt {
	font-size: var( --rl-t-base );
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.rl-grid--rows > .rl-card:not( .has-post-thumbnail ) .rl-card__body { max-width: 44rem; }
@media ( min-width: 56.25rem ) {
	.rl-card--lead .rl-card__title { font-size: var( --rl-t-2xl ); }
}
@media ( min-width: 73.75rem ) {
	.rl-card--lead,
	.rl-grid--rows > .rl-card.has-post-thumbnail {
		display: grid;
		grid-template-rows: min-content 1fr;
		column-gap: var( --rl-space-7 );
		row-gap: var( --rl-space-3 );
	}
	.rl-card--lead > .rl-card__media,
	.rl-grid--rows > .rl-card.has-post-thumbnail > .rl-card__media {
		grid-column: 1;
		grid-row: 1 / -1;
		align-self: start;
	}
	.rl-card--lead > .rl-card__index {
		grid-column: 2;
		grid-row: 1;
	}
	.rl-card--lead > .rl-card__body {
		grid-column: 2;
		grid-row: 2;
		align-self: center;
	}
	.rl-grid--rows > .rl-card.has-post-thumbnail > .rl-card__index {
		grid-column: 1;
		grid-row: 1;
	}
	.rl-grid--rows > .rl-card.has-post-thumbnail > .rl-card__media {
		grid-row: 2;
	}
	.rl-grid--rows > .rl-card.has-post-thumbnail > .rl-card__body {
		grid-column: 2;
		grid-row: 1 / -1;
		align-self: center;
	}
	.rl-card--lead > .rl-card__media:first-child ~ .rl-card__body { grid-row: 1 / -1; }
	.rl-grid--rows > .rl-card.has-post-thumbnail > .rl-card__media:first-child { grid-row: 1 / -1; }
	.rl-grid--rows > .rl-card.has-post-thumbnail { grid-template-columns: minmax( 0, 26rem ) minmax( 0, 1fr ); }
	.rl-grid--rows > .rl-card.has-post-thumbnail > .rl-card__body { max-width: 44rem; }
	.rl-card--lead { grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ); }
}
@media ( min-width: 93.75rem ) {
	.rl-card--lead { grid-template-columns: minmax( 0, 3fr ) minmax( 0, 2fr ); }
}
.rl-card--compact { gap: var( --rl-space-1 ); }
.rl-card--compact .rl-card__title { font-size: var( --rl-t-base ); font-weight: 600; }
:root .rl-count {
	position: absolute;
	z-index: 2;
	inset-block-start: var( --rl-space-2 );
	inset-inline-end: var( --rl-space-2 );
	display: inline-flex;
	align-items: center;
	gap: 0.3125rem;
	min-height: 1.5rem;
	padding-inline: 8px;
	border-radius: var( --rl-radius-full );
	background-color: var( --rl-ink );
	color: var( --rl-on-ink );
	font-size: var( --rl-t-2xs );
	line-height: 1;
}
:root .rl-count:hover { color: var( --rl-on-ink ); background-color: var( --rl-text ); }
.rl-count svg { flex: none; }
.rl-count__n { font-weight: 600; }
/*breadcrumb*/
.rl-breadcrumb {
	min-width: 0;
	max-width: 100%;
}
.rl-breadcrumb__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var( --rl-space-2 );
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scrollbar-width: none;
}
.rl-breadcrumb__list::-webkit-scrollbar { display: none; }
.rl-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	flex: 0 0 auto;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	line-height: var( --rl-lh-snug );
	color: var( --rl-text-muted );
}
.rl-breadcrumb__item + .rl-breadcrumb__item::before {
	content: "/";
	color: var( --rl-border-strong );
}
:root .rl-breadcrumb__link {
	color: inherit;
	text-decoration: none;
	transition: color var( --rl-transition );
}
:root .rl-breadcrumb__link:hover,
:root .rl-breadcrumb__link:focus-visible { color: var( --rl-text ); }
.rl-breadcrumb__item:last-child { flex: 0 1 auto; min-width: 0; }
.rl-breadcrumb__current {
	color: var( --rl-text );
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rl-breadcrumb-bar {
	padding-block: var( --rl-space-3 );
	border-bottom: 1px solid var( --rl-border-soft );
}
@media ( prefers-reduced-motion: reduce ) {
	.rl-breadcrumb__link { transition: none; }
}
/*entry*/
.rl-entry__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var( --rl-space-4 );
}
.rl-entry__title {
	margin: 0;
	max-width: var( --rl-title-measure, 32ch );
	font-size: var( --rl-title-size, var( --rl-t-2xl ) );
	text-wrap: pretty;
}
.rl-entry__title--medio {
	--rl-title-size: var( --rl-t-xl );
	--rl-title-measure: 50ch;
}
.rl-entry__title--lungo {
	--rl-title-size: var( --rl-t-lg );
	--rl-title-measure: 66ch;
}
@media ( max-width: 43.75rem ) {
	.rl-entry__title--lungo {
		--rl-title-size: var( --rl-t-md );
	}
}
.rl-entry__lede {
	margin: 0;
	max-width: var( --rl-measure );
	font-size: var( --rl-t-md );
	line-height: 1.5;
	color: var( --rl-text-muted );
}
.rl-entry__media { margin-block: 0 var( --rl-space-7 ); margin-inline: auto; }
.rl-entry__image {
	width: 100%;
	border-radius: var( --rl-radius-lg );
	background-color: var( --rl-surface );
}
@media ( min-width: 45rem ) {
	.rl-entry__image {
		aspect-ratio: 32 / 9;
		height: auto;
		object-fit: cover;
	}
}
.rl-entry__caption {
	margin-top: var( --rl-space-3 );
	max-width: var( --rl-measure );
	font-size: var( --rl-t-xs );
	color: var( --rl-text-muted );
}
.rl-entry__body {
	padding-bottom: var( --rl-space-8 );
	font-size: var( --rl-t-base );
}
.rl-entry__rail { margin-bottom: var( --rl-space-6 ); }
.rl-entry__body > .rl-prose,
.rl-entry__body > .rl-share,
.rl-entry__body > .rl-entry__tags,
.rl-entry .rl-author,
.rl-entry .rl-comments { margin-inline: 0; }
.rl-entry .rl-author,
.rl-entry .rl-comments { font-size: var( --rl-t-base ); }
@media ( min-width: 73.75rem ) {
	.rl-entry__body {
		display: grid;
		grid-template-columns: var( --rl-rail ) minmax( 0, 1fr );
		column-gap: clamp( 2rem, 4vw, 4rem );
		align-items: start;
	}
	.rl-entry__rail {
		grid-column: 1;
		grid-row: 1 / span 5;
		align-self: start;
		position: sticky;
		top: calc( var( --rl-header-h ) + var( --rl-space-5 ) );
		margin-bottom: 0;
		max-height: calc( 100vh - var( --rl-header-h ) - var( --rl-space-7 ) );
		max-height: calc( 100dvh - var( --rl-header-h ) - var( --rl-space-7 ) );
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior: contain;
	}
	.rl-entry__body > .rl-prose       { grid-column: 2; grid-row: 1; }
	.rl-entry__body > .rl-share       { grid-column: 2; grid-row: 2; }
	.rl-entry__body > .rl-entry__tags { grid-column: 2; grid-row: 3; }
	.rl-entry__body > .rl-author      { grid-column: 2; grid-row: 4; }
	.rl-entry__body > .rl-related     { grid-column: 1 / -1; grid-row: 5; }
	.rl-entry__rail .rl-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: var( --rl-space-2 );
	}
	.rl-entry__rail .rl-meta__item + .rl-meta__item::before { content: none; }
	.rl-entry__rail .rl-index {
		max-width: none;
		margin: var( --rl-space-5 ) 0 0;
	}
	.rl-entry .rl-comments {
		margin-inline-start: calc( var( --rl-rail ) + clamp( 2rem, 4vw, 4rem ) );
	}
}
@media ( min-width: 105rem ) {
	.rl-entry__body {
		grid-template-columns: var( --rl-rail ) minmax( 0, 1fr ) var( --rl-rail-end );
	}
	.rl-entry__body > .rl-related {
		grid-column: 3;
		grid-row: 1 / span 5;
		align-self: start;
		position: sticky;
		top: calc( var( --rl-header-h ) + var( --rl-space-5 ) );
		padding-block: 0;
	}
	.rl-entry__body > .rl-related .rl-grid { grid-template-columns: 1fr; }
	.rl-entry__body > .rl-related .rl-related__title {
		margin-bottom: var( --rl-space-5 );
		font-size: var( --rl-t-md );
	}
}
.rl-prose { font-size: var( --rl-t-base ); line-height: var( --rl-lh-base ); overflow-wrap: anywhere; }
.rl-prose a:not( [class] ) {
	color: var( --rl-brand-ink );
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	text-decoration-color: color-mix( in oklab, currentColor 35%, transparent );
}
.rl-prose a:not( [class] ):hover { text-decoration-color: currentColor; }
.rl-prose ul, .rl-prose ol { padding-inline-start: 1.4em; }
.rl-prose li { margin-bottom: .4em; }
.rl-prose blockquote {
	margin-inline: 0;
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-lg );
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: var( --rl-tr-tight );
	border: 0;
	border-top: 1px solid var( --rl-border );
	border-bottom: 1px solid var( --rl-border );
	padding-block: var( --rl-space-5 );
}
.rl-prose blockquote cite {
	display: block;
	margin-top: var( --rl-space-3 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-style: normal;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-text-muted );
}
.rl-prose code {
	padding: .15em .4em;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: .84em;
	background-color: var( --rl-surface-2 );
	border-radius: var( --rl-radius-sm );
}
.rl-prose pre {
	padding: var( --rl-space-5 );
	background-color: var( --rl-surface );
	border: 1px solid var( --rl-border-soft );
	border-radius: var( --rl-radius-md );
	overflow-x: auto;
	font-size: var( --rl-t-sm );
	line-height: 1.6;
}
.rl-prose pre code { padding: 0; background: none; font-size: inherit; }
.rl-prose img { border-radius: var( --rl-radius-md ); }
.rl-prose figure { margin-inline: 0; }
.rl-prose figcaption { margin-top: var( --rl-space-2 ); font-size: var( --rl-t-xs ); color: var( --rl-text-muted ); }
.rl-prose .rl-scroll-x { margin-block: var( --rl-space-5 ); }
.rl-prose table { width: 100%; border-collapse: collapse; font-size: var( --rl-t-sm ); overflow-wrap: normal; }
.rl-prose th, .rl-prose td { padding: var( --rl-space-3 ); text-align: start; border-bottom: 1px solid var( --rl-border-soft ); }
.rl-prose th { font-weight: 600; color: var( --rl-text-muted ); font-size: var( --rl-t-xs ); text-transform: uppercase; letter-spacing: var( --rl-tr-label ); }
.rl-prose hr { border: 0; border-top: 1px solid var( --rl-border ); margin-block: var( --rl-space-7 ); }
.rl-entry__tags {
	display: grid;
	align-items: start;
	gap: var( --rl-space-2 ) var( --rl-space-4 );
	max-width: var( --rl-measure );
	margin: 0 auto;
	padding-block: 0 var( --rl-space-6 );
}
.rl-entry__body > .rl-prose + .rl-entry__tags {
	margin-block-start: var( --rl-space-6 );
	padding-block-start: var( --rl-space-6 );
	border-top: 1px solid var( --rl-border );
}
.rl-entry__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-2 );
}
.rl-entry__tags a {
	display: inline-flex;
	align-items: center;
	height: 2rem;
	padding-inline: var( --rl-space-3 );
	font-size: var( --rl-t-sm );
	color: var( --rl-text-muted );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-full );
}
.rl-entry__tags a:hover { color: var( --rl-text ); border-color: var( --rl-text ); }
.rl-entry__nav {
	display: grid;
	gap: var( --rl-space-5 );
	padding-block: var( --rl-space-7 );
	border-top: 1px solid var( --rl-border );
}
@media ( min-width: 45rem ) {
	.rl-entry__nav { grid-template-columns: 1fr 1fr; }
	.rl-entry__nav-item--next { text-align: end; align-items: flex-end; }
}
.rl-entry__nav-item { display: flex; flex-direction: column; gap: var( --rl-space-2 ); }
.rl-entry__nav-item a {
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-lg );
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: var( --rl-tr-tight );
	text-wrap: balance;
}
.rl-entry__nav-item--next:only-child { grid-column: 2; }
.rl-related__title { margin: 0 0 var( --rl-space-6 ); font-size: var( --rl-t-xl ); }
.rl-page__head { margin-bottom: var( --rl-space-6 ); }
.rl-page__title { margin: 0; font-size: var( --rl-t-2xl ); }
.rl-page__media { margin: 0 0 var( --rl-space-7 ); }
.rl-page__media img { width: 100%; border-radius: var( --rl-radius-lg ); }
.rl-author {
	display: flex;
	align-items: flex-start;
	gap: var( --rl-space-4 );
	max-width: var( --rl-measure );
	margin-inline: auto;
	padding-block: var( --rl-space-6 );
	border-top: 1px solid var( --rl-border-soft );
	border-bottom: 1px solid var( --rl-border-soft );
}
.rl-author__media { flex: none; }
.rl-author__avatar { width: 4rem; height: 4rem; }
@media ( min-width: 34rem ) {
	.rl-author__media { flex: 0 0 7.5rem; }
	.rl-author__avatar { width: 4.5rem; height: 4.5rem; }
}
.rl-author__avatar .rl-avatar__mono { font-size: var( --rl-t-md ); }
.rl-author__body {
	display: flex;
	flex-direction: column;
	gap: var( --rl-space-2 );
	min-width: 0;
}
.rl-author__name {
	margin: 0;
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-lg );
	font-weight: 700;
	line-height: var( --rl-lh-snug );
	letter-spacing: var( --rl-tr-tight );
}
.rl-author__bio {
	margin: 0;
	font-size: var( --rl-t-sm );
	line-height: 1.55;
	color: var( --rl-text-muted );
}
.rl-author__all { font-size: var( --rl-t-xs ); align-self: flex-start; }
/*legal*/
.rl-legal-prose { counter-reset: rl-legal-sec; }
.rl-legal-hero__eyebrow {
	display: block;
	margin-bottom: var( --rl-space-4 );
}
.rl-legal-hero__title {
	margin: 0;
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-3xl );
	font-weight: 800;
	line-height: var( --rl-lh-tight );
	letter-spacing: var( --rl-tr-tight );
	max-width: 18ch;
	text-wrap: balance;
}
.rl-legal-hero__lede {
	margin: var( --rl-space-5 ) 0 0;
	max-width: var( --rl-measure );
	font-size: var( --rl-t-md );
	line-height: var( --rl-lh-base );
	color: var( --rl-text-muted );
}
.rl-legal-hero__updated {
	margin: var( --rl-space-6 ) 0 0;
	padding-top: var( --rl-space-4 );
	border-top: 1px solid var( --rl-border );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-text-muted );
}
.rl-legal-prose { margin-inline: 0; }
.rl-legal-sec {
	scroll-margin-top: calc( var( --rl-header-h ) + var( --rl-space-5 ) );
}
.rl-legal-sec + .rl-legal-sec {
	margin-top: var( --rl-space-8 );
	padding-top: var( --rl-space-7 );
	border-top: 1px solid var( --rl-border-soft );
}
.rl-legal-sec__title {
	counter-increment: rl-legal-sec;
	margin: 0 0 var( --rl-space-4 );
	font-size: var( --rl-t-lg );
	font-weight: 700;
	letter-spacing: var( --rl-tr-tight );
}
.rl-legal-sec__title::before {
	content: counter( rl-legal-sec ) ". ";
	color: var( --rl-text-muted );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-weight: 600;
}
.rl-legal-sec p {
	margin: 0 0 var( --rl-space-4 );
	max-width: var( --rl-measure );
	line-height: var( --rl-lh-base );
	text-wrap: pretty;
}
.rl-legal-sec p:last-child { margin-bottom: 0; }
/*account*/
.rl-subscribe__icon { fill: currentColor; flex: 0 0 auto; }
@media ( max-width: 43.75rem ) {
	:root .rl-subscribe { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; padding: 0; }
	.rl-subscribe__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset( 50% );
		white-space: nowrap;
	}
}
.rl-account > summary { list-style: none; cursor: pointer; }
.rl-account > summary::-webkit-details-marker { display: none; }
.rl-account__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var( --rl-space-2 );
	min-width: 2.5rem;
	height: 2.5rem;
	padding-inline: var( --rl-space-2 );
	border-radius: var( --rl-radius-full );
	font-size: var( --rl-t-sm );
	font-weight: 600;
	color: var( --rl-text );
	transition: background-color var( --rl-transition );
}
.rl-account__toggle:hover,
.rl-account[open] > .rl-account__toggle { background-color: var( --rl-surface ); }
.rl-account__toggle--user { padding-inline: var( --rl-space-1 ) var( --rl-space-2 ); }
.rl-account__label--name {
	max-width: 14ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rl-account__chevron { color: var( --rl-text-muted ); transition: transform var( --rl-d-2 ) var( --rl-ease-out ); }
.rl-account[open] .rl-account__chevron { transform: rotate( 180deg ); }
.rl-account__toggle--guest {
	gap: var( --rl-space-1 );
	height: 2.125rem;
	padding-inline: var( --rl-space-3 ) var( --rl-space-4 );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-sm );
	font-size: var( --rl-t-xs );
	transition: background-color var( --rl-transition ), border-color var( --rl-transition );
}
.rl-account__toggle--guest:hover,
.rl-account[open] > .rl-account__toggle--guest { border-color: var( --rl-text ); }
.rl-account__icon { flex: 0 0 auto; width: 1rem; height: 1rem; }
@media ( max-width: 43.75rem ) {
	.rl-account__toggle--guest { width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: var( --rl-radius-full ); }
	.rl-account__icon { width: 1.25rem; height: 1.25rem; }
	.rl-account__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset( 50% );
		white-space: nowrap;
	}
	.rl-account__chevron,
	:root .rl-account__register { display: none; }
}
.rl-account__panel {
	position: fixed;
	top: calc( 100% + var( --rl-space-2 ) );
	inset-inline: var( --rl-space-3 );
	z-index: 60;
	max-height: calc( 100dvh - 100% - var( --rl-space-5 ) );
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: var( --rl-space-2 );
	font-size: var( --rl-t-sm );
	font-weight: 400;
	text-align: start;
}
@media ( min-width: 43.75rem ) {
	.rl-account__panel {
		position: absolute;
		top: calc( 100% + var( --rl-space-3 ) );
		inset-inline: auto 0;
		width: 21.25rem;
		max-height: none;
	}
}
.rl-account__guest { padding: var( --rl-space-3 ) var( --rl-space-3 ) var( --rl-space-2 ); }
.rl-account__title {
	margin: 0 0 var( --rl-space-1 );
	font-size: var( --rl-t-md );
	font-weight: 700;
	letter-spacing: var( --rl-tr-tight );
	color: var( --rl-text );
}
.rl-account__lead { margin: 0 0 var( --rl-space-4 ); color: var( --rl-text-muted ); }
.rl-account__form { display: grid; gap: var( --rl-space-3 ); }
.rl-account__field { display: grid; gap: var( --rl-space-1 ); margin: 0; font-size: var( --rl-t-xs ); font-weight: 600; }
.rl-account__field-head { display: flex; justify-content: space-between; gap: var( --rl-space-3 ); }
:root .rl-account__forgot { font-weight: 500; color: var( --rl-brand-ink ); }
.rl-account__input {
	width: 100%;
	height: 2.75rem;
	padding-inline: var( --rl-space-3 );
	background-color: var( --rl-bg );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-md );
	font-size: var( --rl-t-base );
	font-weight: 400;
}
.rl-account__input:focus-visible { outline-offset: 1px; border-color: transparent; }
.rl-account__remember {
	display: flex;
	align-items: center;
	gap: var( --rl-space-2 );
	color: var( --rl-text-muted );
}
.rl-account__remember input { width: 1rem; height: 1rem; margin: 0; accent-color: var( --rl-brand ); }
:root .rl-account__wide { width: 100%; }
.rl-account__or {
	display: flex;
	align-items: center;
	gap: var( --rl-space-3 );
	margin: var( --rl-space-4 ) 0 var( --rl-space-3 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-text-muted );
}
.rl-account__or::before,
.rl-account__or::after { content: ""; flex: 1 1 auto; height: 1px; background-color: var( --rl-border ); }
.rl-account__perks {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-1 ) var( --rl-space-4 );
	margin: var( --rl-space-3 ) 0 0;
	padding: 0;
	list-style: none;
	font-size: var( --rl-t-xs );
	color: var( --rl-text-muted );
}
.rl-account__perks li::before { content: "✓\00a0"; font-weight: 700; color: var( --rl-success ); }
.rl-account__who {
	display: flex;
	align-items: center;
	gap: var( --rl-space-3 );
	margin-bottom: var( --rl-space-2 );
	padding: var( --rl-space-2 ) var( --rl-space-2 ) var( --rl-space-3 );
	border-bottom: 1px solid var( --rl-border );
}
.rl-account__id { display: grid; gap: 2px; min-width: 0; }
.rl-account__name {
	font-size: var( --rl-t-base );
	font-weight: 700;
	color: var( --rl-text );
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rl-account__tier {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-1 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-accent );
}
.rl-account__tier svg { fill: currentColor; }
.rl-account__menu { margin: 0; padding: 0; list-style: none; }
:root .rl-account__item {
	display: flex;
	align-items: center;
	gap: var( --rl-space-3 );
	min-height: 2.625rem;
	padding-inline: var( --rl-space-2 );
	border-radius: var( --rl-radius-md );
	font-size: var( --rl-t-sm );
	color: var( --rl-text );
}
:root .rl-account__item:hover { background-color: var( --rl-surface ); color: var( --rl-text ); }
.rl-account__item svg { flex: 0 0 auto; color: var( --rl-text-muted ); }
.rl-account__count {
	margin-inline-start: auto;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	color: var( --rl-text-muted );
}
:root .rl-account__out {
	margin-top: var( --rl-space-2 );
	padding-top: var( --rl-space-2 );
	border-top: 1px solid var( --rl-border );
	border-radius: 0 0 var( --rl-radius-md ) var( --rl-radius-md );
	color: var( --rl-text-muted );
}
/*ticker*/
.rl-ticker {
	background-color: var( --rl-ink );
	color: var( --rl-on-ink );
	border-bottom: 1px solid var( --rl-border-ink );
	overflow: hidden;
}
.rl-ticker__inner {
	display: flex;
	align-items: center;
	gap: var( --rl-space-4 );
	height: 2.5rem;
}
.rl-ticker__label {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	flex: 0 0 auto;
	margin: 0;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 700;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-on-ink );
	padding-inline-end: var( --rl-space-4 );
	border-inline-end: 1px solid var( --rl-border-ink );
	height: 100%;
}
.rl-ticker__dot { --rl-dot-size: 0.375rem; --rl-dot-color: var( --rl-live ); }
.rl-ticker__viewport {
	flex: 1 1 auto;
	min-width: 0;
	-webkit-mask-image: linear-gradient( to right, transparent, #000 3rem, #000 calc( 100% - 3rem ), transparent );
	mask-image: linear-gradient( to right, transparent, #000 3rem, #000 calc( 100% - 3rem ), transparent );
}
.rl-ticker__track {
	display: flex;
	width: max-content;
	animation: rl-ticker-scroll 60s linear infinite;
}
@keyframes rl-ticker-scroll {
	from { transform: translateX( 0 ); }
	to   { transform: translateX( -50% ); }
}
.rl-ticker:hover .rl-ticker__track,
.rl-ticker:focus-within .rl-ticker__track { animation-play-state: paused; }
.rl-ticker__switch { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset( 50% ); white-space: nowrap; border: 0; }
.rl-ticker__switch:checked ~ .rl-ticker__viewport .rl-ticker__track { animation-play-state: paused; }
.rl-ticker__pause {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-on-ink-3 );
	height: 100%;
	padding-inline: var( --rl-space-4 );
	border-inline-start: 1px solid var( --rl-border-ink );
}
.rl-ticker__pause:hover { color: var( --rl-on-ink ); }
.rl-ticker__switch:focus-visible ~ .rl-ticker__pause {
	outline: 2px solid var( --rl-brand );
	outline-offset: 2px;
	color: var( --rl-on-ink );
}
.rl-ticker__pause-off { display: none; }
.rl-ticker__switch:checked ~ .rl-ticker__pause .rl-ticker__pause-on { display: none; }
.rl-ticker__switch:checked ~ .rl-ticker__pause .rl-ticker__pause-off { display: inline; }
.rl-ticker__list {
	display: flex;
	align-items: center;
	gap: var( --rl-space-5 );
	margin: 0;
	padding-inline: var( --rl-space-3 ) 0;
	list-style: none;
}
.rl-ticker__list li {
	display: flex;
	align-items: center;
	gap: var( --rl-space-5 );
	flex: 0 0 auto;
}
.rl-ticker__list li::after {
	content: "";
	flex: 0 0 auto;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: var( --rl-on-ink-3 );
}
.rl-ticker__list a {
	font-size: var( --rl-t-xs );
	color: var( --rl-on-ink-2 );
	white-space: nowrap;
}
.rl-ticker__list a:hover { color: var( --rl-on-ink ); }
@media ( max-width: 35rem ) {
	.rl-ticker__inner { gap: var( --rl-space-3 ); }
	.rl-ticker__label { padding-inline-end: var( --rl-space-3 ); }
	.rl-ticker__pause { padding-inline: var( --rl-space-3 ); }
	.rl-ticker__pause-on,
	.rl-ticker__pause-off {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset( 50% );
		white-space: nowrap;
	}
	.rl-ticker__pause::before {
		content: "";
		box-sizing: content-box;
		width: 0.1875rem;
		height: 0.625rem;
		border-inline: 2px solid currentColor;
	}
	.rl-ticker__switch:checked ~ .rl-ticker__pause::before {
		width: 0;
		height: 0;
		border-block: 0.3125rem solid transparent;
		border-inline: 0 solid transparent;
		border-inline-start: 0.5rem solid currentColor;
	}
}
@media ( prefers-reduced-motion: reduce ) {
	.rl-ticker__viewport { mask-image: none; }
	.rl-ticker__track { width: auto; animation: none; }
	.rl-ticker__track .rl-ticker__list[aria-hidden="true"] { display: none; }
	.rl-ticker__list { flex: 1 1 auto; min-width: 0; }
	.rl-ticker__list li { flex: 1 1 0; min-width: 0; }
	.rl-ticker__list li:nth-child( n + 4 ) { display: none; }
	.rl-ticker__list li:nth-child( 3 )::after { display: none; }
	.rl-ticker__list a { overflow: hidden; text-overflow: ellipsis; }
	.rl-ticker__pause { display: none; }
	@media ( max-width: 35rem ) {
		.rl-ticker__list li:not( :first-child ) { display: none; }
		.rl-ticker__list li::after { display: none; }
	}
}
/*share*/
.rl-share {
	display: grid;
	align-items: start;
	gap: var( --rl-space-3 ) var( --rl-space-4 );
	max-width: var( --rl-measure );
	margin: var( --rl-space-6 ) auto 0;
	padding-block: var( --rl-space-6 ) var( --rl-space-4 );
	border-top: 1px solid var( --rl-border );
}
@media ( min-width: 34rem ) {
	.rl-share,
	.rl-entry__tags {
		grid-template-columns: 7.5rem minmax( 0, 1fr );
	}
	.rl-share__label { padding-block-start: 0.5rem; }
	.rl-entry__tags > .rl-eyebrow { padding-block-start: 0.375rem; }
}
.rl-share__label {
	flex: none;
}
.rl-share__list {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-2 );
	margin: 0;
	padding: 0;
	list-style: none;
}
:root .rl-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	background: none;
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-sm );
	color: var( --rl-text-muted );
	text-decoration: none;
	transition: color var( --rl-transition ), border-color var( --rl-transition );
}
:root .rl-share__link:hover,
:root .rl-share__link:focus-visible {
	color: var( --rl-brand-ink );
	border-color: var( --rl-brand-ink );
}
.rl-share__link--text {
	width: auto;
	padding-inline: var( --rl-space-3 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
}
.rl-share__icon { flex: none; }
:root .rl-share__link.is-done {
	color: var( --rl-success );
	border-color: var( --rl-success );
}
/*discord*/
:root .rl-discord {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	min-height: var( --rl-tap-min );
	padding-inline: var( --rl-space-3 );
	margin-inline-end: var( --rl-space-2 );
	border: 1px solid var( --rl-border-ink );
	border-radius: var( --rl-radius-full );
	color: var( --rl-on-ink-2 );
	text-decoration: none;
	transition: color var( --rl-transition ), border-color var( --rl-transition ), background-color var( --rl-transition );
}
:root .rl-discord:hover,
:root .rl-discord:focus-visible {
	color: var( --rl-on-ink );
	background-color: var( --rl-surface-ink );
	border-color: var( --rl-on-ink-3 );
}
.rl-discord__icon { flex: none; }
.rl-discord__name {
	font-size: var( --rl-t-xs );
	font-weight: 600;
}
.rl-discord__address {
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
}
.rl-discord__count {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	color: var( --rl-on-ink );
}
.rl-discord__dot {
	--rl-dot-size: 6px;
	--rl-dot-color: color-mix( in srgb, var( --rl-success ) 60%, var( --rl-on-ink ) );
}
/*teamspeak*/
:root .rl-teamspeak {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	min-height: var( --rl-tap-min );
	padding-inline: var( --rl-space-3 );
	margin-inline-end: var( --rl-space-2 );
	border: 1px solid var( --rl-border-ink );
	border-radius: var( --rl-radius-full );
	color: var( --rl-on-ink-2 );
	text-decoration: none;
	transition: color var( --rl-transition ), border-color var( --rl-transition ), background-color var( --rl-transition );
}
:root .rl-teamspeak:hover,
:root .rl-teamspeak:focus-visible {
	color: var( --rl-on-ink );
	background-color: var( --rl-surface-ink );
	border-color: var( --rl-on-ink-3 );
}
.rl-teamspeak__icon { flex: none; }
.rl-teamspeak__name {
	font-size: var( --rl-t-xs );
	font-weight: 600;
}
.rl-teamspeak__address {
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
}
.rl-teamspeak__count {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 600;
	color: var( --rl-on-ink );
}
.rl-teamspeak__dot {
	--rl-dot-size: 6px;
	--rl-dot-color: color-mix( in srgb, var( --rl-success ) 60%, var( --rl-on-ink ) );
}
/*embed-consent*/
.rl-embed-consent {
	position: relative;
	margin-block: var( --rl-space-5 );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-md );
	background-color: var( --rl-surface );
}
.rl-embed-consent[data-rl-embed-kind="frame"] {
	aspect-ratio: var( --rl-embed-ratio, 16 / 9 );
	overflow: hidden;
}
.rl-embed-consent[data-rl-embed-kind="frame"] > .rl-embed-consent__box,
.rl-embed-consent[data-rl-embed-kind="frame"] > .rl-embed-consent__mount {
	position: absolute;
	inset: 0;
}
.rl-embed-consent[data-rl-embed-kind="frame"] > .rl-embed-consent__mount iframe,
.rl-embed-consent[data-rl-embed-kind="frame"] > .rl-embed-consent__mount img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.rl-embed-consent[data-rl-embed-kind="card"] {
	min-height: 9rem;
}
.rl-embed-consent__box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var( --rl-space-2 );
	height: 100%;
	padding: var( --rl-space-5 );
	text-align: left;
}
.rl-embed-consent[data-rl-embed-kind="card"] .rl-embed-consent__box {
	align-items: center;
	text-align: center;
}
.rl-embed-consent__provider {
	margin: 0;
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	font-weight: 700;
	letter-spacing: var( --rl-tr-micro );
	text-transform: uppercase;
	color: var( --rl-text-muted );
}
.rl-embed-consent__title {
	margin: 0;
	font-size: var( --rl-t-base );
	font-weight: 600;
	color: var( --rl-text );
}
.rl-embed-consent__note {
	margin: 0;
	max-width: var( --rl-measure );
	font-size: var( --rl-t-sm );
	line-height: var( --rl-lh-base );
	color: var( --rl-text-muted );
}
.rl-embed-consent__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --rl-space-4 );
	margin-block-start: var( --rl-space-2 );
}
.rl-embed-consent__link {
	font-size: var( --rl-t-sm );
	font-weight: 600;
	text-decoration: underline;
}
.rl-embed-consent__mount {
	padding: var( --rl-space-4 );
}
.rl-embed-consent[data-rl-embed-kind="frame"] .rl-embed-consent__mount {
	padding: 0;
}
/*section-color*/
.rl-sec--cyan {
	--rl-sec:      var( --rl-sec-cyan );
	--rl-sec-ink:  var( --rl-sec-cyan-ink );
	--rl-sec-soft: var( --rl-sec-cyan-soft );
}
.rl-sec--green {
	--rl-sec:      var( --rl-sec-green );
	--rl-sec-ink:  var( --rl-sec-green-ink );
	--rl-sec-soft: var( --rl-sec-green-soft );
}
.rl-sec--violet {
	--rl-sec:      var( --rl-sec-violet );
	--rl-sec-ink:  var( --rl-sec-violet-ink );
	--rl-sec-soft: var( --rl-sec-violet-soft );
}
.rl-sec--magenta {
	--rl-sec:      var( --rl-sec-magenta );
	--rl-sec-ink:  var( --rl-sec-magenta-ink );
	--rl-sec-soft: var( --rl-sec-magenta-soft );
}
.rl-sec > .rl-eyebrow,
.rl-sec > .rl-eyebrow > span:first-child {
	color: var( --rl-sec-ink );
}
.rl-sec > .rl-eyebrow > .rl-eyebrow__count { color: var( --rl-text-muted ); }
.rl-sec > .rl-section-head__rule {
	background-color: transparent;
	background-image: linear-gradient(
		to right,
		var( --rl-sec ) 0 2.5rem,
		var( --rl-border ) 2.5rem
	);
}
/*cookie-consent*/
.rl-consent {
	position: fixed;
	z-index: var( --rl-z-consent );
	inset-block-end: 0;
	inset-inline: 0;
	padding: var( --rl-space-4 );
	pointer-events: none;
}
.rl-consent__box {
	--rl-panel-border: var( --rl-border-strong );
	pointer-events: auto;
	max-width: 30rem;
	margin-inline: auto;
	padding: var( --rl-space-5 );
	position: relative;
}
.rl-consent__box > .rl-icon-button {
	position: absolute;
	inset-block-start: var( --rl-space-2 );
	inset-inline-end: var( --rl-space-2 );
	cursor: pointer;
}
.rl-consent__box > .rl-icon-button svg {
	width: 1.25rem;
	height: 1.25rem;
}
.rl-consent__box[data-mode="dettaglio"] {
	max-width: 100rem;
	max-height: min( 80dvh, 42rem );
	overflow-y: auto;
	overscroll-behavior: contain;
}
.rl-consent__eyebrow {
	margin: 0 0 var( --rl-space-2 );
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-label );
	text-transform: uppercase;
	color: var( --rl-text-muted );
}
.rl-consent__title {
	margin: 0 0 var( --rl-space-2 );
	font-family: var( --rl-font-display );
	font-size: var( --rl-t-lg );
	line-height: var( --rl-lh-tight );
	letter-spacing: var( --rl-tr-tight );
	color: var( --rl-text );
}
.rl-consent__lede {
	margin: 0 0 var( --rl-space-3 );
	font-size: var( --rl-t-sm );
	line-height: var( --rl-lh-base );
	color: var( --rl-text-muted );
}
.rl-consent__more { margin: 0 0 var( --rl-space-4 ); font-size: var( --rl-t-sm ); }
.rl-consent__more a { color: var( --rl-brand-ink ); text-underline-offset: 0.2em; }
.rl-consent__choices {
	display: flex;
	flex-wrap: wrap;
	gap: var( --rl-space-2 );
}
.rl-consent__choice {
	flex: 1 1 0;
	min-width: 11rem;
	min-height: 2.75rem;
	padding: var( --rl-space-2 ) var( --rl-space-4 );
	font-family: inherit;
	font-size: var( --rl-t-sm );
	font-weight: 600;
	line-height: var( --rl-lh-snug );
	color: var( --rl-text );
	background-color: var( --rl-surface );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-sm );
	cursor: pointer;
	transition: background-color var( --rl-transition ), border-color var( --rl-transition );
}
.rl-consent__choice:hover {
	background-color: var( --rl-surface-2 );
	border-color: var( --rl-text );
}
.rl-consent__settings { margin: var( --rl-space-3 ) 0 0; text-align: center; }
.rl-consent__link {
	padding: var( --rl-space-1 ) 0;
	font-family: inherit;
	font-size: var( --rl-t-sm );
	color: var( --rl-text-muted );
	background: none;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.rl-consent__link:hover { color: var( --rl-text ); }
.rl-consent__cats {
	margin-block: var( --rl-space-4 );
	border-block-start: 1px solid var( --rl-border );
}
.rl-consent__cat { border-block-end: 1px solid var( --rl-border ); }
.rl-consent__cat-head {
	display: flex;
	align-items: center;
	gap: var( --rl-space-3 );
	padding-block: var( --rl-space-2 );
}
.rl-consent__cat-toggle {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: var( --rl-space-2 );
	min-width: 0;
	min-height: 2.75rem;
	padding: 0;
	font-family: inherit;
	font-size: var( --rl-t-sm );
	font-weight: 600;
	color: var( --rl-text );
	text-align: start;
	background: none;
	border: 0;
	cursor: pointer;
}
.rl-consent__cat-chev {
	flex: none;
	width: 0.4375rem;
	height: 0.4375rem;
	border-inline-end: 1.5px solid currentColor;
	border-block-end: 1.5px solid currentColor;
	transform: rotate( -45deg );
	transition: transform var( --rl-transition );
}
.rl-consent__cat-toggle[aria-expanded="true"] .rl-consent__cat-chev {
	transform: rotate( 45deg );
}
.rl-consent__cat-title { overflow-wrap: anywhere; }
.rl-consent__cat-count {
	font-size: var( --rl-t-2xs );
	font-weight: 400;
	color: var( --rl-text-muted );
}
.rl-consent__locked {
	flex: none;
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-label );
	text-transform: uppercase;
	color: var( --rl-text-muted );
}
.rl-consent__switch {
	position: relative;
	flex: none;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.rl-consent__switch input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.rl-consent__track {
	display: block;
	width: 2.625rem;
	height: 1.5rem;
	padding: 2px;
	background-color: var( --rl-surface-2 );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-full );
	transition: background-color var( --rl-transition ), border-color var( --rl-transition );
}
.rl-consent__thumb {
	display: block;
	width: 1.125rem;
	height: 1.125rem;
	background-color: var( --rl-text-muted );
	border-radius: var( --rl-radius-full );
	transition: transform var( --rl-transition ), background-color var( --rl-transition );
}
.rl-consent__switch input:checked ~ .rl-consent__track {
	background-color: var( --rl-brand );
	border-color: var( --rl-brand );
}
.rl-consent__switch input:checked ~ .rl-consent__track .rl-consent__thumb {
	background-color: var( --rl-on-brand );
	transform: translateX( 18px );
}
.rl-consent__switch input:focus-visible ~ .rl-consent__track {
	outline: 2px solid var( --rl-brand );
	outline-offset: 2px;
}
.rl-consent__cat-body { padding-block-end: var( --rl-space-4 ); }
.rl-consent__cat-lede {
	margin: 0 0 var( --rl-space-3 );
	font-size: var( --rl-t-sm );
	line-height: var( --rl-lh-base );
	color: var( --rl-text-muted );
}
.rl-consent__table-wrap { overflow-x: auto; }
.rl-consent__table {
	width: 100%;
	border-collapse: collapse;
	font-size: var( --rl-t-xs );
}
.rl-consent__table th,
.rl-consent__table td {
	padding: var( --rl-space-2 );
	text-align: start;
	vertical-align: top;
	border-block-end: 1px solid var( --rl-border-soft );
}
.rl-consent__table th {
	font-size: var( --rl-t-2xs );
	letter-spacing: var( --rl-tr-label );
	text-transform: uppercase;
	color: var( --rl-text-muted );
	white-space: nowrap;
}
.rl-consent__table td { color: var( --rl-text-muted ); }
.rl-consent__table code {
	font-family: var( --rl-font-mono );
	font-stretch: var( --rl-mono-stretch );
	font-size: var( --rl-t-2xs );
	color: var( --rl-text );
	overflow-wrap: anywhere;
}
.rl-consent__detail-foot {
	position: sticky;
	inset-block-end: calc( var( --rl-space-5 ) * -1 );
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var( --rl-space-3 );
	margin-block-start: var( --rl-space-4 );
	padding-block: var( --rl-space-4 );
	background-color: var( --rl-bg );
	border-block-start: 1px solid var( --rl-border );
}
.rl-consent__choices--foot { flex: 1 1 22rem; }
@media ( max-width: 40rem ) {
	.rl-consent { padding: 0; }
	.rl-consent__box,
	.rl-consent__box[data-mode="dettaglio"] {
		max-width: none;
		max-height: 88dvh;
		overflow-y: auto;
		border-inline: 0;
		border-block-end: 0;
		border-radius: var( --rl-radius-md ) var( --rl-radius-md ) 0 0;
	}
	.rl-consent__choice { flex-basis: 100%; }
}
.rl-consent-reopen[hidden] { display: none; }
.rl-consent-reopen {
	display: inline-flex;
	align-items: center;
	min-height: var( --rl-tap-min );
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 0.2em;
	transition: text-decoration-color var( --rl-transition );
}
.rl-consent-reopen:hover { text-decoration-color: currentColor; }
@media ( prefers-reduced-motion: reduce ) {
	.rl-consent__cat-chev,
	.rl-consent__track,
	.rl-consent__thumb { transition: none; }
}
/*review*/
.rl-stars {
	position: relative;
	display: inline-flex;
	flex: none;
	font-size: 1rem;
	line-height: 0;
	vertical-align: middle;
}
.rl-stars__base,
.rl-stars__fill { display: inline-flex; }
.rl-stars svg {
	flex: none;
	width: 1em;
	height: 1em;
}
.rl-stars__base { color: var( --rl-border-strong ); }
.rl-stars__fill {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: var( --rl-stars-fill, 0% );
	overflow: hidden;
	color: var( --rl-accent );
}
.rl-stars__fill svg { fill: currentColor; }
.rl-stars--lg { font-size: 1.5rem; }
.rl-prose > .rl-review { margin-top: var( --rl-space-7 ); }
.rl-review {
	padding: var( --rl-space-5 );
	background-color: var( --rl-surface );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-md );
}
.rl-review__head { margin-bottom: var( --rl-space-4 ); }
.rl-review .rl-review__title {
	margin: 0;
	font-size: var( --rl-t-lg );
	line-height: var( --rl-lh-snug );
}
.rl-review .rl-review__item {
	margin: var( --rl-space-1 ) 0 0;
	font-size: var( --rl-t-sm );
	color: var( --rl-text-muted );
}
.rl-review .rl-review__rows {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var( --rl-border );
}
.rl-review .rl-review__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var( --rl-space-2 ) var( --rl-space-4 );
	margin: 0;
	padding-block: var( --rl-space-3 );
	border-bottom: 1px solid var( --rl-border );
	font-size: var( --rl-t-sm );
}
.rl-review__label { min-width: 0; }
.rl-review__score {
	display: inline-flex;
	align-items: center;
	gap: var( --rl-space-2 );
}
.rl-review__num {
	min-width: 2.5em;
	font-size: var( --rl-t-xs );
	text-align: end;
	color: var( --rl-text-muted );
}
.rl-review__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var( --rl-space-5 );
	margin-top: var( --rl-space-5 );
}
.rl-review .rl-eyebrow {
	display: flex;
	margin: 0 0 var( --rl-space-2 );
}
.rl-review__summary { flex: 1 1 18rem; min-width: 0; }
.rl-review .rl-review__summary p:not( .rl-eyebrow ) { margin: 0 0 var( --rl-space-2 ); }
.rl-review .rl-review__summary p:last-child { margin-bottom: 0; }
.rl-review__total {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	padding: var( --rl-space-4 ) var( --rl-space-5 );
	background-color: var( --rl-bg );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-md );
	text-align: center;
}
.rl-review .rl-review__total-num {
	margin: 0 0 var( --rl-space-2 );
	font-family: var( --rl-font-display );
	font-stretch: var( --rl-display-stretch );
	font-size: var( --rl-t-3xl );
	font-weight: 700;
	line-height: var( --rl-lh-tight );
	color: var( --rl-text );
}
.rl-card__rating {
	display: flex;
	align-items: center;
	gap: var( --rl-space-2 );
	margin: 0;
	font-size: var( --rl-t-xs );
	color: var( --rl-text-muted );
}
/*premium-badge*/
.rl-premium {
	display: inline-flex;
	flex: none;
	align-items: center;
	vertical-align: -0.125em;
	margin-inline-start: 0.25em;
	color: var( --rl-accent );
}
.rl-premium__icon { width: 1em; height: 1em; fill: currentColor; }
.rl-account__toggle .rl-premium { margin-inline-start: calc( 0.25em - var( --rl-space-2 ) ); }
.rl-profile__name .rl-premium { font-size: 0.7em; vertical-align: 0; }
.rl-verified + .rl-premium { margin-inline-start: 0.2em; }
/*back-to-top*/
.rl-to-top[hidden] { display: none; }
.rl-to-top {
	position: fixed;
	z-index: var( --rl-z-to-top );
	inset-block-end: var( --rl-space-5 );
	inset-inline-end: var( --rl-space-5 );
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	color: var( --rl-text );
	background-color: var( --rl-bg );
	border: 1px solid var( --rl-border-strong );
	border-radius: var( --rl-radius-full );
	box-shadow: var( --rl-shadow-md );
	cursor: pointer;
	transition: background-color var( --rl-transition ), border-color var( --rl-transition );
}
.rl-to-top:hover {
	background-color: var( --rl-surface );
	border-color: var( --rl-text );
}
.rl-to-top__arrow {
	width: 0.5625rem;
	height: 0.5625rem;
	margin-block-start: 3px;
	border-block-start: 1.8px solid currentColor;
	border-inline-start: 1.8px solid currentColor;
	transform: rotate( 45deg );
}
#rl-consent:not( [hidden] ) ~ .rl-to-top { display: none; }
@media ( prefers-reduced-motion: reduce ) {
	.rl-to-top { transition: none; }
}
/*oauth*/
.rl-oauth {
	display: grid;
	gap: var( --rl-space-2 );
}
:root .rl-oauth__btn { width: 100%; }
.rl-oauth__mark {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
}
.rl-oauth__note {
	margin: var( --rl-space-1 ) 0 0;
	font-size: var( --rl-t-xs );
	color: var( --rl-text-muted );
	text-wrap: pretty;
}
:root .rl-oauth__note a {
	color: var( --rl-brand-ink );
	font-weight: 600;
}
/*verified*/
.rl-verified {
	display: inline-flex;
	flex: none;
	align-items: center;
	vertical-align: -0.125em;
	margin-inline-start: 0.25em;
	color: var( --rl-brand-ink );
}
.rl-verified__icon { width: 1em; height: 1em; }
.rl-account__toggle .rl-verified { margin-inline-start: calc( 0.25em - var( --rl-space-2 ) ); }
.rl-profile__name .rl-verified { font-size: 0.7em; vertical-align: 0; }
/*follow*/
.rl-follow { display: inline-flex; margin: 0; }
.rl-follow .rl-btn[aria-pressed="true"]:hover { border-color: var( --rl-text ); }
.rl-people {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( min( 100%, 20rem ), 1fr ) );
	gap: var( --rl-space-3 );
	margin: 0;
	padding: 0;
	list-style: none;
}
.rl-person {
	display: flex;
	align-items: center;
	gap: var( --rl-space-3 );
	padding: var( --rl-space-3 );
	border: 1px solid var( --rl-border );
	border-radius: var( --rl-radius-md );
}
.rl-person__id { display: grid; flex: 1; min-width: 0; }
:root .rl-person__name {
	overflow: hidden;
	color: var( --rl-text );
	font-weight: 700;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
:root .rl-person__name:hover { color: var( --rl-brand-ink ); text-decoration: underline; }
.rl-person__handle {
	overflow: hidden;
	font-size: var( --rl-t-sm );
	color: var( --rl-text-muted );
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rl-feed { margin: 0; padding: 0; list-style: none; }
.rl-feed__item {
	display: flex;
	align-items: flex-start;
	gap: var( --rl-space-3 );
	padding-block: var( --rl-space-4 );
	border-block-start: 1px solid var( --rl-border );
}
.rl-feed__item:last-child { border-block-end: 1px solid var( --rl-border ); }
.rl-feed__body { min-width: 0; }
.rl-feed__head { margin: 0; color: var( --rl-text-muted ); }
:root .rl-feed__who,
:root .rl-feed__what {
	color: var( --rl-text );
	font-weight: 700;
	text-decoration: none;
}
:root .rl-feed__who:hover,
:root .rl-feed__what:hover { color: var( --rl-brand-ink ); text-decoration: underline; }
.rl-feed__text {
	max-width: var( --rl-measure );
	margin: var( --rl-space-2 ) 0 0;
	overflow-wrap: anywhere;
}
.rl-feed__when {
	margin: var( --rl-space-2 ) 0 0;
	font-size: var( --rl-t-sm );
	color: var( --rl-text-muted );
}
:root .rl-profile__stat-link { color: inherit; text-decoration: none; }
:root .rl-profile__stat-link:hover { color: var( --rl-brand-ink ); }
.rl-author__follow { margin-block: var( --rl-space-2 ); }