/* =================================
 PAGE : MEMORY
 ================================= */

/* ===== Layout ===== */
.memory-page {
	background: #e3e1e2;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.memory-inner {
	max-width: 100%;
	margin-inline: auto;
}

.memory-content {
	display: flex;
	justify-content: center;
}

/* ===== Header ===== */
.memory-header {
	text-align: center;
	margin-bottom: 3rem;
}

.memory-header h2 {
	margin: 0;
	font-size: clamp(1.6rem, 4vw, 2.2rem);
}

.memory-header h3 {
	margin: 0;
	font-size: clamp(1.4rem, 3.5vw, 2rem);
}
.memory-divider {
	width: 120px;
	height: 3px;
	background: #bdbdbd;
	margin: 1.5rem auto 0;
}

/* ===== Narrative Text (ร้อยแก้ว) ===== */
.memory-text {
	font-size: 1.1rem;
	line-height: 1.9;
	text-align: justify;
	font-weight: 600;
	margin-top: 1.25rem;
}
.memory-text--officer{
	font-size: 1.1rem;
	line-height: 1.9;
	text-align: left;
	font-weight: 600;
	margin-top: 1.25rem;
}

.memory-text p {
	margin-bottom: 1rem;
}

.memory-text .indent {
	text-indent: 1.5em;
	display: block;
}

.italic-text {
	font-style: italic;
	color: #05243e;
}

/* ===== Dot List ===== */
.memory-dotlist--centered {
	text-align: center;
}

.memory-dotlist--centered .dotlist {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}
/*--อักษร--*/
.memory-dotlist--centered .dotlist li {
	display: flex;
	align-items: flex-start;
	line-height: 1.8;
	margin-bottom: 0.8rem;
	font-size: 2.25rem;
	font-weight: 700;
}

.memory-dotlist--centered .dotlist li::before {
	content: "•";
	flex: 0 0 1.2em;
	text-align: center;
	font-size: 1.6rem;
}

/* ===== Poem / Verse / Motto ===== */
.memory-poem .poem {
	max-width: 40em;
	margin: 0 auto;
	font-size: clamp(1.05rem, 3vw, 1.4rem);
	line-height: 1.9;
	font-weight: 600;
	font-style: italic;
	white-space: nowrap;
	text-align: left;
}
.line-left {
	padding-left: 30px;
}
.poem .indent {
	text-indent: 2rem;
}
.poem-line-indent {
	display: block;
	padding-left: 1.5em;
	margin-top: 0.8em;
}

/* 2 column poem */
.memory-poem--wefight {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem 2rem;
}

.memory-poem--wefight .poem {
	max-width: none;
}

/* ===== Motto / Quote / Caption ===== */
.memory-motto-text {
    text-align: center;
    font-size: clamp(1.3rem, 4.5vw, 2rem);
    font-weight: 700;
    line-height: 1.6;
    font-style: italic;
}

/* บรรทัดบน — ห้ามตัดคำ */
.memory-motto-text .line1 {
    white-space: nowrap;
}

/* บรรทัดล่าง — ให้ตัดบรรทัดใหม่เมื่อยาวเกิน */
.memory-motto-text .line2 {
    white-space: normal;
    word-break: keep-all;
}

/*--อักษร--*/
.memory-motto-text .indent {
	text-indent: 50px;
	text-align: left;
	font-style: italic;
}
.poem-caption {
	text-align: center;
	margin-top: 1rem;
	font-weight: 800;
	font-style: italic;
	margin-top: 1.4rem;
	padding:  .8rem 0;
	font-style: italic;
    margin-left: auto;
    margin-right: auto;
}

.memory-quote blockquote {
	font-size: 1.3rem;
	font-style: italic;
	text-align: center;
	margin: 0;
	font-weight: 800;
}
.cav-we-fight__poem .poem {
	position: relative;
	top: -15px;
}
.cav-we-fight__col--left .poem {
	text-indent: 30px;
	line-height: 1.9;
	text-align: left
}
/* ===== Utilities (เฉพาะหน้า) ===== */
.track-center, .garuda-center {
	display: block;
	margin: 0 auto 1rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {

	.memory-page {
		padding: 2rem 1rem;
		align-items: flex-start;
	}

	.memory-text {
		font-size: 1rem;
		line-height: 1.8;
	}

	.memory-dotlist--centered .dotlist li {
		font-size: 1.1rem;
	}

	.memory-poem--wefight {
		grid-template-columns: 1fr;
		row-gap: 2.5rem;
	}

	.memory-quote blockquote {
		font-size: 1.1rem;
	}
}

/*--เราสู้ ใหม่--*/
/* โครงบทกลอน */
.cav-we-fight .wefight-poem {
	max-width: 900px;
	margin: 0 auto;
	font-size: clamp(1.05rem, 3vw, 1.35rem);
	line-height: 1.9;
	font-weight: 600;
	font-style: italic;
}

/* หนึ่งพวก = 2 คอลัมน์ */
.cav-we-fight .wefight-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 2.5rem;
	margin-bottom: 1.4 rem;
}

.cav-we-fight .wefight-line {
	white-space: normal;
}

.cav-we-fight .wefight-indent {
	text-indent: 2em;
}

/*--เส้นใต้--*/
.poem-caption::before, .poem-caption::after {
	content: "";
	display: block;
	width: 120px;
	height: 1px;
	margin:  .4rem auto;
	background: linear-gradient(
	to right,
	transparent,
	#8b7b5a,
	transparent
	);
}
.edu-footer::after, 
.under-line::after, 
.poem::after, 
.dotlist::after, 
.memory-motto-text::after, 
.memory-quote::after, 
.memory-text::after {
	content: "";
	display: block;
	width: 120px;
	height: 1px;
	margin: 2rem auto;
	background: linear-gradient(
	to right,
	transparent,
	#8b7b5a,
	transparent
	);
}
/* Mobile: อ่าน left–left–right–right */
@media (max-width: 768px) {
	.cav-we-fight .wefight-group {
		grid-template-columns: 1fr;
		row-gap: .35rem;
	}
	.cav-we-fight .wefight-col--right {
		margin-top: .6rem;
	}
}
/*--cover--*/
.nowrap {
	white-space: nowrap;
	display: inline;
}
.memory-title {
	font-size: clamp(1.4rem, 4vw, 2.4rem);
}

/*--วัดค่าทหารด้วย วินัย--*/
.poem p {
    position: relative;
    padding-left: 1.4rem;   /* ระยะห่างระหว่างจุดกับข้อความ */
    margin: 0.4rem 0;
    font-weight: 700;
    line-height: 1.8;
}
.poem p::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 10px;   /* ← ลดลงให้ตรงกลางจริง */
    font-size: 1rem;
    line-height: 1;
}

/* ===== Mobile fix ===== */
@media (max-width: 480px) {
    .poem p {
        padding-left: 0.9rem; /* ลดลงเพื่อไม่ให้ข้อความตกบรรทัด */
    }

    .poem p::before {
        font-size: 0.8rem; /* ลดขนาดจุดให้สมดุล */
        top: 0.45rem;
    }
}