/* A small illustrated bookmark, outside the author's prose. */
.magic-moment{max-width:460px;margin:28px auto 36px;scroll-margin-top:92px;text-indent:0;line-height:1.4;break-inside:avoid}.magic-moment>a{position:relative;display:flex;align-items:center;gap:17px;min-height:106px;padding:15px 40px 15px 16px;color:#314e4b;background:linear-gradient(110deg,#f3ead6,#faf6eb 65%);border:1px solid #c7b58c;border-left:3px solid #647d6d;border-radius:3px 12px 12px 3px;box-shadow:0 3px 0 #d8ccb53b,0 5px 14px #4b412509;transition:box-shadow .2s,border-color .2s}.magic-moment>a:before{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #c8b89055;border-radius:1px 8px 8px 1px}.magic-moment>a:hover{border-color:#937747;box-shadow:0 4px 14px #4b41251c}.magic-moment>a:focus-visible{outline:2px solid #8e6e36;outline-offset:5px}.moment-art{flex:0 0 64px;width:64px;height:64px;transform:rotate(-4deg);border:2px solid #e6d3a9;box-shadow:0 2px 4px #5e4a3625;overflow:hidden;background:#e6d8bc}.moment-art img{width:100%;height:100%;object-fit:cover;display:block}.moment-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.moment-copy small{font:9px/1.4 system-ui,sans-serif;letter-spacing:.19em;color:#927a4b}.moment-copy strong{font:500 19px/1.15 Georgia,'Times New Roman',serif;text-wrap:balance}.moment-copy>span{font:11px/1.5 system-ui,sans-serif;letter-spacing:.02em;color:#66756a}.moment-copy b{font-weight:400;margin-left:5px}.moment-knot{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#b89959;font-size:21px;font-family:Georgia,serif}
@media(max-width:520px){.magic-moment{margin:25px 0 31px}.magic-moment>a{gap:12px;padding:13px 30px 13px 13px;min-height:100px}.moment-art{flex-basis:55px;width:55px;height:55px}.moment-copy strong{font-size:17px}.moment-copy small{font-size:8px}.moment-knot{right:10px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.magic-moment>a{transition:none}}