/* ============================================================
   WordPress-only surfaces.

   The static site had no search form, no comments and no editor blocks, so
   none of it exists in style.css. These rules dress those surfaces in the same
   tokens rather than letting WordPress fall back to browser defaults.
   ============================================================ */

/* ---------- search form ---------- */
.ss-search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:6px 6px 6px 20px;transition:border-color .3s var(--ease)}
.ss-search:focus-within{border-color:var(--green)}
.ss-search input{flex:1;min-width:0;border:0;background:none;outline:none;font-family:var(--body);font-size:.95rem;color:var(--ink);padding:.6rem 0}
.ss-search input::placeholder{color:var(--muted)}
.ss-search button{display:grid;place-items:center;width:42px;height:42px;flex:none;border:0;border-radius:50%;background:var(--ink);color:var(--snow);cursor:pointer;transition:background .3s var(--ease),transform .3s var(--spring)}
.ss-search button:hover{background:var(--green);transform:translateX(2px)}
.ss-search .ico{width:18px;height:18px;stroke-width:2}

/* ---------- comments ---------- */
.comments{margin-top:80px;padding-top:56px;border-top:1px solid var(--line)}
.comments-title{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:36px}
.comment-list{list-style:none;display:flex;flex-direction:column;gap:28px}
.comment-list .children{list-style:none;margin:28px 0 0 clamp(16px,4vw,44px);display:flex;flex-direction:column;gap:28px}
.comment-body{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px}
.comment-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}
.comment-meta img{border-radius:50%;flex:none}
.comment-author{font-family:var(--display);font-weight:700;font-size:.98rem;color:var(--ink)}
.comment-author .says{display:none}
.comment-metadata{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.comment-metadata a{color:inherit}
.comment-content{color:#3d453f;font-size:.98rem;line-height:1.75}
.comment-content > * + *{margin-top:1rem}
.comment-awaiting-moderation{display:block;margin-top:.8rem;font-size:.85rem;color:var(--green)}
.reply{margin-top:1rem}
.reply a{font-family:var(--display);font-weight:600;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.reply a:hover{color:var(--green-deep)}
.comment-list .pingback,.comment-list .trackback{font-size:.9rem;color:var(--muted)}

/* ---------- comment form ---------- */
.comment-respond{margin-top:56px}
.comment-reply-title{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:1.4rem}
.comment-reply-title small{font-size:.8rem;font-weight:400;margin-left:.8rem}
.comment-form{display:flex;flex-direction:column;gap:18px}
.comment-form p{margin:0}
.comment-form label{display:block;font-family:var(--display);font-weight:600;font-size:.85rem;margin-bottom:.5rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;font-family:var(--body);font-size:.95rem;background:var(--paper);color:var(--ink);outline:none;transition:border-color .3s,background .3s}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--green);background:#fff}
.comment-form textarea{resize:vertical;min-height:140px}
.comment-form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--muted)}
.comment-form .comment-form-cookies-consent input{margin-top:.25rem}
.comment-form .comment-form-cookies-consent label{margin:0;font-weight:400;font-family:var(--body)}
.comment-form .form-submit{margin-top:.4rem}
.comment-notes,.comment-form .logged-in-as{font-size:.88rem;color:var(--muted)}
.comment-form .submit{font-family:var(--display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;padding:1.02rem 1.75rem;border:0;border-radius:999px;background:var(--ink);color:var(--snow);cursor:pointer;transition:background .35s var(--ease),transform .35s var(--spring)}
.comment-form .submit:hover{background:var(--green);transform:translateY(-2px)}
.no-comments{color:var(--muted);font-size:.95rem}