/* little guestbook: browser-local previews, NOT publicly shared comments */
.feedback-box{background:#fffdf5;border:1px solid #e5e0d2;box-shadow:5px 9px 0 #4461420c;padding:clamp(20px,3vw,37px);max-width:1090px;margin:45px auto 0;color:#2d3932}
.feedback-top{display:flex;gap:25px;justify-content:space-between;align-items:flex-start}
.feedback-small-head{font:700 10px 'DM Mono',monospace!important;letter-spacing:.1em;color:#ac7c67!important;margin:0 0 12px!important}
.feedback-top h3,.feedback-box>h3{font:800 clamp(25px,3.2vw,37px)/1.13 'DM Sans',sans-serif;letter-spacing:-.055em;margin:6px 0 12px}
.feedback-top h3 em{font:italic 600 .95em 'Fraunces',serif;color:#b88065}
.feedback-context{font-size:13px;color:#6f786d;line-height:1.7;margin:0}
.feedback-doodle{font:700 40px 'Fraunces',Georgia,serif;color:#cc9877}
.feedback-react{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e0e1d4;border-bottom:1px solid #e0e1d4;margin:26px 0 24px;padding:17px 0}
.feedback-react button{border:1px solid #d2d8ca;background:#f7f9f4;color:#3d5547;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:40px;font:800 12px 'DM Sans',sans-serif;transition:transform .15s,border-color .15s}
.feedback-react button:hover{transform:translateY(-2px);border-color:#9fbaa8}
.feedback-react button span{font-size:21px;color:#c18c6a}
.feedback-react button.is-chosen{background:#2d4b40;border-color:#2d4b40;color:#fff}
.feedback-react button.is-chosen span{color:#f1c9ab}
.feedback-notes{margin:18px 0 23px}
.feedback-note-list{max-height:210px;overflow-y:auto;display:grid;gap:9px}
.feedback-empty{font-size:13px;color:#879084;font-style:italic;padding:10px 0}
.feedback-saved-note{background:#f2f3eb;border-left:3px solid #cfa484;padding:12px 15px;overflow-wrap:anywhere}
.feedback-saved-note p{line-height:1.65;font-size:13px;white-space:pre-wrap;margin:0 0 9px}
.feedback-saved-note small{font:600 10px 'DM Mono',monospace;color:#8d9488}
.feedback-form label{display:block;font-weight:800;font-size:12px}
.feedback-form textarea{font:500 13px/1.5 'DM Sans',sans-serif;display:block;width:100%;resize:vertical;min-height:66px;border:1px solid #ced5c8;background:white;color:#26352e;border-radius:3px;padding:12px;margin-top:9px}
.feedback-form textarea:focus{outline:2px solid #a4c3aa;outline-offset:1px}
.feedback-form-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}
.feedback-form-row>span{font:500 10px 'DM Mono',monospace;color:#919a8d}
.feedback-form-row button{background:#2e5143;color:#fff;font:700 11px 'DM Sans',sans-serif;padding:12px 19px;border:0;border-radius:3px}
.feedback-form-row button:hover{background:#446754}
.feedback-private{font-size:10px;line-height:1.65;color:#7c867a;border-top:1px dashed #d9dbcf;margin-top:21px;padding-top:13px}
.feedback-private strong{color:#5a6357}
.feedback-error{font-size:12px;color:#9f6c4b;margin-top:10px}
.feedback-note{font-size:13px;line-height:1.75;color:#788376}
.gallery-photo-notes[hidden]{display:none!important}
.gallery-photo-notes{position:absolute;right:5px;top:55px;z-index:7;max-height:calc(100% - 115px);width:min(380px,89vw);overflow-y:auto;overscroll-behavior:contain}
.gallery-photo-notes .feedback-box{margin:0;box-shadow:0 9px 38px #0004;padding:24px}
.gallery-photo-notes .feedback-top h3{font-size:28px}
.gallery-photo-notes .feedback-note-list{max-height:110px}
.gallery-notes-toggle{background:#fff9ed;color:#354c3f;border:0;border-radius:20px;padding:7px 10px;font:800 11px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.gallery-notes-toggle:hover{background:#e5eedb}
@media(max-width:570px){.feedback-react{gap:7px}.feedback-react button{font-size:11px;padding:7px 9px}.feedback-doodle{font-size:30px}.gallery-photo-notes{top:65px;right:5px;max-height:calc(100% - 130px)}.gallery-photo-notes .feedback-box{padding:17px}.gallery-notes-toggle{font-size:10px;padding:7px}}
@media(prefers-reduced-motion:reduce){.feedback-react button{transition:none}}

/* Named comments with single-level threaded replies. */
.feedback-note-list{max-height:370px}
.feedback-thread{display:grid;gap:6px}
.feedback-comment-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}
.feedback-author{font:800 13px 'DM Sans',sans-serif;color:#30463b;overflow-wrap:anywhere}
.feedback-date{font:500 10px 'DM Mono',monospace;color:#8d9488;white-space:nowrap}
.feedback-saved-note .feedback-comment-text{margin:5px 0 7px;line-height:1.6;white-space:pre-wrap}
.feedback-saved-reply{margin-left:19px;border-left-color:#8caa93;background:#f6f6ee}
.feedback-reply-button{background:transparent;border:0;padding:5px 0 2px;cursor:pointer;color:#ad745d;font:800 11px 'DM Sans',sans-serif}
.feedback-reply-button:hover{text-decoration:underline}
.feedback-replying{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;background:#f4e9d0;padding:10px 12px;margin-bottom:12px;color:#7d6655;font:700 11px 'DM Sans',sans-serif}
.feedback-replying[hidden]{display:none!important}
.feedback-reply-cancel{border:0;background:none;text-decoration:underline;color:#8d664b;font:700 11px 'DM Sans',sans-serif;cursor:pointer;padding:5px}
.feedback-name-label{margin-bottom:15px}
.feedback-name-label>span{color:#b2795c}
.feedback-form input[name="name"]{display:block;margin-top:9px;width:min(320px,100%);max-width:100%;border:1px solid #ced5c8;background:#fff;color:#26352e;border-radius:3px;padding:11px 12px;font:500 13px 'DM Sans',sans-serif}
.feedback-form input[name="name"]:focus{outline:2px solid #a4c3aa;outline-offset:1px}
.gallery-photo-notes .feedback-note-list{max-height:180px}
@media(max-width:570px){.feedback-comment-header{display:grid;gap:3px}.feedback-name-label{margin-bottom:12px}.feedback-saved-reply{margin-left:11px}.feedback-note-list{max-height:300px}}