.offline-page{max-width:900px;margin:auto;padding:24px max(20px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));min-height:100dvh}
.offline-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;flex-wrap:wrap}
.offline-page .reader{max-width:72ch;margin:0 auto}
.offline-page .reader-meta{overflow-wrap:anywhere}
.offline-page .notice{display:block;line-height:1.7}
.offline-page .note-row{width:100%;text-align:left}
.offline-page h1{font-size:clamp(26px,4vw,36px);line-height:1.15;overflow-wrap:anywhere}