/* WEB-07: form đánh giá + khối nhắc cuối bài blog. Token lấy từ site.css. */
.dg-form{background:var(--card);border:1px solid var(--ink);border-radius:10px;padding:14px;margin:0 0 24px;max-width:560px}
.dg-form h2{margin:0 0 10px}
.dg-form label,.dg-form legend{display:block;font-weight:700;margin:12px 0 4px;padding:0}
.dg-form small{color:var(--muted);font-weight:400}
.dg-form input[type=text],.dg-form textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:10px 12px}
.dg-form input[type=text]{min-height:46px}
.dg-form textarea{min-height:140px;resize:vertical}
.dg-form input:focus-visible,.dg-form textarea:focus-visible{outline:3px solid var(--red);outline-offset:1px}
.dg-form fieldset{border:0;margin:0;padding:0;min-width:0}
.dg-sao{display:flex}
.dg-sao input{position:absolute;opacity:0;width:1px;height:1px}
.dg-sao label{display:flex;align-items:center;justify-content:center;width:52px;min-height:52px;margin:0;font-size:32px;line-height:1;color:transparent;-webkit-text-stroke:1.5px #8A7760;cursor:pointer;border-radius:8px}
.dg-sao label.on{color:var(--red);-webkit-text-stroke:0}
.dg-sao input:focus-visible+label{outline:3px solid var(--red);outline-offset:-3px}
.dg-dem{text-align:right;font-size:14px;color:var(--muted)}
.dg-dem.gan{color:#B3261E;font-weight:700}
.dg-an{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dg-gui,.dg-nut{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;margin-top:14px;background:var(--red);color:#fff;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.dg-nut.phu{background:transparent;color:var(--red);border:1.5px solid var(--red)}
.dg-gui:disabled{opacity:.6;cursor:default}
.dg-tb{margin-top:12px;padding:10px 12px;border-radius:8px;border:1.5px solid}
.dg-tb:empty{display:none}
.dg-tb.ok{background:#E6F2E4;border-color:#2F6B2B;color:#1F4A1C}
.dg-tb.loi{background:#FBE9E7;border-color:#B3261E;color:#7A1710}
.dg-blog{margin:28px 0 0;padding-top:12px;border-top:1px solid var(--ink)}
.dg-blog .dg-nut{margin-right:8px}

/* WEB-DSN-02 C1: keep keyboard focus separate from the button fill. */
.dg-gui:focus-visible,.dg-nut:focus-visible{outline:3px solid var(--ink);outline-offset:3px}