/*
 * Dalil — public styles.
 *
 * Arabic-first: every box uses logical properties, so switching the document to
 * LTR mirrors the whole layout with no separate stylesheet.
 *
 * Override any token from your theme:
 *   .dalil-guide, .dalil-form-wrap { --dalil-accent: #your-brand; }
 */

.dalil-guide,
.dalil-wrap,
.dalil-form-wrap,
.dalil-tickets-wrap,
.dalil-roadmap,
.dalil-cards {
	--dalil-paper: #fcfbf9;
	--dalil-ink: #131211;
	--dalil-muted: #615d57;
	--dalil-surface: #f2efea;
	--dalil-hairline: #e6e2db;
	--dalil-accent: #131211;
	--dalil-alert: #da2818;
	--dalil-radius: 0px;
	--dalil-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;

	color: var(--dalil-ink);
	line-height: 1.75;
}

@media (prefers-color-scheme: dark) {
	.dalil-guide,
	.dalil-wrap,
	.dalil-form-wrap,
	.dalil-tickets-wrap,
	.dalil-roadmap,
	.dalil-cards {
		--dalil-paper: #131211;
		--dalil-ink: #fcfbf9;
		--dalil-muted: #a7a099;
		--dalil-surface: #1d1b19;
		--dalil-hairline: #302c29;
		--dalil-accent: #fcfbf9;
		--dalil-alert: #ff5340;
	}
}

.dalil-wrap {
	max-width: 1280px;
	margin-inline: auto;
	padding: 32px 20px 96px;
}

/* ---------------------------------------------------------------- toolbar */

.dalil-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	margin-block-end: 24px;
}

.dalil-search {
	flex: 1 1 260px;
	max-width: 420px;
}

.dalil-search input {
	inline-size: 100%;
	padding: 10px 14px;
	font: inherit;
	color: var(--dalil-ink);
	background: var(--dalil-paper);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-search input:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 1px;
}

/* ------------------------------------------------------------------ guide */

.dalil-guide {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 0;
}

.dalil-nav {
	position: sticky;
	inset-block-start: 0;
	align-self: start;
	max-block-size: 100vh;
	overflow-y: auto;
	padding: 8px 0 48px;
	padding-inline-end: 24px;
	border-inline-end: 1px solid var(--dalil-hairline);
}

.dalil-brand {
	margin: 0 0 2px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
}

.dalil-ver {
	font-family: var(--dalil-mono);
	font-size: 0.7rem;
	color: var(--dalil-muted);
	letter-spacing: 0.04em;
}

.dalil-toc {
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.dalil-toc a {
	display: block;
	padding: 5px 0;
	padding-inline-start: 10px;
	margin-inline-start: -12px;
	font-size: 0.84rem;
	color: var(--dalil-muted);
	text-decoration: none;
	border-inline-start: 2px solid transparent;
}

.dalil-toc a:hover {
	color: var(--dalil-ink);
}

.dalil-toc a.is-current {
	font-weight: 700;
	color: var(--dalil-ink);
	border-inline-start-color: var(--dalil-alert);
}

.dalil-toc a:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 2px;
}

.dalil-main {
	min-inline-size: 0;
	padding-inline-start: 40px;
}

/* ----------------------------------------------------------------- header */

.dalil-top {
	padding-block-end: 26px;
	margin-block-end: 40px;
	border-block-end: 1px solid var(--dalil-ink);
}

.dalil-title {
	margin: 0 0 12px;
	font-size: clamp(2.1rem, 5vw, 3.2rem);
	line-height: 1.08;
	text-wrap: balance;
}

.dalil-sub {
	max-inline-size: 62ch;
	margin: 0;
	font-size: 1.03rem;
	color: var(--dalil-muted);
}

.dalil-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-start: 20px;
}

.dalil-fact {
	padding: 5px 11px;
	font-family: var(--dalil-mono);
	font-size: 0.73rem;
	color: var(--dalil-muted);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-fact b {
	color: var(--dalil-ink);
}

.dalil-updated {
	margin-block-start: 14px;
	font-size: 0.8rem;
	color: var(--dalil-muted);
}

/* --------------------------------------------------------------- chapters */

.dalil-chapter {
	margin-block-end: 60px;
	scroll-margin-block-start: 16px;
}

.dalil-chapter > h2 {
	padding-block-end: 10px;
	margin: 0 0 6px;
	font-size: 1.7rem;
	border-block-end: 1px solid var(--dalil-ink);
	text-wrap: balance;
}

.dalil-group > h3,
.dalil-section > h3 {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	align-items: baseline;
	margin: 32px 0 8px;
	font-size: 1.14rem;
}

.dalil-count {
	padding: 1px 6px;
	font-family: var(--dalil-mono);
	font-size: 0.66rem;
	font-weight: 400;
	color: var(--dalil-muted);
	border: 1px solid var(--dalil-hairline);
}

.dalil-lede {
	max-inline-size: 68ch;
	margin: 0 0 14px;
	color: var(--dalil-muted);
}

.dalil-prose p {
	max-inline-size: 68ch;
	margin: 0 0 14px;
}

.dalil-prose ul,
.dalil-prose ol {
	max-inline-size: 68ch;
	margin: 0 0 16px;
	padding-inline-start: 20px;
}

.dalil-path code,
.dalil-key {
	font-size: 0.78rem;
	color: var(--dalil-muted);
}

.dalil-thumb {
	max-inline-size: 420px;
	margin: 0 0 14px;
}

.dalil-thumb img {
	display: block;
	max-inline-size: 100%;
	height: auto;
	border: 1px solid var(--dalil-hairline);
}

/* ----------------------------------------------------------------- tables */

.dalil-tw {
	margin-block-end: 14px;
	overflow-x: auto;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-table {
	inline-size: 100%;
	min-inline-size: 640px;
	font-size: 0.83rem;
	border-collapse: collapse;
}

.dalil-table th {
	padding: 9px 12px;
	font-size: 0.72rem;
	font-weight: 700;
	text-align: start;
	white-space: nowrap;
	letter-spacing: 0.05em;
	background: var(--dalil-surface);
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-table td {
	padding: 10px 12px;
	vertical-align: top;
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-table tr:last-child td {
	border-block-end: 0;
}

.dalil-c-name { inline-size: 23%; }
.dalil-c-type { inline-size: 12%; }
.dalil-c-def {
	inline-size: 14%;
	font-variant-numeric: tabular-nums;
}

.dalil-key {
	display: block;
	padding: 0;
	margin-block-start: 4px;
	font-family: var(--dalil-mono);
	font-size: 0.68rem;
	word-break: break-all;
	background: none;
	border: 0;
}

.dalil-child {
	display: block;
	font-size: 0.68rem;
	font-weight: 400;
	color: var(--dalil-muted);
}

.dalil-type {
	font-family: var(--dalil-mono);
	font-size: 0.7rem;
	color: var(--dalil-muted);
}

.dalil-meta {
	display: block;
	margin-block-start: 3px;
	font-family: var(--dalil-mono);
	font-size: 0.66rem;
	color: var(--dalil-muted);
}

.dalil-dash {
	color: var(--dalil-muted);
}

.dalil-opts {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-block-start: 7px;
}

.dalil-opt {
	padding: 1px 6px;
	font-size: 0.7rem;
	color: var(--dalil-muted);
	border: 1px solid var(--dalil-hairline);
}

.dalil-opt code {
	padding: 0;
	font-size: 0.95em;
	color: var(--dalil-ink);
	background: none;
	border: 0;
}

/* ------------------------------------------------------------ notes, code */

.dalil-note {
	padding: 2px 16px;
	margin: 0 0 18px;
	border-inline-start: 2px solid var(--dalil-ink);
}

.dalil-note--warn {
	border-inline-start-color: var(--dalil-alert);
}

.dalil-note-label {
	display: block;
	margin-block-end: 2px;
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--dalil-muted);
	letter-spacing: 0.06em;
}

.dalil-note--warn .dalil-note-label {
	color: var(--dalil-alert);
}

.dalil-code {
	padding: 14px 16px;
	margin: 0 0 16px;
	overflow-x: auto;
	font-size: 0.82rem;
	background: var(--dalil-surface);
	border: 1px solid var(--dalil-hairline);
}

/* ---------------------------------------------------- faq, steps, gallery */

.dalil-faq-item {
	padding: 12px 0;
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-faq-item summary {
	font-weight: 700;
	cursor: pointer;
}

.dalil-faq-item summary:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 2px;
}

.dalil-faq-item[open] summary {
	margin-block-end: 8px;
}

.dalil-steps {
	max-inline-size: 68ch;
	padding-inline-start: 20px;
}

.dalil-steps li {
	margin-block-end: 12px;
}

.dalil-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
}

.dalil-gallery figure {
	margin: 0;
}

.dalil-gallery img {
	display: block;
	inline-size: 100%;
	height: auto;
	border: 1px solid var(--dalil-hairline);
}

.dalil-gallery figcaption {
	margin-block-start: 6px;
	font-size: 0.78rem;
	color: var(--dalil-muted);
}

/* ------------------------------------------------------------------ cards */

.dalil-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
}

.dalil-card {
	display: block;
	color: inherit;
	text-decoration: none;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
	transition: border-color 0.15s ease;
}

.dalil-card:hover {
	border-color: var(--dalil-ink);
}

.dalil-card-thumb img {
	display: block;
	inline-size: 100%;
	height: auto;
}

.dalil-card-body {
	display: block;
	padding: 16px 18px;
}

.dalil-card-title {
	display: block;
	font-size: 1.05rem;
	font-weight: 700;
}

.dalil-card-ver {
	display: block;
	margin-block-start: 2px;
	font-family: var(--dalil-mono);
	font-size: 0.7rem;
	color: var(--dalil-muted);
}

.dalil-card-lede {
	display: block;
	margin-block-start: 8px;
	font-size: 0.85rem;
	color: var(--dalil-muted);
}

/* ------------------------------------------------------------------ forms */

.dalil-form-wrap,
.dalil-tickets-wrap,
.dalil-roadmap {
	max-inline-size: 720px;
	margin-inline: auto;
}

.dalil-roadmap {
	max-inline-size: 860px;
}

.dalil-notice {
	padding: 12px 16px;
	margin-block-end: 24px;
	font-size: 0.92rem;
	background: var(--dalil-surface);
	border-inline-start: 2px solid var(--dalil-ink);
}

.dalil-notice--warn {
	border-inline-start-color: var(--dalil-alert);
}

.dalil-form-heading {
	margin: 0 0 16px;
}

.dalil-field {
	margin-block-end: 18px;
}

.dalil-field > label,
.dalil-field > legend {
	display: block;
	margin-block-end: 6px;
	font-size: 0.88rem;
	font-weight: 700;
}

.dalil-field input[type="text"],
.dalil-field input[type="email"],
.dalil-field input[type="url"],
.dalil-field select,
.dalil-field textarea {
	inline-size: 100%;
	padding: 10px 12px;
	font: inherit;
	color: var(--dalil-ink);
	background: var(--dalil-paper);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-field textarea {
	resize: vertical;
}

.dalil-field input:focus-visible,
.dalil-field select:focus-visible,
.dalil-field textarea:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 1px;
}

/* -------------------------------------------------- custom select (combo.js) */

/*
 * Once combo.js runs it hides the native <select> and shows this. Without JS,
 * .dalil-combo never exists and the native control is the whole story.
 */
.dalil-combo {
	position: relative;
}

.dalil-combo-native {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	clip-path: inset(50%);
	pointer-events: none;
}

.dalil-combo-button {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	inline-size: 100%;
	padding: 10px 12px;
	font: inherit;
	color: var(--dalil-ink);
	text-align: start;
	cursor: pointer;
	background: var(--dalil-paper);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-combo-button:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 1px;
}

.dalil-combo-value {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dalil-combo-caret {
	flex: none;
	inline-size: 18px;
	block-size: 18px;
	fill: none;
	stroke: var(--dalil-muted);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.15s ease;
}

.dalil-combo-button[aria-expanded="true"] .dalil-combo-caret {
	transform: rotate(180deg);
}

.dalil-combo-list {
	position: absolute;
	inset-block-start: calc(100% + 4px);
	inset-inline: 0;
	z-index: 40;
	max-block-size: 280px;
	margin: 0;
	padding: 4px;
	overflow-y: auto;
	list-style: none;
	background: var(--dalil-paper);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
	box-shadow: 0 12px 32px -12px rgb(0 0 0 / 35%);
}

.dalil-combo-list:focus-visible {
	outline: none;
}

.dalil-combo-option {
	padding: 9px 12px;
	font-size: 0.92rem;
	line-height: 1.5;
	cursor: pointer;
	border-radius: calc(var(--dalil-radius) - 1px);
}

/* The active row — hover or keyboard — reads as a subtle fill; the chosen row
   carries the accent so the current value is unmistakable when reopened. */
.dalil-combo-option.is-active {
	background: var(--dalil-surface);
}

.dalil-combo-option[aria-selected="true"] {
	font-weight: 700;
	color: var(--dalil-accent);
}

.dalil-combo-option[aria-selected="true"].is-active {
	color: var(--dalil-paper);
	background: var(--dalil-accent);
}

.dalil-combo-option[aria-disabled="true"] {
	color: var(--dalil-muted);
	cursor: default;
}

@media (prefers-reduced-motion: reduce) {
	.dalil-combo-caret {
		transition: none;
	}
}

/* The 4-digit login code: big, spaced, unmistakably a code to type.
   The selector is scoped through .dalil-form--code so it outranks the generic
   .dalil-field input[type="text"] rule above and its font-size actually lands. */
.dalil-form--code .dalil-field input.dalil-code-input {
	inline-size: 100%;
	max-inline-size: 240px;
	padding: 14px 12px;
	font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 14px;
	text-align: center;
	color: var(--dalil-ink);
	background: var(--dalil-surface);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-form--code .dalil-code-input:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 1px;
}

.dalil-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0 16px;
}

.dalil-hint {
	margin: 6px 0 0;
	font-size: 0.8rem;
	color: var(--dalil-muted);
}

.dalil-consent {
	padding: 10px 14px;
	margin-block-end: 18px;
	font-size: 0.82rem;
	color: var(--dalil-muted);
	background: var(--dalil-surface);
}

.dalil-field--types {
	padding: 0;
	border: 0;
}

.dalil-types {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dalil-type-opt {
	position: relative;
}

.dalil-type-opt input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.dalil-type-opt span {
	display: block;
	padding: 8px 16px;
	font-size: 0.88rem;
	cursor: pointer;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-type-opt input:checked + span {
	color: var(--dalil-paper);
	background: var(--dalil-ink);
	border-color: var(--dalil-ink);
}

.dalil-type-opt input:focus-visible + span {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 2px;
}

/* The honeypot must be invisible to people and present to machines. */
.dalil-hp {
	position: absolute !important;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.dalil-btn {
	display: inline-block;
	padding: 11px 22px;
	font: inherit;
	font-weight: 700;
	color: var(--dalil-paper);
	text-decoration: none;
	cursor: pointer;
	background: var(--dalil-ink);
	border: 1px solid var(--dalil-ink);
	border-radius: var(--dalil-radius);
}

.dalil-btn--ghost {
	color: var(--dalil-ink);
	background: transparent;
	border-color: var(--dalil-hairline);
}

.dalil-btn--sm {
	padding: 8px 16px;
	font-size: 0.86rem;
}

.dalil-btn:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 2px;
}

.dalil-form-foot {
	margin-block-start: 24px;
	font-size: 0.88rem;
	color: var(--dalil-muted);
}

/* ---------------------------------------------------------------- tickets */

.dalil-panel {
	padding: 24px;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-tickets-head {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	padding-block-end: 16px;
	margin-block-end: 24px;
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-tickets-head h2 {
	margin: 0;
}

.dalil-ticket {
	margin-block-end: 12px;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-ticket > summary {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	padding: 14px 18px;
	cursor: pointer;
}

.dalil-ticket > summary:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: -2px;
}

.dalil-ticket-ref {
	font-family: var(--dalil-mono);
	font-size: 0.74rem;
	color: var(--dalil-muted);
}

.dalil-ticket-title {
	flex: 1 1 200px;
	font-weight: 700;
}

.dalil-badge {
	padding: 3px 10px;
	font-size: 0.74rem;
	color: #fff;
	white-space: nowrap;
	background: var(--dalil-badge, var(--dalil-muted));
	border-radius: var(--dalil-radius);
}

.dalil-ticket-body {
	padding: 0 18px 18px;
	border-block-start: 1px solid var(--dalil-hairline);
}

.dalil-ticket-meta {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 4px 16px;
	margin: 16px 0;
	font-size: 0.84rem;
}

.dalil-ticket-meta dt {
	color: var(--dalil-muted);
}

.dalil-ticket-meta dd {
	margin: 0;
}

.dalil-thread {
	margin-block-start: 20px;
	border-block-start: 1px solid var(--dalil-hairline);
}

.dalil-reply {
	padding-block: 14px;
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-reply header {
	display: flex;
	gap: 10px;
	align-items: baseline;
	margin-block-end: 6px;
	font-size: 0.8rem;
}

.dalil-reply time {
	color: var(--dalil-muted);
}

.dalil-form--reply {
	margin-block-start: 18px;
}

/* ---------------------------------------------------------------- roadmap */

.dalil-roadmap-head {
	padding-block-end: 16px;
	margin-block-end: 20px;
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-block-start: 12px;
}

.dalil-filter {
	padding: 5px 12px;
	font-size: 0.82rem;
	color: var(--dalil-muted);
	text-decoration: none;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-filter.is-on {
	color: var(--dalil-paper);
	background: var(--dalil-badge, var(--dalil-ink));
	border-color: transparent;
}

.dalil-roadmap-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dalil-roadmap-item {
	display: flex;
	gap: 16px;
	padding: 18px 0;
	border-block-end: 1px solid var(--dalil-hairline);
}

.dalil-vote {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: center;
	align-self: flex-start;
	min-inline-size: 56px;
	padding: 8px 6px;
	font: inherit;
	color: var(--dalil-muted);
	cursor: pointer;
	background: transparent;
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-vote.is-voted {
	color: var(--dalil-paper);
	background: var(--dalil-ink);
	border-color: var(--dalil-ink);
}

.dalil-vote:focus-visible {
	outline: 2px solid var(--dalil-accent);
	outline-offset: 2px;
}

.dalil-vote-arrow {
	font-size: 0.7rem;
	line-height: 1;
}

.dalil-vote-count {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.dalil-roadmap-body h3 {
	margin: 0 0 6px;
	font-size: 1.05rem;
}

.dalil-roadmap-excerpt {
	margin: 0 0 10px;
	font-size: 0.88rem;
	color: var(--dalil-muted);
}

.dalil-roadmap-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}

.dalil-chip {
	padding: 3px 10px;
	font-size: 0.74rem;
	color: var(--dalil-muted);
	border: 1px solid var(--dalil-hairline);
	border-radius: var(--dalil-radius);
}

.dalil-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-block-start: 24px;
}

.dalil-page {
	padding: 6px 12px;
	font-size: 0.84rem;
	color: var(--dalil-muted);
	text-decoration: none;
	border: 1px solid var(--dalil-hairline);
}

.dalil-page.is-on {
	color: var(--dalil-paper);
	background: var(--dalil-ink);
	border-color: var(--dalil-ink);
}

.dalil-empty {
	padding: 32px 0;
	color: var(--dalil-muted);
	text-align: center;
}

/* --------------------------------------------------------------- adaptive */

.dalil-hidden {
	display: none !important;
}

@media (max-width: 900px) {
	.dalil-guide {
		grid-template-columns: 1fr;
	}

	.dalil-nav {
		position: static;
		max-block-size: none;
		padding-inline-end: 0;
		padding-block-end: 20px;
		margin-block-end: 24px;
		border-inline-end: 0;
		border-block-end: 1px solid var(--dalil-hairline);
	}

	.dalil-toc {
		columns: 2;
		column-gap: 20px;
	}

	.dalil-main {
		padding-inline-start: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dalil-card {
		transition: none;
	}
}