/* ruby-fit.css — กฎฟุริงานะ "ยื่นทับ" สำหรับหน้า standalone ที่ไม่โหลด app.css
   (ชุดเดียวกับบล็อก "ฟุริงานะ: rt ยื่นทับ" ใน app.css — ใช้คู่กับ ruby-fit.js)

   · ruby-align:center = rt ที่ยาวกว่าตัวฐานยื่นออกสองข้างเท่ากัน (ค่า default space-around
     จะยืดตัวฐานจนเว้นช่องไฟ)
   · ruby-fit.js ตั้ง --rf-l/--rf-r (margin ลบ = ไม่กินที่) และ --rf-gl/--rf-gr (เว้นเฉพาะจุดที่
     rt ชนกันจริง) ให้ <ruby class="rf"> · ไม่มี JS = กลับไปเป็นกล่องขยายตามคำอ่านแบบเดิม

   วิธีซ่อน rt ของแต่ละหน้าต่างกัน — ไฟล์นี้ตั้งค่า default ให้เหมาะกับ "body.furi-on = rt มองเห็น"
   (ตัวที่ซ่อนด้วย opacity:0 เมื่อไม่มี furi-on ก็ใช้ได้ตรง ๆ). หน้าที่ต่างจากนี้ให้ override ในหน้านั้น:
     · rt มองเห็นเสมอ        → ruby.rf { margin-left/right: calc(var(--rf-l) + var(--rf-gl)) ... }
     · ซ่อนด้วย display:none → ตอนซ่อนต้องล้าง margin: <selector ซ่อน> ruby.rf { margin-left:0; margin-right:0 } */
ruby { ruby-align: center; -webkit-ruby-align: center; ruby-overhang: none; }
ruby rt { white-space: nowrap; }
ruby.rf { margin-left: var(--rf-l, 0em); margin-right: var(--rf-r, 0em); }
body.furi-on ruby.rf {
  margin-left: calc(var(--rf-l, 0em) + var(--rf-gl, 0em));
  margin-right: calc(var(--rf-r, 0em) + var(--rf-gr, 0em));
}