.drawer-bench {
  --ruler-y:89%; --line-ink:#72593e;
  padding:clamp(16px,3vw,28px); margin:22px 0 28px; color:#322e26;
  border:1px solid #c7b79b; background:#eee6d6;
}
.bench-heading,.bench-plans figcaption,.bench-track {display:flex;justify-content:space-between;align-items:center;gap:12px;}
.drawer-bench .bench-heading h3 {margin:0;font:600 clamp(19px,2.1vw,26px)/1.4 SimSun,serif;}
.bench-heading small,.bench-track span {color:#655a48;font-size:12px;}
.bench-heading small {white-space:nowrap;}
.bench-plans {display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,5vw,48px);padding:20px 0 18px;}
.bench-plans figure {margin:0;}
.bench-plans figcaption {font:15px/1.5 SimSun,serif;border-bottom:1px solid #b9aa94;padding-bottom:6px;}
.bench-plans b {font:600 17px/1.2 Georgia,serif;font-variant-numeric:tabular-nums;}
.bench-plans .bench-reading {color:#913c2f;}
.bench-box {
  position:relative; width:min(80%,174px); height:92px; margin:18px auto 8px;
  border:4px double var(--line-ink); border-bottom:6px double var(--line-ink);
  background:repeating-linear-gradient(3deg,#d7bc8b22 0 8px,#b89a6d29 8px 9px,#dbbf8f14 9px 13px);
  box-shadow:inset 2px 4px 5px #7e5c3624,1px 2px 1px #7e5c361c;
}
.bench-box::after {content:'';position:absolute;bottom:-11px;left:38%;width:24%;height:5px;border:1px solid #6a5841;border-top:0;border-radius:0 0 4px 4px;}
.bench-new {transform:perspective(180px) rotateX(-1.2deg);}
.bench-box i {position:absolute;top:var(--ruler-y);height:1px;background:#9a3828;left:-4px;right:-4px;}
.bench-box i::before,.bench-box i::after {content:'';position:absolute;top:-4px;height:9px;width:1px;background:#9a3828;}
.bench-box i::after {right:0;}
.drawer-bench label {font-size:14px;}
.bench-track {margin:8px 0 4px;}
.bench-track input {appearance:none;flex:1;min-width:0;height:24px;cursor:ew-resize;margin:0;border:0;border-bottom:1px solid #9a8567;border-radius:0;background:repeating-linear-gradient(90deg,#8e7959 0 1px,transparent 1px 20%) left bottom/100% 9px no-repeat,repeating-linear-gradient(90deg,#a59479 0 1px,transparent 1px 2%) left bottom/100% 5px no-repeat;}
.bench-track input::-webkit-slider-thumb {appearance:none;width:15px;height:20px;background:#924b35;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);}
.bench-track input::-moz-range-thumb {width:12px;height:18px;border:0;border-radius:1px;background:#924b35;}
.bench-track input:focus-visible {outline:2px solid #906248;outline-offset:3px;}
.bench-observation {font:14px/1.6 SimSun,serif;color:#65462e;}
@media(max-width:470px){.bench-heading {display:block;}.bench-heading small {display:block;margin-top:5px;}.bench-plans{gap:20px;}}