
.read-trigger{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(105,225,215,.6);background:rgba(20,72,75,.45);color:#d9fffa;border-radius:999px;padding:9px 18px;font-weight:750;cursor:pointer;transition:.2s}.read-trigger:hover{background:rgba(40,105,105,.7);transform:translateY(-2px)}
.read-overlay{position:fixed;inset:0;z-index:2500;overflow-y:auto;padding:24px 12px;background:rgba(6,12,19,.94);color:#edf5f5}.read-panel{position:relative;max-width:850px;margin:auto;padding:clamp(22px,5vw,50px);border:1px solid rgba(84,212,197,.35);border-radius:23px;background:linear-gradient(155deg,#172b32,#101820 65%,#211e28);box-shadow:0 25px 90px #0009}.read-panel h1{font-size:clamp(28px,4vw,42px);font-weight:400;color:#e8fffa}.read-panel h2{font-size:22px;color:#79ddd2;margin:35px 0 12px}.read-panel p{line-height:1.75;color:#d2dfdf;font-size:15px}.read-panel strong{color:#f2fffc}.read-panel img{display:block;max-width:100%;max-height:370px;object-fit:contain;margin:18px auto;border-radius:13px}.read-panel img.read-hero{max-height:450px}.read-close{position:sticky;top:4px;float:right;z-index:2;border:1px solid #6dbbb3;background:#163b3a;color:#eafffa;border-radius:10px;padding:9px 14px;cursor:pointer}.read-quote{border-left:3px solid #f1b968;padding:12px 18px;background:#ffffff08;border-radius:0 10px 10px 0}.read-foot{text-align:center;margin-top:35px;color:#a6c6c2}.read-panel a{color:#8de6df}@media(max-width:600px){.read-overlay{padding:8px}.read-panel{border-radius:14px}.read-panel img{max-height:280px}}
 .read-panel img.read-portrait{max-height:440px;width:auto;max-width:min(100%,340px);object-fit:contain;border-radius:18px;box-shadow:0 16px 42px #0006}
