/* Surfaces form a value hierarchy: stone ground → textured stock → native editor.
   No yellow tint is applied to the editor, and amber belongs to the passage. */
:root{--ground:#eeedeb;--sheet:#fcfaf7;--app-paper:rgb(97.6% 96.9% 94.9%);--caption-ink:#3b382f;--caption-muted:#686359}
body{background:var(--ground)}
#unify,.filing-scene,.return-scene{background:var(--sheet)!important}
#unify::before,.filing-scene::before,.return-scene::before{background-image:url('drawing-stock.svg');background-size:768px 768px}
html[data-paper=fine] #unify::before,html[data-paper=fine] .filing-scene::before,html[data-paper=fine] .return-scene::before{opacity:.48}
/* Static, barely coloured clouding belongs to the stock. Pointer changes only cast shadow. */
#unify::after,.filing-scene::after,.return-scene::after{background:radial-gradient(ellipse at 16% 18%,#e7ccc00d,transparent 62%),radial-gradient(ellipse at 80% 68%,#dbc9b50b,transparent 68%)}
.filing-layout{grid-template-columns:minmax(0,1fr) 232px;gap:36px;padding:0 40px}
.filing-window{height:610px;isolation:isolate;background:var(--app-paper);border-radius:18px}
.filing-pdf,.filing-draft{will-change:opacity;transition:none}
.filing-pdf{background:white}
.filing-page{position:absolute;inset:0 0 auto;aspect-ratio:1230/1800}
.filing-pdf img{width:100%;height:auto;clip-path:inset(1% 3% 0)}
.filing-page .file-mark.one{left:41.8%;top:15.65%;width:50%;height:1.7%}
.filing-page .file-mark.two{left:12.2%;top:17.35%;width:8.8%;height:1.7%}
.filing-page .file-anchor{left:9.5%;top:15.65%;height:3.4%;width:7px;border-radius:9px;background:rgb(96% 74% 18%)}
.filing-draft{padding:64px 38px;grid-template-columns:24px minmax(0,500px) 240px;justify-content:center;gap:28px;background:var(--app-paper)}
.filing-draft article{font:17px/27px Quattro,monospace;min-width:0;color:rgb(29 26 21 / .88)}
.filing-draft h3{font:inherit;letter-spacing:0;margin:0 0 16px;position:relative}
.filing-draft h3 .hash{position:absolute;right:calc(100% + 10px);color:rgb(29 26 21 / .4)}
.filing-draft article p{margin:0 0 12px}.filing-draft .context{color:rgb(29 26 21 / .43)}
.filing-draft .filing-margin{position:relative;font:15.75px/1.5 var(--serif);color:#1d1a15;min-width:0}
.filing-dock{position:absolute;left:0;right:0;display:flex;align-items:baseline;gap:6.3px;font:12.6px/1.5 var(--serif);color:rgb(29 26 21 / .5);white-space:nowrap}
.dock-rest,.dock-carry{display:flex;gap:6.3px;align-items:baseline;letter-spacing:2.1px}.dock-carry{position:absolute;left:0;font-weight:600}
.filing-dock .count{letter-spacing:0;font-weight:400}
.filing-margin h4{font:15.75px/1.5 var(--serif);letter-spacing:0;margin:0;white-space:nowrap}
.filing-margin .hash{opacity:.5}.filing-margin .count{font-style:normal;color:rgb(29 26 21 / .42);white-space:nowrap}
.file-new-pile{position:relative;margin:14.766px 0 0 9.45px;min-height:22px}
#filePileAdd{display:block;padding-left:12.6px;font:11.55px/22px var(--serif);color:rgb(29 26 21 / .35)}
.file-pile-heading{position:absolute;left:12.6px;top:0;display:flex;align-items:baseline;gap:6.3px;font:italic 13.86px/22px var(--serif);white-space:nowrap;opacity:0}
.file-bullet{font-style:normal;font-size:15px}
.file-pile-heading .count{margin-left:2px}
.file-caret{display:inline-block;width:1px;height:1em;background:#524b3e;vertical-align:-.1em;margin-left:1px}
.file-name-field{display:inline-flex;align-items:baseline;min-width:2px}.file-caret{margin-left:1px}
.filed-capsule{display:flex;align-items:stretch;gap:8.4px;margin:8.4px 0 0 25.2px;font:italic 13.125px/1.5 var(--serif);color:rgb(29 26 21 / .75);opacity:0}
.filed-capsule i{width:4.2px;flex:none;border-radius:3px;background:rgb(29 26 21 / .95)}
.filed-capsule span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-next-pile{font:11.55px/22px var(--serif);margin:14px 0 0 22.05px;color:rgb(29 26 21 / .35);opacity:0}
.file-pointer{position:absolute;width:25px;height:27px;z-index:7;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1px #0002)}
.file-pointer path{fill:#fffdf8;stroke:#403b32;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.file-hand-closed{opacity:0}
.file-traveller{z-index:6;background:#1d1a15;pointer-events:none}
.filing-caption{align-self:start;padding-top:var(--filing-caption-top,90px);color:var(--caption-ink)}
.filing-caption h3{font:31px/1.2 var(--serif);letter-spacing:-.015em;margin:0 0 18px;text-wrap:pretty}
.filing-caption>p{font:14px/1.6 -apple-system,sans-serif;color:var(--caption-muted);margin:0}
.workspace,.filing-draft,.workspace-inner{background:var(--app-paper)}
@media(max-width:1100px){.filing-layout{grid-template-columns:minmax(0,1fr);padding:0 28px}.filing-caption{max-width:500px;margin-top:15px;padding-top:0}.filing-window{min-width:760px}.filing-layout{overflow-x:auto}.filing-draft{grid-template-columns:0 minmax(0,1fr) 228px;gap:24px;padding:64px 38px}}