/* Công cụ luyện đọc dụng cụ đo (w-measure.js). Lớp riêng có tiền tố wmeasure-; màu lấy từ tokens.css */
.wmeasure-root{padding:12px 10px 14px;text-align:left;font-size:15.5px;line-height:1.5;color:var(--ink)}
.wmeasure-root.wmeasure-page{padding:0}
.wmeasure-title{font-size:20px;margin:2px 0 6px}
.wmeasure-intro{margin:0 0 12px;max-width:44em}
.wmeasure-root .chip{min-height:44px}
.wmeasure-root .chips{padding-bottom:8px}
.wmeasure-acts{border-bottom:1px solid var(--line);margin-bottom:10px}
.wmeasure-name{display:flex;justify-content:space-between;align-items:center;gap:6px 10px;flex-wrap:wrap;margin:0 0 8px}
.wmeasure-name b{font-size:15px}

/* hình toàn cảnh: không bắt thao tác chạm nên cuộn trang và chụm ngón phóng to vẫn bình thường */
.wmeasure-stage{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:6px;touch-action:pan-y pinch-zoom}
.wmeasure-stage svg{display:block;width:100%;height:auto;max-width:640px;margin:0 auto}
.wmeasure-stage svg.wmeasure-k-dial{max-width:210px}

/* vùng đọc phóng to: giữ kích thước thật, rộng hơn màn hình thì kéo ngang */
.wmeasure-zhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 4px;min-height:44px}
.wmeasure-zbtns{display:flex;gap:6px;flex:none}
.wmeasure-zb{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--ink);padding:0}
.wmeasure-zb:active{background:var(--soft)}
.wmeasure-zb[disabled]{opacity:.38;pointer-events:none}
.wmeasure-zoom{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain}
.wmeasure-zoom svg{display:block;flex:none;max-width:none;margin:0 auto}
.wmeasure-zoom.wmeasure-fit svg{flex:0 1 auto;min-width:0;max-width:100%;height:auto}
.wmeasure-zoom.wmeasure-wide{box-shadow:inset -14px 0 12px -12px rgba(15,23,42,.28)}
.wmeasure-zoom.wmeasure-wide svg{margin:0}

/* điều khiển */
.wmeasure-ctl{margin-top:12px}
.wmeasure-ctl label{display:block}
.wmeasure-range{display:block;width:100%;height:44px;margin:0 0 6px;accent-color:var(--pri);touch-action:pan-y}
.wmeasure-fine{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.wmeasure-fine .btn,.wmeasure-tools .btn{min-height:44px;padding:0 6px;font-variant-numeric:tabular-nums;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}
.wmeasure-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.wmeasure-tools .btn.pri{background:var(--pri);border-color:var(--pri);color:#fff}

/* lời giải từng bước */
.wmeasure-sol{background:var(--soft);border-radius:var(--r-s);padding:10px 12px}
.wmeasure-val{display:flex;align-items:baseline;gap:8px}
.wmeasure-val span{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.wmeasure-val b{font-size:30px;line-height:1.1;font-weight:800;color:var(--pri-d);font-variant-numeric:tabular-nums}
.wmeasure-val i{font-style:normal;color:var(--muted)}
.wmeasure-steps{margin:6px 0 0;padding-left:22px;font-size:15px}
.wmeasure-steps li{margin:.2em 0}
.wmeasure-warn{margin:8px 0 0;font-size:14.5px;color:var(--warn);background:var(--warn-l);padding:8px 10px;border-radius:10px}
.wmeasure-hidden{margin:0}

/* kiểm tra */
.wmeasure-ans{margin-top:12px}
.wmeasure-lab{display:block;font-size:13.5px;font-weight:650;margin-bottom:4px}
.wmeasure-ans .q-num .btn{min-height:48px}
.wmeasure-ans .err{margin:6px 0 0}
.wmeasure-root .q-why{font-size:15px}
.wmeasure-root .q-why .wmeasure-steps{font-size:14.5px}
.wmeasure-root .next-bar{margin-top:12px}
.wmeasure-result{padding:14px 2px 4px}
.wmeasure-result .tbl-wrap{text-align:left;margin:12px 0}
.wmeasure-end{justify-content:center}

@media(min-width:620px){
  .wmeasure-root{padding:14px}
  .wmeasure-root.wmeasure-page{padding:0}
  .wmeasure-fine,.wmeasure-tools{max-width:520px}
}
@media(prefers-reduced-motion:reduce){.wmeasure-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}