/* Scoped additions: existing screenshots, React elements and site tokens stay intact. */
.telos-graphics-home,.telos-graphic{box-sizing:border-box;min-width:0;color:#faf8f4;font-family:system-ui,sans-serif}
.telos-graphics-home{width:min(1120px,calc(100% - 32px));margin:64px auto;padding-block:36px;border-top:1px solid #ffffff25}
.telos-graphics-home h2{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:0 0 24px}
.telos-graphic{margin:36px 0;padding:20px;background:#15151c;border:1px solid #ffffff25;border-radius:20px;overflow:hidden;text-align:start}
.telos-graphic picture{display:block}.telos-graphic img{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0;border-radius:12px;object-fit:contain}
.telos-graphic figcaption{font-size:14px;line-height:1.65;color:#b6b4bd;padding-top:16px}.telos-graphic figcaption strong{display:block;color:#faf8f4;font-size:16px;margin-bottom:6px}.telos-graphic figcaption small{display:block;font-size:12px;margin-top:8px}figure.telos-graphic figcaption a{color:#e7c78b;text-decoration:underline;text-underline-offset:3px}
.telos-graphic details{margin-top:16px;padding:12px;border:1px solid #ffffff25;border-radius:10px;color:#b6b4bd}.telos-graphic summary{cursor:pointer;font-size:14px}.telos-graphic table{width:100%;margin-top:12px;border-collapse:collapse;font-size:14px}.telos-graphic th,.telos-graphic td{padding:8px;border-bottom:1px solid #ffffff25;text-align:start}.telos-graphic th{color:#faf8f4}
.telos-graphic[lang=ar],.telos-graphics-home[lang=ar]{font-family:system-ui,sans-serif;direction:rtl}.telos-graphic bdi{unicode-bidi:isolate}
@media(max-width:600px){.telos-graphic{padding:12px;margin-block:28px;border-radius:14px}.telos-graphic figcaption{font-size:13px}.telos-graphics-home{margin-block:36px;padding-block:24px}}