/* Original message screenshots inside a simple, deliberately separate phone frame. */
#reader-messages.phone-messages{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;background:#f9edcf;overflow:hidden}
.phone-messages .reader-intro{text-align:left;margin:0;max-width:610px}
.phone-messages .reader-intro h2{margin:22px 0 28px;max-width:17ch}
.phone-messages .reader-intro p{margin:18px 0;font-size:21px;line-height:1.65}
.phone-messages .inbox-eyebrow{color:#76603a;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.12em}
.phone-messages .reader-intro .inbox-instruction{font-size:16px;margin-top:32px;border-top:1px solid #172b3b22;padding-top:24px}
.phone-messages .reader-intro .proof-context{font-size:13px;line-height:1.6;color:#59605c}
.inbox-showcase{width:100%;max-width:410px;justify-self:center;min-width:0}
.inbox-phone{position:relative;padding:14px 8px 10px;background:#11171b;border:2px solid #5c6366;border-radius:44px;box-shadow:0 24px 60px #192b3b26,0 0 0 5px #fff9e966;color:#fff;overflow:hidden}
.phone-speaker{width:78px;height:6px;background:#030608;border-radius:20px;margin:0 auto 13px}
.inbox-header{display:flex;align-items:center;gap:17px;padding:12px 18px 18px;border-bottom:1px solid #ffffff20;font-family:Arial,sans-serif}
.inbox-header>span:first-child{font-size:30px;color:#dadfe3}.inbox-header strong{display:block;font-size:18px;font-weight:600}.inbox-header small{display:block;font-size:11px;color:#b0bac1;margin-top:5px}.inbox-dot{width:8px;height:8px;background:#91cbb7;border-radius:50%;margin-left:auto}
.inbox-scroll{height:480px;max-height:60vh;overflow-y:auto;overflow-x:hidden;background:#0a1013;scrollbar-width:thin;scrollbar-color:#596064 #0a1013;overscroll-behavior-y:contain;scroll-behavior:auto;border-radius:0 0 25px 25px}
.inbox-entry{margin:0;padding:22px 15px 28px;border-bottom:1px solid #ffffff15;background:#0a1013}
.inbox-entry figcaption{font-family:Arial,sans-serif;font-size:11px;color:#9ca9b2;margin-bottom:16px;text-align:center}
.inbox-entry .message-open{display:block;width:100%;border:0;padding:0;background:transparent;border-radius:8px;cursor:zoom-in}
.inbox-entry img{display:block;width:100%;height:auto;border-radius:4px}
.inbox-entry button:focus-visible,.inbox-scroll:focus-visible{outline:3px solid #ffdf49;outline-offset:-3px}
.inbox-end{color:#9ca9b2;font-size:12px!important;text-align:center;padding:25px 12px;margin:0}
.phone-home{width:100px;height:4px;background:#dae0e3;border-radius:10px;margin:14px auto 0}
.inbox-controls{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:22px;flex-wrap:wrap}
.inbox-controls button{border:1px solid #182b3b;background:#182b3b;color:#fff8e9;border-radius:24px;padding:12px 19px;font:inherit;font-size:14px;cursor:pointer;min-height:44px}
.inbox-controls button:disabled{opacity:.65;cursor:default}.inbox-controls span{font-size:12px;color:#58605e}
@media(max-width:800px){#reader-messages.phone-messages{grid-template-columns:1fr;gap:32px}.phone-messages .reader-intro p{font-size:18px}.phone-messages .reader-intro h2{font-size:36px!important}.inbox-showcase{max-width:380px}.inbox-scroll{height:430px;max-height:60vh}.inbox-phone{border-radius:35px}.inbox-entry{padding:20px 10px 24px}}
.phone-messages .reader-intro>.story-speech{display:none}