@charset "utf-8";

:root {
	--spacing: 0.25rem;
	--radius: 0.625rem;
	--container-3xl: 48rem;
	--container-4xl: 56rem;
	--container-7xl: 80rem;
	--text-sm: 0.875rem;
	--text-sm-line-height: calc(1.25 / 0.875);
	--text-base: 1rem;
	--text-base-line-height: 1.5;
	--text-lg: 1.125rem;
	--text-lg-line-height: calc(1.75 / 1.125);
	--text-2xl: 1.5rem;
	--text-2xl-line-height: calc(2 / 1.5);
	--text-3xl: 1.875rem;
	--text-3xl-line-height: 1.2;
	--text-4xl: 2.25rem;
	--text-4xl-line-height: calc(2.5 / 2.25);
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--leading-relaxed: 1.625;
	--color-white: #fff;
	--color-neutral-50: oklch(98.5% 0 0deg);
	--color-neutral-100: oklch(97% 0 0deg);
	--color-neutral-200: oklch(92.2% 0 0deg);
	--color-neutral-600: oklch(43.9% 0 0deg);
	--color-neutral-700: oklch(37.1% 0 0deg);
	--color-amber-50: oklch(98.7% 0.022 95.277deg);
	--color-amber-200: oklch(92.4% 0.12 95.746deg);
	--color-amber-500: oklch(76.9% 0.188 70.08deg);
	--color-amber-600: oklch(66.6% 0.179 58.318deg);
	--color-amber-800: oklch(47.3% 0.137 46.201deg);
	--color-amber-900: oklch(41.4% 0.112 45.904deg);
	--color-blue-50: oklch(97% 0.014 254.604deg);
	--color-blue-100: oklch(93.2% 0.032 255.585deg);
	--color-blue-200: oklch(88.2% 0.059 254.128deg);
	--color-blue-500: oklch(62.3% 0.214 259.815deg);
	--color-blue-600: oklch(54.6% 0.245 262.881deg);
	--color-blue-700: oklch(48.8% 0.243 264.376deg);
	--color-blue-800: oklch(42.4% 0.199 265.638deg);
	--color-blue-900: oklch(37.9% 0.146 265.522deg);
}

.doc-index {
	background: #fff;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 16px;
	line-height: 1.5;
	color: #22313f;
}

.doc-index__container {
	max-width: var(--container-7xl);
	margin: 0 auto;
	padding: calc(var(--spacing) * 8) calc(var(--spacing) * 4);
}

.doc-index__hero {
	border-bottom: 1px solid var(--color-neutral-200);
	padding-bottom: calc(var(--spacing) * 8);
	margin-bottom: calc(var(--spacing) * 8);
}

.doc-index__hero-title-row,
.long-sms-doc__hero-head {
	display: flex;
	align-items: center;
	gap: calc(var(--spacing) * 3);
	margin-bottom: calc(var(--spacing) * 4);
}

.doc-index__hero-icon {
	width: 28px;
	height: 28px;
	color: #20b573;
}

.doc-index__hero-title {
	margin: 0;
	font-size: var(--text-3xl);
	line-height: var(--text-3xl-line-height);
	font-weight: 700;
	color: #22313f;
}

.doc-index__hero-text {
	margin: 0 0 calc(var(--spacing) * 6);
	max-width: var(--container-3xl);
	font-size: 1.125rem;
	line-height: calc(1.75 / 1.125);
	color: var(--color-neutral-600);
}

.doc-index__search-wrap {
	position: relative;
	max-width: 28rem;
}

.doc-index__search-icon {
	position: absolute;
	left: calc(var(--spacing) * 3);
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	color: oklch(70.8% 0 0deg);
}

.doc-index__search-input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid oklch(87% 0 0deg);
	border-radius: var(--radius);
	padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4) calc(var(--spacing) * 2) calc(var(--spacing) * 10);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
}

.doc-index__search-input:focus {
	outline: 2px solid rgb(32 181 115 / 0.35);
	border-color: transparent;
}

.doc-index__layout,
.first-steps-doc__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: calc(var(--spacing) * 8);
}

.doc-index__filters {
	display: flex;
	flex-direction: column;
	gap: calc(var(--spacing) * 1);
}

.doc-index__filter {
	display: flex;
	align-items: center;
	gap: calc(var(--spacing) * 2);
	width: 100%;
	text-align: left;
	border: 0;
	border-radius: var(--radius);
	background: transparent;
	color: var(--color-neutral-700);
	font-size: 0.95rem;
	line-height: 1.45;
	font-weight: var(--font-weight-medium);
	padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
	cursor: pointer;
}

.doc-index__filter:hover {
	background: var(--color-neutral-100);
}

.doc-index__filter svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.doc-index__filter--active {
	background: rgb(32 181 115 / 0.1);
	color: #20b573;
}

.doc-index__support {
	margin-top: calc(var(--spacing) * 8);
	border: 1px solid var(--color-neutral-200);
	border-radius: var(--radius);
	background: var(--color-neutral-50);
	padding: calc(var(--spacing) * 4);
}

.doc-index__support-title {
	margin: 0 0 calc(var(--spacing) * 2);
	font-size: var(--text-base);
	line-height: var(--text-base-line-height);
	font-weight: var(--font-weight-medium);
	color: #22313f;
}

.doc-index__support-text {
	margin: 0 0 calc(var(--spacing) * 3);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	color: var(--color-neutral-600);
}

.doc-index__support-text--lg {
	font-size: var(--text-base);
	line-height: var(--text-base-line-height);
	color: var(--color-neutral-700);
}

.doc-index__support-link,
.taximaster-export-doc__link {
	color: #20b573;
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
}

.doc-index__support-link:hover {
	color: #1a9d63;
}

.doc-index__support-actions {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--spacing) * 3);
}

.doc-index__support-action {
	display: inline-flex;
	align-items: center;
	padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
	border-radius: var(--radius);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
	transition-timing-function: var(--default-transition-timing-function);
	transition-duration: var(--default-transition-duration);
}

.doc-index__support-action--primary {
	background-color: #20b573;
	color: var(--color-white);
}

.doc-index__support-action--primary:hover {
	background-color: #1a9d63;
	color: var(--color-white);
}

.doc-index__support-action--secondary {
	border: 1px solid var(--color-neutral-300);
	background-color: var(--color-white);
	color: #22313f;
	font-weight: var(--font-weight-medium);
}

.doc-index__support-action--secondary:hover {
	border-color: var(--color-neutral-400);
	background-color: var(--color-neutral-50);
}

.first-steps-doc__support-card {
	border-color: rgb(32 181 115 / 0.2);
	background-image: linear-gradient(to bottom right in oklab, oklab(68.3972% -0.1419 0.0586 / 0.05), var(--color-white));
	padding: calc(var(--spacing) * 6);
}

.first-steps-doc__support-card .doc-index__support-title {
	margin-bottom: calc(var(--spacing) * 3);
	font-size: var(--text-xl);
	line-height: var(--text-xl-line-height);
	font-weight: var(--font-weight-semibold);
}

.first-steps-doc__support-card .doc-index__support-text {
	margin-bottom: calc(var(--spacing) * 4);
	font-size: var(--text-base);
	line-height: var(--text-base-line-height);
	color: var(--color-neutral-700);
}

.first-steps-doc__support-card .doc-index__support-actions {
	gap: calc(var(--spacing) * 3);
}

.first-steps-doc__support-card .doc-index__support-action {
	padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
}

.first-steps-doc__support-card .doc-index__support-action--secondary {
	border: 1px solid #c8ced6;
	box-shadow: inset 0 0 0 1px #c8ced6;
	background-color: var(--color-white);
}

.first-steps-doc__support-card .doc-index__support-action--secondary:hover {
	border-color: #aeb6c1;
	box-shadow: inset 0 0 0 1px #aeb6c1;
}

.doc-index__content {
	display: flex;
	flex-direction: column;
	gap: calc(var(--spacing) * 8);
}

.doc-index__aside {
	width: calc(100% + 3px);
	align-self: start;
}

.doc-index__section-title {
	margin: 0 0 calc(var(--spacing) * 4);
	font-size: 1.25rem;
	line-height: calc(1.75 / 1.25);
	font-weight: 600;
	color: #22313f;
}

.doc-index__links-card {
	border: 1px solid var(--color-neutral-200);
	border-radius: var(--radius);
	overflow: hidden;
	background: #fff;
}

.doc-index__doc-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: var(--color-neutral-700);
	font-size: 0.95rem;
	line-height: 1.45;
	font-weight: var(--font-weight-medium);
	padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
	border-bottom: 1px solid var(--color-neutral-200);
	transition: color .15s ease, background-color .15s ease;
}

.doc-index__doc-link::after {
	content: "→";
	margin-left: calc(var(--spacing) * 3);
	color: #20b573;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity .15s ease, transform .15s ease;
}

.doc-index__doc-link:last-child {
	border-bottom: 0;
}

.doc-index__doc-link:hover {
	background: var(--color-neutral-50);
	color: #20b573;
}

.doc-index__doc-link:hover::after {
	opacity: 1;
	transform: translateX(0);
}

@media (min-width: 640px) {
	.doc-index__container {
		padding-inline: calc(var(--spacing) * 6);
	}
}

@media (min-width: 1024px) {
	.doc-index__container {
		padding-inline: calc(var(--spacing) * 8);
	}

	.doc-index__layout {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.doc-index__aside {
		grid-column: span 1;
		position: sticky;
		top: calc(var(--spacing) * 6);
	}

	.doc-index__content {
		grid-column: span 3;
	}
}

.first-steps-doc,
.long-sms-doc,
.erip-doc,
.taximaster-export-doc {
	background: #fff;
}

.first-steps-doc__content {
	min-width: 0;
	grid-column: span 9 / span 9;
}

.first-steps-doc__toc-box {
	display: none;
	position: sticky;
	top: calc(var(--spacing) * 8);
	grid-column: span 3 / span 3;
}

.first-steps-doc__toc-panel {
	border: 1px solid var(--color-neutral-200);
	border-radius: var(--radius);
	background: var(--color-neutral-50);
	padding: calc(var(--spacing) * 6);
}

.first-steps-doc__toc-title {
	margin: 0 0 calc(var(--spacing) * 4);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.05em;
	color: #22313f;
	text-transform: uppercase;
}

.first-steps-doc__toc-list {
	display: block;
}

.first-steps-doc__toc-list a {
	display: block;
	padding-block: calc(var(--spacing) * 1);
	color: var(--color-neutral-700);
	font-size: 0.95rem;
	line-height: 1.45;
	font-weight: 400;
	text-decoration: none;
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
	transition-timing-function: var(--default-transition-timing-function);
	transition-duration: var(--default-transition-duration);
}

.first-steps-doc__toc-list a:hover {
	color: #20b573;
}

.first-steps-doc__toc-list a.is-active {
	color: #22313f;
	font-weight: var(--font-weight-semibold);
}

.first-steps-doc__info {
	display: flex;
	gap: calc(var(--spacing) * 3);
	margin: 0 0 calc(var(--spacing) * 8);
	border-left: 4px solid var(--color-blue-500);
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	background-color: var(--color-blue-50);
	padding: calc(var(--spacing) * 4);
	color: #1d4ed8;
}

.first-steps-doc__info svg {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-top: 2px;
}

.first-steps-doc__info p {
	margin: 0;
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	color: var(--color-blue-800);
}

.first-steps-doc__info-title {
	margin-bottom: calc(var(--spacing) * 1);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	font-weight: var(--font-weight-medium);
	color: var(--color-blue-900);
}

.first-steps-doc__h2 {
	display: flex;
	align-items: center;
	gap: calc(var(--spacing) * 2);
	margin: 0 0 calc(var(--spacing) * 4);
	font-size: var(--text-2xl);
	line-height: var(--text-2xl-line-height);
	font-weight: var(--font-weight-semibold);
	color: #22313f;
}

.first-steps-doc__step-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--spacing) * 8);
	height: calc(var(--spacing) * 8);
	border-radius: 9999px;
	background: #20b573;
	color: var(--color-white);
	font-size: var(--text-base);
	line-height: var(--text-base-line-height);
	font-weight: var(--font-weight-bold);
	flex-shrink: 0;
}

.first-steps-doc__checks {
	margin: 0 0 calc(var(--spacing) * 6);
	padding: 0;
	list-style: none;
}

.first-steps-doc__checks li {
	display: flex;
	align-items: flex-start;
	gap: calc(var(--spacing) * 3);
	margin: 0;
	padding: 0;
	color: #374151;
	font-size: 1.125rem;
	line-height: 1.45;
}

.first-steps-doc__checks li > span {
	min-width: 0;
}

.first-steps-doc__checks li + li {
	margin-top: calc(var(--spacing) * 3);
}

.first-steps-doc__check-icon {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	flex-shrink: 0;
	color: #20b573;
}

.first-steps-doc__checks a {
	display: inline-flex;
	align-items: center;
	gap: calc(var(--spacing) * 1);
	color: #20b573;
	text-decoration: inherit;
}

.first-steps-doc__external-icon {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

.first-steps-doc__next-card {
	box-sizing: border-box;
	margin: 0;
	color: inherit;
	text-decoration: inherit;
	border-radius: var(--radius);
	border-style: solid;
	border-width: 1px;
	border-color: var(--color-neutral-200);
	padding: calc(var(--spacing) * 4);
	transition-property: all;
	transition-timing-function: var(--default-transition-timing-function);
	transition-duration: var(--default-transition-duration);
}

.first-steps-doc__next-card svg {
	display: block;
	vertical-align: middle;
	color: #a3a3a3;
}

.first-steps-doc__next-card h3,
.first-steps-doc__next-card p {
	margin: 0;
}

.first-steps-doc__warn {
	display: flex;
	gap: calc(var(--spacing) * 3);
	margin: 0 0 calc(var(--spacing) * 8);
	border-left: 4px solid #f59e0b;
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	background: var(--color-amber-50);
	padding: calc(var(--spacing) * 4);
	color: #92400e;
}

.first-steps-doc__warn svg {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: 2px;
}

.first-steps-doc__warn p,
.first-steps-doc__warn-list li {
	margin: 0;
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
}

.first-steps-doc__warn-title {
	margin-bottom: calc(var(--spacing) * 1);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	font-weight: var(--font-weight-medium);
}

.first-steps-doc__warn-list {
	margin: 0;
	padding-left: calc(var(--spacing) * 4);
}

.first-steps-doc__warn-list li + li {
	margin-top: calc(var(--spacing) * 1);
}

.first-steps-doc__toc-list a + a,
.long-sms-doc__text + .long-sms-doc__text {
	margin-top: calc(var(--spacing) * 2);
}

.long-sms-doc__hero,
.erip-doc__hero,
.taximaster-export-doc__hero {
	margin-bottom: calc(var(--spacing) * 12);
}

.long-sms-doc__title,
.erip-doc__title,
.taximaster-export-doc__title {
	margin: 0;
	font-size: var(--text-4xl);
	line-height: var(--text-4xl-line-height);
	font-weight: var(--font-weight-semibold);
	color: #22313f;
}

.long-sms-doc__lead,
.erip-doc__lead {
	margin: 0;
	max-width: 56rem;
	font-size: var(--text-lg);
	line-height: var(--text-lg-line-height);
	color: var(--color-neutral-600);
}

.long-sms-doc__card,
.erip-doc__card {
	margin-bottom: calc(var(--spacing) * 8);
	border: 1px solid var(--color-neutral-200);
	border-radius: var(--radius);
	background: #fff;
	padding: calc(var(--spacing) * 6);
}

.long-sms-doc__section-title,
.erip-doc__section-title {
	margin: 0 0 calc(var(--spacing) * 4);
	font-size: var(--text-xl);
	line-height: var(--text-xl-line-height);
	font-weight: var(--font-weight-semibold);
	color: #22313f;
}

.long-sms-doc__rules-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: calc(var(--spacing) * 6);
	margin-bottom: calc(var(--spacing) * 6);
}

.long-sms-doc__text {
	margin: 0;
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	color: var(--color-neutral-700);
}

.long-sms-doc__text strong {
	color: #22313f;
}

.long-sms-doc__table-wrap {
	overflow-x: auto;
}

.long-sms-doc__table {
	width: 100%;
	border-top: 1px solid var(--color-neutral-200);
	border-collapse: collapse;
}

.long-sms-doc__table thead,
.long-sms-doc__table tbody tr:hover,
.doc-index__doc-link:hover {
	background: var(--color-neutral-50);
}

.long-sms-doc__table th {
	padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
	text-align: left;
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	font-weight: var(--font-weight-semibold);
	color: #22313f;
}

.long-sms-doc__table td {
	padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
	border-top: 1px solid var(--color-neutral-200);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	color: var(--color-neutral-700);
}

.long-sms-doc__table-parts {
	font-weight: var(--font-weight-medium);
	color: #22313f;
}

.long-sms-doc__table-price {
	color: #20b573 !important;
	font-weight: var(--font-weight-semibold);
}

.long-sms-doc__notice,
.erip-doc__notice {
	border: 1px solid var(--color-amber-200);
	border-radius: var(--radius);
	background: var(--color-amber-50);
	padding: calc(var(--spacing) * 6);
}

.long-sms-doc__notice-title,
.erip-doc__notice-title,
.taximaster-export-doc__note-title {
	margin: 0 0 calc(var(--spacing) * 3);
	font-size: var(--text-base);
	line-height: var(--text-base-line-height);
	font-weight: var(--font-weight-semibold);
	color: #22313f;
}

.long-sms-doc__notice-list,
.erip-doc__notice-list,
.taximaster-export-doc__list {
	margin: 0;
	padding-left: calc(var(--spacing) * 4);
	display: grid;
	gap: calc(var(--spacing) * 2);
	font-size: var(--text-sm);
	line-height: var(--text-sm-line-height);
	color: var(--color-neutral-700);
}

.erip-doc__lead a,
.erip-doc__notice-list a {
	color: #20b573;
	font-weight: var(--font-weight-medium);
	text-decoration: none;
}

.erip-doc__lead a:hover,
.erip-doc__notice-list a:hover,
.taximaster-export-doc__link:hover {
	text-decoration: underline;
}

.taximaster-export-doc__lead,
.taximaster-export-doc__text {
	margin: 0;
	font-size: var(--text-base);
	line-height: var(--leading-relaxed);
	color: var(--color-neutral-600);
}

.taximaster-export-doc__image-wrap {
	margin-top: calc(var(--spacing) * 6);
	overflow: hidden;
	border: 1px solid var(--color-neutral-200);
	border-radius: calc(var(--radius) + 0.25rem);
	background: #fff;
	box-shadow: 0 8px 20px rgba(17, 30, 43, 0.06);
}

.taximaster-export-doc__image {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.taximaster-export-doc__note {
	border: 1px solid rgba(32, 181, 115, 0.18);
	border-left-width: 4px;
	border-radius: 0 var(--radius) var(--radius) 0;
	background: color-mix(in srgb, #20b573 6%, #ffffff);
	padding: calc(var(--spacing) * 6);
}

.taximaster-export-doc__link-row {
	margin: calc(var(--spacing) * 4) 0 0;
}

@media (min-width: 1024px) {
	.first-steps-doc__layout {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		align-items: start;
	}

	.first-steps-doc__toc-box {
		display: block;
		min-width: 240px;
	}

	.long-sms-doc__rules-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}