/* 🔤 Apple 風格字體排版 —— 疊喺 learn.css（＋learn-glass.css）之後
   蘋果機：英文 San Francisco（SF Pro）＋中文蘋方（香港字形先）
   Windows／Android：冇蘋果字體，用最接近嘅 Inter（英文）＋思源黑體香港版（中文）
   排版：大字收窄字距、標題用半粗（600–700）唔用特粗、內文行距舒服、數字等寬 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+HK:wght@400;500;700&display=swap');

body,button,input{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang HK","PingFang TC",
    "Inter","Noto Sans HK","Microsoft JhengHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{letter-spacing:.005em;line-height:1.65}

/* 大標題：半粗、收窄字距、行距較密（愈大愈收） */
h1{font-weight:700;letter-spacing:-.025em;line-height:1.2}
.track-head h2{font-weight:700;letter-spacing:-.02em}
.lesson-title,.side-title{font-weight:700;letter-spacing:-.018em;line-height:1.3}
.cover-title{font-weight:700;letter-spacing:-.02em;line-height:1.2;max-width:60%}
.tile-body h3,.event-info h3,.admin-card h3,.terms-box h2{font-weight:650;letter-spacing:-.012em}

/* 內文：正常字重（500）＋穩陣行距，唔用灰 */
.tile-body .sub,.lesson-desc,.lede,.event-meta{font-weight:500;line-height:1.7}

/* 細字標籤：少少拉闊字距，細字先睇得清 */
.cover-tag,.lesson-tag,.plan-tag,.ne-label{font-weight:600;letter-spacing:.02em}

/* 掣同連結：半粗 */
.btn,.btn-text,.tile-go,.back-link,.back{font-weight:600;letter-spacing:.01em}

/* 數字等寬：進度、日期唔會跳 */
.progress-text,.event-date,.ne-text{font-variant-numeric:tabular-nums}