:root {
	--fatix-ink: #081a4b;
	--fatix-ink-deep: #051233;
	--fatix-cyan: #15c6ff;
	--fatix-blue: #2574ff;
	--fatix-lime: #7fdb32;
	--fatix-amber: #ffba1b;
	--fatix-orange: #ff7a1a;
	--fatix-text: #1a2743;
	--fatix-muted: #647694;
	--fatix-surface: rgba(255, 255, 255, 0.96);
	--fatix-page: #edf3ff;
	--fatix-line: rgba(8, 26, 75, 0.1);
	--fatix-shadow: 0 24px 60px rgba(8, 26, 75, 0.12);
}

.fatix-shell {
	margin: 0 auto;
	max-width: 1380px;
	padding: 10px 0 88px;
	color: var(--fatix-text);
}

.fatix-shell a,
.fatix-shell a:hover,
.fatix-shell a:focus-visible {
	text-decoration: none !important;
}

.fatix-section {
	margin-bottom: 40px;
	scroll-margin-top: 120px;
}

.fatix-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.fatix-section__head h3 {
	margin: 0;
	font-size: 1.5rem;
	line-height: 1.02;
	letter-spacing: -0.04em;
	color: var(--fatix-ink);
}

.fatix-section__head p {
	max-width: 62ch;
	margin: 10px 0 0;
	line-height: 1.7;
	color: var(--fatix-muted);
}

.fatix-section-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 30px;
}

.fatix-section-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border: 1px solid var(--fatix-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--fatix-ink);
	font-size: 0.95rem;
	font-weight: 600;
	box-shadow: var(--fatix-shadow);
}

.fatix-shell__stats,
.fatix-shell__grid,
.fatix-directory-grid,
.fatix-mini-grid,
.fatix-command__priorities,
.fatix-detail-grid {
	display: grid;
	gap: 18px;
}

.fatix-shell__stats {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 24px;
}

.fatix-shell__stats--compact {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fatix-shell__grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 24px;
}

.fatix-shell__grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 24px;
}

.fatix-shell__grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 24px;
}

.fatix-directory-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fatix-mini-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fatix-command,
.fatix-stat,
.fatix-card,
.fatix-tile,
.fatix-directory-card,
.fatix-mini-card {
	border: 1px solid var(--fatix-line);
	border-radius: 30px;
	background: var(--fatix-surface);
	box-shadow: var(--fatix-shadow);
}

.fatix-command {
	padding: 34px;
	margin-bottom: 30px;
	background:
		radial-gradient(circle at top left, rgba(21, 198, 255, 0.22), transparent 38%),
		radial-gradient(circle at top right, rgba(127, 219, 50, 0.18), transparent 34%),
		linear-gradient(135deg, var(--fatix-ink-deep), var(--fatix-ink));
	color: #fff;
}

.fatix-command__main {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.fatix-command__copy h2 {
	margin: 8px 0 14px;
	font-size: clamp(2rem, 4vw, 3.6rem);
	line-height: 0.96;
	letter-spacing: -0.05em;
	color: #fff;
}

.fatix-command__copy p {
	max-width: 60ch;
	margin: 0;
	font-size: 1rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.76);
}

.fatix-eyebrow,
.fatix-card__eyebrow {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fatix-eyebrow {
	background: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.78);
}

.fatix-card__eyebrow {
	background: rgba(8, 26, 75, 0.08);
	color: var(--fatix-muted);
}

.fatix-command__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.fatix-command__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 16px;
	text-decoration: none !important;
	font-weight: 700;
}

.fatix-command__button--secondary {
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #fff;
}

.fatix-command__button--ghost {
	background: #fff;
	color: var(--fatix-ink);
}

.fatix-command__priorities {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 22px;
}

.fatix-priority-link {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.92);
	text-decoration: none !important;
	color: var(--fatix-ink);
}

.fatix-priority-link span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--fatix-muted);
}

.fatix-priority-link strong {
	font-size: 1.55rem;
	line-height: 1;
	letter-spacing: -0.04em;
}

.fatix-stat,
.fatix-card,
.fatix-directory-card,
.fatix-mini-card,
.fatix-tile {
	padding: 24px;
}

.fatix-stat {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fatix-stat--link:hover,
.fatix-tile--link:hover,
.fatix-priority-link:hover,
.fatix-ranks a:hover,
.fatix-bars a:hover,
.fatix-site-nav__link:hover {
	transform: translateY(-2px);
}

.fatix-stat span,
.fatix-tile span,
.fatix-front-detail span {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--fatix-muted);
}

.fatix-stat strong {
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--fatix-ink);
}

.fatix-stat p,
.fatix-card p,
.fatix-directory-card p {
	margin: 0;
	color: var(--fatix-muted);
}

.fatix-studio-grid,
.fatix-studio-actions,
.fatix-manage-list,
.fatix-inline-actions {
	display: grid;
	gap: 14px;
}

.fatix-studio-grid {
	grid-template-columns: 1.1fr 1fr 1fr;
}

.fatix-action-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px;
	border-radius: 18px;
	border: 1px solid var(--fatix-line);
	background: #f7faff;
	color: var(--fatix-text);
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fatix-action-card strong {
	font-size: 1.05rem;
	line-height: 1.1;
	color: var(--fatix-ink);
}

.fatix-action-card span {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fatix-blue);
}

.fatix-manage-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fatix-manage-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--fatix-line);
}

.fatix-manage-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.fatix-manage-list__copy strong {
	display: block;
	margin-bottom: 4px;
	color: var(--fatix-ink);
}

.fatix-manage-list__copy span {
	font-size: 12px;
	font-weight: 600;
	color: var(--fatix-muted);
}

.fatix-inline-actions {
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	align-items: center;
	justify-content: end;
	gap: 8px;
}

.fatix-inline-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(37, 116, 255, 0.08);
	color: var(--fatix-ink);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}

.fatix-inline-actions a.is-danger {
	background: rgba(255, 122, 26, 0.12);
	color: #a14b00;
}

.fatix-results-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 16px 20px;
	margin-bottom: 28px;
	border: 1px solid var(--fatix-line);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--fatix-shadow);
}

.fatix-results-note p {
	margin: 0;
	color: var(--fatix-muted);
}

.fatix-stat em {
	margin-top: auto;
	font-style: normal;
	font-weight: 700;
	color: var(--fatix-blue);
}

.fatix-stat--warning strong {
	color: #8d5b00;
}

.fatix-stat--cool strong {
	color: var(--fatix-blue);
}

.fatix-stat--accent strong {
	color: #2d6f07;
}

.fatix-card header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 18px;
}

.fatix-card h3,
.fatix-directory-card h3 {
	margin: 0;
	font-size: 1.35rem;
	line-height: 1.04;
	letter-spacing: -0.04em;
	color: var(--fatix-ink);
}

.fatix-card--lane {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.fatix-card__cta,
.fatix-card__footer a,
.fatix-directory-card__foot a,
.fatix-mini-card,
.fatix-front-table a,
.fatix-overlap-list a {
	color: var(--fatix-blue);
	font-weight: 700;
	text-decoration: none !important;
}

.fatix-card__focus-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.fatix-card__footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 14px;
}

.fatix-card__empty {
	margin-top: 16px;
}

.fatix-tile {
	text-decoration: none;
	background: linear-gradient(135deg, rgba(8, 26, 75, 0.96), rgba(37, 116, 255, 0.95));
	color: #fff;
}

.fatix-tile span {
	color: rgba(255, 255, 255, 0.72);
}

.fatix-tile strong {
	display: block;
	margin-top: 10px;
	font-size: 2.2rem;
	line-height: 1;
}

.fatix-bars,
.fatix-ranks,
.fatix-overlap-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fatix-bars li,
.fatix-ranks li {
	margin-bottom: 12px;
}

.fatix-bars a,
.fatix-ranks a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid var(--fatix-line);
	text-decoration: none;
}

.fatix-bars li:last-child a,
.fatix-ranks li:last-child a {
	border-bottom: 0;
}

.fatix-bars a > div,
.fatix-ranks a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.fatix-bars a > span {
	display: block;
	height: 12px;
	margin-top: 8px;
	background: rgba(8, 26, 75, 0.08);
	border-radius: 999px;
	overflow: hidden;
}

.fatix-bars a > span i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--fatix-blue), var(--fatix-cyan), var(--fatix-lime));
}

.fatix-ranks strong {
	color: var(--fatix-muted);
}

.fatix-front-table {
	width: 100%;
	border-collapse: collapse;
}

.fatix-front-table-wrap {
	overflow-x: auto;
}

.fatix-front-table th,
.fatix-front-table td {
	padding: 14px 12px;
	border-bottom: 1px solid var(--fatix-line);
	text-align: left;
	vertical-align: top;
}

.fatix-front-table th {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--fatix-muted);
}

.fatix-overlap-list li {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 12px 0;
	border-bottom: 1px solid var(--fatix-line);
}

.fatix-filter-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 20px;
	margin-bottom: 28px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--fatix-line);
	box-shadow: var(--fatix-shadow);
}

.fatix-filter-bar input,
.fatix-filter-bar select,
.fatix-filter-bar button,
.fatix-filter-bar__reset {
	min-height: 46px;
	padding: 11px 14px;
	border-radius: 14px;
	border: 1px solid var(--fatix-line);
}

.fatix-filter-bar input {
	min-width: 280px;
	flex: 1 1 280px;
}

.fatix-filter-bar button {
	background: linear-gradient(135deg, var(--fatix-blue), var(--fatix-cyan));
	color: #fff;
	font-weight: 700;
	border: 0;
	cursor: pointer;
}

.fatix-filter-bar__reset {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: var(--fatix-ink);
	text-decoration: none !important;
	font-weight: 700;
}

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

.fatix-detail-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fatix-front-detail {
	padding: 20px;
	border-radius: 18px;
	background: #f7faff;
	border: 1px solid var(--fatix-line);
}

.fatix-front-detail strong {
	display: block;
	margin-top: 10px;
	color: var(--fatix-ink);
}

.fatix-front-detail .fatix-pill {
	margin-top: 10px;
}

.fatix-prose {
	color: var(--fatix-text);
}

.fatix-prose h3 {
	margin: 0 0 12px;
	font-size: 1rem;
	letter-spacing: -0.02em;
	color: var(--fatix-ink);
}

.fatix-directory-card__meta,
.fatix-directory-card__foot,
.fatix-chip-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.fatix-directory-card__meta span {
	font-size: 12px;
	font-weight: 700;
	color: var(--fatix-muted);
}

.fatix-directory-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.fatix-directory-card h3 a {
	color: var(--fatix-ink);
	text-decoration: none;
}

.fatix-chip-row {
	margin: 4px 0 0;
	justify-content: flex-start;
}

.fatix-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	background: rgba(8, 26, 75, 0.08);
	color: var(--fatix-ink);
	text-decoration: none;
}

.fatix-chip--dark {
	background: rgba(37, 116, 255, 0.12);
}

.fatix-chip--ai {
	background: rgba(127, 219, 50, 0.18);
	color: #2e680a;
}

.fatix-chip--review {
	background: rgba(255, 186, 27, 0.22);
	color: #8b5c00;
}

.fatix-chip--muted {
	background: rgba(8, 26, 75, 0.08);
	color: var(--fatix-muted);
}

.fatix-mini-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-decoration: none;
}

.fatix-mini-card span {
	font-size: 12px;
	font-weight: 700;
	color: var(--fatix-muted);
}

.fatix-status-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.fatix-status-row--sub {
	margin-top: -4px;
}

.fatix-pill {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	background: rgba(8, 26, 75, 0.08);
	color: var(--fatix-ink);
}

.fatix-pill--lifecycle-active {
	background: rgba(37, 116, 255, 0.14);
	color: var(--fatix-ink);
}

.fatix-pill--lifecycle-pilot,
.fatix-pill--review-under-review {
	background: rgba(255, 186, 27, 0.2);
	color: #8b5c00;
}

.fatix-pill--lifecycle-proposed,
.fatix-pill--review-not-reviewed {
	background: rgba(255, 122, 26, 0.16);
	color: #a14b00;
}

.fatix-pill--lifecycle-sunset,
.fatix-pill--review-restricted {
	background: rgba(255, 186, 27, 0.12);
	color: #8c5b00;
}

.fatix-pill--lifecycle-retired,
.fatix-pill--review-no-review-needed,
.fatix-pill--boolean-no,
.fatix-pill--review-none,
.fatix-pill--lifecycle-none,
.fatix-pill--boolean-none,
.fatix-pill--none {
	background: rgba(8, 26, 75, 0.08);
	color: var(--fatix-muted);
}

.fatix-pill--review-approved,
.fatix-pill--boolean-yes {
	background: rgba(127, 219, 50, 0.18);
	color: #2f6e0b;
}

.fatix-doc-list {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: grid;
	gap: 10px;
}

.fatix-doc-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid var(--fatix-line);
	background: rgba(255, 255, 255, 0.8);
}

.fatix-doc-list a {
	font-weight: 700;
}

@media (max-width: 1100px) {
	.fatix-shell__stats,
	.fatix-command__priorities,
	.fatix-shell__grid--4,
	.fatix-shell__grid--3,
	.fatix-shell__grid--2,
	.fatix-studio-grid,
	.fatix-directory-grid,
	.fatix-mini-grid,
	.fatix-detail-grid--4,
	.fatix-detail-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.fatix-command {
		padding: 22px;
	}

		.fatix-command__main,
		.fatix-card__focus-head,
		.fatix-section__head,
		.fatix-results-note {
			flex-direction: column;
			align-items: flex-start;
		}

		.fatix-shell__stats,
		.fatix-shell__stats--compact,
		.fatix-command__priorities,
		.fatix-shell__grid--4,
		.fatix-shell__grid--3,
		.fatix-shell__grid--2,
		.fatix-studio-grid,
		.fatix-directory-grid,
		.fatix-mini-grid,
		.fatix-detail-grid--4,
		.fatix-detail-grid--3 {
			grid-template-columns: 1fr;
		}

		.fatix-filter-bar {
			flex-direction: column;
			align-items: stretch;
		}

		.fatix-inline-actions {
			grid-auto-flow: row;
			justify-content: start;
		}
	}