/* NORMAL FASHION LOOK — ABOUT / CONTACT / 개인정보처리방침 (정보성 보조 페이지)
   main.css 의 색상 변수(--nfl-*)와 FASHION BASIC / TREND 의 흰 지면 + shell 폭 언어를
   그대로 재사용한다. 새로운 디자인 시스템을 만들지 않는다.
   이 파일은 /about/, /contact/, /privacy-policy/ 화면에서만 로드된다. */

.nfl-info {
	background: var( --nfl-white );
	min-height: calc( 100vh - 72px );
}

/* ---------- 폭: 모바일 100% -> 태블릿 620px -> PC 680px (내부 페이지 공통 규칙) ---------- */

.nfl-info__shell {
	width: 100%;
	margin: 0 auto;
	padding: 1.5rem 1.25rem 4rem;
}

@media ( min-width: 600px ) {
	.nfl-info__shell {
		max-width: 620px;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media ( min-width: 1024px ) {
	.nfl-info__shell {
		max-width: 680px;
		padding-top: 2rem;
	}
}

/* ---------- 상단 헤드 ---------- */

.nfl-info__head {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var( --nfl-gray-100 );
	margin-bottom: 2rem;
}

.nfl-info__kicker {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var( --nfl-accent );
	margin: 0 0 0.75rem;
}

.nfl-info__title {
	font-size: clamp( 1.6rem, 3.4vw, 2rem );
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var( --nfl-black );
	margin: 0 0 0.9rem;
	word-break: keep-all;
}

.nfl-info__lead {
	font-size: 1.05rem;
	font-weight: 600;
	color: var( --nfl-black );
	line-height: 1.65;
	margin: 0;
	word-break: keep-all;
}

.nfl-info__lead span {
	display: block;
}

.nfl-info__meta {
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var( --nfl-gray-500 );
	margin: 0.9rem 0 0;
}

/* ---------- 섹션 ---------- */

.nfl-info__section {
	margin-bottom: 2.25rem;
}

.nfl-info__section:last-of-type {
	margin-bottom: 0;
}

.nfl-info__section-title {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: var( --nfl-black );
	margin: 0 0 0.85rem;
	word-break: keep-all;
}

.nfl-info__section-num {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var( --nfl-gray-300 );
	flex-shrink: 0;
}

.nfl-info__text {
	font-size: 0.9rem;
	color: var( --nfl-gray-700 );
	line-height: 1.8;
	margin: 0 0 0.75rem;
	word-break: keep-all;
}

.nfl-info__text:last-child {
	margin-bottom: 0;
}

/* ---------- 점 목록 ---------- */

.nfl-info__list {
	list-style: none;
	margin: 0 0 0.9rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.nfl-info__list li {
	font-size: 0.88rem;
	color: var( --nfl-black );
	line-height: 1.7;
	padding-left: 1rem;
	position: relative;
	word-break: keep-all;
}

.nfl-info__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var( --nfl-accent );
}

.nfl-info__list:last-child {
	margin-bottom: 0;
}

/* ---------- 4대 입구 소개 카드 (ABOUT 전용) ---------- */

.nfl-info__entries {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

.nfl-info__entry-card {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 1.2rem;
	border: 1px solid var( --nfl-gray-100 );
	border-radius: 14px;
}

a.nfl-info__entry-card:hover,
a.nfl-info__entry-card:focus-visible {
	background: var( --nfl-gray-50 );
	border-color: var( --nfl-accent );
}

.nfl-info__entry-name {
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var( --nfl-gray-500 );
}

.nfl-info__entry-question {
	font-size: 1.05rem;
	font-weight: 700;
	color: var( --nfl-black );
}

.nfl-info__entry-desc {
	font-size: 0.85rem;
	color: var( --nfl-gray-700 );
	line-height: 1.7;
	word-break: keep-all;
}

.nfl-info__entry-cta {
	font-size: 0.8rem;
	font-weight: 600;
	color: var( --nfl-accent );
	margin-top: 0.3rem;
}

/* ---------- 이메일 박스 ---------- */

.nfl-info__email {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 1.2rem;
	border: 1px solid var( --nfl-gray-100 );
	border-radius: 14px;
	background: var( --nfl-gray-50 );
	margin: 0 0 0.9rem;
}

.nfl-info__email:last-child {
	margin-bottom: 0;
}

.nfl-info__email-label {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var( --nfl-gray-500 );
}

.nfl-info__email-value {
	font-size: 1.05rem;
	font-weight: 700;
	color: var( --nfl-black );
	/* 이메일 주소는 복사 제한 대상에서 제외한다 (main.css 의 전역 user-select: none 을 되돌림) */
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	/* mailto 링크라서 드래그하면 링크 끌기가 먼저 걸린다. 마우스로 글자를 선택할 수 있도록 링크 드래그를 끈다. */
	-webkit-user-drag: none;
	word-break: break-all;
}

a.nfl-info__email-value:hover,
a.nfl-info__email-value:focus-visible {
	color: var( --nfl-accent );
}

.nfl-info__email-value--todo {
	color: var( --nfl-gray-500 );
	font-size: 0.95rem;
	letter-spacing: 0.02em;
}

.nfl-info__email-note {
	font-size: 0.8rem;
	color: var( --nfl-gray-500 );
}

/* ---------- 인라인 링크 ---------- */

.nfl-info__links {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0.9rem 0 0;
}

.nfl-info__inline-link {
	font-size: 0.85rem;
	font-weight: 600;
	color: var( --nfl-accent );
}

.nfl-info__inline-link:hover,
.nfl-info__inline-link:focus-visible {
	text-decoration: underline;
}

/* ---------- 마무리 한 문장 ---------- */

.nfl-info__point {
	font-size: 1.05rem;
	font-weight: 700;
	color: var( --nfl-black );
	text-align: center;
	line-height: 1.6;
	margin: 2.25rem 0 0;
	padding-top: 1.5rem;
	border-top: 1px solid var( --nfl-gray-100 );
	word-break: keep-all;
}

/* ---------- 반응형: 태블릿 이상 ---------- */

@media ( min-width: 600px ) {
	.nfl-info__entry-card,
	.nfl-info__email {
		padding: 1.4rem;
	}
}