/* Startup Network — mentor office hours. */
.snk .snk-oh__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.snk .snk-oh .snk-notice { margin-top: 16px; }
.snk .snk-oh__form { margin-top: 18px; display: flex; flex-direction: column; gap: 16px; }
.snk .snk-oh__days { display: flex; flex-direction: column; gap: 12px; }
.snk .snk-oh__days.has-error .snk-oh__slot span { border-color: var(--snk-bad); }
.snk .snk-oh__day { display: flex; gap: 14px; align-items: flex-start; }
.snk .snk-oh__date { flex: 0 0 92px; padding-top: 10px; font-size: 14px; font-weight: 600; }
.snk .snk-oh__times { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 8px; }
.snk .snk-oh__slot { position: relative; cursor: pointer; }
.snk .snk-oh__slot input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.snk .snk-oh__slot > span { display: block; min-width: 132px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--snk-border); background: #FFFFFF; transition: border-color .15s, background .15s; }
.snk .snk-oh__slot:hover > span { border-color: var(--snk-border-3); }
.snk .snk-oh__slot input:checked + span { border-color: var(--snk-accent); background: var(--snk-tint); box-shadow: 0 0 0 1px var(--snk-accent); }
.snk .snk-oh__slot input:focus-visible + span { outline: 2px solid var(--snk-accent); outline-offset: 2px; }
.snk .snk-oh__topic { max-width: 360px; white-space: normal; }
.snk .snk-ohlist { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.snk .snk-ohlist__item { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.snk .snk-ohlist__acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; }
.snk .snk-dash__main > .snk-dcard .snk-dtable-wrap { position: relative; }
.snk .snk-dtable__acts { text-align: right; white-space: nowrap; }
.snk .snk-dtable__acts > * { margin-left: 6px; vertical-align: middle; }
.snk .snk-inline { display: inline-flex; gap: 6px; align-items: center; margin: 0; }
.snk .snk-mentors .snk-dir__filters .snk-select { min-width: 170px; }
@media (max-width: 640px) {
	.snk .snk-oh__day { flex-direction: column; gap: 6px; }
	.snk .snk-oh__date { flex: none; padding-top: 0; }
	.snk .snk-oh__slot { flex: 1 1 calc(50% - 4px); }
	.snk .snk-oh__slot > span { min-width: 0; }
	.snk .snk-ohlist__acts { justify-content: flex-start; width: 100%; }
	.snk .snk-mentors .snk-dir__filters .snk-select { flex: 1 1 100%; }
}