.sr-note{--paper:#fbf8f0;--ink:#26231f;--ink-soft:#6e685d;--mark:#b08a4a;position:relative;display:block;width:100%;max-width:min(24rem,calc(100vw - 32px));padding:14px 16px 12px 18px;border:0;border-radius:2px;text-align:left;background:var(--paper);color:var(--ink);background-image:repeating-linear-gradient(transparent 0 25px,rgba(38,35,31,.07) 25px 26px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 22px -8px rgba(20,14,6,.45),0 2px 4px rgba(20,14,6,.25);font-family:var(--f-hand),"Segoe Print","Comic Sans MS",cursive;cursor:pointer;transform-origin:50% 0}.sr-note[data-tone=success]{--mark:#6a7f48}.sr-note[data-tone=danger]{--mark:#a8482f}.sr-note:before{content:"";position:absolute;top:-9px;left:50%;width:58px;height:18px;transform:translateX(-50%) rotate(-2deg);background:rgba(255,208,138,.72);box-shadow:0 1px 2px rgba(20,14,6,.2);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,92% 0,96% 12%,100% 0,100% 100%,96% 88%,92% 100%,8% 100%,4% 90%,0 100%)}.sr-note:after{content:"";position:absolute;left:9px;top:12px;bottom:10px;width:2px;border-radius:2px;background:var(--mark);opacity:.8}.sr-note-title{display:block;font-size:20px;line-height:26px;letter-spacing:.01em}.sr-note-title u{text-decoration-color:var(--mark);text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:none}.sr-note-body{display:block;margin-top:2px;font-size:17px;line-height:26px;color:var(--ink-soft)}.sr-note:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}