.offline-panel{margin:-4px 0 24px;border:1px solid var(--line,#d9ded1);border-radius:12px;background:#f7f7ef;color:#25483e}
.offline-panel summary{cursor:pointer;padding:13px 18px;font-weight:650;font-size:13px}
.offline-panel summary span{margin-left:12px;font-size:12px;font-weight:400;color:#587263}
.offline-content{padding:0 18px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;align-items:center}
.offline-content p{font-size:13px;line-height:1.7;margin:8px 0}
.offline-content progress{width:100%;max-width:480px;height:9px;accent-color:#295c47}
.offline-content .offline-hint{font-size:12px;color:#617465}
.offline-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch}
.offline-actions a{text-align:center;text-decoration:none;font-size:12px}
#offline-file-hint{grid-column:1/-1}
.offline-panel [hidden]{display:none!important}
@media(max-width:700px){.offline-content{grid-template-columns:1fr}.offline-panel summary span{display:block;margin:5px 0 0 15px}.offline-actions{align-items:flex-start}}