#offline-bar{position:relative;z-index:10000;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;background:#122b35;color:#fff;border-bottom:2px solid #e8ac59;padding:10px 20px;font:600 13px/1.5 system-ui}#offline-bar a{color:#ffce8a;text-decoration:underline}#offline-bar button{font:inherit;color:#fff;background:transparent;border:1px solid #9fb8bd;padding:4px 10px;border-radius:4px;cursor:pointer}#offline-bar [hidden]{display:none}#offline-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10001;background:#122b35;color:#fff;border:2px solid #efb568;border-radius:10px;padding:18px;box-shadow:0 6px 30px #0004;width:min(600px,90vw);font:16px/1.5 system-ui}#offline-notice[hidden]{display:none}.offline-hero{background:linear-gradient(90deg,#102931ef,#10293155),url('/offline/guide/images/hero-glamis-planner.webp') center/cover;color:white;padding:74px max(24px,calc((100vw - 1140px)/2));}.offline-hero h1{font:800 clamp(38px,6vw,66px)/1.05 system-ui;max-width:760px;margin:18px 0}.offline-hero p{max-width:650px;font:18px/1.65 system-ui}.offline-kicker{letter-spacing:.16em;font-size:12px!important;font-weight:800;color:#f7c27d}.offline-wrap{max-width:1140px;margin:auto;padding:36px 24px 64px;font:16px/1.65 system-ui;color:#172f37}.offline-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.offline-card{background:#fff;border:1px solid #c9d0c8;border-radius:14px;padding:28px;box-shadow:0 8px 24px #1e343508}.offline-card h2{font:750 25px/1.2 system-ui;margin:0 0 14px}.offline-card p{margin:12px 0}.offline-card ul{padding-left:22px}.offline-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.offline-actions button,.offline-actions a{background:#b74420;color:#fff;border:1px solid #b74420;border-radius:7px;padding:12px 17px;text-decoration:none;font:700 15px/1.3 system-ui;cursor:pointer}.offline-actions .secondary{background:#fff;color:#163c46;border-color:#8ba1a3}.offline-actions button:disabled{opacity:.5;cursor:not-allowed}.offline-actions [hidden],[data-offline-panel] [hidden]{display:none!important}.offline-actions :focus-visible,#offline-bar :focus-visible{outline:3px solid #eea842;outline-offset:4px}.offline-card progress{width:100%;height:18px;accent-color:#146047}.offline-status{min-height:32px;color:#155c43;font-weight:650}.offline-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.offline-list a{padding:13px;background:#eef2eb;border-radius:7px;color:#163c46;text-decoration:none;font-weight:650}.offline-list a:hover{background:#dde8d9}.offline-list a:focus-visible{outline:3px solid #b74420}.offline-note{background:#f7e8d3;border-left:4px solid #b74420;padding:18px;margin-top:24px}.offline-remove{border:1px solid #bc592d;padding:16px;border-radius:8px}.dg-offline #map:before{content:'Offline map: saved points, roads and boundaries only. Satellite imagery needs a connection.';position:absolute;top:0;left:50px;right:10px;background:#fff6df;color:#182f36;z-index:700;padding:8px;font:13px/1.4 system-ui;pointer-events:none}.dg-offline #map{background:#dfd5bd}.dg-offline [data-network-weather]{opacity:.6}@media(max-width:720px){.offline-grid{grid-template-columns:1fr}.offline-hero{padding:42px 22px}.offline-card{padding:22px}.offline-list{grid-template-columns:1fr 1fr}.offline-wrap{padding:24px 16px}.offline-actions button,.offline-actions a{flex:1;text-align:center}}@media print{#offline-bar,#offline-notice{display:none}}