.pwa-hero{display:grid;grid-template-columns:120px 1fr;gap:35px;padding-block:65px 35px;align-items:start}.pwa-hero>img{border-radius:18px;margin-top:10px}.pwa-hero h1,.pwa-offline-page h1{font-size:clamp(43px,5.4vw,72px);line-height:1.1;margin:24px 0}.pwa-hero p:not(.eyebrow),.pwa-guide p,.pwa-offline-copy p:not(.eyebrow),.pwa-offline-page>p:not(.eyebrow){font-size:20px;line-height:1.8;max-width:820px;color:var(--muted)}.pwa-native-install{margin-top:20px;cursor:pointer;font-size:19px}.pwa-native-install[hidden]{display:none}.pwa-guide{padding-block:25px 45px}.pwa-guide h2,.pwa-offline-copy h2,.pwa-offline-page h2{font-size:clamp(33px,4vw,48px);line-height:1.15;margin-bottom:28px}.pwa-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:30px}.pwa-guide-grid article{border:1px solid var(--line);border-radius:12px;padding:27px}.pwa-guide-grid h3{font-size:26px;line-height:1.4;margin-bottom:22px}.pwa-guide-grid ol{margin:0;padding-left:22px}.pwa-guide-grid li{font-size:19px;color:var(--muted);line-height:1.8;margin-bottom:16px}.pwa-offline-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#edf5f0;padding:35px;margin-block:25px 45px}.pwa-offline-copy>div:last-child{display:flex;flex-direction:column;gap:25px}.pwa-offline-copy a{font-size:19px;line-height:1.7;gap:18px}.pwa-reference{padding-bottom:35px}.pwa-reference p{font-size:17px;color:var(--muted);line-height:1.8}.pwa-reference a{text-decoration:underline}.pwa-home{display:grid;grid-template-columns:88px 1fr auto;gap:30px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:32px;margin-block:35px}.pwa-home img{border-radius:15px}.pwa-home h2{font-size:37px;margin:16px 0}.pwa-home p:not(.eyebrow){font-size:19px;line-height:1.8;color:var(--muted);margin:0}.pwa-home .eyebrow{margin:0}.pwa-home .button{font-size:18px;line-height:1.7;gap:20px}.pwa-offline-page{padding-block:60px}.pwa-offline-page .button{font-size:19px;margin-block:20px 40px}.pwa-offline-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px}.pwa-cached-pages{list-style:none;padding:0;display:grid;gap:15px;max-width:850px}.pwa-cached-pages li{border:1px solid var(--line);border-radius:10px;padding:20px}.pwa-cached-pages a{font-size:21px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}.pwa-cached-pages small{display:block;font-size:16px;line-height:1.8;color:var(--muted);margin-top:8px}.pwa-offline-banner,.pwa-update-banner{position:fixed;z-index:65;left:16px;bottom:20px;width:min(680px,calc(100vw - 96px));padding:18px 22px;border-radius:12px;border:1px solid var(--line);box-shadow:0 8px 30px #001f4030;background:var(--paper,#fff);color:#10284c;font-size:17px;line-height:1.7}.pwa-offline-banner[hidden],.pwa-update-banner[hidden]{display:none}.pwa-offline-banner span{display:block}.pwa-offline-banner a{display:inline-block;margin:10px 15px 0 0;text-decoration:underline}.pwa-offline-banner button,.pwa-update-banner button{border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:#086b43;color:#fff;font-size:17px;cursor:pointer}.pwa-update-banner{bottom:25px;display:flex;align-items:center;gap:20px;justify-content:space-between}.pwa-offline-banner:not([hidden])~.pwa-update-banner:not([hidden]){bottom:270px}html[data-theme=dark] .pwa-offline-copy{background:#14364b}@media(max-width:900px){.pwa-guide-grid{grid-template-columns:1fr}.pwa-home{grid-template-columns:88px 1fr}.pwa-home .button{grid-column:1/-1;justify-self:start}.pwa-offline-copy{grid-template-columns:1fr;gap:28px}}@media(max-width:650px){.pwa-hero{grid-template-columns:1fr;gap:20px;padding-top:35px}.pwa-hero>img{width:88px;height:88px}.pwa-hero h1,.pwa-offline-page h1{font-size:44px}.pwa-guide-grid article,.pwa-offline-copy,.pwa-home{padding:25px}.pwa-home{grid-template-columns:1fr;gap:18px}.pwa-home h2{font-size:34px}.pwa-offline-banner,.pwa-update-banner{bottom:calc(88px + env(safe-area-inset-bottom));left:12px;width:calc(100vw - 85px);font-size:16px;padding:14px}.pwa-update-banner{flex-direction:column;align-items:start;gap:12px}.pwa-offline-links{flex-direction:column}.pwa-offline-banner:not([hidden])~.pwa-update-banner:not([hidden]){bottom:370px}}

.pwa-hero{padding-top:65px}.pwa-hero>img,.pwa-home>img{border-radius:20px}.pwa-hero h1{font-family:Georgia,serif}.pwa-device{font-size:11px;font-weight:700;letter-spacing:.12em;color:#086b43}.pwa-guide-grid article{background:var(--paper,#fff);border-radius:20px}.pwa-guide-grid h3{font-family:Georgia,serif;font-size:27px}.pwa-home,.pwa-offline-copy{border-radius:24px}.pwa-home .button,.pwa-offline-copy .button{transition:transform .2s,background .2s}.pwa-home .button:hover,.pwa-offline-copy .button:hover{transform:scale(1.035);background:#086b43}.pwa-offline-banner,.pwa-update-banner{color:var(--navy,#10284c);background:var(--paper,#fff)}html[data-theme=dark] .pwa-device{color:#91d6b3}html[data-theme=dark] .pwa-offline-copy{background:#173b33}html[data-theme=dark] .pwa-offline-banner,html[data-theme=dark] .pwa-update-banner{background:#10284c;color:#fff}@media(prefers-reduced-motion:reduce){.pwa-home .button,.pwa-offline-copy .button{transition:none}}
.pwa-native-install{background:#086b43;color:#fff;border-radius:14px;transition:transform .2s,background .2s}.pwa-native-install:hover{background:#0b2348;transform:scale(1.035)}.pwa-native-install:focus-visible{outline:3px solid #63b58b;outline-offset:5px}.pwa-native-install:disabled{opacity:.65;cursor:wait}.pwa-guide{scroll-margin-top:170px}@media(prefers-reduced-motion:reduce){.pwa-native-install{transition:none}}
