.ruler-specimen{min-height:390px;background:#e5ece3}
.ruler-piece{position:absolute;border-radius:2px;box-shadow:0 14px 24px #20332829;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}
.ruler-piece strong{font-size:16px;letter-spacing:-.4px;line-height:1.2}
.ruler-piece small{font-size:8px;letter-spacing:1.4px;white-space:nowrap}
.ruler-piece.orion{left:7%;top:24%;width:86%;height:61px;background:var(--ink);color:white;transform:rotate(-8deg);padding-bottom:23px}
.ruler-piece.omega{left:18%;top:46%;width:72%;height:61px;background:var(--green);color:var(--ink);transform:rotate(5deg);padding-bottom:23px}
.ruler-piece.orion:after,.ruler-piece.omega:after{content:'';position:absolute;left:12px;right:12px;bottom:0;height:10px;background:repeating-linear-gradient(90deg,currentColor 0,currentColor 1px,transparent 1px,transparent 12px);opacity:.55}
.ruler-piece.bookmark{left:10%;top:68%;width:60%;height:68px;background:white;color:var(--ink);border-left:9px solid var(--blue);transform:rotate(-5deg)}
.ruler-piece.bookmark strong{font-size:19px}
.ruler-piece.bookmark small{color:#567943}
.ruler-specimen .specimen-label{z-index:2;bottom:12px;background:#f7f8f3f2;padding:4px 7px;border-radius:3px;max-width:calc(100% - 44px);font-size:9px;letter-spacing:.7px}
.ruler-formats th,.ruler-formats td{vertical-align:middle}
.ruler-formats td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}
.ruler-formats a{color:#405b13;font-size:13px;font-weight:600;text-decoration-thickness:1px}
.ruler-format-note{margin-top:17px;max-width:760px}
@media(max-width:850px){.ruler-specimen{min-height:350px}.ruler-piece{padding-inline:13px;gap:8px}.ruler-piece strong{font-size:14px}.ruler-piece small{font-size:7px;letter-spacing:.7px}.ruler-piece.bookmark strong{font-size:16px}.ruler-piece.orion,.ruler-piece.omega{height:54px}.ruler-piece.bookmark{height:60px}}
@media(max-width:620px){.ruler-specimen{min-height:320px}.ruler-specimen .dimensions{font-size:10px;right:16px}.ruler-specimen .specimen-label{left:16px;right:12px;font-size:8px;max-width:calc(100% - 28px)}.ruler-formats th,.ruler-formats td{padding:13px 7px;font-size:12px}.ruler-formats a{font-size:12px}.ruler-formats td:nth-child(2){white-space:normal}.ruler-piece.bookmark{width:65%}}