/* 翠排版尺 v2：字體頁
   疊線（刪除線、底線）在 Chrome 用 PingFang 會畫不出來、用 system-ui 會疊成黑條，Arial 最完整（Windows 也有） */
:root{--fontpage:Arial,"Helvetica Neue","PingFang TC","Microsoft JhengHei","Segoe UI Symbol",sans-serif}
.font-in{margin:8px var(--gut) 0;display:flex;align-items:center;gap:10px;border-bottom:1.5px solid var(--pink)}
.font-in input{flex:1;min-width:0;border:0;background:none;font:20px var(--sans);color:var(--ink);padding:10px 0;outline:none}
.font-in small{font-size:12px;color:var(--muted);flex:none}
.font-list{list-style:none;margin:6px 0 0;padding:0 var(--gut)}
.font-list li{border-bottom:1px dotted var(--dot)}
.font-list h2{font:600 13px var(--sans);color:var(--muted);margin:16px 0 2px;padding:0}
.font-list button{touch-action:manipulation;width:100%;display:flex;align-items:baseline;gap:12px;padding:12px 2px;text-align:left}
.font-list button .t{flex:1;min-width:0;font:400 19px/1.45 var(--fontpage);overflow-wrap:anywhere}
.font-list button .n{flex:none;font-size:11.5px;color:var(--muted);text-align:right}
.font-list button .n small{display:block;font-size:10.5px;max-width:9em}
.font-list button[aria-pressed="true"] .t{color:var(--pink)}
.pick-now.font{font:400 22px/1.3 var(--fontpage);min-width:0;flex:1;text-align:left;overflow-wrap:anywhere}