.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 17px;background:var(--color-primary);color:white;font-weight:600;font-size:.9rem;min-height:44px;transition:background .15s,box-shadow .15s;line-height:1.3;text-align:center}.button:hover{background:var(--color-primary-hover);text-decoration:none}.button.secondary{background:white;border-color:var(--color-border);color:var(--color-text)}.button.secondary:hover{background:#eaf2ee;border-color:#a3bbae}.button.small{padding:7px 10px;min-height:36px;font-size:.85rem}.button.danger-button{background:var(--color-danger)}.text-button{border:0;background:transparent;color:var(--color-primary);padding:6px 0;font-size:.9rem}.text-button+.text-button{margin-left:16px}.danger{color:var(--color-danger)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.panel{background:white;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.form-stack{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hint{font-size:.85rem;color:var(--color-muted);margin:6px 0 0;font-weight:400}.alert{padding:13px 17px;border-radius:7px;margin-bottom:22px;font-size:.95rem}.alert.error{background:#fff0f0;color:#8a292f;border:1px solid #e7b9bc}.alert.success{background:#e9f5ed;color:#215c39;border:1px solid #c7e0d0}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e3ede7}.empty{padding:50px 25px;text-align:center;border:1px dashed #bccdc3;border-radius:12px;background:#fff}.empty>.icon{width:40px;height:40px;color:#537c69;margin-bottom:15px}.empty p{max-width:480px;margin:0 auto 20px;color:var(--color-muted)}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:32px}.pagination a{padding:8px 13px;border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.9rem}.pagination .selected{background:var(--color-primary);color:white}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:3000;background:#173c2f;color:#fff;padding:13px 20px;border-radius:9px;box-shadow:var(--shadow-md);max-width:calc(100% - 32px);text-align:center}.toast[hidden]{display:none}dialog{border:1px solid var(--color-border);border-radius:14px;padding:26px;width:min(450px,calc(100% - 32px));box-shadow:var(--shadow-md)}dialog::backdrop{background:#0c211cb0}dialog h2{font-size:1.2rem}dialog p{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}th{color:var(--color-muted);font-weight:600;background:#f4f7f5}td .actions{gap:8px}td form{margin:0}.search-box{position:relative}.search-box input{padding-left:44px}.search-box>.icon{position:absolute;top:15px;left:15px;color:var(--color-muted)}.suggestions{position:absolute;z-index:1200;top:100%;width:100%;background:white;border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:8px;max-height:330px;overflow:auto}.suggestions a,.suggestions button{display:block;text-align:left;width:100%;padding:12px 16px;background:transparent;border:0;border-bottom:1px solid var(--color-border);font-size:.95rem}.suggestions a:hover,.suggestions button:hover{background:#edf5f0;text-decoration:none}.suggestions small{display:block;color:var(--color-muted)}.suggestions p{padding:12px;margin:0}.comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--color-border)}.comment.reply{margin-left:44px}.comment p{margin:8px 0;overflow-wrap:anywhere;white-space:normal}.comment-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.9rem}.comment-heading a{font-weight:700}.comment time{font-size:.8rem}.comment-form{display:grid;gap:12px;border-bottom:1px solid var(--color-border);padding-bottom:24px;margin-bottom:4px}.comment-form>.button{justify-self:start}.reply-context{font-size:.9rem}.reply-context[hidden]{display:none}.like-button.liked{background:#edf5f0;color:var(--color-primary);border-color:#8fb9a4}.like-button.liked .icon{fill:#075c4820}.badge{display:inline-block;font-size:.75rem;padding:3px 8px;border-radius:5px;background:#eaf2ed;color:#35654c}.prose{overflow-wrap:anywhere;white-space:pre-line}.field-label{display:block;margin-bottom:7px;font-size:.9rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.panel{padding:20px}.form-row{grid-template-columns:1fr}.comment.reply{margin-left:24px}}