.sj-voices { --sj-green:#347b63; --sj-dark:#214e3c; --sj-pale:#eaf4ef; --sj-orange:#c46b30; color:#243b30; font-family:inherit; max-width:1060px; margin:0 auto 80px; line-height:1.85; }
.sj-voices *, .sj-voices *::before, .sj-voices *::after { box-sizing:border-box; }
.sj-voices__intro { padding:36px 34px 40px; margin:20px 0 28px; background:linear-gradient(135deg,#f0f8f4,#e3f1e9); border-radius:6px; border-left:5px solid var(--sj-green); }
.sj-voices__eyebrow { font-size:12px; font-weight:700; letter-spacing:.16em; color:var(--sj-green); }
.sj-voices__intro h2, .sj-voices__cta h2 { font-size:clamp(22px,2.6vw,30px); color:var(--sj-dark); line-height:1.45; margin:10px 0 14px; border:none; padding:0; background:none; }
.sj-voices__intro p { font-size:15px; margin:0; }
.sj-voices__index { padding:20px 26px; margin:0 0 22px; background:#fff; border:1px solid #cbded2; border-radius:5px; }
.sj-voices__index strong { display:block; margin:0 0 8px; color:var(--sj-dark); }
.sj-voices__index ol { margin:0; padding-left:1.5em; columns:2; column-gap:26px; }
.sj-voices__index li { break-inside:avoid; padding:2px 0; font-size:13px; }
.sj-voices__index a { color:#246d56; text-decoration:underline; text-underline-offset:3px; }
.sj-voices__legend { font-size:12px; color:#50645b; margin:0 0 28px; }
.sj-voices__card { display:grid; grid-template-columns:minmax(0,1.23fr) minmax(225px,.77fr); gap:34px; background:#fff; border:1px solid #d8e6dc; border-top:4px solid var(--sj-green); border-radius:5px; margin:0 0 28px; padding:30px; scroll-margin-top:90px; box-shadow:0 6px 24px rgba(21,73,43,.06); }
.sj-voices__number { display:inline-block; color:var(--sj-orange); font-weight:800; font-size:12px; letter-spacing:.12em; margin-bottom:9px; }
.sj-voices__card h3 { font-size:clamp(19px,2vw,24px); color:var(--sj-dark); line-height:1.5; margin:0 0 16px; padding:0; border:none; background:none; }
.sj-voices__card h4 { font-size:16px; color:var(--sj-dark); margin:21px 0 6px; padding:0 0 5px; border-bottom:1px solid #cddfd3; background:none; }
.sj-voices__person { font-size:14px; font-weight:700; margin:0 0 18px; }
.sj-voices__person span { display:inline-block; margin-left:12px; font-weight:400; color:#577064; }
.sj-voices__ratings { background:var(--sj-pale); border-radius:4px; padding:12px 18px; margin:0; font-size:13px; }
.sj-voices__ratings div { display:flex; justify-content:space-between; gap:16px; padding:5px 0; border-bottom:1px solid #d0e2d5; }
.sj-voices__ratings div:last-child { border:0; }
.sj-voices__ratings dt { margin:0; }
.sj-voices__ratings dd { margin:0; color:#23684f; font-weight:700; white-space:nowrap; }
.sj-voices__message { margin:0; font-size:14px; line-height:1.95; overflow-wrap:anywhere; }
.sj-voices__scan { align-self:start; text-align:center; }
.sj-voices__preview { width:100%; border:1px solid #d9e2dc; padding:9px; background:#f6f9f6; cursor:zoom-in; box-shadow:0 4px 16px rgba(0,0,0,.08); color:var(--sj-dark); }
.sj-voices__preview img { display:block; max-width:100%; width:100%; height:auto; background:#fff; }
.sj-voices__zoom { display:block; padding:7px 0 0; color:var(--sj-green); font-size:13px; font-weight:700; }
.sj-voices__preview:hover, .sj-voices__preview:focus-visible { outline:2px solid var(--sj-orange); outline-offset:3px; }
.sj-voices__scan small { display:block; color:#668074; margin-top:9px; font-size:11px; }
.sj-voices__privacy { font-size:12px; color:#5b7064; margin:26px 0 30px; }
.sj-voices__cta { text-align:center; background:#e9f3ed; border-radius:6px; padding:34px 24px 38px; }
.sj-voices__cta p { margin:0 0 20px; font-size:15px; }
.sj-voices__cta a { display:inline-block; background:var(--sj-orange); color:#fff; font-size:16px; font-weight:700; text-decoration:none; border-radius:3px; padding:12px 27px; }
.sj-voices__cta a:hover, .sj-voices__cta a:focus-visible { background:#a95222; color:#fff; }
.sj-voices-modal-open { overflow:hidden; }
.sj-voices__lightbox[hidden] { display:none !important; }
.sj-voices__lightbox { position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:18px; }
.sj-voices__backdrop { position:absolute; inset:0; background:rgba(8,23,16,.9); }
.sj-voices__lightbox-inner { position:relative; display:flex; align-items:center; flex-direction:column; max-width:min(95vw,1200px); max-height:95vh; max-height:95dvh; }
.sj-voices__large { display:block; width:auto; height:auto; max-width:100%; max-height:calc(95vh - 75px); max-height:calc(95dvh - 75px); object-fit:contain; background:#fff; }
.sj-voices__close { position:absolute; right:0; top:0; transform:translate(35%,-35%); border:0; border-radius:50%; color:#163b2a; background:#fff; width:42px; height:42px; font-size:30px; line-height:1; cursor:pointer; }
.sj-voices__controls { display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; margin-top:8px; color:#fff; font-size:13px; text-align:center; }
.sj-voices__controls button { color:#fff; background:#287b5d; border:1px solid #d7eadb; border-radius:3px; padding:6px 10px; cursor:pointer; white-space:nowrap; }
.sj-voices__lightbox button:focus-visible { outline:3px solid #e4a46d; outline-offset:2px; }
@media (max-width:750px) { .sj-voices { margin-bottom:50px; } .sj-voices__intro { padding:25px 18px; } .sj-voices__index { padding:18px; } .sj-voices__index ol { columns:1; } .sj-voices__card { grid-template-columns:1fr; gap:22px; padding:22px 17px; } .sj-voices__scan { max-width:440px; width:100%; margin:auto; } .sj-voices__controls { gap:8px; font-size:11px; } .sj-voices__controls button { font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .sj-voices * { scroll-behavior:auto !important; } }