.etnet-chapter-wrapper {
	direction: rtl;
	text-align: right;
}

.etnet-story-title {
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 4px;
}

.etnet-story-title a {
	text-decoration: none;
	border-bottom: 1px dashed currentColor;
}

.etnet-chapter-title {
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 1em;
}

.etnet-share-wrap {
	position: relative;
	text-align: center;
	margin: 2em 0 1em;
}

.etnet-share-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #E8C547;
	color: #5F4B66;
	border: none;
	border-radius: 20px;
	padding: 8px 16px;
	font-size: 0.9em;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.etnet-share-btn:hover {
	filter: brightness(1.05);
}

.etnet-share-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 50;
	margin-top: 6px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	direction: rtl;
}

.etnet-share-menu a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	color: #30323D;
	white-space: nowrap;
}

.etnet-share-menu a:hover {
	background: #f2f4f8;
	border-radius: 6px;
}

.etnet-contact-copy-btn-inline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #cdd1dc;
	border-radius: 5px;
	width: 28px;
	height: 28px;
	margin-inline-start: 6px;
	padding: 0;
	line-height: 1;
	cursor: pointer;
	color: #30323D;
	vertical-align: middle;
}

.etnet-contact-copy-btn-inline svg {
	display: block;
	pointer-events: none;
}

.etnet-contact-copy-btn-inline:hover,
.etnet-contact-copy-btn-inline:focus,
.etnet-contact-copy-btn-inline:active {
	background: #eef2fa;
	border-color: #5C80BC;
	color: #30323D;
}

.etnet-position-restored {
	animation: etnet-position-glow 2.5s ease;
}

@keyframes etnet-position-glow {
	0%   { background-color: rgba(232, 197, 71, 0.35); }
	100% { background-color: transparent; }
}

.etnet-bookmark-nudge {
	direction: rtl;
	text-align: center;
	max-width: 640px;
	margin: 2em auto 0;
	padding: 10px 16px;
	background: #f7f9fc;
	border: 1px solid #e2e6ee;
	border-radius: 8px;
	font-size: 0.9em;
	color: #444;
}

.etnet-bookmark-nudge a {
	color: #5C80BC;
	font-weight: 600;
	text-decoration: none;
	margin-inline-start: 6px;
}

.etnet-bookmark-nudge a:hover {
	text-decoration: underline;
}

.etnet-bookmark-nudge p {
	margin: 0 0 8px;
}

.etnet-pwl-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.etnet-pwl-email-input {
	width: 100%;
	max-width: 240px;
}

.etnet-pwl-email-input,
.etnet-pwl-code-input {
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 0.95em;
	direction: ltr;
	text-align: center;
}

.etnet-pwl-code-input {
	width: 100px;
	letter-spacing: 2px;
}

.etnet-pwl-updates-label {
	font-size: 0.85em;
}

.etnet-pwl-send-btn {
	margin-top: 6px;
	background: #E8C547;
	color: #30323D;
}

.etnet-pwl-send-btn,
.etnet-pwl-verify-btn {
	padding: 6px 14px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
}

.etnet-pwl-verify-btn {
	background: #5C80BC;
	color: #fff;
}

.etnet-pwl-send-btn:hover,
.etnet-pwl-verify-btn:hover {
	filter: brightness(1.08);
}

.etnet-pwl-message {
	margin: 8px 0 0;
	font-size: 0.85em;
	min-height: 1.2em;
}

.etnet-read-badge {
	display: inline-block;
	background: #eef7ee;
	color: #2a662a;
	border: 1px solid #bfe3bf;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 0.9em;
}

.etnet-chapter-body h3 {
	font-size: 1.2em;
	margin-top: 1.6em;
}

.etnet-chapter-body .etnet-subtitle {
	font-size: 1.15em;
	text-align: center;
	margin: 1.6em auto 1.2em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #E8C547;
	display: table;
}

.etnet-children-toc {
	margin-top: 2em;
	padding: 1.2em 1.4em;
	background: #f7f9fc;
	border: 1px solid #e2e6ee;
	border-radius: 8px;
}

.etnet-children-toc-heading {
	margin: 0 0 0.6em;
	font-size: 1.05em;
}

.etnet-children-toc-list {
	margin: 0;
	padding-inline-start: 1.4em;
}

.etnet-children-toc-list li {
	margin-bottom: 0.4em;
}

.etnet-children-toc-read {
	color: #2a662a;
	font-size: 0.9em;
}

/* ניווט בצורת צלב (D-pad): למעלה/למטה בתוך אותו הסיפור, שמאלה/ימינה לסיפור מצטלב */
.etnet-navigation-cross {
	direction: ltr; /* קיבוע מיקום פיזי של שמאל/ימין, ללא תלות בכיווניות העמוד */
	margin: 2.5em auto 0;
	padding-top: 1.5em;
	border-top: 1px solid #e2e2e2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.etnet-cross-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.etnet-cross-btn,
.etnet-cross-center {
	width: 104px;
	min-height: 92px;
}

.etnet-cross-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
	border-radius: 14px;
	text-decoration: none;
	text-align: center;
	direction: rtl; /* הכיתוב עצמו בעברית */
	transition: transform 0.15s ease, opacity 0.15s ease, filter 0.15s ease;
}

.etnet-cross-btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.05);
}

.etnet-cross-arrow {
	font-size: 1.7em;
	line-height: 1;
	margin-bottom: 4px;
}

.etnet-cross-label {
	font-size: 0.78em;
	font-weight: 600;
	line-height: 1.25;
}

.etnet-cross-extra {
	display: block;
	font-size: 0.68em;
	font-weight: normal;
	line-height: 1.2;
	margin-top: 2px;
	opacity: 0.85;
}

.etnet-cross-center {
	visibility: hidden;
}

.etnet-cross-center-active {
	visibility: visible;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px 8px;
	border-radius: 14px;
	background: #CDD1C4;
	color: #30323D;
	font-size: 0.82em;
	font-weight: 600;
	line-height: 1.3;
	direction: rtl;
	text-decoration: none;
	transition: filter 0.15s ease, transform 0.15s ease;
}

.etnet-cross-center-active:hover {
	filter: brightness(0.95);
	transform: translateY(-2px);
	color: #30323D;
}

.etnet-cross-up,
.etnet-cross-down {
	background: #5C80BC;
	color: #ffffff;
}

/* מעבר לסיפור הבא (לא רק "פרק הבא" בתוך אותו הסיפור) - צבע נפרד ומובחן */
.etnet-cross-down-nextstory {
	background: #5F4B66;
	color: #ffffff;
}

.etnet-cross-left,
.etnet-cross-right {
	background: #E8C547;
	color: #30323D;
}

.etnet-cross-disabled {
	cursor: default;
	pointer-events: none;
}

.etnet-cross-btn.etnet-cross-disabled {
	background: transparent;
	border: 2px dashed #d5d5d5;
	color: #b0b0b0;
}

@media (max-width: 480px) {
	.etnet-cross-btn,
	.etnet-cross-center {
		width: 86px;
		min-height: 80px;
	}
	.etnet-cross-arrow {
		font-size: 1.4em;
	}
	.etnet-cross-label {
		font-size: 0.72em;
	}
}

/* טבלת התקדמות קריאה - שורטקוד [etnet_progress] */
.etnet-progress-wrap {
	direction: rtl;
	text-align: right;
	/* רשת ביטחון: אם טבלה כלשהי רחבה מהמסך, היא נגללת בתוך הקופסה שלה
	   ולא מרחיבה את כל הדף (מה שגרם לדף להיטען מוזז הצידה בנייד). */
	max-width: 100%;
	overflow-x: auto;
}

.etnet-progress-table {
	width: 100%;
	border-collapse: collapse;
}

.etnet-progress-table th,
.etnet-progress-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #e5e5e5;
	text-align: right;
	vertical-align: middle;
}

.etnet-progress-bar-outer {
	background: #eee;
	border-radius: 10px;
	height: 10px;
	width: 100%;
	max-width: 160px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

.etnet-progress-bar-inner {
	background: #2271b1;
	height: 100%;
}

.etnet-progress-label {
	display: block;
	font-size: 0.85em;
	color: #555;
	margin-top: 4px;
}

.etnet-progress-cta {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 0.9em;
	white-space: nowrap;
	transition: filter 0.15s ease, color 0.15s ease, background 0.15s ease;
}

/* "המשך קריאה" - כחול */
.etnet-progress-cta-continue {
	background: #5C80BC;
	color: #ffffff;
}

.etnet-progress-cta-continue:hover {
	filter: brightness(1.08);
	color: #ffffff;
}

/* "התחלת קריאה" - צהוב, שונה בכוונה מ"המשך קריאה" */
.etnet-progress-cta-start {
	background: #E8C547;
	color: #30323D;
}

.etnet-progress-cta-start:hover {
	background: #dfb830;
	color: #17181e;
}

.etnet-start-reading {
	direction: rtl;
	text-align: center;
	margin: 0.5em 0 2em;
}

.etnet-start-reading-btn {
	display: inline-block;
	padding: 12px 32px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.05em;
	transition: filter 0.15s ease, transform 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.etnet-start-reading-btn:hover {
	transform: translateY(-1px);
}

/* "המשיכו לקרוא" - כחול, כמו כפתור ה-CTA בטבלת ההתקדמות */
.etnet-start-reading-continue {
	background: #5C80BC;
	color: #ffffff;
}

.etnet-start-reading-continue:hover {
	filter: brightness(1.08);
	color: #ffffff;
}

/* "התחילו לקרוא" - צהוב, שונה בכוונה מ"המשיכו לקרוא" */
.etnet-start-reading-start {
	background: #E8C547;
	color: #30323D;
}

.etnet-start-reading-start:hover {
	background: #dfb830;
	color: #17181e;
}

.etnet-auto-progress {
	margin-top: 2.5em;
	padding-top: 1.5em;
	border-top: 1px solid #e2e2e2;
	direction: rtl;
	text-align: right;
}

.etnet-progress-heading {
	margin-bottom: 0.8em;
}

/* מסכים צרים: הטבלה והכפתור שבה מתכווצים במקום להרחיב את הדף. */
@media (max-width: 480px) {
	.etnet-progress-table th,
	.etnet-progress-table td {
		padding: 8px 6px;
	}
	.etnet-progress-cta {
		white-space: normal;
		text-align: center;
		padding: 6px 8px;
	}
}

/* בעמודי קריאה (פרק וסיפור) אין שום צורך בגלילה לרוחב. אם רכיב כלשהו (של התוסף,
   של התבנית או של תוסף אחר) בכל זאת רחב מהמסך, חותכים את העודף במקום לתת לו
   להרחיב את הדף ולגרום לו להיטען מוזז הצידה. ה-hidden הוא גיבוי לדפדפנים ישנים
   שלא מכירים clip. */
body.single-etnet_chapter,
body.single-etnet_story {
	overflow-x: hidden;
	overflow-x: clip;
}

/* מפת הקישורים לקוראים - שורטקוד [etnet_link_map]: רשת הסיפורים */
.etnet-story-map {
	direction: rtl;
	text-align: right;
}

.etnet-story-map-legend {
	margin: 0 0 1em;
	font-size: 0.9em;
	color: #5B6270;
}

.etnet-link-map-chip {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	vertical-align: middle;
	margin-inline-end: 6px;
}

.etnet-link-map-legend {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

.etnet-link-map-legend li {
	margin-bottom: 0.3em;
}

/* המגרש: ריבוע שמתכווץ לפי רוחב המסך. הקווים (SVG) והעיגולים (כפתורים) ממוקמים
   באחוזים מאותו ריבוע, ולכן תמיד נשארים מיושרים זה עם זה. */
.etnet-story-map-stage {
	position: relative;
	width: 100%;
	max-width: 440px;
	margin: 1.5em auto;
}

@media (min-width: 768px) {
	.etnet-story-map-stage {
		max-width: 480px;
	}

	.etnet-story-map .etnet-story-map-node .etnet-story-map-node-label {
		max-width: 150px;
		font-size: 17px;
	}
}

.etnet-story-map-ratio {
	display: block;
	width: 100%;
}

.etnet-story-map-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.etnet-edge-outline { stroke: #7A6200; }
.etnet-edge-fill { stroke: #E8C547; }
.etnet-edge-hit { stroke: transparent; }

.etnet-story-map.is-js .etnet-story-map-edge {
	cursor: pointer;
}

.etnet-story-map.has-selection .etnet-story-map-edge {
	opacity: 0.25;
}

.etnet-story-map.has-selection .etnet-story-map-edge.is-active {
	opacity: 1;
}

.etnet-story-map-edge.is-active .etnet-edge-outline {
	stroke: #262A33;
}

/* עיגולי הסיפורים. ערכת הנושא (Astra) צובעת כל <button> בריחוף, במיקוד ובלחיצה בצבעים
   משלה, כולל טקסט לבן, וזה מה שגרם לשם הסיפור להיעלם בריחוף. לכן כל מצב מוגדר כאן
   במפורש ובחוזק סלקטור גבוה יותר: אותו צבע עיגול (#5C80BC), ושם סיפור כהה וקריא. */
.etnet-story-map .etnet-story-map-node {
	position: absolute;
	transform: translate(-50%, -50%);
	min-width: 44px;
	aspect-ratio: 1 / 1;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #5C80BC;
	color: #262A33;
	font: inherit;
	line-height: 1;
	cursor: pointer;
}

.etnet-story-map .etnet-story-map-node:hover,
.etnet-story-map .etnet-story-map-node:focus,
.etnet-story-map .etnet-story-map-node:active {
	border: 0;
	background-color: #5C80BC;
	color: #262A33;
}

.etnet-story-map .etnet-story-map-node:hover {
	box-shadow: 0 0 0 6px rgba(92, 128, 188, 0.3);
}

.etnet-story-map .etnet-story-map-node:focus-visible {
	outline: 3px solid #262A33;
	outline-offset: 3px;
}

.etnet-story-map .etnet-story-map-node.is-active,
.etnet-story-map .etnet-story-map-node.is-active:hover {
	box-shadow: 0 0 0 3px #fff, 0 0 0 6px #262A33;
}

/* השם מוגדר עם צבע משלו, ולא יורש אותו מהכפתור, כך שאין מצב שבו הוא נעלם. */
.etnet-story-map .etnet-story-map-node .etnet-story-map-node-label {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: 110px;
	padding: 0 4px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.85);
	color: #262A33;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.etnet-story-map .etnet-story-map-node .etnet-story-map-node-label.is-above { bottom: calc(100% + 6px); }
.etnet-story-map .etnet-story-map-node .etnet-story-map-node-label.is-below { top: calc(100% + 6px); }

.etnet-story-map-panel {
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #DFE4EC;
	border-radius: 14px;
	background: #F5F7FA;
}

.etnet-story-map-hint,
.etnet-story-map-empty {
	margin: 0;
	color: #5B6270;
}

.etnet-story-map-panel-head {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 12px;
}

.etnet-story-map-panel-head[hidden] {
	display: none;
}

.etnet-story-map-panel-title {
	font-size: 1.15em;
	line-height: 1.3;
}

.etnet-story-map-panel-sub {
	font-size: 0.9em;
	color: #5B6270;
}

.etnet-story-map-section-title {
	margin: 16px 0 8px;
	font-size: 1em;
}

.etnet-story-map-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.etnet-story-map-row {
	display: flex;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	min-height: 64px;
	margin: 0;
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #DFE4EC;
	border-radius: 10px;
}

.etnet-story-map-chapter {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	color: #262A33;
	text-decoration: none;
}

.etnet-story-map-chapter:hover b {
	text-decoration: underline;
}

.etnet-story-map-chapter b {
	font-size: 0.95em;
	line-height: 1.3;
}

.etnet-story-map-chapter-story {
	font-size: 0.75em;
	color: #5B6270;
}

.etnet-story-map-arrow {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background: #E8C547;
	color: #262A33;
}

/* כשהסקריפט פעיל, הפירוט מוסתר עד שבוחרים סיפור או קו. בלי סקריפט הכול גלוי. */
.etnet-story-map.is-js .etnet-story-map-section {
	display: none;
}

.etnet-story-map.is-js .etnet-story-map-section.is-active {
	display: block;
}

.etnet-story-map-panel[data-mode="pair"] .etnet-story-map-section-title {
	display: none;
}

.etnet-link-map-detailed {
	margin-top: 1.5em;
}

.etnet-link-map-detailed summary {
	cursor: pointer;
	font-weight: 600;
}

/* התרשים המפורט רחב ממסך נייד. הוא נגלל בתוך הקופסה שלו ולא מרחיב את הדף. */
.etnet-link-map-scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.etnet-link-map-scroll:focus-visible {
	outline: 2px solid #5C80BC;
	outline-offset: 2px;
}

.etnet-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}