/* ベースフォント（Tailwind の上書き） */
body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;
}

body.publicsite-body {
	margin: 0;
	color: #1f2937;
	background: #f8fafc;
}

body.publicsite-body .public_main_section,
body.publicsite-body .publicsite-main-inner,
body.publicsite-body .publicsite-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.publicsite-body .publicsite_screen_debug_icon {
	display: none !important;
}

body.publicsite-body a[class*="text-white"] {
	color: #fff !important;
}

body.publicsite-body .publicsite-content h1,
body.publicsite-body .publicsite-content h2,
body.publicsite-body .publicsite-content h3,
body.publicsite-body .publicsite-content h4,
body.publicsite-body .publicsite-content h5,
body.publicsite-body .publicsite-content h6 {
	width: auto;
	margin: 0;
	padding: 0;
	overflow: visible;
	line-height: 1.45;
}

body.publicsite-body .publicsite-content h1 {
	font-size: 1.5rem;
	line-height: 1.65;
}

@media (min-width: 768px) {
	body.publicsite-body .publicsite-content h1 {
		font-size: 1.875rem;
		line-height: 1.55;
	}
}

body.publicsite-body .publicsite-content a.inline-flex {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}

body.publicsite-body .publicsite-content a.rounded-full {
	border-radius: 9999px;
	padding: 0.625rem 1.5rem;
}

.roundtable-lp-body {
	background: #ffffff;
}

.roundtable-canva-lp,
.roundtable-canva-lp * {
	box-sizing: border-box;
}

.roundtable-canva-lp {
	--rt-ink: #081f3a;
	--rt-muted: #657386;
	--rt-blue: #1974d2;
	--rt-blue-dark: #0f477f;
	--rt-line: #e6e9ee;
	--rt-soft: #f5f6f8;
	margin: 0;
	background: #ffffff;
	color: var(--rt-ink);
	font-family: "Segoe UI", "Noto Sans JP", system-ui, sans-serif;
	overflow-x: hidden;
}

.roundtable-canva-lp img {
	display: block;
	max-width: 100%;
}

.roundtable-canva-header {
	display: flex;
	align-items: center;
	min-height: 78px;
	border-bottom: 1px solid var(--rt-line);
	background: #ffffff;
	padding: 0 48px;
}

.roundtable-canva-brand {
	display: inline-flex;
	align-items: center;
	width: 260px;
	color: var(--rt-ink);
	text-decoration: none;
}

.roundtable-canva-logo {
	width: 100%;
	height: auto;
}

.roundtable-canva-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.roundtable-canva-docs-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border-radius: 9999px;
	padding: 0 16px;
	color: var(--rt-blue);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.roundtable-canva-docs-link:hover,
.roundtable-canva-docs-link.is-current {
	background: #eef6ff;
	color: var(--rt-blue-dark);
}

.roundtable-canva-login {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin-left: auto;
	border: 1px solid var(--rt-blue);
	border-radius: 9999px;
	padding: 0 18px;
	background: var(--rt-blue);
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 8px 18px rgba(25, 116, 210, 0.2);
}

.roundtable-canva-actions .roundtable-canva-login {
	margin-left: 0;
}

.roundtable-canva-login:hover {
	background: #1766b8;
	color: #ffffff;
}

.roundtable-canva-hero.ai-style-change-1 {
	display: grid;
	grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.08fr);
	gap: 68px;
	align-items: center;
	width: min(1260px, calc(100% - 40px));
	max-width: 100vw;
	min-height: calc(100svh - 150px);
	margin: 0 auto;
	padding: 74px 0 96px;
	position: relative;
}

.roundtable-hero-title {
	display: grid;
	position: relative;
	z-index: 2;
	gap: 8px;
	margin: 0;
	color: var(--rt-ink);
	font-size: 112px;
	font-weight: 800;
	line-height: 1.07;
}

.roundtable-canva-hero-copy {
	position: relative;
	z-index: 2;
	isolation: isolate;
	margin: -34px -28px -38px;
	border-radius: 18px;
	padding: 34px 28px 38px;
}

.roundtable-hero-particles {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	pointer-events: none;
}

.roundtable-canva-hero-copy p {
	position: relative;
	z-index: 2;
	margin: 32px 0 0;
	color: var(--rt-muted);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.6;
}

.roundtable-canva-tree {
	position: relative;
	z-index: 2;
	justify-self: end;
	width: min(100%, 560px);
	/* aspect-ratio: 0.89; */
	/* margin-right: 0; */
	overflow: hidden;
	border-radius: 24px;
	background-color: #fff;
}

.roundtable-canva-tree img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.roundtable-hero-image-pink-particles {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.roundtable-canva-section {
	width: min(1180px, calc(100% - 80px));
	margin: 0 auto;
	padding: 118px 0;
	background: #ffffff;
}

.roundtable-canva-space,
.roundtable-canva-accepted,
.roundtable-canva-no-engineer,
.roundtable-canva-all-in-one,
.roundtable-canva-cta {
	display: grid;
	align-items: center;
}

.roundtable-canva-space {
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
	gap: 72px;
	width: min(1260px, calc(100% - 40px));
}

.roundtable-canva-space-image {
	position: relative;
	aspect-ratio: 0.89;
	margin-left: -170px;
	background: #ffffff;
}

.roundtable-space-particles {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.roundtable-accepted-particles {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.roundtable-no-engineer-particles {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.roundtable-canva-half-clip img {
	display: block;
	position: relative;
	z-index: 1;
	width: 200%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.roundtable-canva-half-left img {
	transform: translateX(0);
}

.roundtable-canva-half-right img {
	transform: translateX(-50%);
}

.roundtable-canva-copy {
	display: grid;
	gap: 22px;
	min-width: 0;
}

.roundtable-canva-copy h2,
.roundtable-canva-cta-main h2 {
	margin: 0;
	color: var(--rt-ink);
	font-size: 58px;
	font-weight: 800;
	line-height: 1.45;
}

.roundtable-canva-copy p,
.roundtable-canva-cta-main p {
	margin: 0;
	color: var(--rt-muted);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.95;
}

.roundtable-canva-accepted {
	grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.08fr);
	gap: 68px;
	width: min(1260px, calc(100% - 40px));
}

.roundtable-canva-accepted-visual {
	position: relative;
	aspect-ratio: 0.89;
	margin-right: -150px;
	background: #ffffff;
}

.roundtable-canva-no-engineer {
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
	gap: 72px;
	width: min(1260px, calc(100% - 40px));
	padding-top: 96px;
}

.roundtable-canva-no-engineer-visual {
	position: relative;
	aspect-ratio: 0.89;
	margin-left: -170px;
	background: #ffffff;
}

.roundtable-canva-no-engineer-copy h2 {
	font-size: 58px;
}

.roundtable-canva-all-in-one {
	grid-template-columns: minmax(300px, 0.74fr) minmax(0, 1.26fr);
	gap: 54px;
	width: min(1260px, calc(100% - 40px));
	padding-top: 110px;
	padding-bottom: 92px;
}

.roundtable-canva-all-in-one-copy {
	align-self: center;
}

.roundtable-canva-all-in-one-visual {
	margin: 0;
	border-radius: 22px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0 24px 60px rgba(8, 31, 58, 0.12);
}

.roundtable-canva-all-in-one-visual img {
	width: 100%;
	height: auto;
}

.roundtable-canva-cta {
	position: relative;
	grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1fr);
	gap: 70px;
	width: min(1180px, calc(100% - 80px));
	margin: 0 auto;
	padding: 118px 0 138px;
	overflow: visible;
	background: #ffffff;
}

.roundtable-canva-cta-main {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 22px;
	justify-items: start;
}

.roundtable-canva-cta-main h2 {
	font-size: 58px;
	line-height: 1.35;
}

.roundtable-canva-pm-message {
	width: min(520px, 100%);
	margin: 8px 0 0;
}

.roundtable-canva-pm-message img {
	width: 100%;
	height: auto;
}

.roundtable-canva-cta-character {
	justify-self: end;
	width: 420px;
	height: 620px;
	overflow: hidden;
}

.roundtable-canva-signup {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 62px;
	margin-top: 12px;
	border-radius: 8px;
	background: var(--rt-blue);
	padding: 0 42px;
	color: #ffffff;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 16px 30px rgba(25, 116, 210, 0.24);
	transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.roundtable-canva-signup:hover {
	background: #125fae;
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 18px 36px rgba(25, 116, 210, 0.34);
}

.roundtable-canva-cta-character img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.roundtable-canva-footer {
	background: #f1f3f6;
}

.roundtable-canva-footer-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 42px;
	width: min(1180px, calc(100% - 80px));
	min-height: 118px;
	margin: 0 auto;
	padding: 24px 0;
}

.roundtable-dialog-trigger {
	border: 0;
	background: transparent;
	color: var(--rt-ink);
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
}

.roundtable-dialog-trigger:hover,
.roundtable-dialog-trigger:focus {
	color: var(--rt-blue);
	outline: none;
}

.roundtable-modal[hidden] {
	display: none;
}

.roundtable-modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: block;
}

.roundtable-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(13, 8, 36, 0.58);
}

.roundtable-modal-panel {
	position: relative;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
	width: min(980px, calc(100vw - 32px));
	max-height: calc(100vh - 48px);
	margin: 24px auto;
	overflow: hidden;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 70px rgba(13, 8, 36, 0.28);
}

.roundtable-modal-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #e5e7eb;
	padding: 16px 20px;
	background: #ffffff;
}

.roundtable-modal-bar h2 {
	margin: 0;
	color: var(--rt-ink);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.4;
}

.roundtable-modal-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #ffffff;
	color: var(--rt-ink);
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
}

.roundtable-modal-close:hover {
	border-color: var(--rt-blue);
	color: var(--rt-blue);
}

.roundtable-modal-content {
	overflow: auto;
	background: #ffffff;
}

.roundtable-modal-content main {
	margin: 0;
}

.roundtable-modal-content .hero-image-wrapper img {
	border-radius: 8px;
}

.roundtable-modal-content .mx-auto {
	max-width: 900px;
}

.roundtable-modal-content .section-title {
	margin: 0;
}

.roundtable-modal-content-loading,
.roundtable-modal-content-error {
	padding: 28px;
	color: var(--rt-muted);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.8;
}

@media (max-width: 1120px) {
	.roundtable-canva-header {
		padding: 0 36px;
	}

	.roundtable-canva-hero.ai-style-change-1 {
		width: min(1040px, calc(100% - 64px));
		grid-template-columns: minmax(0, 1fr) minmax(330px, 0.95fr);
		gap: 46px;
	}

	.roundtable-hero-title {
		font-size: 64px;
	}

	.roundtable-canva-tree {
		width: min(100%, 500px);
		margin-right: 0;
	}

	.roundtable-canva-section,
	.roundtable-canva-cta {
		width: min(1040px, calc(100% - 64px));
	}

	.roundtable-canva-copy h2,
	.roundtable-canva-cta-main h2 {
		font-size: 32px;
	}

	.roundtable-canva-space-image,
	.roundtable-canva-accepted-visual,
	.roundtable-canva-no-engineer-visual {
		min-height: 460px;
	}

	.roundtable-canva-all-in-one {
		gap: 38px;
	}

	.roundtable-canva-cta-character {
		width: 360px;
		height: 560px;
	}
}

@media (max-width: 860px) {
	.roundtable-canva-header {
		min-height: 68px;
		padding: 0 22px;
	}

	.roundtable-canva-brand {
		width: 214px;
	}

	.roundtable-canva-login {
		min-height: 36px;
		padding: 0 14px;
		font-size: 13px;
	}

	.roundtable-canva-hero.ai-style-change-1 {
		grid-template-columns: 1fr;
		width: calc(100% - 44px);
		min-height: auto;
		gap: 42px;
		padding: 58px 0 74px;
	}

	.roundtable-hero-title {
		font-size: 48px;
	}

	.roundtable-canva-hero-copy p {
		margin-top: 22px;
		font-size: 18px;
	}

	.roundtable-canva-tree {
		justify-self: center;
		width: min(100%, 520px);
		margin-right: 0;
	}

	.roundtable-canva-section,
	.roundtable-canva-cta {
		width: calc(100% - 44px);
		padding: 74px 0;
	}

	.roundtable-canva-space,
	.roundtable-canva-accepted,
	.roundtable-canva-no-engineer,
	.roundtable-canva-all-in-one,
	.roundtable-canva-cta {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.roundtable-canva-hero-copy,
	.roundtable-canva-space-copy,
	.roundtable-canva-accepted-copy,
	.roundtable-canva-no-engineer-copy,
	.roundtable-canva-all-in-one-copy,
	.roundtable-canva-cta-main {
		order: 1;
	}

	.roundtable-canva-tree,
	.roundtable-canva-space-image,
	.roundtable-canva-accepted-visual,
	.roundtable-canva-no-engineer-visual,
	.roundtable-canva-all-in-one-visual,
	.roundtable-canva-cta-character {
		order: 2;
	}

	.roundtable-canva-space-image,
	.roundtable-canva-accepted-visual,
	.roundtable-canva-no-engineer-visual {
		aspect-ratio: 1.28;
		min-height: auto;
	}

	.roundtable-canva-space-image {
		margin-left: -80px;
	}

	.roundtable-canva-half-clip img {
		width: 130%;
	}

	.roundtable-canva-half-right img {
		transform: translateX(-23%);
	}

	.roundtable-canva-accepted {
		width: calc(100% - 44px);
	}

	.roundtable-canva-accepted-visual {
		margin-right: -78px;
	}

	.roundtable-canva-no-engineer {
		width: calc(100% - 44px);
		padding-top: 64px;
	}

	.roundtable-canva-no-engineer-visual {
		margin-left: -80px;
	}

	.roundtable-canva-all-in-one {
		width: calc(100% - 44px);
		padding-top: 70px;
		padding-bottom: 64px;
	}

	.roundtable-canva-all-in-one-visual {
		border-radius: 16px;
		box-shadow: 0 16px 38px rgba(8, 31, 58, 0.12);
	}

	.roundtable-canva-copy h2,
	.roundtable-canva-no-engineer-copy h2,
	.roundtable-canva-cta-main h2 {
		font-size: 29px;
	}

	.roundtable-canva-copy p,
	.roundtable-canva-cta-main p {
		font-size: 16px;
		line-height: 1.85;
	}

	.roundtable-canva-cta-character {
		justify-self: center;
		width: 280px;
		height: 430px;
	}

	.roundtable-canva-cta-character img {
		width: 100%;
	}

	.roundtable-canva-signup {
		width: 100%;
	}

	.roundtable-canva-footer-inner {
		width: calc(100% - 44px);
		min-height: 96px;
		gap: 24px;
	}
}

@media (max-width: 520px) {
	.roundtable-hero-title {
		font-size: 38px;
	}

	.roundtable-canva-hero-copy p,
	.roundtable-canva-copy h2,
	.roundtable-canva-no-engineer-copy h2,
	.roundtable-canva-cta-main h2 {
		font-size: 26px;
	}

	.roundtable-canva-hero-copy p {
		font-size: 16px;
	}

	.roundtable-canva-tree {
		width: 100%;
		margin-right: 0;
	}

	.roundtable-canva-brand {
		width: 150px;
	}

	.roundtable-canva-header {
		padding: 0 14px;
	}

	.roundtable-canva-actions {
		gap: 6px;
	}

	.roundtable-canva-docs-link {
		min-height: 34px;
		padding: 0 9px;
		font-size: 12px;
	}

	.roundtable-canva-login {
		min-height: 34px;
		padding: 0 11px;
		font-size: 12px;
	}

	.roundtable-canva-space-image,
	.roundtable-canva-accepted-visual,
	.roundtable-canva-no-engineer-visual {
		aspect-ratio: 1.15;
	}

	.roundtable-canva-half-clip img {
		width: 135%;
	}

	.roundtable-canva-half-right img {
		transform: translateX(-26%);
	}

	.roundtable-canva-cta-character {
		width: 240px;
		height: 360px;
	}

	.roundtable-dialog-trigger {
		font-size: 16px;
	}

	.roundtable-modal-panel {
		width: calc(100vw - 16px);
		max-height: calc(100vh - 16px);
		margin: 8px auto;
	}
}

.roundtable-docs-body {
	background: #ffffff;
}

.roundtable-docs-page,
.roundtable-docs-page * {
	box-sizing: border-box;
}

.roundtable-docs-page {
	--rt-ink: #122036;
	--rt-blue: #1974d2;
	--rt-blue-dark: #0f477f;
	--rt-line: #dde4ed;
	--rt-docs-ink: #122036;
	--rt-docs-muted: #637083;
	--rt-docs-line: #dde4ed;
	--rt-docs-soft: #f7faff;
	--rt-docs-blue: #1974d2;
	min-height: 100vh;
	background: #ffffff;
	color: var(--rt-docs-ink);
	font-family: "Segoe UI", "Noto Sans JP", system-ui, sans-serif;
}

.roundtable-docs-header {
	position: sticky;
	top: 0;
	z-index: 50;
}

.roundtable-docs-layout {
	display: grid;
	grid-template-columns: 228px minmax(0, 1fr);
	min-height: calc(100vh - 78px);
}

.roundtable-docs-sidebar {
	position: sticky;
	top: 78px;
	align-self: start;
	max-height: calc(100vh - 78px);
	overflow-y: auto;
	border-right: 1px solid var(--rt-docs-line);
	background: #ffffff;
	padding: 32px 28px 64px;
	-webkit-overflow-scrolling: touch;
}

.roundtable-docs-nav {
	display: grid;
	gap: 18px;
}

.roundtable-docs-nav a {
	display: block;
	color: #536274;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	text-decoration: none;
}

.roundtable-docs-nav a:hover,
.roundtable-docs-nav a.roundtable-docs-nav-current,
.roundtable-docs-nav a.is-current {
	color: var(--rt-docs-blue);
}

.roundtable-docs-nav-current {
	font-size: 16px !important;
	font-weight: 900 !important;
}

.roundtable-docs-nav-group {
	display: grid;
	gap: 9px;
}

.roundtable-docs-nav-title {
	color: var(--rt-docs-ink) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

.roundtable-docs-nav a.roundtable-docs-nav-sub {
	color: #7c8da0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.45;
	padding-left: 22px;
}

.roundtable-docs-content {
	width: min(1040px, 100%);
	padding: 58px 72px 92px;
}

.roundtable-docs-content-wide {
	width: min(1180px, 100%);
}

.roundtable-docs-hero {
	max-width: 780px;
}

.roundtable-docs-hero-meta,
.roundtable-feature-item-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
}

.roundtable-docs-kicker {
	margin: 0;
	color: var(--rt-docs-blue);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.4;
	text-transform: uppercase;
}

.roundtable-docs-status-chips {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
	line-height: 1;
	white-space: nowrap;
}

.roundtable-docs-status-chips small {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #cbd9e7;
	border-radius: 999px;
	background: #f4f8fc;
	color: #40556c;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	padding: 5px 8px;
}

.roundtable-docs-hero h1 {
	margin: 14px 0 0;
	color: var(--rt-docs-ink);
	font-size: 40px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-concept {
	margin: 14px 0 0;
	color: #0f477f;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.65;
}

.roundtable-docs-lead {
	margin: 24px 0 0;
	color: #4b5c70;
	font-size: 16px;
	line-height: 2;
}

.roundtable-docs-section {
	max-width: 900px;
	margin-top: 54px;
}

.roundtable-docs-feature-visual {
	max-width: 900px;
	margin: 34px 0 0;
	border: 1px solid #d9e5ef;
	border-radius: 18px;
	background: #f7fbff;
	box-shadow: 0 18px 45px rgba(18, 32, 54, 0.08);
	overflow: hidden;
}

.roundtable-docs-feature-visual img {
	display: block;
	width: 100%;
	height: auto;
}

.roundtable-docs-sample-body {
	margin: 0;
	background: #eef4fa;
}

.roundtable-docs-sample-canvas,
.roundtable-docs-sample-canvas * {
	box-sizing: border-box;
}

.roundtable-docs-sample-canvas {
	width: 1280px;
	height: 760px;
	padding: 42px 48px;
	background: #eef4fa;
	color: #142033;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	overflow: hidden;
}

.roundtable-docs-sample-app {
	height: 676px;
	border: 1px solid #cdd8e5;
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 22px 70px rgba(30, 47, 68, 0.16);
}

.roundtable-docs-sample-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 62px;
	background: #1c2634;
	color: #fff;
	padding: 0 42px;
}

.roundtable-docs-sample-brand {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0;
}

.roundtable-docs-sample-user {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 700;
}

.roundtable-docs-sample-shell {
	display: grid;
	grid-template-columns: 210px 1fr;
	height: calc(100% - 62px);
}

.roundtable-docs-sample-side {
	display: grid;
	align-content: start;
	gap: 13px;
	border-right: 1px solid #d8e1ea;
	background: #f4f7fb;
	padding: 30px 24px;
}

.roundtable-docs-sample-side strong {
	margin-bottom: 12px;
	font-size: 18px;
}

.roundtable-docs-sample-side a {
	display: block;
	border-radius: 9px;
	color: #52657b;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	padding: 10px 12px;
	text-decoration: none;
}

.roundtable-docs-sample-side a.is-current {
	background: #dcecff;
	color: #1d5ca8;
}

.roundtable-docs-sample-main {
	position: relative;
	padding: 34px 40px;
	overflow: hidden;
}

.roundtable-docs-sample-head {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 18px;
}

.roundtable-docs-sample-head h1 {
	margin: 0;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-head p {
	margin: 8px 0 0;
	color: #61748c;
	font-size: 15px;
	font-weight: 600;
}

.roundtable-docs-sample-head button {
	align-self: start;
	border: none;
	border-radius: 8px;
	background: #1f66c2;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
	padding: 14px 18px;
	white-space: nowrap;
}

.roundtable-docs-sample-filter {
	display: grid;
	grid-template-columns: 1fr 170px 150px;
	gap: 12px;
	margin-bottom: 18px;
}

.roundtable-docs-sample-filter span {
	display: block;
	border: 1px solid #d5e0eb;
	border-radius: 8px;
	background: #f8fbfe;
	color: #7a8b9e;
	font-size: 13px;
	font-weight: 700;
	padding: 12px 14px;
	white-space: nowrap;
}

.roundtable-docs-sample-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #d8e1ea;
	border-radius: 12px;
	overflow: hidden;
	font-size: 14px;
}

.roundtable-docs-sample-table th,
.roundtable-docs-sample-table td {
	border-bottom: 1px solid #e7edf4;
	padding: 13px 16px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.roundtable-docs-sample-table th {
	background: #f5f8fb;
	color: #5b6f86;
	font-size: 12px;
	font-weight: 900;
}

.roundtable-docs-sample-table tr:last-child td {
	border-bottom: 0;
}

.roundtable-docs-sample-table tr.is-selected td {
	background: #eaf3ff;
	color: #11253f;
	box-shadow: inset 4px 0 0 #1f66c2;
}

.roundtable-docs-sample-table .chip,
.roundtable-docs-sample-table .action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	min-width: 64px;
	padding: 8px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-table .chip.draft {
	background: #fff4db;
	color: #a56b00;
}

.roundtable-docs-sample-table .chip.sent {
	background: #e8f1ff;
	color: #1d5ca8;
}

.roundtable-docs-sample-table .chip.paid {
	background: #e8f8ef;
	color: #16744a;
}

.roundtable-docs-sample-table .chip.overdue {
	background: #fdecec;
	color: #b42f3c;
}

.roundtable-docs-sample-table .action {
	background: #1f66c2;
	color: #fff;
}

.roundtable-docs-sample-table .action.muted {
	background: #e8edf3;
	color: #4e6074;
}

.roundtable-docs-sample-table .action.send {
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-table .action.approve {
	background: #0f9f7a;
	color: #ffffff;
}

.roundtable-docs-sample-table .action.copy {
	background: #b65b9d;
	color: #ffffff;
}

.roundtable-docs-sample-table .action.danger {
	background: #d94b4b;
	color: #ffffff;
}

.roundtable-docs-sample-table .action.hidden {
	border: 1px dashed #c5d1de;
	background: #f3f6f9;
	color: #7a8b9e;
}

.roundtable-docs-sample-main-rowbutton .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-rowbutton .roundtable-docs-sample-head p {
	max-width: 600px;
}

.roundtable-docs-sample-rowbutton-table th,
.roundtable-docs-sample-rowbutton-table td {
	padding: 12px 12px;
}

.roundtable-docs-sample-rowbutton-table th:last-child,
.roundtable-docs-sample-rowbutton-table td:last-child {
	width: 260px;
}

.roundtable-docs-sample-row-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}

.roundtable-docs-sample-row-actions .action {
	min-width: 50px;
	padding: 8px 10px;
}

.roundtable-docs-sample-main-listtable {
	padding: 28px 34px;
}

.roundtable-docs-sample-main-count-summary {
	padding: 28px 34px;
}

.roundtable-docs-sample-main-listtable .roundtable-docs-sample-head,
.roundtable-docs-sample-main-count-summary .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-listtable .roundtable-docs-sample-head h1,
.roundtable-docs-sample-main-count-summary .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-listtable .roundtable-docs-sample-head p,
.roundtable-docs-sample-main-count-summary .roundtable-docs-sample-head p {
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-list-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.roundtable-docs-sample-list-footer + .roundtable-docs-sample-list-summary {
	margin-top: 14px;
}

.roundtable-docs-sample-list-summary div {
	display: grid;
	gap: 6px;
	border: 1px solid #d8e2ec;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 12px 14px;
}

.roundtable-docs-sample-list-summary span {
	color: #61748c;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-list-summary strong {
	color: #142033;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.15;
}

.roundtable-docs-sample-count-summary {
	margin-bottom: 16px;
}

.roundtable-docs-sample-count-summary div {
	position: relative;
	min-height: 96px;
	overflow: hidden;
}

.roundtable-docs-sample-count-summary div::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: #1f66c2;
}

.roundtable-docs-sample-count-summary div:nth-child(2)::before {
	background: #0f9f7a;
}

.roundtable-docs-sample-count-summary div.is-alert::before {
	background: #d48a1f;
}

.roundtable-docs-sample-count-summary div.is-complete::before {
	background: #b65b9d;
}

.roundtable-docs-sample-count-summary strong {
	font-size: 22px;
	letter-spacing: 0;
}

.roundtable-docs-sample-count-summary em {
	display: block;
	min-height: 16px;
	color: #73869b;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-count-summary em i {
	display: block;
	height: 8px;
	border-radius: 999px;
	background: linear-gradient(90deg, #1f66c2, #0f9f7a);
}

.roundtable-docs-sample-count-table th,
.roundtable-docs-sample-count-table td {
	padding: 12px 12px;
}

.roundtable-docs-sample-main-duplicate {
	padding: 26px 32px;
}

.roundtable-docs-sample-main-duplicate .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-duplicate .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-duplicate .roundtable-docs-sample-head p {
	max-width: 650px;
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-duplicate-summary {
	display: grid;
	grid-template-columns: 1.25fr 1fr 1fr;
	gap: 10px;
	margin-bottom: 14px;
}

.roundtable-docs-sample-duplicate-summary div {
	display: grid;
	gap: 5px;
	border: 1px solid #d8e2ec;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 12px 14px;
}

.roundtable-docs-sample-duplicate-summary div.strong {
	border-color: #b9d2f0;
	background: #edf6ff;
}

.roundtable-docs-sample-duplicate-summary span {
	color: #61748c;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-duplicate-summary strong {
	color: #142033;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.1;
}

.roundtable-docs-sample-duplicate-summary em {
	color: #73869b;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-duplicate-table th,
.roundtable-docs-sample-duplicate-table td {
	padding: 10px 11px;
}

.roundtable-docs-sample-duplicate-table td strong,
.roundtable-docs-sample-duplicate-table td small {
	display: block;
	line-height: 1.25;
}

.roundtable-docs-sample-duplicate-table td small {
	margin-top: 3px;
	color: #7c8da0;
	font-size: 11px;
	font-weight: 800;
}

.duplicate-group,
.candidate-score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.duplicate-group {
	min-width: 42px;
	background: #1f66c2;
	color: #ffffff;
	padding: 8px 10px;
}

.duplicate-group.muted {
	background: #e8edf3;
	color: #4e6074;
}

.duplicate-group.checked {
	background: #e8f8ef;
	color: #16744a;
}

.candidate-score {
	background: #eef4fb;
	color: #4e6074;
	padding: 8px 12px;
}

.candidate-score.high {
	background: #fff4db;
	color: #a56b00;
}

.candidate-score.checked {
	background: #e8f8ef;
	color: #16744a;
}

.roundtable-docs-sample-duplicate-note {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 13px;
	border: 1px solid #cfe0f2;
	border-radius: 10px;
	background: #f6fbff;
	padding: 12px 14px;
}

.roundtable-docs-sample-duplicate-note strong {
	color: #142033;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.25;
	white-space: nowrap;
}

.roundtable-docs-sample-duplicate-note span {
	color: #53687f;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.45;
}

.roundtable-docs-sample-duplicate-note button {
	margin-left: auto;
	border: 1px solid #cbd8e6;
	border-radius: 8px;
	background: #ffffff;
	color: #40556c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 10px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-list-table th,
.roundtable-docs-sample-list-table td {
	padding: 12px 13px;
}

.roundtable-docs-sample-list-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 14px;
	border: 1px solid #d8e2ec;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 12px 14px;
}

.roundtable-docs-sample-list-footer span {
	color: #5f7187;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
}

.roundtable-docs-sample-list-footer div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.roundtable-docs-sample-list-footer button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border: 1px solid #cbd9e7;
	border-radius: 8px;
	background: #ffffff;
	color: #31445a;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	padding: 0 13px;
	white-space: nowrap;
}

.roundtable-docs-sample-list-footer button.primary {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-main-inline .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-inline-table th,
.roundtable-docs-sample-inline-table td {
	padding: 10px 10px;
}

.roundtable-docs-sample-inline-table th:nth-child(6),
.roundtable-docs-sample-inline-table td:nth-child(6) {
	width: 220px;
}

.roundtable-docs-sample-inline-table tr.is-editing td {
	background: #edf6ff;
	box-shadow: inset 4px 0 0 #1f66c2;
}

.roundtable-docs-sample-table .inline-control {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	border: 1px solid #cbd9e7;
	border-radius: 8px;
	background: #ffffff;
	color: #25384d;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
	padding: 8px 10px;
	white-space: nowrap;
}

.roundtable-docs-sample-table .inline-control.select {
	justify-content: space-between;
	min-width: 86px;
	padding-right: 8px;
}

.roundtable-docs-sample-table .inline-control.select::after {
	content: "▼";
	margin-left: 10px;
	color: #71859b;
	font-size: 9px;
	line-height: 1;
}

.roundtable-docs-sample-table .inline-control.memo {
	width: 100%;
	min-width: 188px;
	justify-content: flex-start;
	color: #34485f;
	white-space: normal;
}

.roundtable-docs-sample-table .inline-control.memo.muted {
	color: #6d8096;
}

.roundtable-docs-sample-table .inline-control.todo {
	background: #fff4db;
	color: #a56b00;
}

.roundtable-docs-sample-table .inline-control.doing {
	background: #e8f1ff;
	color: #1d5ca8;
}

.roundtable-docs-sample-table .inline-control.hold {
	background: #f2eafd;
	color: #7540a8;
}

.roundtable-docs-sample-table .inline-control.done {
	background: #e8f8ef;
	color: #16744a;
}

.roundtable-docs-sample-table .save-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #eef3f8;
	color: #5b6f86;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	min-width: 64px;
	padding: 8px 10px;
	white-space: nowrap;
}

.roundtable-docs-sample-main-conditional {
	padding: 26px 32px;
}

.roundtable-docs-sample-main-conditional .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-conditional .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-conditional .roundtable-docs-sample-head p {
	max-width: 650px;
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-conditional-summary div {
	position: relative;
	overflow: hidden;
}

.roundtable-docs-sample-conditional-summary div::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: #1f66c2;
}

.roundtable-docs-sample-conditional-summary div:nth-child(2)::before {
	background: #0f9f7a;
}

.roundtable-docs-sample-conditional-summary div:nth-child(4)::before {
	background: #b65b9d;
}

.roundtable-docs-sample-conditional-summary div.is-alert::before {
	background: #d48a1f;
}

.roundtable-docs-sample-conditional-table th,
.roundtable-docs-sample-conditional-table td {
	padding: 10px 10px;
}

.roundtable-docs-sample-conditional-table td strong,
.roundtable-docs-sample-conditional-table td small {
	display: block;
	line-height: 1.25;
}

.roundtable-docs-sample-conditional-table td small {
	margin-top: 3px;
	color: #7c8da0;
	font-size: 11px;
	font-weight: 800;
}

.roundtable-docs-sample-conditional-table tr.is-warning td {
	background: #fff8ed;
	box-shadow: inset 4px 0 0 #d48a1f;
}

.condition-ok,
.condition-danger,
.condition-rule {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.condition-ok {
	background: #e8f8ef;
	color: #16744a;
	padding: 8px 11px;
}

.condition-danger {
	background: #fdecec;
	color: #b42f3c;
	padding: 8px 11px;
}

.condition-rule {
	background: #e8f1ff;
	color: #1d5ca8;
	padding: 8px 12px;
}

.condition-rule.approve {
	background: #e8f8ef;
	color: #16744a;
}

.condition-rule.locked {
	background: #eef3f8;
	color: #5b6f86;
}

.condition-rule.view {
	background: #f2eafd;
	color: #7540a8;
}

.roundtable-docs-sample-conditional-rules {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.roundtable-docs-sample-conditional-rules div {
	display: grid;
	gap: 6px;
	border: 1px solid #d8e2ec;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 12px 13px;
}

.roundtable-docs-sample-conditional-rules strong {
	color: #142033;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-conditional-rules span {
	color: #5f7187;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.45;
}

.roundtable-docs-sample-main-create-form {
	padding: 24px 32px;
}

.roundtable-docs-sample-main-create-form .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-create-form .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-create-form .roundtable-docs-sample-head p {
	max-width: 650px;
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-create-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 210px;
	gap: 16px;
}

.roundtable-docs-sample-create-panel,
.roundtable-docs-sample-create-guide {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 42px rgba(20, 38, 60, 0.08);
	overflow: hidden;
}

.roundtable-docs-sample-create-section {
	border-bottom: 1px solid #e2ebf4;
}

.roundtable-docs-sample-create-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #f7fbff;
	padding: 12px 18px;
}

.roundtable-docs-sample-create-section-head strong {
	color: #142033;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-create-section-head span {
	color: #65788f;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.roundtable-docs-sample-create-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	padding: 12px 16px 14px;
}

.roundtable-docs-sample-create-grid.compact {
	padding-top: 12px;
}

.roundtable-docs-sample-create-grid label {
	display: grid;
	gap: 7px;
	border: 1px solid #d9e3ee;
	border-left: 4px solid #1f66c2;
	border-radius: 10px;
	background: #ffffff;
	padding: 10px 11px;
}

.roundtable-docs-sample-create-grid label:nth-child(2),
.roundtable-docs-sample-create-grid.compact label:nth-child(2) {
	border-left-color: #0f9f7a;
}

.roundtable-docs-sample-create-grid label:nth-child(3),
.roundtable-docs-sample-create-grid.compact label:nth-child(3) {
	border-left-color: #b65b9d;
}

.roundtable-docs-sample-create-grid label:nth-child(4),
.roundtable-docs-sample-create-grid.compact label:nth-child(4) {
	border-left-color: #d48a1f;
}

.roundtable-docs-sample-create-grid span,
.roundtable-docs-sample-create-memo span {
	color: #65788f;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-create-grid span b {
	display: inline-flex;
	margin-left: 5px;
	border-radius: 999px;
	background: #fdecec;
	color: #b42f3c;
	font-size: 9px;
	line-height: 1;
	padding: 4px 6px;
}

.roundtable-docs-sample-create-grid strong,
.roundtable-docs-sample-create-memo strong {
	color: #142033;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-create-grid em.chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #fff4db;
	color: #a56b00;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
}

.roundtable-docs-sample-create-memo {
	display: grid;
	gap: 7px;
	margin: 12px 16px;
	border: 1px solid #d9e7f5;
	border-radius: 10px;
	background: #f4f9ff;
	padding: 11px 13px;
}

.roundtable-docs-sample-create-actions {
	justify-content: flex-end;
	border-top: 1px solid #e2ebf4;
	padding: 12px 16px 13px;
}

.roundtable-docs-sample-create-guide {
	display: grid;
	align-content: start;
	gap: 0;
	background: #f8fbfe;
	box-shadow: none;
}

.roundtable-docs-sample-create-guide div {
	display: grid;
	gap: 7px;
	border-bottom: 1px solid #e2ebf4;
	padding: 16px 16px;
}

.roundtable-docs-sample-create-guide div:last-child {
	border-bottom: 0;
}

.roundtable-docs-sample-create-guide strong {
	color: #143a63;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-create-guide span {
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-main-paging {
	padding: 32px 36px;
}

.roundtable-docs-sample-main-paging .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 16px;
}

.roundtable-docs-sample-main-paging .roundtable-docs-sample-head h1 {
	font-size: 31px;
}

.roundtable-docs-sample-main-paging .roundtable-docs-sample-head p {
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-paging-table th,
.roundtable-docs-sample-paging-table td {
	padding: 13px 15px;
}

.roundtable-docs-sample-paging-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 18px;
	border: 1px solid #d8e2ec;
	border-radius: 12px;
	background: #f8fbfe;
	padding: 14px 16px;
}

.roundtable-docs-sample-paging-footer span {
	color: #52657b;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-paging-footer nav {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.roundtable-docs-sample-paging-footer button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 38px;
	border: 1px solid #cbd9e7;
	border-radius: 8px;
	background: #ffffff;
	color: #40556c;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	padding: 0 12px;
}

.roundtable-docs-sample-paging-footer button.current {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-main-freeword {
	padding: 30px 34px;
}

.roundtable-docs-sample-main-freeword .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 15px;
}

.roundtable-docs-sample-main-freeword .roundtable-docs-sample-head h1 {
	font-size: 31px;
}

.roundtable-docs-sample-main-freeword .roundtable-docs-sample-head p {
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-searchbox {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 158px 132px 96px;
	gap: 10px;
	margin-bottom: 12px;
}

.roundtable-docs-sample-searchbox > div {
	display: grid;
	gap: 6px;
	border: 1px solid #d5e0eb;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 10px 13px;
}

.roundtable-docs-sample-searchbox span {
	color: #6d8096;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-searchbox strong {
	color: #142033;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
	white-space: nowrap;
}

.roundtable-docs-sample-searchbox button {
	align-self: stretch;
	border: none;
	border-radius: 10px;
	background: #1f66c2;
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-search-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
	border: 1px solid #bfd5ef;
	border-radius: 10px;
	background: #edf6ff;
	padding: 11px 14px;
}

.roundtable-docs-sample-search-summary strong {
	color: #174b85;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-search-summary span {
	color: #52657b;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.roundtable-docs-sample-freeword-table th,
.roundtable-docs-sample-freeword-table td {
	padding: 12px 13px;
}

.roundtable-docs-sample-freeword-table th:nth-child(4),
.roundtable-docs-sample-freeword-table td:nth-child(4) {
	width: 330px;
	white-space: normal;
}

.roundtable-docs-sample-freeword-table mark {
	border-radius: 5px;
	background: #fff0b8;
	color: #7c5200;
	font-weight: 900;
	padding: 0 3px;
}

.roundtable-docs-sample-main-status {
	padding: 28px 34px;
}

.roundtable-docs-sample-main-status .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-status .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-status .roundtable-docs-sample-head p {
	margin-top: 6px;
	font-size: 14px;
}

.roundtable-docs-sample-status-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.roundtable-docs-sample-status-summary section {
	display: grid;
	gap: 8px;
	border: 1px solid #d8e2ec;
	border-radius: 12px;
	background: #f8fbfe;
	padding: 13px 14px;
}

.roundtable-docs-sample-status-summary strong {
	color: #142033;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.15;
}

.roundtable-docs-sample-status-summary small {
	color: #61748c;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.roundtable-docs-sample-status-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 270px;
	gap: 14px;
	align-items: start;
}

.roundtable-docs-sample-status-table td strong,
.roundtable-docs-sample-status-table td small {
	display: block;
	line-height: 1.35;
}

.roundtable-docs-sample-status-table td strong {
	color: #142033;
	font-size: 14px;
	font-weight: 900;
}

.roundtable-docs-sample-status-table td small {
	margin-top: 4px;
	color: #74879d;
	font-size: 12px;
	font-weight: 800;
}

.roundtable-docs-sample-status-table th,
.roundtable-docs-sample-status-table td {
	padding: 12px 14px;
}

.roundtable-docs-sample-status-detail {
	display: grid;
	gap: 16px;
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
	padding: 20px;
}

.roundtable-docs-sample-status-detail-head {
	display: grid;
	gap: 8px;
	border-bottom: 1px solid #e3ebf3;
	padding-bottom: 16px;
}

.roundtable-docs-sample-status-detail-head span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-status-detail-head strong {
	color: #142033;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-status-detail-head .status-chip {
	justify-self: start;
}

.roundtable-docs-sample-status-detail dl {
	display: grid;
	gap: 0;
	margin: 0;
}

.roundtable-docs-sample-status-detail dl div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid #e8eef5;
	padding: 11px 0;
}

.roundtable-docs-sample-status-detail dt,
.roundtable-docs-sample-status-detail dd {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

.roundtable-docs-sample-status-detail dt {
	color: #6a7d92;
}

.roundtable-docs-sample-status-detail dd {
	color: #142033;
	text-align: right;
}

.roundtable-docs-sample-status-rule {
	display: grid;
	gap: 8px;
	border-radius: 12px;
	background: #edf6ff;
	padding: 14px;
}

.roundtable-docs-sample-status-rule strong {
	color: #174e8d;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-status-rule span {
	color: #456176;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.65;
}

.status-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 11px;
	white-space: nowrap;
}

.status-chip.todo {
	background: #ffe9e9;
	border-color: #ffc4c4;
	color: #b51f25;
}

.status-chip.doing {
	background: #e8f1ff;
	border-color: #c9dcf6;
	color: #1d5ca8;
}

.status-chip.done {
	background: #e8f8ef;
	border-color: #c7ead8;
	color: #16744a;
}

.status-chip.hold {
	background: #fff4db;
	border-color: #f3d69b;
	color: #a56b00;
}

.status-chip.public {
	background: #f2eafd;
	border-color: #dccaf7;
	color: #7540a8;
}

.roundtable-docs-sample-scrim {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(23, 33, 47, 0.48);
	padding: 30px;
}

.roundtable-docs-sample-origin-marker {
	position: absolute;
	top: 348px;
	left: 26px;
	border: 1px solid #8bb9ec;
	border-radius: 999px;
	background: #ffffff;
	color: #1d5ca8;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	padding: 10px 14px;
	box-shadow: 0 12px 30px rgba(14, 45, 83, 0.2);
}

.roundtable-docs-sample-modal {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 18px;
	width: 560px;
	border: 1px solid #d7e1ec;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(14, 24, 37, 0.34);
	padding: 26px 28px;
}

.roundtable-docs-sample-alert {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff0be;
	color: #bd7200;
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-alert.info {
	background: #dbeafe;
	color: #1f66c2;
	font-size: 26px;
}

.roundtable-docs-sample-modal h2 {
	margin: 0;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.28;
	letter-spacing: 0;
}

.roundtable-docs-sample-modal p {
	margin: 8px 0 16px;
	color: #61748c;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-modal dl {
	display: grid;
	gap: 8px;
	margin: 0;
	border: 1px solid #d9e2ec;
	border-radius: 12px;
	background: #f8fbfe;
	padding: 14px 16px;
}

.roundtable-docs-sample-modal dl div {
	display: grid;
	grid-template-columns: 92px 1fr;
	gap: 14px;
	align-items: baseline;
}

.roundtable-docs-sample-modal dt,
.roundtable-docs-sample-modal dd {
	margin: 0;
	font-size: 16px;
	line-height: 1.35;
	white-space: nowrap;
}

.roundtable-docs-sample-modal dt {
	color: #5b6f86;
	font-weight: 900;
}

.roundtable-docs-sample-modal dd {
	color: #162033;
	font-weight: 800;
}

.roundtable-docs-sample-warning {
	margin-top: 14px;
	border-radius: 10px;
	background: #fff3eb;
	color: #a6420b;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.45;
	padding: 11px 14px;
}

.roundtable-docs-sample-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 18px;
}

.roundtable-docs-sample-actions button {
	min-width: 112px;
	border: 1px solid #c7d6e8;
	border-radius: 8px;
	background: #fff;
	color: #233449;
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	padding: 13px 18px;
	white-space: nowrap;
}

.roundtable-docs-sample-actions button.primary {
	border-color: #df2429;
	background: #df2429;
	color: #fff;
}

.roundtable-docs-sample-actions button.primary.blue {
	border-color: #1f66c2;
	background: #1f66c2;
}

.roundtable-docs-sample-main-with-panel {
	padding-right: 382px;
}

.roundtable-docs-sample-table-narrow {
	width: calc(100% - 16px);
}

.roundtable-docs-sample-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 360px;
	border-left: 1px solid #cdd8e5;
	background: #ffffff;
	box-shadow: -18px 0 42px rgba(20, 38, 60, 0.16);
	padding: 30px 26px;
	overflow: hidden;
}

.roundtable-docs-sample-panel-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: #1f66c2;
}

.roundtable-docs-sample-panel-head {
	display: grid;
	gap: 8px;
	margin-bottom: 20px;
}

.roundtable-docs-sample-panel-head span {
	color: #5b6f86;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-panel-head strong {
	color: #142033;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-panel-facts {
	display: grid;
	gap: 0;
	margin: 0 0 18px;
	border: 1px solid #d9e2ec;
	border-radius: 12px;
	background: #f8fbfe;
	overflow: hidden;
}

.roundtable-docs-sample-panel-facts div {
	display: grid;
	grid-template-columns: 82px 1fr;
	gap: 12px;
	align-items: center;
	border-bottom: 1px solid #e3ebf3;
	padding: 12px 14px;
}

.roundtable-docs-sample-panel-facts div:last-child {
	border-bottom: 0;
}

.roundtable-docs-sample-panel-facts dt,
.roundtable-docs-sample-panel-facts dd {
	margin: 0;
	font-size: 14px;
	line-height: 1.35;
	white-space: nowrap;
}

.roundtable-docs-sample-panel-facts dt {
	color: #5b6f86;
	font-weight: 900;
}

.roundtable-docs-sample-panel-facts dd {
	color: #142033;
	font-weight: 800;
}

.roundtable-docs-sample-panel-facts .chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #fff4db;
	color: #a56b00;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	min-width: 64px;
	padding: 8px 12px;
}

.roundtable-docs-sample-panel-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	margin-bottom: 16px;
}

.roundtable-docs-sample-panel-tabs span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d7e2ee;
	border-radius: 999px;
	color: #53687f;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	padding: 9px 0;
}

.roundtable-docs-sample-panel-tabs span.is-current {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-panel-note {
	border-radius: 12px;
	background: #edf6ff;
	padding: 15px 16px;
}

.roundtable-docs-sample-panel-note strong {
	color: #1d5ca8;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-sample-panel-note p {
	margin: 8px 0 0;
	color: #344b63;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-panel-history {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.roundtable-docs-sample-panel-history div {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 10px;
	align-items: baseline;
}

.roundtable-docs-sample-panel-history span {
	color: #7d8fa4;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.4;
}

.roundtable-docs-sample-panel-history p {
	margin: 0;
	color: #253950;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
}

.roundtable-docs-sample-panel-actions {
	position: static;
	margin-top: 20px;
}

.roundtable-docs-sample-main-tabs {
	padding-bottom: 30px;
}

.roundtable-docs-sample-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 18px;
}

.roundtable-docs-sample-tabs span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d7e2ee;
	border-radius: 999px;
	color: #53687f;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	padding: 12px 0;
	white-space: nowrap;
}

.roundtable-docs-sample-tabs span.is-current {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-tab-panel {
	border: 1px solid #d8e1ea;
	border-radius: 14px;
	background: #ffffff;
	padding: 22px;
	box-shadow: 0 16px 38px rgba(20, 38, 60, 0.08);
}

.roundtable-docs-sample-tab-summary {
	border-radius: 12px;
	background: #edf6ff;
	padding: 18px 20px;
}

.roundtable-docs-sample-tab-summary strong {
	color: #1d5ca8;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-tab-summary p {
	margin: 8px 0 0;
	color: #344b63;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
}

.roundtable-docs-sample-tab-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 16px 0 0;
	border: 1px solid #d9e2ec;
	border-radius: 12px;
	background: #f8fbfe;
	overflow: hidden;
}

.roundtable-docs-sample-tab-facts div {
	display: grid;
	grid-template-columns: 92px 1fr;
	gap: 12px;
	align-items: center;
	border-right: 1px solid #e3ebf3;
	border-bottom: 1px solid #e3ebf3;
	padding: 13px 15px;
}

.roundtable-docs-sample-tab-facts div:nth-child(2n) {
	border-right: 0;
}

.roundtable-docs-sample-tab-facts div:nth-last-child(-n+2) {
	border-bottom: 0;
}

.roundtable-docs-sample-tab-facts dt,
.roundtable-docs-sample-tab-facts dd {
	margin: 0;
	font-size: 14px;
	line-height: 1.35;
	white-space: nowrap;
}

.roundtable-docs-sample-tab-facts dt {
	color: #5b6f86;
	font-weight: 900;
}

.roundtable-docs-sample-tab-facts dd {
	color: #142033;
	font-weight: 800;
}

.roundtable-docs-sample-tab-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.roundtable-docs-sample-tab-grid div {
	border: 1px solid #dfe7f0;
	border-left: 4px solid #1f66c2;
	border-radius: 10px;
	background: #ffffff;
	padding: 14px 15px;
}

.roundtable-docs-sample-tab-grid div:nth-child(2) {
	border-left-color: #0f9f7a;
}

.roundtable-docs-sample-tab-grid div:nth-child(3) {
	border-left-color: #b65b9d;
}

.roundtable-docs-sample-tab-grid strong {
	display: block;
	color: #142033;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-tab-grid span {
	display: inline-flex;
	margin-top: 8px;
	border-radius: 999px;
	background: #eef4fb;
	color: #40556c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 10px;
}

.roundtable-docs-sample-tab-grid p {
	margin: 10px 0 0;
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-main-accordion {
	padding: 26px 40px 22px;
}

.roundtable-docs-sample-main-accordion .roundtable-docs-sample-head {
	margin-bottom: 12px;
}

.roundtable-docs-sample-main-accordion .roundtable-docs-sample-head h1 {
	font-size: 31px;
}

.roundtable-docs-sample-main-accordion .roundtable-docs-sample-head p {
	margin-top: 5px;
	font-size: 14px;
}

.roundtable-docs-sample-main-accordion .roundtable-docs-sample-filter {
	margin-bottom: 12px;
}

.roundtable-docs-sample-main-accordion .roundtable-docs-sample-filter span {
	padding: 10px 14px;
}

.roundtable-docs-sample-accordion {
	display: grid;
	gap: 10px;
}

.roundtable-docs-sample-accordion-item {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 10px 28px rgba(20, 38, 60, 0.06);
}

.roundtable-docs-sample-accordion-item.is-open {
	border-color: #b7d3f2;
	box-shadow: 0 16px 38px rgba(20, 38, 60, 0.1);
}

.roundtable-docs-sample-accordion-item.muted {
	background: #f8fbfe;
}

.roundtable-docs-sample-accordion-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 14px 22px;
}

.roundtable-docs-sample-accordion-head strong {
	display: block;
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-accordion-head span {
	display: block;
	margin-top: 5px;
	color: #61748c;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
}

.roundtable-docs-sample-accordion-head b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	border-radius: 999px;
	background: #eef4fb;
	color: #40556c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-accordion-item.is-open .roundtable-docs-sample-accordion-head b {
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-accordion-body {
	border-top: 1px solid #dce6f0;
	background: #f7fbff;
	padding: 14px 22px 18px;
}

.roundtable-docs-sample-accordion-body.compact {
	background: #ffffff;
}

.roundtable-docs-sample-accordion-body p {
	margin: 0;
	color: #344b63;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
}

.roundtable-docs-sample-accordion-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 12px;
}

.roundtable-docs-sample-accordion-grid label {
	display: grid;
	gap: 9px;
	border: 1px solid #d9e3ee;
	border-left: 4px solid #1f66c2;
	border-radius: 10px;
	background: #ffffff;
	padding: 12px 15px;
}

.roundtable-docs-sample-accordion-grid label:nth-child(2) {
	border-left-color: #0f9f7a;
}

.roundtable-docs-sample-accordion-grid label:nth-child(3) {
	border-left-color: #b65b9d;
}

.roundtable-docs-sample-accordion-grid span {
	color: #142033;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-accordion-grid em {
	justify-self: start;
	border-radius: 999px;
	background: #edf6ff;
	color: #1d5ca8;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	padding: 7px 10px;
}

.roundtable-docs-sample-main-wizard {
	padding: 24px 42px 18px;
}

.roundtable-docs-sample-main-wizard .roundtable-docs-sample-head {
	margin-bottom: 10px;
}

.roundtable-docs-sample-main-wizard .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-wizard .roundtable-docs-sample-head p {
	margin-top: 5px;
	font-size: 14px;
}

.roundtable-docs-sample-wizard-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.roundtable-docs-sample-wizard-steps div {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 62px;
	border: 1px solid #d8e2ec;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 12px 16px;
}

.roundtable-docs-sample-wizard-steps div.is-done {
	border-color: #bfe3d8;
	background: #f0fbf7;
}

.roundtable-docs-sample-wizard-steps div.is-current {
	border-color: #a9cef6;
	background: #eaf4ff;
	box-shadow: inset 0 -4px 0 #1f66c2;
}

.roundtable-docs-sample-wizard-steps b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: #dbe6f2;
	color: #40556c;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-wizard-steps .is-done b {
	background: #0f9f7a;
	color: #ffffff;
}

.roundtable-docs-sample-wizard-steps .is-current b {
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-wizard-steps span {
	color: #24384d;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-wizard-panel {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 42px rgba(20, 38, 60, 0.08);
	overflow: hidden;
}

.roundtable-docs-sample-wizard-panel-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	border-bottom: 1px solid #dce6f0;
	background: #f7fbff;
	padding: 14px 22px;
}

.roundtable-docs-sample-wizard-panel-head strong {
	display: block;
	color: #142033;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-wizard-panel-head span {
	display: block;
	margin-top: 5px;
	color: #61748c;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
}

.roundtable-docs-sample-wizard-panel-head em {
	border-radius: 999px;
	background: #eaf4ff;
	color: #1d5ca8;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-wizard-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 16px 22px 12px;
}

.roundtable-docs-sample-wizard-form label {
	display: grid;
	gap: 9px;
	border: 1px solid #d9e3ee;
	border-radius: 10px;
	background: #ffffff;
	padding: 12px 15px;
}

.roundtable-docs-sample-wizard-form label:nth-child(2) {
	border-left: 4px solid #0f9f7a;
}

.roundtable-docs-sample-wizard-form label:nth-child(3) {
	border-left: 4px solid #b65b9d;
}

.roundtable-docs-sample-wizard-form label:nth-child(4) {
	border-left: 4px solid #d48a1f;
}

.roundtable-docs-sample-wizard-form span {
	color: #65788f;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-wizard-form strong {
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-wizard-note {
	display: grid;
	gap: 6px;
	margin: 0 22px 12px;
	border: 1px solid #d9e7f5;
	border-radius: 10px;
	background: #f4f9ff;
	padding: 12px 15px;
}

.roundtable-docs-sample-wizard-note strong {
	color: #143a63;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
}

.roundtable-docs-sample-wizard-note span {
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-wizard-actions {
	justify-content: space-between;
	border-top: 1px solid #e2ebf4;
	padding: 12px 22px 14px;
}

.roundtable-docs-sample-main-cardlist {
	padding: 28px 36px 24px;
}

.roundtable-docs-sample-main-cardlist .roundtable-docs-sample-head {
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-cardlist .roundtable-docs-sample-head h1 {
	font-size: 31px;
}

.roundtable-docs-sample-card-filter {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}

.roundtable-docs-sample-card-filter span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	border: 1px solid #d9e3ee;
	border-radius: 999px;
	background: #ffffff;
	color: #5c6f85;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	padding: 0 14px;
	white-space: nowrap;
}

.roundtable-docs-sample-card-filter span.is-current {
	border-color: #1f66c2;
	background: #eaf4ff;
	color: #1d5ca8;
}

.roundtable-docs-sample-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.roundtable-docs-sample-card {
	display: grid;
	grid-template-rows: 128px 1fr;
	min-height: 350px;
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
	overflow: hidden;
}

.roundtable-docs-sample-card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eaf4ff;
	color: #1d5ca8;
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-card.accent-green .roundtable-docs-sample-card-image {
	background: #eefaf6;
	color: #0f8066;
}

.roundtable-docs-sample-card.accent-pink .roundtable-docs-sample-card-image {
	background: #fff1f8;
	color: #a63e83;
}

.roundtable-docs-sample-card-body {
	display: grid;
	grid-template-rows: auto auto auto 1fr;
	gap: 12px;
	padding: 18px 18px 16px;
}

.roundtable-docs-sample-card-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.roundtable-docs-sample-card-top strong {
	color: #142033;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-card-top .chip {
	flex: 0 0 auto;
	border-radius: 999px;
	background: #eaf4ff;
	color: #1d5ca8;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 9px;
	white-space: nowrap;
}

.roundtable-docs-sample-card-top .chip.proposal {
	background: #eefaf6;
	color: #0f8066;
}

.roundtable-docs-sample-card-top .chip.wait {
	background: #fff4df;
	color: #a85f0a;
}

.roundtable-docs-sample-card-body p {
	margin: 0;
	color: #61748c;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
}

.roundtable-docs-sample-card-body dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
}

.roundtable-docs-sample-card-body dl div {
	border: 1px solid #e1e9f2;
	border-radius: 9px;
	background: #f8fbfe;
	padding: 10px 11px;
}

.roundtable-docs-sample-card-body dt,
.roundtable-docs-sample-card-body dd {
	margin: 0;
}

.roundtable-docs-sample-card-body dt {
	color: #72849a;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-sample-card-body dd {
	margin-top: 4px;
	color: #1c2d42;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-sample-card-body button {
	align-self: end;
	border: none;
	border-radius: 8px;
	background: #1f66c2;
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	min-height: 38px;
	padding: 0 16px;
}

.roundtable-docs-sample-card-summary {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	border: 1px solid #d9e7f5;
	border-radius: 10px;
	background: #f4f9ff;
	padding: 13px 16px;
}

.roundtable-docs-sample-card-summary strong {
	color: #143a63;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
	white-space: nowrap;
}

.roundtable-docs-sample-card-summary span {
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-main-calendar {
	padding: 24px 32px 24px;
}

.roundtable-docs-sample-main-calendar .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 12px;
}

.roundtable-docs-sample-main-calendar .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-calendar .roundtable-docs-sample-head p {
	margin-top: 5px;
	font-size: 14px;
}

.roundtable-docs-sample-calendar-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.roundtable-docs-sample-calendar-month,
.roundtable-docs-sample-calendar-tabs {
	display: flex;
	align-items: center;
	gap: 8px;
}

.roundtable-docs-sample-calendar-month button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid #d6e1ec;
	border-radius: 8px;
	background: #ffffff;
	color: #40556c;
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-calendar-month strong {
	color: #142033;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-calendar-tabs span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 34px;
	border: 1px solid #d8e2ec;
	border-radius: 999px;
	background: #ffffff;
	color: #53687f;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-calendar-tabs span.is-current {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-calendar-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 258px;
	gap: 14px;
}

.roundtable-docs-sample-calendar-board,
.roundtable-docs-sample-calendar-detail {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
	overflow: hidden;
}

.roundtable-docs-sample-calendar-week,
.roundtable-docs-sample-calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.roundtable-docs-sample-calendar-week {
	border-bottom: 1px solid #dce6f0;
	background: #f4f8fc;
}

.roundtable-docs-sample-calendar-week span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-calendar-grid div {
	display: grid;
	align-content: start;
	gap: 4px;
	min-height: 71px;
	border-right: 1px solid #e3ebf3;
	border-bottom: 1px solid #e3ebf3;
	background: #ffffff;
	padding: 8px;
}

.roundtable-docs-sample-calendar-grid div:nth-child(7n) {
	border-right: 0;
}

.roundtable-docs-sample-calendar-grid div:nth-last-child(-n+7) {
	border-bottom: 0;
}

.roundtable-docs-sample-calendar-grid div.muted {
	background: #f8fbfe;
	color: #a5b2c0;
}

.roundtable-docs-sample-calendar-grid div.is-selected {
	background: #eaf4ff;
	box-shadow: inset 0 0 0 2px #1f66c2;
}

.roundtable-docs-sample-calendar-grid b {
	color: #1c2d42;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-calendar-grid .muted b {
	color: #9aaabb;
}

.roundtable-docs-sample-calendar-grid em,
.roundtable-docs-sample-calendar-legend span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	max-width: 100%;
	border-radius: 999px;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	padding: 5px 7px;
	white-space: nowrap;
}

.roundtable-docs-sample-calendar-grid em.booking,
.roundtable-docs-sample-calendar-legend span.booking {
	background: #eaf4ff;
	color: #1d5ca8;
}

.roundtable-docs-sample-calendar-grid em.work,
.roundtable-docs-sample-calendar-legend span.work {
	background: #eefaf6;
	color: #0f8066;
}

.roundtable-docs-sample-calendar-grid em.deadline,
.roundtable-docs-sample-calendar-legend span.deadline {
	background: #fff4df;
	color: #a85f0a;
}

.roundtable-docs-sample-calendar-grid em.off,
.roundtable-docs-sample-calendar-legend span.off {
	background: #f1eef8;
	color: #684aa8;
}

.roundtable-docs-sample-calendar-detail {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 390px;
}

.roundtable-docs-sample-calendar-detail-head {
	display: grid;
	gap: 5px;
	border-bottom: 1px solid #dce6f0;
	background: #f7fbff;
	padding: 16px 18px;
}

.roundtable-docs-sample-calendar-detail-head span {
	color: #61748c;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-calendar-detail-head strong {
	color: #142033;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-sample-calendar-events {
	display: grid;
	align-content: start;
	gap: 10px;
	padding: 16px;
}

.roundtable-docs-sample-calendar-events div {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 10px;
	align-items: center;
	border: 1px solid #dfe8f1;
	border-left: 4px solid #1f66c2;
	border-radius: 10px;
	background: #ffffff;
	padding: 11px 12px;
}

.roundtable-docs-sample-calendar-events div.work {
	border-left-color: #0f9f7a;
}

.roundtable-docs-sample-calendar-events div.deadline {
	border-left-color: #d48a1f;
}

.roundtable-docs-sample-calendar-events b {
	color: #142033;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-calendar-events span {
	color: #40556c;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.45;
}

.roundtable-docs-sample-calendar-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	border-top: 1px solid #dce6f0;
	background: #f8fbfe;
	padding: 13px 16px;
}

.roundtable-docs-sample-main-timeline {
	padding: 26px 34px;
}

.roundtable-docs-sample-main-timeline .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-timeline .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-timeline .roundtable-docs-sample-head p {
	margin-top: 6px;
	font-size: 14px;
}

.roundtable-docs-sample-timeline-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.roundtable-docs-sample-timeline-summary div {
	display: grid;
	gap: 6px;
	border: 1px solid #d8e2ec;
	border-radius: 12px;
	background: #f8fbfe;
	padding: 12px 14px;
}

.roundtable-docs-sample-timeline-summary span {
	color: #61748c;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-timeline-summary strong {
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-timeline-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 14px;
}

.roundtable-docs-sample-timeline-panel,
.roundtable-docs-sample-timeline-detail {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
}

.roundtable-docs-sample-timeline-panel {
	position: relative;
	display: grid;
	gap: 10px;
	padding: 18px 18px 18px 34px;
	overflow: hidden;
}

.roundtable-docs-sample-timeline-panel::before {
	content: "";
	position: absolute;
	top: 58px;
	bottom: 24px;
	left: 45px;
	width: 3px;
	border-radius: 999px;
	background: #d7e4f0;
}

.roundtable-docs-sample-timeline-date {
	position: relative;
	z-index: 1;
	justify-self: start;
	border-radius: 999px;
	background: #1f66c2;
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
}

.roundtable-docs-sample-timeline-item {
	position: relative;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 12px;
}

.roundtable-docs-sample-timeline-marker {
	position: relative;
	z-index: 1;
	width: 15px;
	height: 15px;
	margin: 21px auto 0;
	border: 3px solid #ffffff;
	border-radius: 999px;
	background: #1f66c2;
	box-shadow: 0 0 0 2px #b9d5f3;
}

.roundtable-docs-sample-timeline-card {
	border: 1px solid #e0e8f1;
	border-radius: 12px;
	background: #ffffff;
	padding: 13px 15px;
}

.roundtable-docs-sample-timeline-card p {
	margin: 8px 0 0;
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-timeline-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.roundtable-docs-sample-timeline-meta strong {
	min-width: 0;
	color: #142033;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-sample-timeline-meta time {
	margin-left: auto;
	color: #7d8fa3;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.roundtable-docs-sample-timeline-meta .chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 66px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 10px;
	white-space: nowrap;
}

.roundtable-docs-sample-timeline-meta .chip.customer {
	background: #e8f1ff;
	color: #1d5ca8;
}

.roundtable-docs-sample-timeline-meta .chip.system {
	background: #eef2f6;
	color: #52657b;
}

.roundtable-docs-sample-timeline-meta .chip.memo {
	background: #fff4db;
	color: #a56b00;
}

.roundtable-docs-sample-timeline-meta .chip.approval {
	background: #e8f8ef;
	color: #16744a;
}

.roundtable-docs-sample-timeline-meta .chip.reply {
	background: #f5eafa;
	color: #8b3ea1;
}

.roundtable-docs-sample-timeline-item.customer .roundtable-docs-sample-timeline-marker {
	background: #1f66c2;
}

.roundtable-docs-sample-timeline-item.system .roundtable-docs-sample-timeline-marker {
	background: #7b8da1;
}

.roundtable-docs-sample-timeline-item.memo .roundtable-docs-sample-timeline-marker {
	background: #d48a1f;
}

.roundtable-docs-sample-timeline-item.approval .roundtable-docs-sample-timeline-marker {
	background: #0f9f7a;
}

.roundtable-docs-sample-timeline-item.reply .roundtable-docs-sample-timeline-marker {
	background: #b65b9d;
}

.roundtable-docs-sample-timeline-detail {
	display: grid;
	align-content: start;
	gap: 16px;
	padding: 20px;
}

.roundtable-docs-sample-timeline-detail-head {
	display: grid;
	gap: 7px;
	border-bottom: 1px solid #e3ebf3;
	padding-bottom: 15px;
}

.roundtable-docs-sample-timeline-detail-head span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-timeline-detail-head strong {
	color: #142033;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-timeline-detail dl {
	display: grid;
	gap: 0;
	margin: 0;
}

.roundtable-docs-sample-timeline-detail dl div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid #e8eef5;
	padding: 11px 0;
}

.roundtable-docs-sample-timeline-detail dt,
.roundtable-docs-sample-timeline-detail dd {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

.roundtable-docs-sample-timeline-detail dt {
	color: #6a7d92;
}

.roundtable-docs-sample-timeline-detail dd {
	color: #142033;
	text-align: right;
}

.roundtable-docs-sample-timeline-note {
	display: grid;
	gap: 8px;
	border-radius: 12px;
	background: #edf6ff;
	padding: 14px;
}

.roundtable-docs-sample-timeline-note strong {
	color: #174e8d;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-timeline-note span {
	color: #456176;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.65;
}

.roundtable-docs-sample-main-chat {
	padding: 26px 34px;
}

.roundtable-docs-sample-main-chat .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-chat .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-chat .roundtable-docs-sample-head p {
	margin-top: 6px;
	font-size: 14px;
}

.roundtable-docs-sample-chat-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 270px;
	gap: 14px;
	height: 486px;
	min-height: 0;
}

.roundtable-docs-sample-chat-room,
.roundtable-docs-sample-chat-detail {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
}

.roundtable-docs-sample-chat-room {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	min-height: 0;
	overflow: hidden;
}

.roundtable-docs-sample-chat-room-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #e2eaf3;
	background: #f8fbfe;
	padding: 18px 22px;
}

.roundtable-docs-sample-chat-room-head div {
	display: grid;
	gap: 6px;
}

.roundtable-docs-sample-chat-room-head span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-chat-room-head strong {
	color: #142033;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-chat-room-head b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #fff0d8;
	color: #a05b00;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-chat-stream {
	display: grid;
	align-content: start;
	gap: 12px;
	background: #f3f7fb;
	padding: 18px 22px;
	min-height: 0;
	overflow: hidden;
}

.roundtable-docs-sample-chat-message {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 10px;
	max-width: 86%;
}

.roundtable-docs-sample-chat-message.staff,
.roundtable-docs-sample-chat-message.support {
	grid-template-columns: minmax(0, 1fr) 42px;
	justify-self: end;
}

.roundtable-docs-sample-chat-message.staff .roundtable-docs-sample-chat-avatar,
.roundtable-docs-sample-chat-message.support .roundtable-docs-sample-chat-avatar {
	order: 2;
}

.roundtable-docs-sample-chat-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #1f66c2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-chat-message.ai .roundtable-docs-sample-chat-avatar {
	background: #7b4ba7;
}

.roundtable-docs-sample-chat-message.staff .roundtable-docs-sample-chat-avatar {
	background: #0f9f7a;
}

.roundtable-docs-sample-chat-message.support .roundtable-docs-sample-chat-avatar {
	background: #d48a1f;
}

.roundtable-docs-sample-chat-bubble {
	border: 1px solid #dce6f0;
	border-radius: 14px;
	background: #ffffff;
	padding: 13px 15px;
}

.roundtable-docs-sample-chat-message.staff .roundtable-docs-sample-chat-bubble,
.roundtable-docs-sample-chat-message.support .roundtable-docs-sample-chat-bubble {
	background: #eaf6f1;
	border-color: #cfe7dc;
}

.roundtable-docs-sample-chat-message.support .roundtable-docs-sample-chat-bubble {
	background: #fff6e7;
	border-color: #ead8b9;
}

.roundtable-docs-sample-chat-meta {
	display: flex;
	align-items: center;
	gap: 10px;
}

.roundtable-docs-sample-chat-meta strong {
	color: #142033;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-chat-meta time {
	color: #7d8fa3;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-chat-bubble p {
	margin: 8px 0 0;
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-chat-file {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	border-radius: 999px;
	background: #ffffff;
	color: #9b6500;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 10px;
}

.roundtable-docs-sample-chat-composer {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	border-top: 1px solid #e2eaf3;
	background: #ffffff;
	padding: 14px 16px;
}

.roundtable-docs-sample-chat-composer span,
.roundtable-docs-sample-chat-composer strong {
	border: 1px solid #d8e2ec;
	border-radius: 999px;
	background: #f8fbfe;
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 11px 13px;
}

.roundtable-docs-sample-chat-composer strong {
	color: #9aabbc;
	font-weight: 800;
}

.roundtable-docs-sample-chat-composer button {
	border: none;
	border-radius: 999px;
	background: #1f66c2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	padding: 12px 16px;
}

.roundtable-docs-sample-chat-detail {
	display: grid;
	align-content: start;
	gap: 16px;
	padding: 20px;
}

.roundtable-docs-sample-chat-detail-card {
	display: grid;
	gap: 8px;
	border-radius: 12px;
	background: #edf6ff;
	padding: 16px;
}

.roundtable-docs-sample-chat-detail-card span {
	color: #174e8d;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-chat-detail-card strong {
	color: #142033;
	font-size: 23px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-chat-detail-card p {
	margin: 0;
	color: #456176;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.65;
}

.roundtable-docs-sample-chat-detail dl {
	display: grid;
	gap: 0;
	margin: 0;
}

.roundtable-docs-sample-chat-detail dl div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid #e8eef5;
	padding: 11px 0;
}

.roundtable-docs-sample-chat-detail dt,
.roundtable-docs-sample-chat-detail dd {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.35;
}

.roundtable-docs-sample-chat-detail dt {
	color: #6a7d92;
}

.roundtable-docs-sample-chat-detail dd {
	color: #142033;
	text-align: right;
}

.roundtable-docs-sample-chat-filter {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.roundtable-docs-sample-chat-filter span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	border: 1px solid #d8e2ec;
	border-radius: 999px;
	background: #ffffff;
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-chat-filter span.is-current {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-main-artifact {
	padding: 26px 34px;
}

.roundtable-docs-sample-main-artifact .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-artifact .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-artifact .roundtable-docs-sample-head p {
	margin-top: 6px;
	font-size: 14px;
}

.roundtable-docs-sample-artifact-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.roundtable-docs-sample-artifact-summary div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border: 1px solid #d9e3ee;
	border-radius: 12px;
	background: #ffffff;
	padding: 13px 16px;
	box-shadow: 0 12px 30px rgba(20, 38, 60, 0.06);
}

.roundtable-docs-sample-artifact-summary span {
	color: #63768d;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-artifact-summary strong {
	color: #142033;
	font-size: 25px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-artifact-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 14px;
	height: 424px;
	min-height: 0;
}

.roundtable-docs-sample-artifact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	min-height: 0;
}

.roundtable-docs-sample-artifact-card,
.roundtable-docs-sample-artifact-detail {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
}

.roundtable-docs-sample-artifact-card {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: 17px;
}

.roundtable-docs-sample-artifact-card.is-current {
	border-color: #7eb5ef;
	background: #f6fbff;
}

.roundtable-docs-sample-artifact-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.roundtable-docs-sample-artifact-card-head strong {
	min-width: 0;
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-artifact-card-head .status,
.roundtable-docs-sample-artifact-detail-head b {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 10px;
	white-space: nowrap;
}

.roundtable-docs-sample-artifact-card-head .status.review,
.roundtable-docs-sample-artifact-detail-head b {
	background: #fff0d8;
	color: #9c6100;
}

.roundtable-docs-sample-artifact-card-head .status.draft {
	background: #e9f2ff;
	color: #1e5fa8;
}

.roundtable-docs-sample-artifact-card-head .status.done {
	background: #e8f6ef;
	color: #0f795f;
}

.roundtable-docs-sample-artifact-card p {
	margin: 0;
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-artifact-progress {
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: #edf2f7;
	overflow: hidden;
}

.roundtable-docs-sample-artifact-progress span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #1f66c2, #0f9f7a);
}

.roundtable-docs-sample-artifact-detail {
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr);
	min-height: 0;
	overflow: hidden;
}

.roundtable-docs-sample-artifact-detail-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid #e2eaf3;
	background: #f8fbfe;
	padding: 18px 20px;
}

.roundtable-docs-sample-artifact-detail-head div {
	display: grid;
	gap: 7px;
}

.roundtable-docs-sample-artifact-detail-head span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-artifact-detail-head strong {
	color: #142033;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-artifact-tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	border-bottom: 1px solid #e2eaf3;
	padding: 12px 14px;
}

.roundtable-docs-sample-artifact-tabs span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	border: 1px solid #d8e2ec;
	border-radius: 999px;
	background: #ffffff;
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-artifact-tabs span.is-current {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-artifact-document {
	display: grid;
	align-content: start;
	gap: 10px;
	background: #f3f7fb;
	padding: 14px;
	overflow: hidden;
}

.roundtable-docs-sample-artifact-document div {
	border: 1px solid #dbe5ef;
	border-radius: 12px;
	background: #ffffff;
	padding: 12px;
}

.roundtable-docs-sample-artifact-document strong {
	color: #142033;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-artifact-document p {
	margin: 8px 0 0;
	color: #53687f;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.45;
}

.roundtable-docs-sample-main-chart {
	padding: 22px 34px;
	background: #f6f9fc;
}

.roundtable-docs-sample-main-chart .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 12px;
}

.roundtable-docs-sample-main-chart .roundtable-docs-sample-head h1 {
	font-size: 28px;
}

.roundtable-docs-sample-main-chart .roundtable-docs-sample-head p {
	margin-top: 6px;
	font-size: 14px;
}

.roundtable-docs-sample-chart-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.roundtable-docs-sample-chart-kpis section {
	display: grid;
	gap: 7px;
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	padding: 12px 15px;
	box-shadow: 0 12px 30px rgba(20, 38, 60, 0.06);
}

.roundtable-docs-sample-chart-kpis span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-chart-kpis strong {
	color: #142033;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.15;
	white-space: nowrap;
}

.roundtable-docs-sample-chart-kpis small {
	color: #1f66c2;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-chart-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	grid-template-rows: 250px 144px;
	gap: 12px 14px;
}

.roundtable-docs-sample-chart-card {
	border: 1px solid #d8e2ec;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
	overflow: hidden;
}

.roundtable-docs-sample-chart-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid #e3ebf3;
	padding: 13px 18px 11px;
}

.roundtable-docs-sample-chart-card-head div {
	display: grid;
	gap: 5px;
}

.roundtable-docs-sample-chart-card-head span {
	color: #1f66c2;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.roundtable-docs-sample-chart-card-head strong {
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-chart-card-head b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #eef5ff;
	color: #1d5ca8;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 7px 10px;
	white-space: nowrap;
}

.roundtable-docs-sample-chart-sales {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
}

.roundtable-docs-sample-bar-chart {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	align-items: end;
	gap: 16px;
	height: 100%;
	padding: 22px 24px 36px;
	background: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);
}

.roundtable-docs-sample-bar-chart div {
	position: relative;
	border-radius: 10px 10px 4px 4px;
	background: linear-gradient(180deg, #2f80d0, #1f66c2);
	box-shadow: 0 10px 22px rgba(31, 102, 194, 0.18);
	min-height: 42px;
}

.roundtable-docs-sample-bar-chart div:nth-child(2n) {
	background: linear-gradient(180deg, #16a085, #0f8d73);
}

.roundtable-docs-sample-bar-chart div:nth-child(3n) {
	background: linear-gradient(180deg, #c071a8, #a7518f);
}

.roundtable-docs-sample-bar-chart div.is-current {
	background: linear-gradient(180deg, #f3a83a, #d48a1f);
}

.roundtable-docs-sample-bar-chart span {
	position: absolute;
	left: 50%;
	bottom: -25px;
	transform: translateX(-50%);
	color: #63768d;
	font-size: 12px;
	font-weight: 900;
	white-space: nowrap;
}

.roundtable-docs-sample-chart-meter {
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.roundtable-docs-sample-gauge {
	display: grid;
	place-items: center;
	padding: 12px 0 6px;
}

.roundtable-docs-sample-gauge-ring {
	display: grid;
	place-items: center;
	align-content: center;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	background:
		radial-gradient(circle at center, #ffffff 0 55%, transparent 56%),
		conic-gradient(#1f66c2 0 266deg, #dfe8f2 266deg 360deg);
}

.roundtable-docs-sample-gauge-ring strong {
	color: #142033;
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-gauge-ring span {
	margin-top: 5px;
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-meter-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	padding: 0 14px 12px;
}

.roundtable-docs-sample-meter-list div {
	display: grid;
	gap: 4px;
	border-radius: 10px;
	background: #f3f7fb;
	padding: 8px 9px;
}

.roundtable-docs-sample-meter-list span {
	color: #61748c;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.roundtable-docs-sample-meter-list b {
	color: #142033;
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.roundtable-docs-sample-chart-wide {
	grid-column: 1 / 3;
	display: grid;
	grid-template-rows: auto 1fr;
}

.roundtable-docs-sample-progress-rows {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: 13px 18px;
}

.roundtable-docs-sample-progress-rows div {
	display: grid;
	gap: 8px;
}

.roundtable-docs-sample-progress-rows span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-progress-rows strong {
	color: #142033;
	font-size: 19px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-progress-rows i {
	display: block;
	width: 100%;
	height: 10px;
	border-radius: 999px;
	background: #e4ebf3;
	overflow: hidden;
}

.roundtable-docs-sample-progress-rows em {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #1f66c2, #0f9f7a);
}

.roundtable-docs-sample-main-toast {
	position: relative;
	padding: 28px 36px 24px;
	background: #f6f9fc;
}

.roundtable-docs-sample-main-toast .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 16px;
	padding-right: 358px;
}

.roundtable-docs-sample-main-toast .roundtable-docs-sample-head h1 {
	font-size: 31px;
}

.roundtable-docs-sample-main-toast .roundtable-docs-sample-head p {
	margin-top: 6px;
	font-size: 14px;
}

.roundtable-docs-sample-toast-layout {
	display: block;
	padding-right: 358px;
}

.roundtable-docs-sample-toast-form,
.roundtable-docs-sample-toast-side {
	border: 1px solid #d8e2ec;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 16px 40px rgba(20, 38, 60, 0.08);
	overflow: hidden;
}

.roundtable-docs-sample-toast-form-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	border-bottom: 1px solid #e3ebf3;
	background: #f8fbfe;
	padding: 18px 22px;
}

.roundtable-docs-sample-toast-form-head div {
	display: grid;
	gap: 7px;
}

.roundtable-docs-sample-toast-form-head span {
	color: #61748c;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-toast-form-head strong {
	color: #142033;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-toast-form-head b {
	border-radius: 999px;
	background: #e8f1ff;
	color: #1d5ca8;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-toast-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 18px 22px 10px;
}

.roundtable-docs-sample-toast-fields label {
	display: grid;
	gap: 9px;
	border: 1px solid #dbe5ef;
	border-left: 4px solid #1f66c2;
	border-radius: 11px;
	background: #ffffff;
	padding: 13px 15px;
}

.roundtable-docs-sample-toast-fields label:nth-child(2) {
	border-left-color: #0f9f7a;
}

.roundtable-docs-sample-toast-fields label.wide {
	grid-column: 1 / 3;
}

.roundtable-docs-sample-toast-fields label.warning {
	border-color: #f0d39b;
	border-left-color: #d48a1f;
	background: #fffaf0;
}

.roundtable-docs-sample-toast-fields span {
	color: #64778d;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-toast-fields strong,
.roundtable-docs-sample-toast-fields p {
	margin: 0;
	color: #142033;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.55;
}

.roundtable-docs-sample-toast-fields p {
	font-weight: 700;
	color: #344b63;
}

.roundtable-docs-sample-toast-actions {
	border-top: 1px solid #e2ebf4;
	padding: 14px 22px 18px;
}

.roundtable-docs-sample-toast-side {
	display: none;
	gap: 0;
	align-content: start;
	padding: 18px;
}

.roundtable-docs-sample-toast-side > strong {
	margin-bottom: 10px;
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-toast-side div {
	display: grid;
	grid-template-columns: 13px 58px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	border-bottom: 1px solid #e6edf4;
	padding: 12px 0;
}

.roundtable-docs-sample-toast-side div:last-child {
	border-bottom: 0;
}

.roundtable-docs-sample-toast-side b {
	color: #1c2d42;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-toast-side small {
	color: #61748c;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;
}

.toast-dot {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #1f66c2;
}

.toast-dot.success {
	background: #0f9f7a;
}

.toast-dot.error {
	background: #d93642;
}

.toast-dot.warning {
	background: #d48a1f;
}

.toast-dot.info {
	background: #1f66c2;
}

.roundtable-docs-sample-toast-stack {
	position: absolute;
	top: 24px;
	right: 28px;
	display: grid;
	gap: 12px;
	width: 330px;
	z-index: 5;
}

.roundtable-docs-sample-toast {
	position: relative;
	display: grid;
	gap: 6px;
	border: 1px solid #d8e2ec;
	border-left: 5px solid #1f66c2;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(20, 38, 60, 0.2);
	padding: 15px 18px 15px 46px;
}

.roundtable-docs-sample-toast::before {
	position: absolute;
	top: 16px;
	left: 17px;
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	content: "i";
}

.roundtable-docs-sample-toast b {
	color: #142033;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-toast span {
	color: #53687f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-toast.success {
	border-left-color: #0f9f7a;
}

.roundtable-docs-sample-toast.success::before {
	background: #0f9f7a;
	content: "✓";
}

.roundtable-docs-sample-toast.error {
	border-left-color: #d93642;
}

.roundtable-docs-sample-toast.error::before {
	background: #d93642;
	content: "!";
}

.roundtable-docs-sample-toast.warning {
	border-left-color: #d48a1f;
}

.roundtable-docs-sample-toast.warning::before {
	background: #d48a1f;
	content: "!";
}

.roundtable-docs-sample-toast.info {
	border-left-color: #1f66c2;
}

.roundtable-docs-sample-toast.info::before {
	background: #1f66c2;
}

.roundtable-docs-section h2 {
	margin: 0;
	color: var(--rt-docs-ink);
	font-size: 24px;
	font-weight: 900;
	line-height: 1.55;
}

.roundtable-docs-section p {
	margin: 16px 0 0;
	color: #4b5c70;
	font-size: 15px;
	line-height: 2;
}

.roundtable-docs-note {
	display: grid;
	gap: 7px;
	margin-top: 22px;
	border-left: 4px solid var(--rt-docs-blue);
	background: var(--rt-docs-soft);
	padding: 16px 18px;
}

.roundtable-docs-note strong {
	color: var(--rt-docs-ink);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.5;
}

.roundtable-docs-note span {
	color: #4b5c70;
	font-size: 14px;
	line-height: 1.8;
}

.roundtable-docs-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.roundtable-docs-card-grid-two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.roundtable-docs-card {
	display: grid;
	gap: 10px;
	min-height: 220px;
	border: 1px solid var(--rt-docs-line);
	border-top: 4px solid var(--rt-docs-blue);
	border-radius: 8px;
	background: #ffffff;
	padding: 20px;
	color: var(--rt-docs-ink);
	text-decoration: none;
	box-shadow: 0 10px 28px rgba(18, 32, 54, 0.06);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.roundtable-docs-card:nth-child(2) {
	border-top-color: #0f9f7a;
}

.roundtable-docs-card:nth-child(3) {
	border-top-color: #b65b9d;
}

.roundtable-docs-card:hover {
	border-color: #b8d7f6;
	box-shadow: 0 14px 34px rgba(18, 32, 54, 0.1);
	transform: translateY(-1px);
}

.roundtable-docs-card span {
	color: var(--rt-docs-blue);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-card strong {
	color: var(--rt-docs-ink);
	font-size: 19px;
	font-weight: 900;
	line-height: 1.45;
}

.roundtable-docs-card small {
	color: var(--rt-docs-muted);
	font-size: 13px;
	line-height: 1.85;
}

.roundtable-docs-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 22px;
}

.roundtable-docs-points div {
	display: grid;
	gap: 8px;
	border: 1px solid #e3e8ef;
	border-radius: 8px;
	background: #fbfcfe;
	padding: 18px;
}

.roundtable-docs-points strong {
	color: var(--rt-docs-ink);
	font-size: 15px;
	font-weight: 900;
	line-height: 1.4;
}

.roundtable-docs-points span {
	color: #536274;
	font-size: 13px;
	line-height: 1.85;
}

.roundtable-feature-toc {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
}

.roundtable-feature-toc a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	border: 1px solid #cfe0f3;
	border-radius: 9999px;
	background: #ffffff;
	padding: 0 14px;
	color: #0f477f;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.roundtable-feature-toc a:hover {
	border-color: var(--rt-docs-blue);
	background: #f0f7ff;
}

.roundtable-feature-category {
	max-width: 1060px;
	scroll-margin-top: 96px;
}

.roundtable-feature-category-head {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

.roundtable-feature-category-head > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 9999px;
	background: var(--rt-docs-blue);
	color: #ffffff;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-feature-category-head h2 {
	margin: 0;
}

.roundtable-feature-category-head p {
	margin-top: 8px;
}

.roundtable-feature-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 24px;
}

.roundtable-feature-item {
	display: grid;
	gap: 7px;
	border: 1px solid #e0e7ef;
	border-left: 4px solid var(--rt-docs-blue);
	border-radius: 8px;
	background: #ffffff;
	padding: 15px 16px;
	box-shadow: 0 8px 24px rgba(18, 32, 54, 0.045);
}

.roundtable-feature-item:nth-child(4n+2) {
	border-left-color: #0f9f7a;
}

.roundtable-feature-item:nth-child(4n+3) {
	border-left-color: #b65b9d;
}

.roundtable-feature-item:nth-child(4n+4) {
	border-left-color: #d48a1f;
}

.roundtable-feature-item strong {
	color: var(--rt-docs-ink);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.45;
}

.roundtable-feature-item-head strong {
	margin-right: auto;
}

.roundtable-feature-item span {
	color: #536274;
	font-size: 13px;
	line-height: 1.85;
}

.roundtable-feature-item .roundtable-docs-status-chips {
	display: inline-flex;
	margin-top: 1px;
}

.roundtable-feature-item .roundtable-docs-status-chips small {
	font-size: 10px;
	line-height: 1;
	padding: 4px 7px;
}

.roundtable-feature-item-link {
	color: inherit;
	text-decoration: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.roundtable-feature-item-link:hover {
	border-color: #b8d7f6;
	box-shadow: 0 12px 30px rgba(18, 32, 54, 0.09);
	transform: translateY(-1px);
}

@media (max-width: 960px) {
	.roundtable-docs-layout {
		display: block;
	}

	.roundtable-docs-sidebar {
		position: sticky;
		top: 68px;
		z-index: 30;
		overflow-x: auto;
		border-right: 0;
		border-bottom: 1px solid var(--rt-docs-line);
		padding: 12px 18px;
		-webkit-overflow-scrolling: touch;
	}

	.roundtable-docs-nav {
		display: flex;
		align-items: center;
		gap: 8px;
		min-width: max-content;
	}

	.roundtable-docs-nav-group {
		display: contents;
	}

	.roundtable-docs-nav a,
	.roundtable-docs-nav-current,
	.roundtable-docs-nav-title {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-height: 34px;
		border: 1px solid #d6e2f0;
		border-radius: 9999px;
		background: #ffffff;
		padding: 0 12px;
		font-size: 12px !important;
		font-weight: 800 !important;
		line-height: 1.2;
		white-space: nowrap;
	}

	.roundtable-docs-nav a.roundtable-docs-nav-current,
	.roundtable-docs-nav a.is-current {
		border-color: var(--rt-docs-blue);
		background: var(--rt-docs-blue);
		color: #ffffff;
	}

	.roundtable-docs-content {
		padding: 42px 24px 72px;
	}

	.roundtable-docs-hero-meta,
	.roundtable-feature-item-head {
		flex-wrap: wrap;
	}

	.roundtable-docs-status-chips {
		justify-content: flex-start;
	}

	.roundtable-docs-card-grid,
	.roundtable-docs-card-grid-two,
	.roundtable-docs-points,
	.roundtable-feature-list {
		grid-template-columns: 1fr;
	}

	.roundtable-docs-card {
		min-height: auto;
	}

	.roundtable-feature-category-head {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 12px;
	}

	.roundtable-feature-category-head > span {
		width: 36px;
		height: 36px;
		font-size: 12px;
	}
}

@media (max-width: 560px) {
	.roundtable-docs-header .roundtable-canva-brand {
		width: 148px;
	}

	.roundtable-docs-content {
		padding: 34px 18px 64px;
	}

	.roundtable-docs-hero h1 {
		font-size: 28px;
	}

	.roundtable-docs-concept {
		font-size: 16px;
	}

	.roundtable-docs-lead,
	.roundtable-docs-section p {
		font-size: 14px;
		line-height: 1.9;
	}

	.roundtable-docs-section {
		margin-top: 42px;
	}
}

.roundtable-shell {
	min-height: 100vh;
	background: #f8fafc;
}

.roundtable-shell-inner {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	align-items: start;
	width: 100%;
}

.roundtable-shell-inner-wide {
	display: block;
}

.roundtable-global-header {
	position: sticky;
	top: 0;
	z-index: 40;
	border-bottom: 1px solid rgba(15, 23, 42, 0.1);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.roundtable-global-inner {
	display: flex;
	align-items: center;
	gap: 18px;
	width: min(1180px, calc(100% - 32px));
	min-height: 68px;
	margin: 0 auto;
}

.roundtable-global-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: #0f172a;
	text-decoration: none;
}

.roundtable-global-brand-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 8px;
	background: #0f172a;
	color: #67e8f9;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
}

.roundtable-global-brand-copy {
	display: grid;
	gap: 1px;
	min-width: 0;
}

.roundtable-global-brand-copy strong {
	color: #0f172a;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.25;
}

.roundtable-global-brand-copy small {
	color: #64748b;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.35;
	white-space: nowrap;
}

.roundtable-global-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	margin-left: auto;
}

.roundtable-global-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	border-radius: 8px;
	padding: 0 11px;
	color: #334155;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.roundtable-global-nav a:hover,
.roundtable-global-nav a.is-current {
	background: #e0f2fe;
	color: #075985;
}

.roundtable-global-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border-radius: 9999px;
	padding: 0 17px;
	background: #1974D2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 8px 18px rgba(25, 116, 210, 0.22);
}

.roundtable-global-cta:hover {
	background: #1766b8;
	color: #ffffff;
}

.roundtable-global-menu {
	display: none;
	position: relative;
	margin-left: auto;
}

.roundtable-global-menu summary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 0 12px;
	background: #ffffff;
	color: #0f172a;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
}

.roundtable-global-menu summary::-webkit-details-marker {
	display: none;
}

.roundtable-menu-icon {
	display: grid;
	gap: 4px;
	width: 18px;
}

.roundtable-menu-icon span {
	display: block;
	height: 2px;
	border-radius: 9999px;
	background: #0f172a;
}

.roundtable-global-menu[open] summary {
	border-color: #1974D2;
	color: #075985;
}

.roundtable-global-menu-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	display: grid;
	gap: 6px;
	width: min(320px, calc(100vw - 24px));
	box-sizing: border-box;
	border: 1px solid #dbeafe;
	border-radius: 8px;
	background: #ffffff;
	padding: 10px;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

.roundtable-global-menu-panel a {
	display: grid;
	gap: 3px;
	border-radius: 8px;
	padding: 10px 12px;
	color: #0f172a;
	text-decoration: none;
}

.roundtable-global-menu-panel a span {
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
}

.roundtable-global-menu-panel a small {
	color: #64748b;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
}

.roundtable-global-menu-panel a:hover,
.roundtable-global-menu-panel a.is-current {
	background: #e0f2fe;
	color: #075985;
}

.roundtable-global-menu-panel a.is-current small {
	color: #0369a1;
}

.roundtable-global-menu-panel .roundtable-global-menu-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin-top: 4px;
	border-radius: 9999px;
	background: #1974D2;
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.roundtable-content {
	min-width: 0;
	overflow-x: hidden;
}

.roundtable-side-menu {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
	box-sizing: border-box;
	padding: 28px 18px;
	background: #0f172a;
	color: #ffffff;
	border-right: 1px solid rgba(148, 163, 184, 0.22);
}

.roundtable-side-kicker {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #67e8f9;
}

.roundtable-side-title {
	margin-top: 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
	color: #f8fafc;
}

.roundtable-side-nav {
	display: grid;
	gap: 8px;
	margin-top: 28px;
}

.roundtable-side-nav a,
.roundtable-mobile-menu a {
	text-decoration: none;
}

.roundtable-side-nav a {
	display: block;
	border-radius: 8px;
	padding: 10px 12px;
	color: #cbd5e1;
	font-size: 13px;
	line-height: 1.35;
}

.roundtable-side-nav a:hover,
.roundtable-side-nav a.is-current {
	background: rgba(103, 232, 249, 0.12);
	color: #ffffff;
}

.roundtable-side-nav a small {
	display: block;
	margin-top: 4px;
	color: #94a3b8;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.35;
}

.roundtable-side-nav a.is-current small {
	color: #bae6fd;
}

.roundtable-mobile-menu {
	display: none;
	position: sticky;
	top: 0;
	z-index: 30;
	overflow-x: auto;
	border-bottom: 1px solid rgba(15, 23, 42, 0.1);
	background: rgba(248, 250, 252, 0.96);
	padding: 10px 12px;
	-webkit-overflow-scrolling: touch;
}

.roundtable-mobile-menu-inner {
	display: flex;
	gap: 8px;
	min-width: max-content;
}

.roundtable-mobile-menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	border: 1px solid #cbd5e1;
	border-radius: 9999px;
	padding: 0 12px;
	background: #ffffff;
	color: #0f172a;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.roundtable-mobile-menu a.is-current {
	border-color: #1974D2;
	background: #1974D2;
	color: #ffffff;
}

.roundtable-page-card {
	display: grid;
	gap: 8px;
	border: 1px solid #dbeafe;
	border-radius: 8px;
	background: #ffffff;
	padding: 20px;
	color: #0f172a;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.roundtable-page-card:hover {
	border-color: #1974D2;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1);
	transform: translateY(-1px);
}

.roundtable-page-card span {
	color: #1974D2;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.roundtable-page-card strong {
	font-size: 20px;
	line-height: 1.45;
}

.roundtable-page-card small {
	color: #64748b;
	font-size: 13px;
	line-height: 1.7;
}

.roundtable-step {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 16px;
	border: 1px solid #dbeafe;
	border-radius: 8px;
	background: #ffffff;
	padding: 20px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.roundtable-step > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 9999px;
	background: #1974D2;
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
}

.roundtable-step h2,
.roundtable-faq-item h2 {
	margin: 0;
	color: #0f172a;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.6;
}

.roundtable-step p,
.roundtable-faq-item p {
	margin: 8px 0 0;
	color: #475569;
	font-size: 14px;
	line-height: 1.9;
}

.roundtable-faq-item {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #ffffff;
	padding: 20px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.roundtable-prep-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.38);
	border-radius: 9999px;
	padding: 0.625rem 1.5rem;
	background: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.2;
	cursor: not-allowed;
}

@media (max-width: 980px) {
	.roundtable-global-nav,
	.roundtable-global-cta {
		display: none;
	}

	.roundtable-global-menu {
		display: block;
	}
}

@media (max-width: 1023px) {
	.roundtable-shell-inner {
		display: block;
	}

	.roundtable-side-menu {
		display: none;
	}

	.roundtable-mobile-menu {
		display: block;
	}
}

@media (max-width: 767px) {
	.roundtable-global-inner {
		width: calc(100% - 24px);
		min-height: 62px;
		gap: 10px;
	}

	.roundtable-global-brand-copy small {
		display: none;
	}

	.roundtable-global-menu summary {
		padding: 0 10px;
	}

	.roundtable-prep-button {
		width: 100%;
	}
}

.site-header {
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.site-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: min(1152px, calc(100% - 32px));
	margin: 0 auto;
	padding: 12px 0;
}

.site-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	color: #4b5563;
}

.site-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.site-logo img {
	display: block;
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.site-brand-text {
	display: block;
	font-size: 12px;
	line-height: 1.6;
	color: #4b5563;
}

.site-brand-kicker {
	color: var(--brand-blue);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.site-brand-title {
	font-size: 16px;
	white-space: nowrap;
}

.site-pc-nav {
	display: flex;
	align-items: center;
	gap: 24px;
	font-size: 14px;
}

.site-menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	float: none;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	background: #fff;
	color: #334155;
	font-size: 14px;
	line-height: 1.2;
}

.site-menu-label {
	font-size: 12px;
}

@media (max-width: 767px) {
	.site-header-inner {
		width: calc(100% - 32px);
	}

	.site-brand-text {
		display: none;
	}

	.site-pc-nav {
		display: none;
	}

	.site-menu-toggle {
		display: inline-flex;
	}
}

:root {
  --brand-blue: #1974D2;
}

.bg-brand-blue { background-color: var(--brand-blue); }
.text-brand-blue { color: var(--brand-blue); }
.border-brand-blue { border-color: var(--brand-blue); }

/* ナビリンク共通 */
.nav-link {
	position: relative;
	font-size: 0.9rem;
	color: #4b5563; /* gray-700 */
	padding-bottom: 0.1rem;
}
.nav-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.25rem;
	width: 0;
	height: 2px;
	background-color: var(--brand-blue); /* blue-700 */
	transition: width 0.4s ease;
}
.nav-link:hover {
}
.nav-link:hover::after {
	width: 100%;
}
.nav-link--active {
	color: var(--brand-blue);
	font-weight: 600;
}
.nav-link--active::after {
	width: 100%;
}

/* SP ナビ */
.mobile-nav {
	max-height: 0;
	overflow: hidden;
	border-top: 1px solid rgba(148, 163, 184, 0.4);
	background-color: #ffffff;
	transition: max-height 0.25s ease;
}
.mobile-nav--open {
	max-height: 260px; /* メニューの高さに合わせて調整 */
}
.mobile-nav-link {
	display: block;
	padding: 0.75rem 1.5rem;
	font-size: 0.9rem;
	color: #4b5563;
	border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}
.mobile-nav-link:hover {
	background-color: #f1f5f9;
	color: #111827;
}
.mobile-nav-link--active {
	font-weight: 600;
	color: #1d4ed8;
}

/* ハンバーガーアイコン */
.menu-icon {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 11px;
}
.menu-icon span {
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #4b5563;
	border-radius: 9999px;
	transition: transform 0.18s ease, top 0.18s ease, opacity 0.18s ease;
}
.menu-icon span:first-child {
	top: 2px;
}
.menu-icon span:last-child {
	top: 8px;
}
.menu-icon--open span:first-child {
	top: 5px;
	transform: rotate(45deg);
}
.menu-icon--open span:last-child {
	top: 5px;
	transform: rotate(-45deg);
}

/* セクション共通タイトル */
.section-title {
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	color: #1e293b;
	position: relative;
	padding-bottom: 0.9rem;
}
.section-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 72px;
	height: 2px;
	border-radius: 9999px;
	background: linear-gradient(to right, var(--brand-blue), #60a5fa);
}

/* カード系コンポーネント */
.theory-card {
	background-color: #ffffff;
	border-radius: 0.75rem;
	padding: 1.5rem 1.6rem;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
	border: 1px solid rgba(148, 163, 184, 0.3);
}
.theory-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #1d4ed8;
}

.element-card {
	background-color: #f8fafc;
	border-radius: 0.75rem;
	padding: 1.5rem 1.6rem;
	border: 1px solid rgba(148, 163, 184, 0.45);
}
.element-title {
	font-size: 1rem;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 0.4rem;
}
.element-text {
	font-size: 0.95rem;
	line-height: 1.9;
	color: #374151;
}

/* Hero 部分のちょっとした補正 */
.hero-image-wrapper {
	min-height: 220px;
}
@media (min-width: 768px) {
	.hero-image-wrapper {
		min-height: 260px;
	}
}

.achievement-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	padding: 1.5rem;
	border-radius: 0.75rem;
}

.achievement-title {
	font-size: 1.1rem;
	font-weight: 600;
	color: #1974D2;
}

.achievement-desc {
	margin-top: 0.25rem;
	color: #475569;
	font-size: 0.9rem;
}

.achievement-list {
	margin-top: 0.5rem;
	font-size: 0.85rem;
	color: #334155;
	line-height: 1.5;
}

/* ファイル入力の見た目調整 */
.dbw-form input[type="file"]{
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9rem;
  border-radius: 4px;
  border: 1px solid #1974D2;
  padding: 6px 10px;
}

/* ボタン部分のデザイン（モダンブラウザ） */
.dbw-form input[type="file"]::file-selector-button{
  padding: 6px 12px;
  margin-right: 12px;
  border: none;
  border-radius: 9999px;
  background: #1974D2;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}

.dbw-form input[type="file"]::file-selector-button:hover{
  background: #1d4ed8;
}

/* Safari など旧ブラウザ用フォールバック */
.dbw-form input[type="file"]::-webkit-file-upload-button{
  padding: 6px 12px;
  margin-right: 12px;
  border: none;
  border-radius: 9999px;
  background: #1974D2;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
}

.dbw-form input[type="file"]::-webkit-file-upload-button:hover{
  background: #1d4ed8;
}


/* tailwind風に見せる（Tailwind未導入でもOK） */
.privacy_area.tw-like{
  font-size: 13px;                 /* 元のstyleをここへ移動 */
  line-height: 1.75;
  color: #111827;                  /* gray-900相当 */
  background: #ffffff;
  border: 1px solid #e5e7eb;       /* gray-200相当 */
  border-radius: 12px;
  padding: 16px 18px;
  max-height: 70vh;                /* 画面高の70%まで */
  overflow-y: auto;                /* 縦スクロール */
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

/* 見出し・余白調整 */
.privacy_area.tw-like h4{
  margin: 18px 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.privacy_area.tw-like p{
  margin: 10px 0;
}

.roundtable-docs-sample-main-fixed {
	position: relative;
	display: grid;
	grid-template-rows: 66px minmax(0, 1fr);
	padding: 0;
	background: #f5f8fc;
}

.roundtable-docs-sample-fixed-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-bottom: 1px solid #dbe5ef;
	background: #ffffff;
	padding: 0 34px;
	box-shadow: 0 8px 24px rgba(20, 38, 60, 0.05);
	z-index: 2;
}

.roundtable-docs-sample-fixed-top div {
	display: grid;
	gap: 5px;
}

.roundtable-docs-sample-fixed-top span {
	color: #1f66c2;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.roundtable-docs-sample-fixed-top strong {
	color: #142033;
	font-size: 19px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-fixed-top b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #fff7e6;
	color: #936312;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 8px 12px;
	white-space: nowrap;
}

.roundtable-docs-sample-fixed-scroll {
	padding: 26px 34px 120px;
	overflow-y: auto;
	scrollbar-width: none;
}

.roundtable-docs-sample-fixed-scroll::-webkit-scrollbar {
	display: none;
}

.roundtable-docs-sample-main-fixed .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-fixed .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-fixed .roundtable-docs-sample-head p {
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-fixed-form {
	display: grid;
	gap: 14px;
}

.roundtable-docs-sample-fixed-section {
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 14px 36px rgba(20, 38, 60, 0.07);
	overflow: hidden;
}

.roundtable-docs-sample-fixed-section-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #e4ecf4;
	padding: 14px 18px 12px;
}

.roundtable-docs-sample-fixed-section-head strong {
	color: #142033;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-fixed-section-head span {
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
	white-space: nowrap;
}

.roundtable-docs-sample-fixed-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.roundtable-docs-sample-fixed-grid label {
	display: grid;
	gap: 7px;
	border-right: 1px solid #e4ecf4;
	padding: 15px 18px;
}

.roundtable-docs-sample-fixed-grid label:last-child {
	border-right: none;
}

.roundtable-docs-sample-fixed-grid span {
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.roundtable-docs-sample-fixed-grid strong {
	color: #142033;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
	white-space: nowrap;
}

.roundtable-docs-sample-fixed-table {
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.roundtable-docs-sample-fixed-table th,
.roundtable-docs-sample-fixed-table td {
	padding: 13px 18px;
}

.roundtable-docs-sample-fixed-checks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.roundtable-docs-sample-fixed-checks div {
	display: grid;
	gap: 7px;
	border-right: 1px solid #e4ecf4;
	padding: 15px 18px 18px;
}

.roundtable-docs-sample-fixed-checks div:last-child {
	border-right: none;
}

.roundtable-docs-sample-fixed-checks b {
	color: #143c72;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-fixed-checks span {
	color: #5b6f86;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
}

.roundtable-docs-sample-fixed-actions {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-top: 1px solid #cbd9e7;
	background: rgba(255, 255, 255, 0.96);
	padding: 18px 34px;
	box-shadow: 0 -18px 45px rgba(20, 38, 60, 0.16);
	z-index: 5;
}

.roundtable-docs-sample-fixed-actions-back,
.roundtable-docs-sample-fixed-actions-main {
	display: flex;
	align-items: center;
	gap: 12px;
}

.roundtable-docs-sample-fixed-actions-main {
	margin-left: auto;
	justify-content: flex-end;
}

.roundtable-docs-sample-fixed-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 126px;
	min-height: 46px;
	border: 1px solid #c7d6e8;
	border-radius: 8px;
	background: #ffffff;
	color: #233449;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;
	padding: 0 20px;
	white-space: nowrap;
}

.roundtable-docs-sample-fixed-actions button.primary.blue {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(31, 102, 194, 0.25);
}

.roundtable-docs-sample-main-sort {
	padding: 30px 34px;
	background: #f6f8fb;
}

.roundtable-docs-sample-main-sort .roundtable-docs-sample-head {
	align-items: flex-start;
	margin-bottom: 14px;
}

.roundtable-docs-sample-main-sort .roundtable-docs-sample-head h1 {
	font-size: 30px;
}

.roundtable-docs-sample-main-sort .roundtable-docs-sample-head p {
	margin-top: 7px;
	font-size: 14px;
}

.roundtable-docs-sample-sort-toolbar {
	display: grid;
	grid-template-columns: 1fr 170px 170px;
	gap: 12px;
	margin-bottom: 16px;
}

.roundtable-docs-sample-sort-toolbar span {
	display: flex;
	align-items: center;
	min-height: 42px;
	border: 1px solid #d5e0eb;
	border-radius: 8px;
	background: #ffffff;
	color: #60748b;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	padding: 0 14px;
	white-space: nowrap;
}

.roundtable-docs-sample-sort-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 16px;
	align-items: start;
}

.roundtable-docs-sample-sort-list {
	display: grid;
	gap: 10px;
}

.roundtable-docs-sample-sort-row {
	display: grid;
	grid-template-columns: 34px 50px minmax(0, 1fr) 152px;
	align-items: center;
	gap: 12px;
	min-height: 82px;
	border: 1px solid #d8e2ec;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(20, 38, 60, 0.07);
	padding: 12px 14px;
}

.roundtable-docs-sample-sort-row.is-moving {
	border-color: #1f66c2;
	background: #eef6ff;
	box-shadow: 0 20px 42px rgba(31, 102, 194, 0.2);
	transform: translateY(-3px);
}

.roundtable-docs-sample-sort-handle {
	display: grid;
	place-items: center;
	gap: 4px;
	width: 30px;
	height: 44px;
	border: 1px solid #cbd9e7;
	border-radius: 8px;
	background: #f8fbfe;
}

.roundtable-docs-sample-sort-handle i {
	display: block;
	width: 14px;
	height: 2px;
	border-radius: 999px;
	background: #6f8196;
}

.roundtable-docs-sample-sort-order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #1c2634;
	color: #ffffff;
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-sort-body {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.roundtable-docs-sample-sort-body strong {
	color: #142033;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.25;
}

.roundtable-docs-sample-sort-body span {
	color: #5f7187;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.roundtable-docs-sample-sort-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
}

.roundtable-docs-sample-sort-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	border: 1px solid #cbd9e7;
	border-radius: 8px;
	background: #ffffff;
	color: #31445a;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	padding: 0 8px;
	white-space: nowrap;
}

.roundtable-docs-sample-sort-row.is-moving .roundtable-docs-sample-sort-actions button:first-child {
	border-color: #1f66c2;
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-sort-preview {
	display: grid;
	gap: 16px;
	border: 1px solid #d8e2ec;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(20, 38, 60, 0.08);
	padding: 20px;
}

.roundtable-docs-sample-sort-preview-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	border-bottom: 1px solid #e4ecf4;
	padding-bottom: 14px;
}

.roundtable-docs-sample-sort-preview-head span {
	color: #60748b;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-sort-preview-head strong {
	color: #142033;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.2;
}

.roundtable-docs-sample-sort-preview ol {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.roundtable-docs-sample-sort-preview li {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	border: 1px solid #e3ebf3;
	border-radius: 10px;
	background: #f8fbfe;
	padding: 10px;
}

.roundtable-docs-sample-sort-preview li.current {
	border-color: #1f66c2;
	background: #eef6ff;
}

.roundtable-docs-sample-sort-preview b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 30px;
	border-radius: 8px;
	background: #e4ebf3;
	color: #42566d;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.roundtable-docs-sample-sort-preview li.current b {
	background: #1f66c2;
	color: #ffffff;
}

.roundtable-docs-sample-sort-preview li span {
	color: #24364b;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.3;
}

.roundtable-docs-sample-sort-note {
	display: grid;
	gap: 8px;
	border-radius: 12px;
	background: #eef7f2;
	padding: 14px;
}

.roundtable-docs-sample-sort-note strong {
	color: #17643f;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.35;
}

.roundtable-docs-sample-sort-note span {
	color: #496358;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.65;
}