/*
 * 前台補強樣式 —— 只補原站沒有、或 Next.js 環境才需要的東西。
 * 嚴禁覆蓋 app.css / competition.css 既有設計（那是原站編譯後的樣式，是視覺真相）。
 */

/* 原站 about 頁 inline style 的縮排 class，放這裡讓所有 CMS 頁共用 */
.indent-first-line {
  text-indent: 2em;
}

/* 原站靠 Alpine 的 x-cloak，遷移後不再需要，保險留著避免殘留元素閃現 */
[x-cloak] {
  display: none !important;
}

/* 資料來源徽章（董事長鐵律：畫面上的資料要能溯源） */
.data-badge {
  position: fixed;
  right: 8px;
  bottom: 8px;
  z-index: 80;
  font-size: 11px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.6);
  color: #c8a24a;
  border: 1px solid rgba(200, 162, 74, 0.4);
  pointer-events: none;
}

/* 尚無資料時的空狀態（不准塞假資料湊版面） */
.empty-state {
  border: 1px dashed rgba(200, 162, 74, 0.45);
  border-radius: 14px;
  padding: 28px 18px;
  text-align: center;
  color: #c9c9c9;
  background: rgba(255, 255, 255, 0.03);
}
.empty-state strong {
  display: block;
  color: #c8a24a;
  margin-bottom: 6px;
}

/* 原站 richtext 內的長圖：手機不要溢出 */
.legacy-richtext img,
.legacy-richtext video {
  max-width: 100%;
  height: auto;
}

/* ── 美育創辦人頁（/company-organization）──────────────────────
   舊站版面：照片與文字左右並排，手機改上下堆疊。
   本站沒有 Tailwind 建置流程，所以自己寫。前綴 am- 避免與原站 class 相撞。 */
.am-founders,.am-prose{max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,40px)}
.am-founders-h,.am-prose-h{font-size:clamp(22px,3.4vw,32px);color:var(--silk-gold,#c8a86b);
  text-align:center;margin:0 0 clamp(20px,3vw,36px);letter-spacing:.04em}
.am-founder{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(20px,4vw,48px);
  align-items:start;margin-bottom:clamp(36px,6vw,72px)}
.am-founder:last-child{margin-bottom:0}
.am-founder-photo img{width:100%;height:auto;display:block;border-radius:10px;
  border:1px solid rgba(255,255,255,.10);background:#111}
.am-founder-eyebrow{font-size:12.5px;letter-spacing:.22em;color:var(--silk-gold,#c8a86b);margin-bottom:8px}
.am-founder-name{font-size:clamp(21px,3vw,28px);margin:0 0 6px;color:#fff;font-weight:700}
.am-founder-title{font-size:14px;color:rgba(255,255,255,.62);margin-bottom:18px;letter-spacing:.04em}
.am-founder-body p,.am-prose p{font-size:15px;line-height:2.05;color:rgba(255,255,255,.80);margin:0 0 15px}
.am-founder-body p:last-child,.am-prose p:last-child{margin-bottom:0}
.am-prose{max-width:860px;text-align:center}
.am-prose p{text-align:left}
@media (max-width:820px){
  .am-founder{grid-template-columns:1fr;gap:18px}
  .am-founder-photo{max-width:320px;margin:0 auto}
  .am-founder-body{text-align:left}
}