.lg-reader { border: 1px solid #d9e3f1; border-radius: 16px; background: #f4f7fb; overflow: hidden; min-width: 0; }
.lg-reader-heading { display: grid; gap: .25rem; padding: 1rem; }
.lg-reader-heading > span { color: #175ad6; font-size: .75rem; font-weight: 700; letter-spacing: .08em; }
.lg-reader figure { margin: 0; padding: 0 1rem 1rem; }
.lg-reader figure > img { display: block; width: 100%; height: auto; background: white; border: 1px solid #d9e3f1; }
.lg-reader figcaption { color: #5f6b7a; font-size: .8rem; margin-block: .5rem; }
.lg-page-text { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 28rem; overflow: auto; padding: .8rem; background: white; }
.lg-reader-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5rem; padding: 1rem; }
.lg-reader button { min-height: 44px; padding: .65rem .8rem; background: white; color: #123b76; border: 1px solid #b7c9df; border-radius: 8px; cursor: pointer; font: inherit; font-size: .85rem; }
.lg-reader button:disabled { opacity: .45; cursor: default; }
.lg-reader [hidden] { display: none !important; }
.lg-reader-dialog { width: min(95vw, 1100px); max-width: 95vw; max-height: 94dvh; box-sizing: border-box; border: 0; border-radius: 12px; padding: 1rem; }
.lg-reader-dialog::backdrop { background: rgb(6 22 49 / 75%); }
.lg-reader-dialog > button { position: sticky; top: 0; margin-bottom: .7rem; }
.lg-reader-dialog > img { display: block; width: 100%; height: auto; }
.lg-sample-return { margin-block: 2rem; padding: 1.5rem; border: 1px solid #d9e3f1; border-radius: 16px; background: #f4f8ff; }
.lg-sample-return .wp-element-button { display: inline-flex; max-width: 100%; box-sizing: border-box; white-space: normal; }

.lg-sample-return { max-width: 1120px; margin-inline: auto; box-sizing: border-box; }
.lg-sample-return [data-selection-return] { display: block; margin-top: 1rem; }
.lg-sample-return [hidden] { display: none !important; }
.lg-product-evidence, .lg-product-comparison { margin-block: 2rem; min-width: 0; }
.lg-product-evidence .lg-reader { max-width: 640px; margin-inline: auto; }
.lg-comparison-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 1rem; }
.lg-comparison-grid article { padding: 1.2rem; border: 1px solid #d9e3f1; border-radius: 12px; overflow-wrap: anywhere; }
.lg-comparison-grid article:first-child { background: #f4f8ff; border-color: #8caee5; }
.lg-comparison-grid h3 { font-size: 1.1rem; }
@media (max-width: 600px) { .lg-sample-return { margin-inline: 1rem; } }