/* C198 Where You Paused — "Galley Proof": one text column on tracing-blue paper, proofreader carets in red. Self-host fonts. */
@font-face{font-family:"Newsreader";src:local("Newsreader"),url(fonts/Newsreader-Variable.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Newsreader";src:local("Newsreader Italic"),url(fonts/Newsreader-Italic-Variable.woff2) format("woff2");font-style:italic;font-weight:200 800;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:local("IBM Plex Mono"),url(fonts/IBMPlexMono-Regular.woff2) format("woff2");font-display:swap}
:root{
  --wp-paper:#EEF3F6; --wp-sheet:#F6F9FB; --wp-ink:#1A2230; --wp-red:#D2352B; --wp-blue:#3B6FB6; --wp-rule:#C9D6DF;
  --wp-serif:"Newsreader",Georgia,serif; --wp-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
.wp{margin:0;min-height:100dvh;background:var(--wp-paper);color:var(--wp-ink);font-family:var(--wp-serif)}
/* the galley: one long narrow sheet, wide margins both sides, registration ticks at the top */
.wp-galley{position:relative;box-sizing:border-box;max-width:760px;min-height:100dvh;margin:0 auto;background:var(--wp-sheet);border-left:1px solid var(--wp-rule);border-right:1px solid var(--wp-rule);padding:28px 92px 40px 92px}
.wp-galley::before,.wp-galley::after{content:"";position:absolute;top:14px;width:14px;height:14px;border:1px solid var(--wp-blue);border-radius:50%;background:linear-gradient(var(--wp-blue),var(--wp-blue)) center/1px 100% no-repeat,linear-gradient(var(--wp-blue),var(--wp-blue)) center/100% 1px no-repeat}
.wp-galley::before{left:24px}.wp-galley::after{right:24px}
.wp-slug{font:400 11px var(--wp-mono);color:var(--wp-blue);letter-spacing:.06em;border-bottom:1px solid var(--wp-blue);padding-bottom:6px;display:flex;justify-content:space-between}
.wp-title{font:500 italic clamp(34px,5vw,52px)/1.05 var(--wp-serif);margin:22px 0 8px;letter-spacing:-.01em}
.wp-lede{font:400 19px/1.5 var(--wp-serif);margin:0 0 18px}
.wp-explain{font:italic 400 16px/1.5 var(--wp-serif);color:var(--wp-blue);border-left:2px solid var(--wp-blue);padding-left:12px;margin:0 0 20px}
.wp-label{font:400 11px var(--wp-mono);color:var(--wp-blue);letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:6px}
.wp-editor{display:block;width:100%;box-sizing:border-box;min-height:150px;padding:14px 0;border:0;border-top:1px solid var(--wp-ink);border-bottom:1px solid var(--wp-ink);background:repeating-linear-gradient(transparent 0 33px,var(--wp-rule) 33px 34px);font:400 22px/34px var(--wp-serif);color:var(--wp-ink);resize:none}
.wp-editor:focus{outline:2px solid var(--wp-blue);outline-offset:4px}
/* the proof: text with carets; timings sit in the margin, mono ≤12px */
.wp-proof{position:relative;font:400 clamp(22px,2.6vw,27px)/1.75 var(--wp-serif);margin:6px 0 20px}
.wp-line{position:relative;display:block}
.wp-caret{position:relative;display:inline-block;width:0;color:var(--wp-red)}
.wp-caret::before{content:"\2038";position:absolute;left:-.22em;bottom:-.62em;font:700 .9em/1 var(--wp-serif);color:var(--wp-red)}
.wp-caret::after{content:"";position:absolute;left:-1px;bottom:-.18em;height:1.05em;border-left:1.5px solid var(--wp-red)}
.wp-caret.is-new::before{animation:wp-blot 150ms ease-out}
@keyframes wp-blot{0%{transform:scale(2.2);opacity:.2;filter:blur(1px)}100%{transform:scale(1);opacity:1}}
.wp-margin{position:absolute;right:-82px;top:.35em;font:400 11px/1 var(--wp-mono);color:var(--wp-red);white-space:nowrap}
.wp-margin::before{content:"";position:absolute;right:calc(100% + 4px);top:5px;width:14px;border-top:1px solid var(--wp-red)}
.wp-margin button{display:block;white-space:normal;width:72px;text-align:left;font:400 10px/1.3 var(--wp-mono);color:var(--wp-blue);background:none;border:0;padding:4px 0 0;cursor:pointer;text-decoration:underline}
.wp-replaying .wp-rest{color:transparent}
.wp-cursor{display:inline-block;width:2px;height:1em;background:var(--wp-ink);vertical-align:-.12em;animation:wp-blink 1s steps(1) infinite}
@keyframes wp-blink{50%{opacity:0}}
.wp-btn{font:600 15px var(--wp-serif);padding:11px 20px;border:1.5px solid var(--wp-ink);background:transparent;color:var(--wp-ink);cursor:pointer;border-radius:2px}
.wp-btn--primary{background:var(--wp-ink);color:var(--wp-sheet)}
.wp-btn--red{border-color:var(--wp-red);color:var(--wp-red)}
.wp-btn:focus-visible{outline:3px solid var(--wp-blue);outline-offset:3px}
.wp-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.wp-fine{font:400 14px/1.5 var(--wp-serif);color:#4A5566;max-width:52ch}
.wp-note{font:italic 400 15px var(--wp-serif);color:var(--wp-blue)}
@media(max-width:600px){.wp-galley{padding:24px 58px 32px 22px;border:0}.wp-margin{right:-50px;font-size:10px}.wp-margin button{width:auto;font-size:0;padding:6px 6px 6px 0}.wp-margin button::before{content:"\2715";font-size:14px;color:var(--wp-red)}.wp-galley::before{left:6px}.wp-galley::after{right:6px}}
@media(prefers-reduced-motion:reduce){.wp-caret.is-new::before,.wp-cursor{animation:none}}
/* --- build additions (Engineer) --- */
[hidden]{display:none!important}
.wp-proof .wp-line{white-space:pre-wrap;overflow-wrap:anywhere}
.wp-proof .wp-margin{top:0}
.wp-label .is-over{color:var(--wp-red)}
.wp-fine--hint{font-size:13px;margin-top:8px}
.wp-home{color:inherit;text-decoration:none}
.wp-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--wp-ink);color:var(--wp-sheet);padding:10px 16px;font:14px var(--wp-serif);z-index:9}

/* visitor-text wrap: long unbroken words never widen the page */
body{overflow-wrap:anywhere}
input,textarea{min-width:0;max-width:100%}