.page-view-card{position:absolute;z-index:3;top:26px;right:28px;background:#faf9f5f5;color:#292c25;padding:18px 22px 14px;min-width:252px;max-width:calc(100% - 40px);border:1px solid #ffffffb8;box-shadow:0 8px 30px #10160d26;backdrop-filter:blur(8px);border-radius:4px}
.page-view-heading{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:0;margin-bottom:10px}
.page-view-heading:before{content:'';width:5px;height:5px;border-radius:50%;background:#ba4937}
.page-view-card dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0}
.page-view-card dl>div+div{border-left:1px solid #d9ddcf;padding-left:22px}
.page-view-card dt{font-size:13px;color:#65725a;line-height:1.5}
.page-view-card dt span{font-size:10px;letter-spacing:.08em;margin-left:5px;color:#89917e}
.page-view-card dd{font-size:29px;font-weight:640;font-variant-numeric:tabular-nums;line-height:1.35;margin:4px 0 0;letter-spacing:-.035em}
.page-view-card dl>div:first-child dd{color:#b64330}
.page-view-status{display:flex;gap:10px;align-items:center;font-size:11px;color:#737e66;margin-top:11px;border-top:1px solid #d9ddcf;padding-top:9px;line-height:1.5}
.page-view-status button{border:0;background:transparent;font-size:11px;color:#7c402d;text-decoration:underline;padding:0}
.page-view-card [hidden]{display:none!important}
@media(max-width:760px){.page-view-card{top:14px;right:18px;padding:13px 17px 11px;min-width:228px}.page-view-heading{font-size:12px;margin-bottom:7px}.page-view-card dl{gap:17px}.page-view-card dl>div+div{padding-left:17px}.page-view-card dd{font-size:26px}.page-view-status{font-size:10px;margin-top:8px;padding-top:7px}.page-view-card dt{font-size:12px}}
