/* One full workspace: typography stays readable and the draft never moves on Esc. */
#return{width:92%;max-width:1440px;margin-inline:auto;padding:20px 0 48px;scroll-margin-top:12px}
#return>header{margin:0 auto 8px;padding:0 24px}
#return>header .eyebrow{font-size:10px;margin:0 0 4px}
#return>header h2{font-size:34px;line-height:1.12;margin:0}
.third-actions{display:flex;justify-content:center;align-items:center;gap:24px;min-height:30px;margin:0 auto 4px}
.third-actions button{font:12px/1.5 -apple-system,sans-serif;background:none;border:0;border-bottom:1px solid #625a4e55;padding:3px 0;color:#514b41;cursor:pointer}
.third-actions button:disabled{opacity:.35;cursor:default}
.third-actions button:focus-visible{outline:2px solid #8a652b;outline-offset:4px}
#return .recall-stage{padding:0 24px;max-width:1008px;overflow:visible}
.third-caption-band{position:relative;height:38px;margin-bottom:6px;text-align:center}
#return .recall-caption,#return .revisit-caption,#return .quiet-caption{position:absolute;inset:0;top:0;left:0;right:0;transform:none;width:100%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;text-align:center;pointer-events:none;transition:opacity .55s ease}
#return .third-caption-band p{margin:0;font:15px/1.4 var(--serif);color:var(--caption-ink)}
#return .quiet-caption p{font:italic 23px/1.25 var(--serif)}
#return [data-beat=recall] .recall-caption,#return [data-beat=revisit] .revisit-caption,#return [data-beat=quiet] .quiet-caption{opacity:1}
#return .recall-editor{width:960px;height:540px;max-width:none;margin:0 auto;transform:none}
#return .recall-grid{grid-template-columns:200px 448px 200px;gap:24px;padding:58px 32px 24px;justify-content:center}
#return .recall-draft{font:17px/27px Quattro,monospace}
#return .recall-card{font-size:15.2px;transition:opacity .4s ease}
#return .recall-content{width:auto}
#return .recall-draft .draft-section{margin-top:24px}
#return .recall-dock{bottom:0;top:auto}
#return .recall-hand,#return .recall-click-hint{display:block;transition:opacity .4s ease;z-index:4}
.third-toolbar{position:absolute;top:20px;left:256px;display:flex;gap:22px;font:18px/1 -apple-system,sans-serif;color:#1d1a1570}
#return .recall-margin,#return .recall-right,.third-toolbar{transition:opacity .65s ease}
#return .third-quiet .recall-margin,#return .third-quiet .recall-right,#return .third-quiet .third-toolbar{opacity:0;pointer-events:none}

#return .recall-outline{transition:opacity .4s ease}
@media(max-width:1100px){#return .recall-stage{overflow-x:auto}#return .recall-editor{margin-left:0}.third-caption-band{min-width:700px}.third-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){#return .recall-card,#return .recall-margin,#return .recall-right,#return .third-toolbar,#return .third-caption-band aside{transition:none}}
.third-toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){#return .recall-editor{width:100%;min-width:800px}#return .recall-grid{grid-template-columns:180px minmax(0,1fr) 180px}.third-toolbar{left:236px}}
#return .recall-grid{grid-template-rows:minmax(0,1fr);min-height:0}
#return .recall-draft,#return .recall-margin,#return .recall-right{min-height:0}
/* Keep a visible cloth border below the editor even on a short desktop.
   Recover space in the heading group, not by shrinking the app or its type. */
@media(max-height:760px) and (min-width:900px){
 #return{padding-top:8px;padding-bottom:36px;scroll-margin-top:6px}
 #return>header{margin-bottom:4px}
 #return .third-actions{min-height:28px}
 #return .third-caption-band{height:30px;margin-bottom:4px}
}
/* Match the first chapter's 216px note lane and 184px usable text width. */
#return .recall-editor{width:992px}
#return .recall-stage{max-width:1040px}
#return .recall-grid{grid-template-columns:216px 448px 216px;padding-top:42px}
#return .recall-content{width:188px;max-width:calc(100% - 32px)}
.recall-wave-surface{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden}
#return .recall-right{cursor:default}
@media(max-width:1100px){#return .recall-editor{width:100%;min-width:856px}#return .recall-grid{grid-template-columns:216px minmax(0,1fr) 200px}}
/* Reserve room for hanging heading marks beside the wider note measure. */
#return .recall-editor{width:1024px}
#return .recall-stage{max-width:1072px}
#return .recall-grid{column-gap:40px}
@media(max-width:1100px){#return .recall-editor{width:100%;min-width:888px}#return .recall-grid{grid-template-columns:216px minmax(0,1fr) 200px}}