article{min-width:0}.reader-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 18px;padding:10px 14px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#18202a;font-weight:650;cursor:pointer}.reader-back span{font-size:21px;line-height:1}.reader-head h2,.reader-head p{overflow-wrap:anywhere}.body{max-width:100%;min-width:0;overflow-wrap:anywhere}.body img,.body video,.body svg,.body canvas{max-width:100%!important;height:auto!important}.body table{max-width:100%!important;width:100%!important}.body td,.body th,.body div,.body p,.body section{max-width:100%!important}
@media(max-width:700px){#mail.view{padding:12px 0 0}.mail-layout{height:calc(100vh - 76px);border-width:1px 0 0}article{padding:0 14px 24px!important;overflow-x:hidden!important}article.open{width:100%!important;max-width:100vw!important}.reader-back{position:sticky;top:0;z-index:6;width:calc(100% + 28px);margin:0 -14px 18px;padding:13px 16px;border-width:0 0 1px;border-radius:0;background:#fff;box-shadow:0 2px 7px #18202a12}.reader-head h2{font-size:21px;line-height:1.35}.reader-head p{line-height:1.55}.body{width:100%!important;overflow-x:hidden}.body table{font-size:14px;table-layout:auto}.body img{object-fit:contain}}