/* The Sentence Book: right alignment, transparent reading glass and corrections below the ink. */
@media (min-width:1100px) and (min-aspect-ratio:5/4) {
  .writing-column .mechanical-station { right:calc(0px - clamp(24px,3vw,48px)); }
}
.line-glass {
  --glass-frame:6px;
  --glass-metal-light:#c4af80;
  --glass-metal-mid:#8f7b53;
  --glass-metal-dark:#4e412c;
  padding:0; border:var(--glass-frame) solid #343d30; border-radius:5px;
  background:transparent;
  box-shadow:inset 0 1px 0 #c3b99b80,inset 1px 0 0 #77786099,inset -1px -1px 0 #0e120dcc,
    1px 6px 9px -3px #180f0980,2px 13px 18px -10px #160e0880;
}
.line-glass::before { content:''; position:absolute; inset:-2px; border-radius:2px; pointer-events:none;
  box-shadow:inset 0 1px 0 var(--glass-metal-light),inset 1px 0 0 var(--glass-metal-mid),
    inset 0 -1px 0 var(--glass-metal-dark),inset -1px 0 0 #76623e;
}
.glass-lens { position:relative; border-radius:1px;
  padding:.52em max(18px,calc(var(--glass-indent,1.6em) * .6 - var(--glass-frame))) .57em
    max(18px,calc(var(--glass-indent,1.6em) - var(--glass-frame)));
  color:#211c14;
  /* Real paper behind the transparent lens shows through; wear gathers at the bevel,
     leaving the reading area clean. Reflections are quiet and never animate across the words. */
  background:
    linear-gradient(105deg,transparent 16%,#fffdf063 24%,transparent 33%),
    linear-gradient(90deg,#83653318,transparent 7% 93%,#8365331f),
    linear-gradient(180deg,#fffbed40,transparent 24% 73%,#94723b14),
    #f6eedcb8;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  box-shadow:inset 0 2px 5px #4d3d2440,inset 1px 0 3px #6f563126,
    inset 0 -1px 0 #fff4d6b3;
}
.glass-lens::before { content:''; position:absolute; inset:1px 0 auto; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent 4%,#fff6d780 13%,#fff6d72b 65%,transparent 97%);
}
:root[data-theme=night] .glass-lens { color:#f1e9d6;
  background:linear-gradient(105deg,transparent 18%,#dac59a12 26%,transparent 34%),
    linear-gradient(90deg,#a47b3712,transparent 9% 91%,#a47b3712),#2a2921d9;
  box-shadow:inset 0 2px 5px #080b0759,inset 0 -1px 0 #b4a17b40;
}
.pencil-note { position:absolute; left:0; top:calc(100% + .12em); bottom:auto; font-family:var(--serif); font-style:italic; font-size:.7em; line-height:1.1; color:var(--heart); white-space:nowrap; pointer-events:none; opacity:1; }
.pencil-insert { position:absolute; left:100%; top:0; bottom:0; width:0; }
.pencil-insert.is-before { left:0; }
.pencil-insert::before { content:'‸'; position:absolute; left:-.3em; bottom:.12em; font-size:.9em; line-height:1; color:var(--heart); }
.pencil-insert .pencil-note { left:-.1em; }
.pencil-insert.is-end .pencil-note { left:auto; right:-.2em; }
/* Corrections sit below the ink, clear of the reading glass and the next wrapped line.
   Match the native selection layer to the reviewed line's pitch. Unsubmitted input keeps its original pitch. */
.paper-writing-line.is-reviewed .platen:has(.pencil-note) .platen-typed,
.paper-writing-line.is-reviewed .platen:has(.pencil-note) .platen-input { line-height:max(var(--sentence-leading,1.6),2.25); }
.mechanical-station .paper-writing-line.is-reviewed .platen:has(.pencil-note) .platen-typed { padding-bottom:1em; }