#entry-disclaimer.install-offer {
  box-sizing:border-box; width:min(44rem,94vw); height:auto; min-height:0;
  max-height:calc(100dvh - 12px); padding:clamp(12px,2.5vmin,28px);
  border-radius:18px; margin:auto; text-align:center;
}
#entry-disclaimer.install-offer [data-install-panel] {display:grid;gap:clamp(5px,1.3vmin,14px)}
#entry-disclaimer.install-offer :is(h2,p,small) {margin:0;line-height:1.4}
#entry-disclaimer.install-offer h2 {font-size:clamp(19px,3.5vmin,28px)}
#entry-disclaimer.install-offer :is(p,small) {font-size:clamp(13px,1.9vmin,16px)}
#entry-disclaimer.install-offer .device-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#entry-disclaimer.install-offer .device-options button {display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;min-height:48px;width:100%;border-radius:12px}
#entry-disclaimer.install-offer svg {flex:none}
#entry-disclaimer.install-offer [data-continue] {justify-self:center;width:auto;margin:0;padding:6px 20px;min-height:40px}
@media (orientation:landscape) and (max-height:450px){
  #entry-disclaimer.install-offer {width:min(48rem,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:10px 16px;max-height:calc(100dvh - 8px - env(safe-area-inset-bottom) - env(safe-area-inset-top))}
  #entry-disclaimer.install-offer [data-install-panel] {gap:5px}
}

#entry-disclaimer.install-offer {
  --paper:#11232e; --ink:#f3f3e9; --muted:#b6c8ca; --edge:#49616a; --tile:#1b323e; --accent:#f2cf96;
  width:min(56rem,94vw); max-width:94vw; padding:0; background:var(--paper); color:var(--ink); border:1px solid var(--edge);text-align:start;
}
[data-theme="light"] #entry-disclaimer.install-offer {--paper:#faf9f5;--ink:#172f3a;--muted:#425b65;--edge:#abbac0;--tile:#fff;--accent:#805522}
[data-theme="calm"] #entry-disclaimer.install-offer {--paper:#e5ebe4;--ink:#203b34;--muted:#445d53;--edge:#9baea2;--tile:#f3f6ef;--accent:#715322}
#entry-disclaimer.install-offer [data-install-panel]{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0}
.install-cover {display:grid;align-items:end;padding:clamp(14px,3vw,34px);color:white;background:linear-gradient(0deg,#0a1826 0%,#101a2540 75%),url("assets/workshop-lights-on.png") center/cover}
.install-cover strong,.install-cover span {display:block}
.install-cover strong {font-size:clamp(30px,5vw,62px);line-height:1.2}
.install-cover span {font-size:clamp(12px,1.3vw,17px);margin-top:5px}
.install-actions {display:grid;align-content:center;gap:clamp(8px,1.6vh,18px);padding:clamp(14px,3vw,36px)}
#entry-disclaimer.install-offer .install-actions h2 {font-size:clamp(20px,3vw,32px);color:var(--ink)}
#entry-disclaimer.install-offer .install-actions :is(p,small){color:var(--muted)}
#entry-disclaimer.install-offer .device-options button {flex-direction:column;gap:6px;padding:12px 2px;border:1px solid var(--edge);background:var(--tile);color:var(--ink);box-shadow:none}
#entry-disclaimer.install-offer .device-options button:hover,#entry-disclaimer.install-offer button:focus-visible {outline:2px solid var(--accent);outline-offset:1px}
#entry-disclaimer.install-offer [data-continue]{justify-self:center;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(100%,18rem);min-height:44px;margin:0;padding:5px 16px;line-height:1.25;text-align:center;color:var(--ink);background:var(--tile);border:1px solid var(--edge);border-radius:10px}
@media(orientation:landscape) and (max-height:450px){
.install-actions {padding:8px 14px;gap:4px}
#entry-disclaimer.install-offer [data-install-panel]{grid-template-columns:minmax(0,1fr) minmax(0,2.15fr)}
#entry-disclaimer.install-offer .device-options button {padding:4px 2px;min-height:42px;gap:3px}
#entry-disclaimer.install-offer .device-options svg {width:22px;height:22px}
#entry-disclaimer.install-offer [data-continue]{min-height:44px}
}
@media(orientation:portrait) and (max-width:650px){
#entry-disclaimer.install-offer [data-install-panel]{grid-template-columns:1fr}
.install-cover{min-height:80px;background-position:center 55%}
}