/* Страница «Атомные привычки»: спокойная тема — тёмно-синий, золото, зелёный на кремовом фоне. */

.ah-page {
	--ah-navy: #1a2b57;
	--ah-navy-deep: #101a38;
	--ah-gold: #c9a227;
	--ah-green: #2f6f4e;
	--ah-cream: #faf6ec;
	--ah-cream-deep: #f1e9d4;
}

/* ─── Вступительная карточка с эпиграфом ─── */
.ah-hero {
	position: relative;
	overflow: hidden;
	border: none;
	border-radius: 1.25rem;
	background: linear-gradient(135deg, var(--ah-navy) 0%, var(--ah-navy-deep) 100%);
	color: var(--ah-cream);
	box-shadow: 0 20px 50px rgba(16, 26, 56, 0.25);
}

.ah-hero__body {
	position: relative;
	z-index: 1;
	padding: 2rem 2.25rem;
}

.ah-hero__quote {
	margin: 0;
	border-left: 3px solid var(--ah-gold);
	padding-left: 1.1rem;
	color: rgba(250, 246, 236, 0.92);
	font-size: 1.05rem;
	font-style: italic;
	line-height: 1.6;
}

/* ─── Шаг «Вся система за две минуты» ─── */
.ah-loop-step {
	height: 100%;
	border: none;
	border-top: 3px solid var(--ah-gold);
	border-radius: 0.75rem;
	background: var(--ah-cream);
}

[data-bs-theme='dark'] .ah-loop-step {
	background: rgba(201, 162, 39, 0.08);
}

.ah-loop-step__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--ah-navy);
	color: var(--ah-cream);
	font-weight: 700;
}

[data-bs-theme='dark'] .ah-loop-step__number {
	background: var(--ah-gold);
	color: var(--ah-navy-deep);
}

/* ─── Печатный рабочий лист (поля для заполнения) ─── */
.ah-worksheet {
	border: 1px dashed var(--bs-border-color, #dee2e6);
	border-radius: 0.75rem;
	background: var(--ah-cream);
}

[data-bs-theme='dark'] .ah-worksheet {
	background: rgba(255, 255, 255, 0.03);
}

.ah-worksheet-field {
	margin-bottom: 1rem;
}

.ah-worksheet-field:last-child {
	margin-bottom: 0;
}

.ah-worksheet-field__label {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--ah-navy);
	font-size: 0.875rem;
	font-weight: 600;
}

[data-bs-theme='dark'] .ah-worksheet-field__label {
	color: var(--ah-gold);
}

.ah-worksheet-field__line {
	height: 1.6rem;
	border-bottom: 1.5px solid var(--bs-border-color, #adb5bd);
}

/* ─── Недели плана на 30 дней ─── */
.ah-week-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--ah-navy);
}

[data-bs-theme='dark'] .ah-week-header {
	color: var(--ah-gold);
}

.ah-week-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
	background: var(--ah-navy);
	color: var(--ah-cream);
	font-weight: 700;
	font-size: 0.85rem;
}

[data-bs-theme='dark'] .ah-week-badge {
	background: var(--ah-gold);
	color: var(--ah-navy-deep);
}

.ah-day-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ah-day-list li {
	display: flex;
	gap: 0.65rem;
	padding: 0.4rem 0;
	border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.075));
	font-size: 0.9rem;
}

.ah-day-list li:last-child {
	border-bottom: none;
}

.ah-day-list strong {
	flex: 0 0 auto;
	color: var(--ah-green);
	white-space: nowrap;
}

[data-bs-theme='dark'] .ah-day-list strong {
	color: #6fbf94;
}

/* ─── Итоговая памятка (две колонки) ─── */
.ah-memo-card {
	height: 100%;
	border: none;
	border-radius: 0.75rem;
}

.ah-memo-card--do {
	background: rgba(47, 111, 78, 0.08);
	border-left: 4px solid var(--ah-green);
}

.ah-memo-card--dont {
	background: rgba(201, 162, 39, 0.1);
	border-left: 4px solid var(--ah-gold);
}

/* ─── Финальный вывод ─── */
.ah-conclusion {
	border: none;
	border-left: 4px solid var(--ah-navy);
	background: rgba(26, 43, 87, 0.05);
}

[data-bs-theme='dark'] .ah-conclusion {
	border-left-color: var(--ah-gold);
	background: rgba(201, 162, 39, 0.08);
}