.offline-panel{color:#344f3c;max-width:950px;margin:auto}.offline-panel h2{font-size:clamp(28px,4vw,38px);margin:10px 0 17px}.offline-panel>p{max-width:760px;line-height:1.75}.offline-packs{display:grid;gap:15px;margin:25px 0}.offline-packs article{display:flex;gap:17px;align-items:center;padding:22px;border:1px solid #ccd9bd;border-radius:16px;background:#fbfcf1}.offline-packs article>span{font-size:31px;color:#7b7245}.offline-packs article>div{flex:1;min-width:0}.offline-packs h3{font-size:18px;margin:0 0 7px}.offline-packs p{font-size:14px;line-height:1.65;margin:0 0 8px}.offline-packs small{font-size:12px;color:#596c4a}.offline-packs button{flex:none;min-height:44px}.offline-note{font-size:13px;color:#526548;line-height:1.75;margin:17px 0}.offline-actions{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.offline-panel progress{display:block;width:100%;height:10px;margin:12px 0;accent-color:#537545}#offline-job{font-size:14px;line-height:1.7;color:#405c3d}#overlay .offline-panel p{color:#526548}.offline-panel button:focus-visible{outline:3px solid #b28b37;outline-offset:4px}@media(max-width:650px){.offline-packs article{flex-wrap:wrap;padding:18px}.offline-packs article>div{flex-basis:calc(100% - 60px)}.offline-packs article>button{width:100%}.offline-panel>.eyebrow{padding-right:40px}}
.offline-art-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;min-height:112px;padding:25px;color:#405c3d;background:linear-gradient(135deg,#eef2e4,#f8f5e9);font:15px/1.65 system-ui,sans-serif}.story-cover>.offline-art-placeholder{height:100%;min-height:0;padding:34px 16px 16px;font-size:13px}.release-story-card>.offline-art-placeholder{width:150px;min-height:100px;flex:none;border-radius:12px;padding:15px;font-size:12px}@media(max-width:550px){.release-story-card>.offline-art-placeholder{width:100%;min-height:90px}}