@font-face{font-family:'Denbow Hand';src:url('fonts/caveat.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.denbow-margin-note{color:inherit;background:linear-gradient(178deg,transparent 9%,#00c7ca42 12%,#00c7ca55 84%,transparent 89%);padding:2px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:3px 1px 4px 2px}
.denbow-annotated-passage{position:relative;margin:1em 0}.denbow-annotated-passage>p{margin:0}
.denbow-margin-scribble{position:absolute;left:calc(100% + 40px);top:50%;width:180px;transform:translateY(-50%) rotate(-4deg);font:500 32px/1.06 'Denbow Hand',cursive;color:var(--ink,#111);white-space:pre-wrap;overflow-wrap:anywhere}
.denbow-note-arrow{position:absolute;width:80px;height:52px;left:-60px;bottom:-20px;color:#00c7ca;transform:rotate(8deg)}
.denbow-note-editor-preview{font:500 30px/1.1 'Denbow Hand',cursive;margin:12px 0 24px;white-space:pre-wrap;color:#111}.denbow-note-modal .components-button{margin-right:12px}
html[data-theme=dark] .denbow-margin-note{background:linear-gradient(178deg,transparent 9%,#00c7ca50 12%,#00c7ca68 84%,transparent 89%)}
@media(max-width:1200px){.denbow-margin-scribble{position:relative;left:auto;top:auto;width:min(230px,80%);margin:18px 12px 28px auto;transform:rotate(-3deg);font-size:29px}.denbow-note-arrow{left:-64px;bottom:24px;transform:rotate(70deg)}}
@media print{.denbow-margin-scribble{position:static;transform:none;margin:12px 0;font-size:22px;width:auto}.denbow-note-arrow{display:none}}
/* Let long notes reserve vertical space instead of overlapping the next paragraph. */
@media(min-width:1201px){.denbow-annotated-passage{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:40px;align-items:center;width:calc(100% + 220px)}.denbow-margin-scribble{position:relative;left:auto;top:auto;transform:rotate(-4deg)}}