.page-off-grid{--og-cyan:#0087a1;--og-soft:#eaf8fb;--og-card:#fff;background:var(--bg,#fff)}
[data-theme="dark"] .page-off-grid{--og-cyan:#31dded;--og-soft:#0c202c;--og-card:#0c1421}
.page-off-grid main{max-width:1280px;margin:0 auto;padding:0 32px 70px;color:var(--ink)}
.page-off-grid .og-intro,.page-off-grid .og-article-head{padding:64px 0 42px}
.page-off-grid .og-kicker{font-size:11px;line-height:1.6;font-weight:800;letter-spacing:.15em;color:var(--og-cyan);margin:0 0 20px}
.page-off-grid h1{font-size:clamp(34px,4.8vw,68px);line-height:1.08;letter-spacing:-.045em;max-width:1120px;margin:0 0 28px}
.page-off-grid h1 span,.page-off-grid .og-section-title h2 span{color:var(--og-cyan)}
.page-off-grid .og-intro>p:not(.og-kicker){max-width:850px;font-size:18px;line-height:1.8;color:var(--muted)}
.page-off-grid .og-intro .og-lead{font-size:clamp(21px,2vw,27px);color:var(--ink);font-weight:650;line-height:1.4}
.page-off-grid .og-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:26px 0 0}
.page-off-grid .og-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:14px 23px;border-radius:999px;background:var(--og-cyan);color:#fff;font-size:14px;line-height:1.4;font-weight:750;text-decoration:none;transition:box-shadow .2s,transform .2s}
[data-theme="dark"] .page-off-grid .og-button{color:#04151b}
.page-off-grid .og-button:hover{transform:translateY(-2px);box-shadow:0 0 26px #00c8df55}
.page-off-grid .og-secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.page-off-grid .og-text-link,.page-off-grid .og-read{color:var(--og-cyan);text-decoration:none;font-weight:750;font-size:15px}
.page-off-grid .og-text-link:hover,.page-off-grid .og-read:hover{text-decoration:underline;text-underline-offset:5px}
.page-off-grid .og-banner{width:100%;height:auto;display:block;border-radius:28px;margin:0 0 40px}
.page-off-grid h2{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}
.page-off-grid .og-how,.page-off-grid .og-fit{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;padding:48px 0;border-bottom:1px solid var(--line)}
.page-off-grid .og-how p:not(.og-kicker),.page-off-grid .og-fit p:not(.og-kicker),.page-off-grid .og-area>p:not(.og-kicker){font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 18px}
.page-off-grid .og-library{padding:64px 0;scroll-margin-top:110px}
.page-off-grid .og-section-title{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:28px}
.page-off-grid .og-section-title>p{max-width:330px;font-size:16px;line-height:1.8;color:var(--muted)}
.page-off-grid .og-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.page-off-grid .og-card{min-width:0;border-radius:26px;overflow:hidden;background:var(--og-card);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.page-off-grid .og-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00b7cc20}
.page-off-grid .og-card-visual{display:block;height:250px;background:#061c30;overflow:hidden;text-decoration:none}
.page-off-grid .og-card-visual img{width:100%;height:100%;object-fit:cover}
.page-off-grid .og-five{display:flex;align-items:center;justify-content:center;gap:22px;height:100%;color:#fff;background:radial-gradient(ellipse at 70% 40%,#037f9560,transparent 65%),#071c30}
.page-off-grid .og-five strong{font-size:140px;line-height:1;letter-spacing:-.08em;color:#19d5e4}
.page-off-grid .og-five span{font-size:24px;line-height:1.3}
.page-off-grid .og-card-body{padding:28px}
.page-off-grid .og-card-body h3{font-size:24px;line-height:1.35;letter-spacing:-.02em;margin:0 0 18px}
.page-off-grid .og-card-body h3 a{color:var(--ink);text-decoration:none}
.page-off-grid .og-card-body>p:not(.og-kicker){font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:24px}
.page-off-grid .og-read{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px}
.page-off-grid .og-area{padding:30px 0 50px;max-width:920px}
.page-off-grid .og-cta{padding:40px;border-radius:28px;background:var(--og-soft);border:1px solid color-mix(in srgb,var(--og-cyan) 25%,transparent);display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px}
.page-off-grid .og-cta p{line-height:1.8;margin-bottom:0}
.page-off-grid .og-cta .og-actions{margin:0;justify-content:flex-start}
.page-off-grid .og-article-head h1{font-size:clamp(30px,3.9vw,53px);max-width:1130px;line-height:1.16}
.page-off-grid .og-back{display:inline-block;margin:0 0 32px;color:var(--muted);font-size:14px;text-decoration:none}
.page-off-grid .og-article-lead{max-width:850px;margin:0 auto 48px;font-size:18px;line-height:1.9}
.page-off-grid .og-article-lead p{margin:0 0 20px}
.page-off-grid .og-reading{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;margin:0 0 55px}
.page-off-grid .og-toc{position:sticky;top:110px;max-height:calc(100dvh - 140px);overflow:auto;padding:20px;background:var(--og-soft);border-radius:22px}
.page-off-grid .og-toc summary{font-size:16px;font-weight:750;cursor:pointer;display:flex;justify-content:space-between;list-style:none}
.page-off-grid .og-toc nav{display:grid;margin:18px 0;gap:14px}
.page-off-grid .og-toc nav a{color:var(--muted);font-size:13px;line-height:1.5;text-decoration:none}
.page-off-grid .og-toc nav a:hover{color:var(--og-cyan)}
.page-off-grid .og-toc>.og-text-link{display:block;font-size:13px;margin-top:18px}
.page-off-grid .og-chapters{min-width:0}
.page-off-grid .og-chapter-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px}
.page-off-grid [data-og-expand]{border:1px solid var(--line);border-radius:99px;padding:10px 16px;background:var(--og-card);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.page-off-grid .og-chapter{border:1px solid var(--line);background:var(--og-card);border-radius:22px;margin:0 0 14px;scroll-margin-top:115px;overflow:hidden}
.page-off-grid .og-chapter>summary{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px;cursor:pointer;list-style:none}
.page-off-grid .og-chapter>summary::-webkit-details-marker,.page-off-grid .og-toc summary::-webkit-details-marker{display:none}
.page-off-grid .og-chapter>summary h2{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin:0}
.page-off-grid .og-chapter>summary>span{font-size:28px;color:var(--og-cyan)}
.page-off-grid .og-chapter[open]>summary{background:var(--og-soft)}
.page-off-grid .og-chapter[open]>summary>span{transform:rotate(45deg)}
.page-off-grid .og-chapter-content{padding:26px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.page-off-grid .og-chapter-content p{margin:0 0 19px}
.page-off-grid .og-chapter-content h3{font-size:21px;line-height:1.4;margin:28px 0 16px}
.page-off-grid .og-chapter-content h1{font-size:28px;line-height:1.3;margin-top:30px}
.page-off-grid .og-chapter-content li{margin-bottom:9px}
.page-off-grid .og-chapter-content ul{padding-left:24px;margin-bottom:24px}
.page-off-grid .og-chapter-content a{color:var(--og-cyan)}
.page-off-grid .og-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:24px 0;overscroll-behavior-x:contain}
.page-off-grid table{width:100%;border-collapse:collapse;min-width:380px;font-size:14px;line-height:1.65}
.page-off-grid th,.page-off-grid td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.page-off-grid th{background:var(--og-soft);font-weight:750}
.page-off-grid tbody tr:last-child td{border-bottom:0}
.page-off-grid tbody tr:nth-child(even){background:color-mix(in srgb,var(--og-soft) 50%,transparent)}
.page-off-grid a:focus-visible,.page-off-grid button:focus-visible,.page-off-grid summary:focus-visible,.page-off-grid .og-table-wrap:focus-visible{outline:3px solid var(--og-cyan);outline-offset:5px}
.page-faq .faq-page-hero__chips a{color:inherit;text-decoration:none}
.page-faq .faq-card[data-category="Off-grid"]{border-radius:20px}
@media(max-width:900px){.page-off-grid .og-reading{grid-template-columns:210px minmax(0,1fr);gap:20px}.page-off-grid .og-cta{grid-template-columns:1fr}.page-off-grid .og-how,.page-off-grid .og-fit{gap:28px}.page-off-grid .og-card-visual{height:210px}}
@media(max-width:760px){.page-off-grid main{padding:0 18px 35px}.page-off-grid .og-intro,.page-off-grid .og-article-head{padding:35px 0 28px}.page-off-grid h1{font-size:36px}.page-off-grid .og-intro>p:not(.og-kicker){font-size:16px}.page-off-grid .og-intro .og-lead{font-size:22px}.page-off-grid .og-banner{border-radius:18px;margin-bottom:12px}.page-off-grid .og-how,.page-off-grid .og-fit{grid-template-columns:1fr;gap:8px;padding:32px 0}.page-off-grid .og-how p:not(.og-kicker),.page-off-grid .og-fit p:not(.og-kicker){font-size:16px}.page-off-grid .og-card-grid{grid-template-columns:1fr;gap:20px}.page-off-grid .og-section-title{display:block}.page-off-grid .og-section-title>p{max-width:none}.page-off-grid .og-library{padding:40px 0}.page-off-grid .og-card-body{padding:23px}.page-off-grid .og-card-body h3{font-size:22px}.page-off-grid .og-card-visual{height:auto;aspect-ratio:1.78}.page-off-grid .og-five strong{font-size:100px}.page-off-grid .og-five span{font-size:22px}.page-off-grid .og-cta{padding:27px 22px;gap:22px;border-radius:22px}.page-off-grid .og-reading{display:block}.page-off-grid .og-toc{position:static;max-height:none;margin:0 0 24px}.page-off-grid .og-chapter>summary{padding:20px;gap:15px}.page-off-grid .og-chapter>summary h2{font-size:19px}.page-off-grid .og-chapter-content{padding:20px;font-size:16px}.page-off-grid .og-article-head h1{font-size:32px}.page-off-grid .og-article-lead{font-size:17px;margin:28px 0}.page-off-grid .og-chapter-toolbar{align-items:flex-start}.page-off-grid [data-og-expand]{flex-shrink:0}.page-off-grid .og-button{font-size:14px;padding:14px 20px}.page-off-grid .og-five{gap:15px}.page-off-grid .og-area h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.page-off-grid .og-card,.page-off-grid .og-button{transition:none}}

.page-off-grid .og-table-hint{display:none}@media(max-width:760px){.page-off-grid .og-table-hint{display:block;color:var(--og-cyan);font-size:12px;line-height:1.6;margin:20px 0 8px}.page-off-grid .og-table-hint+.og-table-wrap{margin-top:8px}}