/**
 * سیستم بصری ابزارهای سنجگر.
 *
 * الگوی اصلی «فیش حقوقی» است: فرم روشن، ردیف‌های خط‌دار، ارقام هم‌عرض
 * و جمع نهایی دوخطی. رنگ‌ها فقط از توکن‌های برند سنجگر گرفته می‌شوند.
 */

.rt-tool {
	--rt-ink:       #16222e;
	--rt-ink-soft:  #55636e;
	--rt-paper:     #ffffff;
	--rt-surface:   #f4f6f5;
	--rt-rule:      #dce2e0;
	--rt-rule-firm: #b9c3c0;
	--rt-accent:    #0e6e5a;
	--rt-accent-bg: #e4f0ec;
	--rt-gold:      #96721a;
	--rt-neg:       #a03323;
	--rt-radius:    6px;

	direction: rtl;
	text-align: right;
	font-family: Vazirmatn, system-ui, sans-serif;
	color: var(--rt-ink);
	line-height: 1.9;
	max-width: 52rem;
	margin: 2.25rem auto;
	font-variant-numeric: tabular-nums;
}

.rt-tool *,
.rt-tool *::before,
.rt-tool *::after {
	box-sizing: border-box;
}

/* ---------- سربرگ ابزار ---------- */

.rt-tool__header {
	margin-bottom: 1rem;
}

.rt-tool__kicker {
	margin: 0 0 0.35rem;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--rt-accent);
}

.rt-tool__title {
	margin: 0;
	font-size: clamp(1.35rem, 3vw, 1.85rem);
	line-height: 1.55;
	font-weight: 700;
}

.rt-tool__lead {
	margin: 0.55rem 0 0;
	max-width: 42rem;
	color: var(--rt-ink-soft);
	font-size: 0.94rem;
}

/* ---------- فرم ---------- */

.rt-form {
	background: var(--rt-paper);
	border: 1px solid var(--rt-rule-firm);
	border-radius: var(--rt-radius);
	padding: clamp(1rem, 3vw, 1.5rem);
}

.rt-form__section-title {
	margin: 0 0 1rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid var(--rt-rule);
	font-size: 0.95rem;
	font-weight: 700;
}

.rt-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.rt-field {
	min-width: 0;
	margin: 0;
}

.rt-field--full {
	grid-column: 1 / -1;
}

.rt-field label {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 0.9rem;
	font-weight: 700;
}

.rt-field input[type="text"],
.rt-field select {
	width: 100%;
	min-height: 3rem;
	padding: 0.65rem 0.8rem;
	font: inherit;
	font-size: 1rem;
	font-variant-numeric: tabular-nums;
	color: var(--rt-ink);
	background: var(--rt-paper);
	border: 1px solid var(--rt-rule-firm);
	border-radius: var(--rt-radius);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.rt-field input::placeholder {
	color: var(--rt-ink-soft);
	opacity: 0.55;
}

.rt-field input[type="text"]:focus-visible,
.rt-field select:focus-visible,
.rt-btn:focus-visible,
.rt-advanced summary:focus-visible,
.rt-check input:focus-visible {
	outline: 2px solid var(--rt-accent);
	outline-offset: 2px;
}

.rt-field input[type="text"]:focus,
.rt-field select:focus {
	border-color: var(--rt-accent);
}

.rt-hint {
	margin: 0.35rem 0 0;
	font-size: 0.78rem;
	line-height: 1.75;
	color: var(--rt-ink-soft);
}

/* ---------- تنظیمات پیشرفته ---------- */

.rt-advanced {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px dashed var(--rt-rule-firm);
}

.rt-advanced summary {
	cursor: pointer;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--rt-accent);
	list-style: none;
}

.rt-advanced summary::-webkit-details-marker {
	display: none;
}

.rt-advanced summary::before {
	content: "+";
	display: inline-block;
	width: 1.1em;
	font-weight: 700;
}

.rt-advanced[open] summary::before {
	content: "−";
}

.rt-check {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 0.85rem;
	font-size: 0.88rem;
	cursor: pointer;
}

.rt-check input {
	margin-top: 0.45rem;
	flex: 0 0 auto;
	accent-color: var(--rt-accent);
}

.rt-field--nested {
	margin-top: 0.9rem;
}

/* ---------- دکمه‌ها ---------- */

.rt-actions {
	display: flex;
	align-items: stretch;
	gap: 0.65rem;
	margin-top: 1.35rem;
}

.rt-btn {
	min-height: 3rem;
	padding: 0.7rem 1.35rem;
	font: inherit;
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--rt-paper);
	background: var(--rt-accent);
	border: 1px solid var(--rt-accent);
	border-radius: var(--rt-radius);
	cursor: pointer;
	transition: opacity 0.15s ease, background-color 0.15s ease;
}

.rt-btn:hover {
	opacity: 0.9;
}

.rt-btn--ghost {
	color: var(--rt-ink-soft);
	background: var(--rt-paper);
	border-color: var(--rt-rule-firm);
	font-weight: 500;
}

.rt-btn--ghost:hover {
	background: var(--rt-surface);
	opacity: 1;
}

/* ---------- خروجی فیش ---------- */

.rt-result {
	margin-top: 1.25rem;
}

.rt-result--in {
	animation: rt-result-in 0.22s ease-out;
}

@keyframes rt-result-in {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rt-result--in {
		animation: none;
	}

	.rt-tool * {
		transition: none !important;
	}
}

.rt-stub {
	overflow: hidden;
	background: var(--rt-surface);
	border: 1px solid var(--rt-rule-firm);
	border-radius: var(--rt-radius);
}

.rt-stub__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.7rem 1.1rem;
	background: var(--rt-ink);
	color: var(--rt-paper);
}

.rt-stub__title {
	font-size: 0.88rem;
	font-weight: 700;
}

.rt-stub__year {
	font-size: 0.78rem;
	opacity: 0.8;
}

.rt-stub__rows {
	margin: 0;
	padding: 0.35rem 1.1rem;
}

.rt-row {
	display: flex;
	align-items: baseline;
	gap: 0.55rem;
	padding: 0.62rem 0;
	border-bottom: 1px solid var(--rt-rule);
}

.rt-row:last-child {
	border-bottom: 0;
}

.rt-row dt {
	flex: 0 1 auto;
	font-size: 0.86rem;
	color: var(--rt-ink-soft);
}

.rt-row::after {
	content: "";
	flex: 1 1 auto;
	min-width: 1rem;
	align-self: center;
	border-bottom: 1px dotted var(--rt-rule-firm);
	transform: translateY(-0.15em);
}

.rt-row dd {
	order: 2;
	flex: 0 0 auto;
	margin: 0;
	font-size: 0.9rem;
	font-weight: 700;
	white-space: nowrap;
}

.rt-row--accent dd {
	color: var(--rt-accent);
}

/* سطرهایی که مقدارشان یک جملهٔ کامل است (مسیر رسیدن به عدد) — باید
   بشکنند، نه از عرض جعبه بزنند بیرون */
.rt-row--wrap {
	flex-wrap: wrap;
}

.rt-row--wrap dd {
	white-space: normal;
	flex: 1 1 100%;
	order: 3;
	font-weight: 600;
}

.rt-row--wrap::after {
	display: none;
}

/* لایهٔ اول — سه تقویم، مهم‌ترین خروجی، بزرگ‌تر و شاخص‌تر */
.rt-stub--primary {
	border-width: 2px;
	border-color: var(--rt-ink);
}

.rt-stub--primary .rt-stub__title {
	font-size: 1rem;
}

.rt-stub--primary .rt-row dt {
	font-size: 0.95rem;
}

.rt-stub--primary .rt-row dd {
	font-size: 1.2rem;
}

/* لایهٔ سوم — اطلاعات جانبی، ریزتر و کم‌رنگ‌تر */
.rt-stub--secondary {
	background: transparent;
	border-color: var(--rt-rule);
}

.rt-stub--secondary .rt-stub__head {
	background: var(--rt-surface);
	color: var(--rt-ink-soft);
	padding: 0.5rem 1.1rem;
}

.rt-stub--secondary .rt-stub__title {
	font-size: 0.78rem;
}

.rt-stub--secondary .rt-row {
	padding: 0.45rem 0;
}

.rt-stub--secondary .rt-row dt,
.rt-stub--secondary .rt-row dd {
	font-size: 0.8rem;
	color: var(--rt-ink-soft);
}

.rt-neg {
	color: var(--rt-neg);
}

.rt-tag {
	display: inline-block;
	margin-inline-start: 0.3rem;
	padding: 0.02rem 0.35rem;
	font-size: 0.68rem;
	font-weight: 700;
	color: var(--rt-accent);
	background: var(--rt-accent-bg);
	border-radius: 3px;
}

/* کادر دوخط جمع نهایی — الگوی اصلی فیش حقوقی */
.rt-stub__total {
	padding: 0.9rem 1.1rem 1rem;
	background: var(--rt-paper);
	border-top: 3px double var(--rt-rule-firm);
}

.rt-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
}

.rt-total + .rt-total {
	margin-top: 0.55rem;
}

.rt-total__label {
	font-size: 0.84rem;
	color: var(--rt-ink-soft);
}

.rt-total__value {
	font-size: 1.05rem;
	font-weight: 700;
	white-space: nowrap;
}

.rt-total--net {
	padding-top: 0.6rem;
	border-top: 1px dashed var(--rt-rule-firm);
}

.rt-total--net .rt-total__label {
	font-weight: 700;
	color: var(--rt-ink);
}

.rt-total--net .rt-total__value {
	font-size: clamp(1.2rem, 3vw, 1.45rem);
	color: var(--rt-accent);
}

/* ---------- یادداشت‌ها و هشدار قانونی ---------- */

.rt-notes:not(:empty) {
	margin-top: 0.85rem;
}

.rt-note {
	margin: 0 0 0.5rem;
	padding: 0.65rem 0.85rem;
	font-size: 0.82rem;
	line-height: 1.8;
	border-radius: var(--rt-radius);
	border-inline-start: 3px solid;
}

.rt-note:last-child {
	margin-bottom: 0;
}

.rt-note--info {
	color: var(--rt-ink-soft);
	background: var(--rt-surface);
	border-color: var(--rt-rule-firm);
}

.rt-note--warn {
	color: var(--rt-gold);
	background: var(--rt-accent-bg);
	border-color: var(--rt-gold);
}

.rt-note--error {
	color: var(--rt-neg);
	background: var(--rt-paper);
	border-color: var(--rt-neg);
}

/* ---------- منبع ---------- */

.rt-source {
	margin: 0.75rem 0 0;
	font-size: 0.76rem;
	line-height: 1.8;
	color: var(--rt-ink-soft);
}

.rt-source a {
	color: var(--rt-accent);
}

.rt-source-sep {
	margin-inline: 0.25rem;
	opacity: 0.55;
}

/* ---------- FAQ قابل مشاهده ---------- */

.rt-faq {
	margin-top: 2.5rem;
}

.rt-faq__title {
	margin: 0 0 0.8rem;
	font-size: 1.15rem;
}

.rt-faq__item {
	border-top: 1px solid var(--rt-rule);
}

.rt-faq__item:last-child {
	border-bottom: 1px solid var(--rt-rule);
}

.rt-faq__item summary {
	padding: 0.85rem 0;
	cursor: pointer;
	font-weight: 700;
	font-size: 0.9rem;
	list-style: none;
}

.rt-faq__item summary::-webkit-details-marker {
	display: none;
}

.rt-faq__item summary::after {
	content: "+";
	float: left;
	font-weight: 400;
	color: var(--rt-accent);
}

.rt-faq__item[open] summary::after {
	content: "−";
}

.rt-faq__answer {
	max-width: 42rem;
	padding: 0 0 1rem;
	font-size: 0.88rem;
	color: var(--rt-ink-soft);
}

.rt-faq__answer p {
	margin: 0;
}

/* ---------- ابزارهای مرتبط ---------- */

.rt-related {
	margin-top: 2rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--rt-rule);
}

.rt-related__title {
	margin: 0 0 0.6rem;
	font-size: 1rem;
}

.rt-related ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rt-related a {
	display: inline-block;
	padding: 0.35rem 0.7rem;
	font-size: 0.82rem;
	color: var(--rt-ink);
	background: var(--rt-surface);
	border: 1px solid var(--rt-rule);
	border-radius: var(--rt-radius);
	text-decoration: none;
}

.rt-related a:hover {
	color: var(--rt-accent);
	border-color: var(--rt-accent);
	background: var(--rt-accent-bg);
}

/* ---------- مقالات مرتبط ---------- */

.rt-related-articles {
	margin-top: 1.5rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--rt-rule);
}

.rt-related-articles__title {
	margin: 0 0 0.6rem;
	font-size: 1rem;
}

.rt-related-articles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rt-related-articles li {
	margin-bottom: 0.6rem;
}

.rt-related-articles li:last-child {
	margin-bottom: 0;
}

.rt-related-articles li p {
	margin: 0.2rem 0 0;
	font-size: 0.85rem;
	color: var(--rt-ink-soft);
}

/* از اول با پیشوند .rt-tool — همان درسی که .rt-related a قبلاً یاد داد:
   .entry-content a قالب فرزند اختصاصیت (0,1,1) دارد، دقیقاً برابر با
   یک قاعدهٔ تک‌کلاسی + تگ؛ بدون این پیشوند، رنگ لینک می‌تواند توسط
   قالب بازنویسی شود */
.rt-tool .rt-related-articles a {
	color: var(--rt-accent);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.rt-tool .rt-related-articles a:hover {
	color: var(--rt-ink);
}

/* ============================================================
   بلوک‌های محتوایی صفحهٔ ابزار — خرده‌نان، مقدمه، پاسخ رتبهٔ صفر،
   فرمول، مبنای قانونی، مثال عددی، محدودیت‌ها، بلوک سرنخ
   ------------------------------------------------------------
   این کلاس‌ها را calc-overtime.php و بقیهٔ calc-*.php از قبل صدا
   می‌زدند ولی تا امروز (۱۶ مرداد ۱۴۰۵، بعد از راه‌اندازی وردپرس
   محلی) در این فایل تعریف نشده بودند — یعنی خرده‌نان، مقدمه، فرمول،
   مبنای قانونی، مثال عددی، بخش «این ابزار چه کاری نمی‌کند» و بلوک
   سرنخ روی هر پنج صفحهٔ ابزار کاملاً بدون استایل رندر می‌شدند، نه
   فقط بدون فاصلهٔ خرده‌نان/مقدمه. با curl روی سایت محلی تأیید و
   اضافه شد.
   ============================================================ */

/* ---------- خرده‌نان (rt_breadcrumb_html) ---------- */

.rt-breadcrumb {
	display: block;
	margin-bottom: 1.25rem;
	font-size: 0.82rem;
	color: var(--rt-ink-soft);
}

/* پیشوند .rt-tool اجباری روی هر قاعدهٔ لینک — قالب فرزند
   .entry-content a با وزن ۰,۱,۱ دارد و بدون این پیشوند برنده می‌شود. */
.rt-tool .rt-breadcrumb a {
	color: var(--rt-ink-soft);
	text-decoration: underline;
}

.rt-tool .rt-breadcrumb a:hover {
	color: var(--rt-accent);
}

.rt-breadcrumb-sep {
	margin-inline: 0.4rem;
	opacity: 0.5;
}

/* ---------- مقدمهٔ ابزار ---------- */

.rt-lede {
	margin: 0 0 1.5rem;
	font-size: 1.06rem;
	line-height: 1.85;
	color: var(--rt-ink-soft);
}

/* ---------- پاسخ کوتاه زیر H2 (هدف رتبهٔ صفر) ---------- */

.rt-answer {
	margin: 0 0 1.25rem;
	font-size: 0.98rem;
	line-height: 1.85;
	color: var(--rt-ink);
}

/* فرمول — چپ‌راست‌چین کلی rtl می‌ماند، محتوای داخلش خودش اعداد/نمادها دارد */
.rt-formula {
	margin: 1.25rem 0;
	padding: 1rem 1.15rem;
	background: var(--rt-ink);
	color: #e8eeec;
	border-radius: var(--rt-radius);
	font-family: inherit;
	font-size: 0.95rem;
	line-height: 2.1;
	direction: rtl;
	text-align: right;
	overflow-x: auto;
	white-space: pre-wrap;
}

/* بند توضیحی معمولی محتوای پشتیبان (رتبهٔ صفر، مبنای قانونی، مثال) */
.rt-prose {
	margin: 0 0 1.1rem;
	font-size: 1rem;
	line-height: 1.9;
}

.rt-prose:last-child {
	margin-bottom: 0;
}

/* نقل مبنای قانونی */
.rt-legal {
	margin: 1.25rem 0;
	padding: 1.1rem 1.25rem;
	background: var(--rt-surface);
	border-inline-start: 3px solid var(--rt-accent);
	border-radius: var(--rt-radius);
	font-size: 0.95rem;
}

.rt-legal p {
	margin: 0 0 0.6rem;
}

.rt-legal p:last-child {
	margin-bottom: 0;
}

.rt-legal__ref {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.82rem;
	color: var(--rt-ink-soft);
}

/* ---------- مثال عددی گام‌به‌گام ---------- */

.rt-example {
	margin-top: 1.5rem;
	border: 1px solid var(--rt-rule-firm);
	border-radius: var(--rt-radius);
	overflow: hidden;
	overflow-x: auto;
}

.rt-example__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.rt-example__table th,
.rt-example__table td {
	padding: 0.65rem 0.9rem;
	text-align: right;
	border-bottom: 1px solid var(--rt-rule);
	white-space: nowrap;
}

.rt-example__table tr:last-child th,
.rt-example__table tr:last-child td {
	border-bottom: 0;
}

.rt-example__table th {
	font-weight: 400;
	color: var(--rt-ink-soft);
	width: 60%;
	white-space: normal;
}

.rt-example__table td {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* جدول‌های چندستونی (نه دو ستونی برچسب/مقدار) — مثل جدول عیدی به
   تفکیک ماه کارکرد. قواعد بالا فرض دو ستون دارند (th=۶۰٪ عرض)؛ این‌جا
   بازنویسی می‌شود تا ستون‌ها هم‌عرض و وسط‌چین باشند. */
.rt-example__table--grid th,
.rt-example__table--grid td {
	width: auto;
	white-space: nowrap;
	text-align: center;
}

.rt-example__table--grid thead th {
	font-weight: 700;
	color: var(--rt-ink);
	background: var(--rt-surface);
}

.rt-example__table--grid tbody td {
	font-weight: 400;
}

.rt-example__table--grid tbody td:first-child {
	font-weight: 700;
	color: var(--rt-ink-soft);
}

/* ---------- «این ابزار چه کاری نمی‌کند» — همان رنگ‌بندی rt-note--warn ---------- */

.rt-limits {
	margin: 1.5rem 0;
	padding: 1.1rem 1.25rem;
	background: var(--rt-accent-bg);
	border: 1px solid var(--rt-gold);
	border-radius: var(--rt-radius);
	font-size: 0.92rem;
}

.rt-limits h3 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	color: var(--rt-gold);
}

.rt-limits ul {
	margin: 0;
	padding-inline-start: 1.2rem;
}

.rt-limits li {
	margin-bottom: 0.35rem;
}

.rt-limits li:last-child {
	margin-bottom: 0;
}

/* ---------- کلاس‌های کمکی ---------- */

/* فقط برای صفحه‌خوان — از دید بصری حذف، از درخت دسترس‌پذیری نه */
.rt-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* ارقام هم‌عرض در متن یا جدول؛ ورودی‌ها جدا در پایین چون direction/display
   نباید عوض شود وگرنه تراز راست‌چین فرم به‌هم می‌ریزد */
.rt-num:not(input):not(select) {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}

.rt-tool input.rt-num {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}

/* خطای درون‌خطی زیر یک فیلد خاص — جدا از .rt-note--error که برای جعبهٔ هشدار کلی است */
.rt-field__error {
	margin: 0.4rem 0 0;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--rt-neg);
}

.rt-field input[aria-invalid="true"] {
	border-color: var(--rt-neg);
}

/* ---------- بلوک تولید سرنخ (rt_lead_block) ---------- */

.rt-lead {
	margin-top: 2rem;
	padding: 1.25rem;
	background: var(--rt-accent-bg);
	border-radius: var(--rt-radius);
}

.rt-lead p {
	margin: 0 0 0.9rem;
	font-size: 0.93rem;
}

.rt-lead__cta {
	display: inline-block;
	padding: 0.6rem 1.2rem;
	font-weight: 700;
	font-size: 0.9rem;
	border-radius: var(--rt-radius);
	text-decoration: none;
}

/* پیشوند .rt-tool اجباری — بدون آن، قاعدهٔ .entry-content a قالب فرزند
   (وزن ۰,۱,۱) رنگ متن دکمه را سبز روی سبز می‌کند، دقیقاً همان باگی که
   قبلاً یک‌بار در برگهٔ «دربارهٔ ما» افتاد. */
.rt-tool .rt-lead__cta,
.rt-tool .rt-lead__cta:hover,
.rt-tool .rt-lead__cta:focus,
.rt-tool .rt-lead__cta:visited {
	color: #fff;
	background: var(--rt-accent);
	text-decoration: none;
}

.rt-tool .rt-lead__cta:hover {
	opacity: 0.9;
}

/* رفع همان ریسک وزن CSS برای لینک‌های «ابزارهای مرتبط» — قاعدهٔ بالای
   همین فایل (.rt-related a) پیشوند .rt-tool نداشت */
.rt-tool .rt-related a {
	color: var(--rt-ink);
}

.rt-tool .rt-related a:hover {
	color: var(--rt-accent);
}

/* ---------- موبایل — بلوک‌های محتوایی ---------- */

@media (max-width: 480px) {
	.rt-example__table th,
	.rt-example__table td {
		font-size: 0.85rem;
		padding: 0.55rem 0.7rem;
	}
}

/* ---------- موبایل ---------- */

@media (max-width: 640px) {
	.rt-tool {
		margin-block: 1.5rem;
	}

	.rt-fields {
		grid-template-columns: 1fr;
	}

	.rt-field--full {
		grid-column: auto;
	}

	.rt-form {
		padding: 1rem;
	}

	.rt-stub__rows {
		padding-inline: 0.85rem;
	}

	.rt-stub__head,
	.rt-stub__total {
		padding-inline: 0.85rem;
	}

	/* در عرض کم، هر ردیف فیش دوخطی می‌شود تا رقم‌ها به‌هم نریزند. */
	.rt-row {
		flex-wrap: wrap;
	}

	.rt-row::after {
		display: none;
	}

	.rt-row dt,
	.rt-row dd {
		flex: 1 1 100%;
	}

	.rt-row dd {
		text-align: start;
	}

	.rt-actions {
		flex-direction: column;
	}

	.rt-btn,
	.rt-btn--ghost {
		width: 100%;
	}
}