/* Shared public comments for blog articles and photo albums. */
.mintlog-comments{--primary:#006400;--on-primary:#fff;--focus:#006400;box-sizing:border-box;min-width:0;border-top:1px solid var(--line);margin-top:40px;padding-top:28px;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.mintlog-comments *{box-sizing:border-box}
.mintlog-comments h2{font-size:22px;font-weight:700;line-height:1.2;letter-spacing:0;margin:0 0 14px;padding:0;color:var(--ink)}
.mintlog-comments .comment-form{display:grid;gap:8px;max-width:700px;margin:0 0 20px;padding:0;font:inherit;text-align:left}
.album-bottom .mintlog-comments .comment-form{max-width:none}
.mintlog-comments label{font:inherit;margin:0;padding:0;color:var(--ink)}
.mintlog-comments .comment-form :is(input,textarea){display:block;width:100%;max-width:100%;min-height:36px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--control,var(--page));color:var(--ink);font:inherit}
.mintlog-comments .comment-form textarea{min-height:88px;white-space:pre-wrap;resize:vertical;line-height:1.5}
.mintlog-comments .comment-form button{display:inline-flex;justify-self:start;align-items:center;justify-content:center;min-height:36px;margin:0;padding:7px 14px;border:1px solid var(--primary,var(--green));border-radius:4px;background:var(--primary,var(--green));color:var(--on-primary,#fff);font:inherit;font-weight:600;cursor:pointer}
.mintlog-comments :is(button,input,textarea):focus-visible{outline:3px solid var(--focus,var(--green));outline-offset:3px}
.mintlog-comments .comment{margin:0 0 12px;padding:12px;border-radius:4px;background:var(--surface);color:var(--ink);font:inherit}
.mintlog-comments .comment p{margin:0;padding:0;line-height:1.5}
.mintlog-comments .muted{color:var(--muted)}
.mintlog-comments .comment .muted{font-size:12px}
.mintlog-comments>.muted{font:inherit;margin:0;padding:0}
@media(max-width:767px){.mintlog-comments .comment-form :is(input,textarea){font-size:16px;min-height:44px}.mintlog-comments .comment-form button{min-height:44px}}

:root[data-theme=dark] .mintlog-comments{--primary:#c2e5d3;--on-primary:#173a24;--focus:#d7df9d}