/* ================================================
   AMOTZ V4 — CREDENTIALS  (Figma 538:3478 §6)
   ================================================
   band    1440x229 · #FCFCF7 · padding 30/60 · centred
   row     1171x169 · two columns · gap 30
   col     heading 18/400 #C88D35, then a row of entries
   entry   name 18/600 #0B1A07 · desc 14/500 #0B1A07
   ================================================

   TWO COLUMNS OF DIFFERENT SHAPE, which is why they are a repeater rather than hard markup:
   השכלה אקדמית holds two entries that each have a NAME and a description (בר־אילן, סטנפורד),
   while ניסיון ציבורי holds three that are description-only. Same component, optional name. */

.azh-creds {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px var(--az-edge);
	background-color: #FCFCF7;
}

.azh-creds__inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 30px;
	width: 100%;
	max-width: 1320px;
}

.azh-creds__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* RTL start = right */
	gap: 16px;
	flex: 1 1 auto;
	min-width: 0;
}

.azh-creds__heading {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	text-align: right;
	color: #C88D35;
}

.azh-creds__items {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
}

.azh-creds__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 1 auto;
	min-width: 0;
}

.azh-creds__name {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	text-align: right;
	color: #0B1A07;
}

.azh-creds__desc {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-align: right;
	color: #0B1A07;
}

/* ------------------------------------------------
   RESPONSIVE
   ------------------------------------------------
   The two columns hold five entries between them across 1171px, so they crowd early. Columns
   stack first, then the entries within each column — a credentials strip that wraps awkwardly
   reads as a broken list rather than a CV. */
@media (max-width: 1100px) {
	.azh-creds__inner {
		flex-direction: column;
		gap: 24px;
	}
}

@media (max-width: 700px) {
	.azh-creds {
		padding: 28px 20px;
	}

	.azh-creds__items {
		flex-direction: column;
		gap: 16px;
	}
}

/* ------------------------------------------------
   COLUMN DIVIDER  (Line 125)
   ------------------------------------------------
   A 144px vertical hairline between the two columns, 1px #000000. The file exports it as
   `0x144` — zero WIDTH, because Figma stores a line as a path with no thickness and carries
   the weight in `strokeWeight` instead. Rendered literally that is an invisible element, which
   is exactly how it got missed on the first pass: the audit filtered for nodes with a fill,
   and a stroked line has none.

   The arithmetic confirms it belongs: the columns are 574 and 537 inside a 1171px row with a
   30px gap — 574 + 30 + 537 = 1141, leaving 30px, which is this line plus its two gaps. */
.azh-creds__rule {
	flex: none;
	align-self: center;
	width: 1px;
	height: 144px;
	/* The file draws this as flat 1px #000000. An earlier build softened it to 18% alpha on the
	   reasoning that full black would outweigh the #0B1A07 body copy — but against the design it
	   read as barely there, so it goes back to what the file says. */
	background-color: #000000;
}

@media (max-width: 1100px) {
	/* Stacked columns need a horizontal rule or none at all — a 144px vertical line between
	   two stacked blocks reads as a stray mark. */
	.azh-creds__rule { display: none; }
}