.site-save-bar{display:flex;justify-content:flex-end;padding:5px 5%;background:var(--paper,#f4f7f8);border-bottom:1px solid var(--line,#dce5e7)}
.site-save-bar[hidden],#site-save-dialog [hidden]{display:none!important}
#site-save-opener{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:7px 16px;border:1px solid var(--gold,var(--navy,#0b3440));border-radius:7px;background:#fff;color:var(--ink,#142e35);font-size:14px;font-weight:600;line-height:1.4;font-family:inherit;cursor:pointer;text-align:start}
#site-save-opener svg{flex:none;color:var(--navy,#0b3440)}
#site-save-opener:hover{background:var(--gold,var(--lime,#d8f15d));color:var(--navy,#0b3440)}
#site-save-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-width:520px;max-height:calc(100dvh - 28px);margin:auto;padding:24px;border:1px solid #dce5e7;border-radius:16px;background:#fff;color:var(--ink,#142e35);font-family:inherit;line-height:1.65;overflow:auto;text-align:start;box-shadow:0 18px 70px #06273244}
#site-save-dialog::backdrop{background:#062732aa}
#site-save-dialog .site-save-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#site-save-dialog .site-save-heading img{border-radius:10px;object-fit:contain;background:#fff}
#site-save-dialog h2{margin:0;font-size:24px;line-height:1.35;letter-spacing:normal;font-weight:700}
#site-save-dialog h3{font-size:17px;line-height:1.5;letter-spacing:normal;margin:0 0 7px;font-weight:700}
#site-save-dialog p{font-size:15px;line-height:1.65;margin:6px 0;color:var(--ink,#142e35)}
#site-save-dialog .site-save-intro{color:#5e7075;margin:7px 0 20px}
#site-save-dialog section{margin:0;padding:16px 0;border-top:1px solid #dce5e7}
#site-save-dialog section:last-child{padding-bottom:0}
#site-save-dialog button,#site-save-dialog a{font-family:inherit;cursor:pointer;min-height:44px;border-radius:7px;font-size:15px;line-height:1.5}
#site-save-dialog .site-save-close{background:#f4f7f8;color:#142e35;border:1px solid #dce5e7;padding:7px 14px}
#site-save-dialog .site-save-install{background:var(--navy,#0b3440);color:#fff;border:0;padding:10px 18px;margin:8px 0}
#site-save-dialog .site-save-download{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;margin-top:10px;border:1px solid var(--navy,#0b3440);color:var(--navy,#0b3440);text-decoration:none;font-weight:700}
#site-save-dialog .site-save-note{font-size:13px;color:#5e7075}
#site-save-dialog kbd{display:inline-block;white-space:nowrap;padding:2px 7px;background:#f4f7f8;border:1px solid #c9d6d9;border-bottom-width:3px;border-radius:5px;font:600 14px/1.5 monospace}
#site-save-dialog .site-save-status:empty{display:none}
#site-save-opener:focus-visible,#site-save-dialog :is(button,a):focus-visible{outline:3px solid #5085ef;outline-offset:3px}
@media(max-width:600px){.site-save-bar{padding:5px 14px;justify-content:center}#site-save-opener{width:100%}#site-save-dialog{padding:18px}#site-save-dialog h2{font-size:22px}}

/* Prominent homepage installation entry, independent of the compact navigation. */
/* Seven homepage actions stay in two rows, including on narrow phones. */
.hero-neighborhood .herotext{min-width:0}
.hero-neighborhood .home-hero-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(94px,auto);gap:10px;margin-top:26px;width:100%}
.hero-neighborhood .home-hero-action{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:94px;margin:0;padding:12px 6px;border:1px solid #53757b;border-radius:12px;background:#234852;color:#fff;text-decoration:none;text-align:center;font:700 14px/1.4 Arial,sans-serif;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .15s,border-color .15s}
.home-hero-action>svg{display:block;flex:none;width:23px;height:23px}
.home-hero-action>span{min-width:0;max-width:100%}
.hero-neighborhood .home-hero-action:hover{background:#315b65;border-color:#9bb6b6}
.hero-neighborhood .home-hero-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-neighborhood .home-hero-install{background:#d8f15d;border-color:#d8f15d;color:#0b3440}
.hero-neighborhood .home-hero-install:hover{background:#e4f68a;border-color:#e4f68a}
.home-hero-install [data-install-label]{max-width:9ch;text-wrap:balance}
.hero-neighborhood .home-hero-estate{grid-column:span 2;background:#f3f7e6;border-color:#e2efb4;color:#0b3440}
.hero-neighborhood .home-hero-estate:hover{background:#e6f2bf;border-color:#e6f2bf}
.home-hero-estate strong{display:block;font-size:15px;line-height:1.4}
.home-hero-estate small{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:1.4;color:#3b5e4c}
.hero-neighborhood .home-action-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.hero-neighborhood .home-action-help.is-visible,.hero-neighborhood .home-install-fallback{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:12px 0 0;font-size:14px;color:#d9e5df;line-height:1.7}
@media(min-width:761px) and (max-width:1100px){.hero.hero-neighborhood{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}}
@media(max-width:760px){.hero-neighborhood .home-hero-actions{gap:8px;grid-auto-rows:minmax(92px,auto);margin-top:22px}.hero-neighborhood .home-hero-action{min-height:92px;padding:10px 5px;gap:7px;border-radius:10px}}
@media(max-width:400px){.hero-neighborhood .home-hero-actions{gap:6px}.hero-neighborhood .home-hero-action{font-size:12px;padding:10px 4px}.home-hero-action>svg{width:22px;height:22px}.home-hero-estate strong{font-size:13px}.home-hero-estate small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-neighborhood .home-hero-action{transition:none}}