/* from approved style sample pages/zh-Hant/series-mnzn-19.html (2026-10-23) */
.s-top{margin:16px 0 18px}.s-top h1{font-size:var(--fs-display)}
.tools{position:sticky;top:var(--header-h);z-index:15;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 0;background:rgba(245,247,248,.96);border-bottom:1px solid var(--rule);margin-bottom:20px}
.seg{display:flex;border:1px solid var(--rule-2);border-radius:var(--r-pill);background:var(--paper);padding:2px}
.seg button{border:0;background:none;padding:6px 12px;border-radius:var(--r-pill);font-size:13px;cursor:pointer;color:var(--ink-2)}
.seg button[aria-pressed=true]{background:var(--fam-700);color:#fff}
.tog{font-size:13px;color:var(--ink-2);display:flex;gap:6px;align-items:center}
.find{display:flex;align-items:center;gap:6px;height:32px;border:1px solid var(--rule-2);border-radius:var(--r-ctl);background:var(--paper);padding:0 8px;font-size:13px}
.find input{border:0;outline:0;font:inherit;width:150px;background:transparent}
.legend-f{font-size:12px;color:var(--ink-2);margin-left:auto}
.layout{display:block}
.rail{position:sticky;top:calc(var(--header-h) + 53px);z-index:14;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:8px 0;margin:-20px 0 20px;background:rgba(245,247,248,.96);border-bottom:1px solid var(--rule)}
.rail a{flex:none;white-space:nowrap;padding:4px 10px;border:1px solid var(--rule-2);border-radius:var(--r-pill);background:var(--paper);font:12px/1.4 var(--font-mono);color:var(--ink-2);text-decoration:none;display:flex;gap:6px}
.rail a:hover,.rail a.on{color:var(--fam-ink);border-color:var(--fam-500);background:var(--fam-100)}
.rail .n{color:var(--ink-3)}
.grp{margin-bottom:48px;scroll-margin-top:calc(var(--header-h) + 70px)}
.grp-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-bottom:12px;align-items:end}
.grp-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.gfig{margin:0;height:200px;display:flex;align-items:center;justify-content:center;padding:28px 12px 12px}
.gfig img{max-height:100%;width:auto;mix-blend-mode:multiply}
.grp-meta h2{font:900 30px/1.1 var(--font-mono);color:var(--fam-ink);margin:4px 0}
.grp-meta .cnt{margin:0;color:var(--ink-2);font-size:14px}
.data .tol{display:block;font:11px/1.2 var(--font-mono);color:var(--ink-3);margin-top:2px}
.data td.na{color:var(--ink-3)}
.grp .data th,.grp .data td{padding:9px 9px}
.data th.cg{text-align:left;font:500 11px var(--font-mono);letter-spacing:.06em;color:var(--fam-700);background:var(--fam-50)}
.data th.c-eff.cg,.data thead tr:last-child th.c-eff:first-of-type{border-left:2px solid var(--fam-200)}
.data td.pn{line-height:1.5}
.data thead tr.grp-row th{top:0} .data thead tr:last-child th{top:30px}
.data th.pn-h{z-index:4}
.v-dim .c-eff,.v-eff .c-dim{display:none}
.no-tol .tol{display:none}
.notes{font-size:13px;color:var(--ink-2);border-top:1px solid var(--rule);padding-top:16px}.notes .en{color:var(--ink-3)}
@media (max-width:639px){.tools{position:static;gap:8px}.rail{top:var(--header-h);margin-top:0}.grp-head{grid-template-columns:minmax(0,1fr)}.grp-figs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gfig{height:130px;padding:24px 6px 6px}.gfig .tag{font-size:10px}.legend-f{display:none}.find input{width:110px}
.grp-meta h2{font-size:22px}.data td.pn{font-size:12px;padding:8px}.data th,.data td{padding:8px 9px}}