#odsm-main-site-help {
	--och-ink: #14283a;
	--och-muted: #41586b;
	--och-brand: #075a61;
	--och-soft: #edf7f6;
	--och-edge: #cbdadb;
	--och-offset: max(1rem, env(safe-area-inset-bottom));
	--och-panel-bottom: max(calc(var(--och-offset) + 3.5rem), var(--och-safety-space, 0px));
	color: var(--och-ink);
	font: 400 1rem/1.45 system-ui, sans-serif;
}

#odsm-main-site-help * { box-sizing: border-box; }
#odsm-main-site-help p, #odsm-main-site-help h2, #odsm-main-site-help h3 { margin: 0; color: inherit; }
#odsm-main-site-help button, #odsm-main-site-help input { font: inherit; }
#odsm-main-site-help button { cursor: pointer; }
#odsm-main-site-help button[hidden] { display: none; }
#odsm-main-site-help a { color: var(--och-brand); text-decoration: underline; text-underline-offset: .18em; }
#odsm-main-site-help :is(a, button, input):focus-visible { outline: 3px solid #a14f00; outline-offset: 3px; }

#odsm-main-site-help .och-launch {
	position: fixed;
	left: max(1rem, env(safe-area-inset-left));
	bottom: var(--och-offset);
	z-index: 1000;
	display: flex;
	gap: .55em;
	align-items: center;
	min-height: 44px;
	padding: .65em 1em;
	border: 1px solid transparent;
	border-radius: 2rem;
	background: var(--och-brand);
	color: #fff;
	font: 700 16px/1.45 system-ui, sans-serif;
	box-shadow: 0 5px 22px #14283a33;
}

#odsm-main-site-help dialog {
	position: fixed;
	inset: auto auto var(--och-panel-bottom) max(1rem, env(safe-area-inset-left));
	z-index: 1001;
	width: min(25rem, calc(100% - 2rem));
	max-width: none;
	max-height: min(42rem, calc(100dvh - var(--och-panel-bottom) - 1rem));
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--och-edge);
	border-radius: 1rem;
	background: #fff;
	color: var(--och-ink);
	box-shadow: 0 14px 50px #14283a33;
}

#odsm-main-site-help dialog[open] { display: flex; flex-direction: column; }
#odsm-main-site-help .och-header {
	display: flex;
	gap: .5rem;
	justify-content: space-between;
	align-items: center;
	padding: .85rem 1rem;
	background: var(--och-brand);
	color: #fff;
}
#odsm-main-site-help .och-header p { font-size: .69rem; letter-spacing: .09em; font-weight: 700; }
#odsm-main-site-help .och-header h2 { font: 750 1.35rem/1.25 system-ui, sans-serif; margin-top: .25rem; }
#odsm-main-site-help .och-close {
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	border: 1px solid #ffffff8c;
	border-radius: .65rem;
	background: transparent;
	color: #fff;
	font-size: 1.5rem;
}
#odsm-main-site-help .och-close:focus-visible { outline-color: #fff; }
#odsm-main-site-help .och-content { padding: 1rem; overflow: auto; min-height: 0; }
#odsm-main-site-help .och-intro { color: var(--och-muted); margin-bottom: .8rem; }
#odsm-main-site-help .och-label, #odsm-main-site-help label { display: block; font-weight: 700; }
#odsm-main-site-help .och-suggestions { margin-top: .8rem; }
#odsm-main-site-help .och-prompts { display: grid; gap: .35rem; margin-top: .4rem; }
#odsm-main-site-help .och-prompts button {
	border: 1px solid var(--och-edge);
	border-radius: .55rem;
	padding: .56rem .7rem;
	background: var(--och-soft);
	color: var(--och-brand);
	min-height: 44px;
	text-align: start;
	font-weight: 650;
}
#odsm-main-site-help .och-prompts button:hover { border-color: var(--och-brand); }
#odsm-main-site-help .och-form { margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
#odsm-main-site-help .och-input-row { display: flex; gap: .4rem; margin-top: .35rem; }
#odsm-main-site-help .och-input-row input {
	min-width: 0;
	flex: 1;
	margin: 0;
	padding: .55rem .6rem;
	border: 1px solid #647c7e;
	border-radius: .45rem;
	background: #fff;
	color: var(--och-ink);
}
#odsm-main-site-help .och-input-row button {
	border: 1px solid transparent;
	border-radius: .45rem;
	padding: .5rem .7rem;
	min-height: 44px;
	background: var(--och-brand);
	color: #fff;
	font-weight: 700;
}
#odsm-main-site-help #och-privacy { color: var(--och-muted); font-size: .8rem; margin-top: .35rem; }
#odsm-main-site-help .och-suggestion-status:not(:empty) { margin-top: .8rem; color: var(--och-muted); }
#odsm-main-site-help .och-result:not(:empty) { margin-top: 1rem; }
#odsm-main-site-help :is(.och-answer, .och-message) {
	padding: .85rem;
	background: var(--och-soft);
	border-radius: .55rem;
}
#odsm-main-site-help .och-answer h3 { font: 750 1rem/1.3 system-ui, sans-serif; margin: .25rem 0 .45rem; }
#odsm-main-site-help .och-answer .och-answer-topic { color: var(--och-brand); font-size: .8rem; font-weight: 700; }
#odsm-main-site-help .och-answer a { display: inline-block; margin-top: .55rem; font-weight: 650; }
#odsm-main-site-help .och-source-links { margin: .55rem 0 0; padding-left: 1.15rem; }
#odsm-main-site-help .och-source-links li + li { margin-top: .38rem; }
#odsm-main-site-help .och-source-links a { display: inline; margin: 0; }
#odsm-main-site-help .och-footer {
	display: flex;
	gap: .3rem 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .65rem 1rem;
	border-top: 1px solid var(--och-edge);
	font-size: .88rem;
}
#odsm-main-site-help .och-support { font-weight: 750; }