/* Design tokens */

:root {
	--sk-ink: #2b3140;
	--sk-text: #414a5a;
	--sk-muted: #5a6272;
	--sk-accent: #315b6b;
	--sk-accent-dark: #264a58;
	--sk-red: #d6455a;
	--sk-green: #2f9e6b;
	--sk-save: #1e7a52;
	--sk-amber: #e08a00;
	--sk-line: #e8e2d8;
	--sk-line-strong: #d6cdc0;
	--sk-soft: #f2eee8;
	--sk-soft-2: #f8f6f2;
	--sk-radius: 8px;
	--sk-radius-sm: 4px;

	/* Travel action */
	--sk-travel: #ffbb00;

	/* Content width */
	--sk-wrap: 1260px;

	/* Header heights */
	--hdr-h: 0px;
	--sk-pinned-top: 0px;
}

/* Scope */
.sk {
	color: var(--sk-text);
	font-size: 14px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

/* Content column */
.sk-wrap {
	width: 100%;
	max-width: var(--sk-wrap);
	margin: 0 auto;
	padding: 0 15px;
}

/* Link hover */
a:hover { color: #333; }

/* Resets */
.sk *, .sk *::before, .sk *::after { box-sizing: border-box; }
:where(.sk) a { color: var(--sk-accent); text-decoration: none; }
:where(.sk) a:hover { color: var(--sk-accent-dark); text-decoration: underline; }
:where(.sk) img { max-width: 100%; height: auto; display: block; }
:where(.sk) button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:where(.sk) ul { list-style: none; margin: 0; padding: 0; }
:where(.sk) p { margin: 0; font-size: inherit; }
:where(.sk) strong { color: var(--sk-ink); font-weight: 500; }
:where(.sk) :focus-visible { outline: 2px solid var(--sk-accent); outline-offset: 2px; }

/* Icons */
.sk-ic { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Links on dark ground */
a.sk-on-dark:hover, .sk-on-dark a:hover { -webkit-text-fill-color: var(--sk-on-dark-fg, #fff); }
a.sk-on-dark:hover .sk-ic, .sk-on-dark a:hover .sk-ic { color: var(--sk-on-dark-fg, #fff); }

/* Screen reader text */
.sk-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Banner zones */
.sk-ad { position: relative; display: block; max-width: 100%; margin: 0 auto; overflow: hidden; }
.sk-ad:not([data-state]) { background: var(--sk-soft); }
.sk-ad[data-state="empty"] { display: none; }
.sk-ad img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.sk-ad-1230x240 { width: 1230px; aspect-ratio: 1230 / 240; }
.sk-ad-1230x600 { width: 1230px; aspect-ratio: 1230 / 600; }
.sk-ad-285x250 { width: 285px; aspect-ratio: 285 / 250; }