.gbp-change-suggestions{margin-bottom:18px}.gbp-change-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.gbp-change-summary article{border:1px solid var(--line);border-radius:10px;padding:12px;background:#f6faf2}.gbp-change-summary span,.gbp-change-summary small{display:block;font-size:12px;color:var(--muted)}.gbp-change-summary strong{display:block;font-size:25px;margin:4px 0}.gbp-change-list{display:grid;gap:12px}.gbp-change-list>form{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(260px,1.3fr) auto;gap:10px;align-items:end}.gbp-change-list header,.gbp-before-after,.gbp-change-list [role=status],.gbp-recommended-action{grid-column:1/-1}.gbp-change-list header{display:flex;justify-content:space-between;gap:10px}.gbp-change-list header strong,.gbp-change-list header span{display:block}.gbp-change-list header span,.gbp-change-list header b,.gbp-change-list small,.gbp-change-list [role=status]{font-size:12px}.gbp-change-list header b{color:#71367c}.gbp-before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.gbp-before-after section{border-radius:9px;padding:10px;background:#f8f6f9}.gbp-before-after p{margin:4px 0;overflow-wrap:anywhere}.gbp-recommended-action{margin:0;padding:10px;border-left:3px solid #c8a334;background:#fff9e9;font-size:12px;color:#514a2d}.gbp-change-list label{display:grid;gap:4px;font-size:12px}.gbp-change-list select,.gbp-change-list textarea{padding:8px;border:1px solid var(--line);border-radius:7px;font:inherit}.gbp-change-list textarea{min-height:58px}.gbp-change-list button{padding:9px 11px;border:1px solid #ceb6d6;border-radius:7px;background:#f8f2fa;color:#71367c;font-weight:700}@media(max-width:900px){.gbp-change-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.gbp-change-summary,.gbp-change-list>form{grid-template-columns:1fr}.gbp-before-after{grid-template-columns:1fr}.gbp-before-after>span{transform:rotate(90deg);justify-self:center}}