:root {
	--c0: #f8eee8;
	--c1: #e8d4c9;
	--c2: #5f2b15;
	--c3: #401c0c;
	--c4: #926547;
	--c5: #401e0c;
	--ink: #1e1a16;
	--muted: #6b6159;
	--ok: #5f3115;
	--bg: #faf4f0;
	--max: 1160px;
	--r: 18px;
	--shadow: 0 10px 30px rgba(12, 64, 36, 0.08);
}
* {
	box-sizing: border-box;
}
body,
html {
	margin: 0;
	background: linear-gradient(180deg, #fff, #c9dbe8 50%, #fff);
	color: var(--ink);
	font-family:
		ui-sans-serif,
		system-ui,
		Segoe UI,
		Roboto,
		Helvetica,
		Arial,
		sans-serif;
}
a {
	text-decoration: none;
	color: inherit;
}
p {
	line-height: 1.6;
}
.s-493821 {
	position: sticky;
	top: 0;
	z-index: 40;
	backdrop-filter: saturate(1.2) blur(8px);
	background: linear-gradient(90deg, #ffffffdd, #dfe2eddd);
}
.s-493821 .s-184991 {
	max-width: var(--max);
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 18px;
}
.s-209944 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 800;
}
.s-209944 svg {
	width: 30px;
	height: 30px;
	filter: drop-shadow(0 2px 6px rgba(50, 95, 21, 0.35));
}
.s-338211 {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 18px;
}
.s-338211 a {
	padding: 10px 12px;
	border-radius: 12px;
	transition: 0.2s;
}
.s-338211 a:hover {
	background: linear-gradient(90deg, #fff0, #c9dbe833);
	transform: translateY(-1px);
}
.s-118222 {
	display: none;
	margin-left: 8px;
}
.s-118222 button {
	all: unset;
	cursor: pointer;
	border-radius: 12px;
	padding: 10px;
}
.s-118222 svg {
	width: 26px;
	height: 26px;
}
@media (max-width: 960px) {
	.s-118222 {
		display: block;
	}
	.s-338211 {
		display: none;
	}
}
.s-992317 {
	position: fixed;
	inset: 0 0 auto auto;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--shadow);
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	transition: height 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
	z-index: 39;
}
.s-992317.s-open {
	height: 240px;
}
.s-992317 .s-661044 {
	padding: 14px 18px;
	display: grid;
	gap: 14px;
}
.s-661044 a {
	padding: 12px 14px;
	border-radius: 14px;
	background: #dfe2ed;
	border: 1px solid #c9dbe8;
}
.s-770001 {
	min-height: 100vh;
	display: grid;
	align-content: start;
}
.s-770001 .s-740000 {
	max-width: var(--max);
	margin: 0 auto;
	padding: 64px 18px;
}
.s-ttl {
	font-size: clamp(24px, 3.2vw, 40px);
	line-height: 1.1;
	margin: 0 0 6px;
	background: linear-gradient(90deg, #5f3815, #401d0c);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.s-lead {
	color: var(--muted);
	max-width: 80ch;
}
.s-card {
	background: #fff;

	border-radius: 18px;

	padding: 18px;
	margin-top: 16px;
}
.s-h {
	margin: 18px 0 6px;
	font-size: 20px;
}
.s-ul {
	padding-left: 18px;
}
.s-ul li {
	margin: 6px 0;
}
.s-kbd {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	background: #dfe2ed;
	border: 1px solid #c9dbe8;
	border-radius: 6px;
	padding: 0 6px;
}
[data-obs] {
	opacity: 0;
	transform: translateY(14px);
	transition: 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
[data-obs].is-vis {
	opacity: 1;
	transform: none;
}
footer .s-ft {
	max-width: var(--max);
	margin: 0 auto;
	padding: 34px 18px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
}
.s-ft--inl-ed1926 {
	color: #6b6159;
	font-size: 13px;
	padding-top: 0;
}
footer a {
	opacity: 0.85;
}
.elem--inl-2ed414 {
	color: #6b6159;
	margin-top: 10px;
}
.elem--inl-2dab42 {
	background: linear-gradient(180deg, #fff, #c9dbe833);
}
.elem--inl-08b6aa {
	align-items: center;
	display: flex;
	gap: 10px;
}
.elem--inl-377ce4 {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
body {
	max-width: 100vw;
	overflow-x: hidden;
}