/* 当初の校正アニメーションの表示を復元。本文・見出し・区画の構成は現在版を使う。 */
body.proof{background-color:var(--desk);background-image:linear-gradient(var(--desk-grid) 1px,transparent 1px),linear-gradient(90deg,var(--desk-grid) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}
body.proof::before{opacity:.04}
body.proof #sheet{box-shadow:0 40px 120px rgba(0,0,0,.55)}
.crop{position:absolute;display:none;width:56px;height:56px;opacity:0;transition:opacity .5s;pointer-events:none;border-color:rgba(255,255,255,.55);border-style:solid;border-width:0}
body.proof .crop{display:block;opacity:1}
.crop.tl{top:-72px;left:-72px;border-right-width:2px;border-bottom-width:2px}
.crop.tr{top:-72px;right:-72px;border-left-width:2px;border-bottom-width:2px}
.crop.bl{bottom:-72px;left:-72px;border-right-width:2px;border-top-width:2px}
.crop.br{bottom:-72px;right:-72px;border-left-width:2px;border-top-width:2px}
.sheet-label{position:absolute;display:none;top:-64px;left:0;font-family:var(--f-mono);font-size:22px;letter-spacing:.12em;color:rgba(255,255,255,.7);opacity:0;transition:opacity .5s;white-space:nowrap}
body.proof .sheet-label{display:block;opacity:1}

/* ---------- marks (赤字) */
#marks{position:absolute;inset:0;pointer-events:none;z-index:60}
#marks svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
#marks path{fill:none;stroke:var(--shu);stroke-linecap:round;stroke-linejoin:round}
.hand{position:absolute;font-family:var(--f-hand);font-weight:600;color:var(--shu);white-space:nowrap;line-height:1.15;transform:rotate(var(--r,-2deg));transform-origin:left bottom;letter-spacing:.02em}
.hand.c{transform:translateX(-50%) rotate(var(--r,-2deg));transform-origin:center bottom}


body.proof #log{top:calc(var(--navh) + 16px);right:20px;bottom:20px;left:auto;width:344px;height:auto;max-height:none;z-index:120}
body.proof #log header{padding:14px 18px}
body.proof #log li{padding:10px 18px}
body.proof #log footer{padding:12px 18px;font-size:11px}
body.proof #log .lbtns{margin-top:0}
body.proof #log .lbtns button{width:100%;background:var(--ink);color:var(--paper)}
body.proof #log footer>div:first-child{display:none}
#marks path{vector-effect:none}
.flying{position:relative;z-index:5}
@media(max-width:760px){
 body.proof #log{top:auto;left:10px;right:10px;bottom:10px;width:auto;height:30dvh;max-height:none}
 body.proof #log header{padding:8px 14px}
 body.proof #log h4{font-size:16px}
 body.proof #log .lv{font-size:10px}
 body.proof #log footer{padding:8px 12px}
 body.proof #log li{padding:8px 14px}
 body.proof #log .lbtns button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.crop{transition:none}}