/* Only the letter and birthday wish have a closed outer face. Their writing
   belongs to the inner paper, created when the reader opens the attachment. */
.edited-story .closed-note{position:relative;display:flex;flex-direction:column;justify-content:center;gap:13px;width:100%;height:116px;min-height:44px;padding:24px 18px 17px;border:1px solid var(--paper-edge);border-bottom-width:3px;border-radius:0;background:var(--paper);color:var(--ink);text-align:left;box-shadow:1px 3px 4px #301e2a20;overflow:hidden;touch-action:manipulation}
.closed-note .note-fold-edge{position:absolute;left:0;right:0;top:0;height:12px;border-bottom:1px solid var(--paper-edge);background:var(--lining);pointer-events:none}
.closed-note .closed-note-title{display:block;font:400 23px/1.15 var(--serif);letter-spacing:-.015em;overflow-wrap:anywhere}
.closed-note .closed-note-action{display:flex;align-items:center;justify-content:space-between;gap:14px;font:400 13px/1.4 var(--display);color:var(--rose)}
.closed-note-action .ui-icon{width:18px;height:18px;flex:none}
.edited-story .birthday-wish-note.closed-note{height:84px;gap:9px;padding:17px 15px 12px;background:var(--blush);border-color:var(--control-line)}
.birthday-wish-note.closed-note .note-fold-edge{height:7px;background:var(--linen);border-bottom-color:var(--control-line)}
.birthday-wish-note.closed-note .closed-note-title{font-size:20px}
.edited-story .compact-book .closed-note{padding:24px 18px 17px}
.edited-story .compact-book .birthday-wish-note.closed-note{padding:17px 15px 12px}
.scene-raster .closed-note{transform:none!important}