.offline-shell{max-width:850px;margin:0 auto;padding:30px 0 70px}.offline-heading{text-align:center;max-width:680px;margin:32px auto}.offline-heading h1{font-family:var(--heading-font,Georgia,serif);font-size:clamp(2rem,5vw,3.6rem);line-height:1.15}.offline-heading p{font-size:1.2rem;line-height:1.8}.offline-picture{display:block;width:100px;height:100px;margin:24px auto;background:#e3efe7;border-radius:32px;padding:16px}.offline-picture svg{width:100%;height:100%}.offline-card{background:#fff;border:1px solid #d5d9cd;border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 5px 0 #e8e6d9}.offline-size{color:#406755;font-weight:700}.offline-actions{display:flex;flex-wrap:wrap;gap:12px}.offline-actions button{min-height:48px;white-space:normal}.offline-shell progress{width:100%;height:20px;accent-color:#168775}.offline-note{line-height:1.8;margin:24px 4px;color:#485367}.offline-teaser{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:28px;background:#edf4eb;border:1px solid #d0ddce;border-radius:20px;margin:32px 0}.offline-teaser h2{margin:0 0 8px}.offline-teaser p{margin:0}.offline-teaser a{flex-shrink:0;max-width:48%}#offline-confirm{margin-top:24px;padding:20px;background:#fff4d4;border-radius:16px}#offline-confirm button{margin:4px;min-height:48px}#offline-notice:empty,#offline-count:empty{display:none}#offline-notice{line-height:1.7}@media(max-width:600px){.offline-teaser{display:block}.offline-teaser a{display:inline-block;max-width:100%;margin-top:16px}.offline-actions{display:grid}.offline-actions button{width:100%}.offline-shell{padding-top:20px}}