.kind-note-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:24px}
.kind-note-actions a{min-height:44px;display:inline-flex;align-items:center;line-height:1.5}
.ko .leave-note-link{display:inline-flex;margin-top:24px;min-height:44px;align-items:center;line-height:1.5}
.note-write{padding:70px 56px 90px;background:#EEF1EA url(img/texture-paper-grain.svg) repeat;scroll-margin-top:24px}
.note-write .note-wrap{max-width:850px;margin:auto;position:relative}
.note-write h2{font-size:clamp(44px,5vw,64px);line-height:1.05;color:#5A0F1D;margin-top:10px}
.note-write .note-intro{margin:22px 0 32px;max-width:55ch}
.note-form{background:#FBF9F8 url(img/texture-paper-grain.svg) repeat;padding:42px 44px;border:4px double #C99AA5;box-shadow:8px 10px 0 #DDE4D6}
.note-form .field{margin-bottom:24px}.note-form label{display:block;font:600 14px/1.5 "Instrument Sans",Arial,sans-serif;margin-bottom:8px}
.note-form input[type=text],.note-form textarea{display:block;width:100%;padding:12px 14px;background:#F9F7F6;border:1px solid #8E767C;color:#241A1B;border-radius:0;font:400 18px/1.6 "Newsreader",Georgia,serif;min-height:48px}
.note-form textarea{min-height:180px;resize:vertical;white-space:pre-wrap}
.note-form input:focus-visible,.note-form textarea:focus-visible,.note-form button:focus-visible{outline:2px solid #5A0F1D;outline-offset:3px}
.note-form .hint{font:400 15px/1.5 "Newsreader",Georgia,serif;color:#4A3631;margin-top:8px}
.note-form .permission{display:flex;gap:12px;align-items:flex-start;font:400 16px/1.6 "Newsreader",Georgia,serif;margin:24px 0}
.note-form .permission input{appearance:auto;flex:none;width:20px;height:20px;margin-top:4px;accent-color:#5A0F1D}
.note-form .btn{border:0;cursor:pointer;min-height:48px;font:600 12px/1.4 "Instrument Sans",Arial,sans-serif}
.note-form .btn:disabled{opacity:.65;cursor:wait}
.review-error{color:#9E1B2A;margin:18px 0;font-size:17px}.review-success{background:#FBF9F8;border:4px double #C99AA5;padding:36px;font-size:20px}
.review-success:focus{outline:2px solid #5A0F1D;outline-offset:4px}
.kb .submitted-note{background:#FBF9F8;transform:rotate(-1deg)}
.kb .submitted-note:nth-child(even){background:#F4E3E5;transform:rotate(1deg)}
.kb .submitted-note blockquote{white-space:pre-wrap;overflow-wrap:anywhere}
@container jl (max-width:760px){.note-write{padding:50px 20px 70px}.note-form{padding:28px 22px}.kind-note-actions{gap:18px}.note-form .btn{width:100%;justify-content:center}.review-success{padding:26px}}