/* from approved style sample pages/zh-Hant/material-TM59.html (2026-10-23) */
.m-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;margin:8px 0 20px;align-items:stretch}
.m-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:8px}
.mono-mega{font:900 clamp(34px,3.6vw,46px)/.95 var(--font-mono);letter-spacing:-.04em;color:var(--fam-ink);margin:0;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.new{display:inline-block;vertical-align:top;margin-left:12px;font:700 12px/1 var(--font-mono);letter-spacing:.1em;padding:6px 8px;border-radius:4px;background:var(--tak-lt);color:var(--tak-dk)}
.subt{font-size:16px;margin:0}.subt .en{display:inline;margin-left:10px;font:11px var(--font-mono);color:var(--ink-2);letter-spacing:.06em}
.m-hero .chips{margin:0;gap:6px}.m-hero .chip{font-size:11px;padding:4px 10px}
.m-desc{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-card);padding:10px 16px;max-height:calc(6 * 1.8em + 20px);overflow-y:auto}
.m-desc p{margin:0;color:var(--ink);font-size:14px;line-height:1.8}
.m-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.panel{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-card);padding:18px}
.panel h2{font-size:15px;margin-bottom:10px;display:flex;justify-content:space-between;gap:8px}
.panel .tbl-wrap{border:0;border-radius:0;max-height:none}
.data.mat td,.data.mat th{white-space:normal}.data.mat td:not(:first-child){white-space:nowrap}
.data.mat td:first-child{min-width:150px}
.data .sub{display:block;font:11px var(--font-mono);color:var(--ink-3)}
.data td.na{color:var(--ink-3)}
.note{font:11px/1.6 var(--font-mono);color:var(--ink-3);margin:8px 0 0}
.sec{margin-top:56px}.sec h2{margin-bottom:16px}
.curves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cv{display:flex;align-items:center;justify-content:center;padding:30px 12px 12px;text-decoration:none}
.cv img{mix-blend-mode:multiply;width:100%;height:auto}
.role{display:inline-block;font:700 11px/1 var(--font-mono);padding:4px 6px;border-radius:4px;margin-right:6px}
.role.primary{background:var(--fam-200);color:var(--fam-ink)}.role.alternate{border:1px solid var(--fam-200);color:var(--fam-700)}
.chip .role{margin-right:2px}
@media (max-width:1023px){.m-hero,.m-grid{grid-template-columns:minmax(0,1fr)}.curves{grid-template-columns:1fr 1fr}}
@media (max-width:639px){.curves{grid-template-columns:minmax(0,1fr)}.data.mat td:first-child{min-width:120px}}