/* Blog engagement (owner, 28 Oct 2026): view count, like heart and comments on each blog post. Sample build. */
.post-engage{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.1rem;margin:-1rem 0 1.4rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,238,228,.65)}
.post-engage[hidden],.post-comments[hidden],.engage-internal[hidden]{display:none}
.engage-views,.engage-ccount{display:inline-flex;align-items:center;gap:.4rem;min-height:44px}
.engage-views svg{width:1.05rem;height:1.05rem;flex:none}
.engage-like{display:inline-flex;align-items:center;gap:.4rem;min-width:44px;min-height:44px;margin:0;padding:0 .5rem 0 0;background:transparent;border:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.engage-like svg{width:1.25rem;height:1.25rem;flex:none;margin-left:.6rem;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .15s ease,fill .15s ease,stroke .15s ease}
.engage-like:hover svg,.engage-like:focus-visible svg{stroke:var(--oxide)}
.engage-like:focus-visible{outline:2px solid var(--oxide);outline-offset:2px}
.engage-like[aria-pressed="true"] svg{fill:var(--oxide);stroke:var(--oxide)}
.engage-like:active svg{transform:scale(.88)}
.engage-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.post-comments{margin:2.2rem 0 0;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.15)}
.post-comments-title{font-size:.9rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,238,228,.65);margin:0 0 .6rem}
.engage-lead{margin:0 0 1rem;color:rgba(243,238,228,.65);font-size:1rem}
.engage-list{list-style:none;margin:0 0 1.4rem;padding:0}
.engage-list li{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.1)}
.engage-list li:first-child{padding-top:0}
.engage-who{display:flex;flex-wrap:wrap;gap:.2rem .6rem;margin:0 0 .3rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,238,228,.65)}
.engage-who b{font-weight:500;color:var(--ink)}
.engage-text{margin:0;white-space:pre-line;overflow-wrap:anywhere;color:var(--ink)}
.engage-form{display:grid;gap:.35rem;max-width:40rem}
.engage-form label{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,238,228,.65);margin-top:.4rem}
.engage-form label .engage-opt{text-transform:none;letter-spacing:0}
.engage-form input,.engage-form textarea{box-sizing:border-box;width:100%;min-height:44px;padding:.55rem .65rem;font:inherit;font-size:1rem;color:var(--ink);background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:0}
.engage-form textarea{min-height:8rem;line-height:1.4;resize:vertical}
.engage-form input:focus,.engage-form textarea:focus{outline:none;border-color:var(--oxide)}
.engage-form .char-count{margin:.1rem 0 0;font-size:.8rem;text-align:right;color:rgba(243,238,228,.7);opacity:.6}
.engage-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.engage-send{justify-self:start;cursor:pointer;min-height:44px;margin-top:.3rem;padding:.7rem 1.1rem;font:inherit;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border:2px solid var(--ink);background:transparent;color:var(--ink)}
.engage-send:hover,.engage-send:focus-visible{border-color:var(--oxide);color:var(--oxide);outline:none}
.engage-send[disabled]{opacity:.5;cursor:default}
.engage-status{margin:.2rem 0 0;min-height:1.2em;color:var(--ink)}
.engage-status:empty{display:none}
.engage-privacy{margin:.2rem 0 0;color:var(--oxide);font-style:italic;font-size:.85rem;line-height:1.35}
.engage-internal{margin:1.6rem 0 0;font-size:.8rem;color:rgba(243,238,228,.5)}
@media (max-width:560px){.engage-send{width:100%;justify-content:center}}