/* P51: scoped, quiet guidance; no fixed elements or global form rules. */
#wt-p51-context[hidden]{display:none!important}
#wt-p51-context{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0 0 18px;padding:16px;border:1px solid #d6dfd2;border-radius:10px;background:#f6f8f4;color:#333;overflow-wrap:anywhere;text-align:left}
#wt-p51-context h2{margin:0 0 8px;font-size:18px;line-height:1.3;color:#333;font-weight:600}
#wt-p51-context p{margin:0 0 9px;font-size:14px;line-height:1.5}
#wt-p51-context .wt-p51-status{font-weight:600}
#wt-p51-context .wt-p51-note{font-size:13px;color:#50564e}
#wt-p51-context .wt-p51-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
#wt-p51-context button{font:inherit;font-size:14px;line-height:1.35;white-space:normal;cursor:pointer;min-height:44px;max-width:100%;margin:0;border-radius:6px;padding:10px 12px}
#wt-p51-context .wt-p51-apply{border:1px solid #516449;background:#fff;color:#30422a;font-weight:600}
#wt-p51-context .wt-p51-dismiss{border:1px solid transparent;background:transparent;color:#444;text-decoration:underline;text-underline-offset:3px}
#wt-p51-context button:focus-visible{outline:3px solid #33582a;outline-offset:3px}
#wt-p51-context .wt-p51-apply:hover{background:#edf2e9}
@media(max-width:575px){#wt-p51-context{padding:14px}#wt-p51-context .wt-p51-actions{align-items:stretch;flex-direction:column}#wt-p51-context button{width:100%}}

/* P52: the colour is a suggestion, distinct from the native selected value. */
#wt-p51-context .wt-p52-color[hidden]{display:none!important}
#wt-p51-context .wt-p52-color{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#wt-p51-context .wt-p52-swatch{display:inline-block;flex:0 0 18px;width:18px;height:18px;border:1px solid #8a8a8a;border-radius:50%;box-sizing:border-box}