/* ============================================================================
   icons.css — icon 的「筆」,與 icons.svg 同一個資料夾(知識與用處同置)

   為什麼獨立成一檔(2026-08-09,wrapup Step 0 Check 2b 抓到):
   同一天稍早把 sprite 收成唯一一份(styles/icons.svg),卻沒注意到**筆**被留了
   四份 —— style.css / app.html / record.html / heng.html 各寫一次
   `.i{width:24px;height:24px;stroke:currentColor;...}`,其中三份逐字相同。
   抽 canonical 這個動作本身就會製造 AP#2:新的正典蓋過了一個沒人回頭檢查的
   同族宣告,而它在 diff 裡只是一行沒被改到的既有碼。

   symbol 只放路徑,線寬/顏色/端點由這裡給 —— 所以同一顆 icon
   可以在不同尺寸與顏色的位置重用(顏色走 currentColor)。

   **只放基準皮。** 各頁「這裡的 icon 要多大」是尺寸差異,依 luxe 規範 15
   留在各自的容器規則裡(`.rail .i{20px}`、`.success .i{48px}`、`.tip-title .i{18px}`),
   不要搬進來 —— 搬進來就變成這一支要認得每一頁的版面。
   ========================================================================== */

.i {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  vertical-align: -.22em;
}