.option-preview{display:grid;grid-template-columns:minmax(210px,38%) 1fr;gap:22px;align-items:center;margin:1px 0 23px;padding:14px 18px 13px;background:#f5f7f1;border:1px solid #e1e5da;border-radius:10px;min-width:0}.option-preview .op-graphic{display:flex;align-items:center;justify-content:center;min-width:0}.option-preview .op-graphic>svg{display:block;width:100%;height:auto;max-height:140px}.option-preview .op-copy{min-width:0}.option-preview .op-eyebrow{display:block;font-size:9px;color:#8b9585;letter-spacing:.8px;margin-bottom:5px}.option-preview .op-title{display:block;font-size:13px;color:#354b3c;font-weight:550;line-height:1.6}.option-preview .op-description{font-size:11px;color:#7c8775;line-height:1.8;margin:5px 0 0}.option-preview .op-tags{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:9px}.option-preview .op-tags span{font-size:11px;color:#64775d;white-space:nowrap}.option-preview .op-tags span+span:before{content:'·';margin-right:8px;color:#a7b09f}.option-preview .op-note{font-size:11px;color:#8b9580;line-height:1.7;margin:9px 0 0}@media(max-width:620px){.option-preview{grid-template-columns:minmax(0,1fr);gap:8px;padding:13px 15px 14px;margin-bottom:20px}.option-preview .op-graphic{max-width:286px;justify-self:center;width:100%}.option-preview .op-graphic>svg{max-height:128px}.option-preview .op-copy{padding:0 3px}.option-preview .op-eyebrow{font-size:9px;margin-bottom:3px}.option-preview .op-title{font-size:12px}.option-preview .op-description{font-size:11px;margin-top:3px}.option-preview .op-tags{margin-top:7px;gap:3px 7px}.option-preview .op-note{margin-top:7px;font-size:11px}}