.install-guide { box-sizing: border-box; width: min(620px, calc(100% - 24px)); max-height: calc(100dvh - 32px); padding: 24px; margin: auto; border: 1px solid #ccd3d6; border-radius: 8px; background: #fff; color: #182126; font: 16px/1.5 system-ui, sans-serif; letter-spacing: 0; overflow-y: auto; overscroll-behavior: contain; }
.install-guide::backdrop { background: rgb(0 0 0 / 60%); }
.install-guide * { box-sizing: border-box; letter-spacing: 0; }
.install-guide [hidden] { display: none !important; }
.install-heading { display: grid; grid-template-columns: 64px minmax(0,1fr) 40px; gap: 12px; align-items: center; }
.install-heading img, .install-comparison img { border-radius: 8px; }
.install-guide h2 { margin: 0; font-size: 22px; line-height: 1.2; }
.install-guide h3 { margin: 0 0 12px; font-size: 20px; }
.install-guide p { margin: 0 0 16px; overflow-wrap: anywhere; }
.install-heading p { font-size: 14px; margin: 6px 0 0; color: #526269; }
.install-close { width: 40px; height: 44px; border: 0; background: transparent; color: #182126; font: 28px system-ui; cursor: pointer; }
.install-guide .install-progress { border-block: 1px solid #dbe1e3; padding: 14px 0; margin: 20px 0; font-size: 13px; font-weight: 600; color: #526269; }
.install-guide .install-warning { padding-left: 12px; border-left: 3px solid #e29a12; }
.install-guide select, .install-guide input[readonly] { width: 100%; min-width: 0; padding: 10px; min-height: 44px; border: 1px solid #aab8bf; border-radius: 4px; background: #fff; color: #182126; font: inherit; }
.install-guide ol { padding-left: 24px; margin: 16px 0; }
.install-guide li { margin-bottom: 12px; }
.install-guide .btn { width: 100%; min-height: 48px; margin: 8px 0 0; white-space: normal; font-size: 15px; line-height: 1.4; border-radius: 6px; box-shadow: none; }
.install-guide .btn-primary { background: #f3a509; color: #182126; }
.install-guide .btn-secondary { background: #eef2f3; color: #182126; border: 1px solid #c9d2d6; }
.install-guide button:disabled { opacity: .5; cursor: not-allowed; }
.install-guide .install-status { font-size: 15px; color: #305967; margin: 12px 0; }
.install-guide fieldset { border: 0; padding: 0; margin: 16px 0; min-width: 0; }
.install-guide legend { font-weight: 600; margin-bottom: 12px; }
.install-guide fieldset label { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 16px; cursor: pointer; }
.install-guide input[type=checkbox] { width: 22px; height: 22px; flex: 0 0 22px; margin: 2px 0 0; accent-color: #087b75; }
.install-guide fieldset:disabled { opacity: .55; }
.install-comparison { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; text-align: center; }
.install-comparison figure { margin: 0; }
.install-comparison img { display: block; margin: 0 auto 10px; }
.install-comparison figcaption { font-weight: 600; font-size: 15px; }
.install-comparison small { font-weight: 400; font-size: 13px; }
.install-guide :focus-visible { outline: 3px solid #087b75; outline-offset: 3px; }
@media(max-width: 400px) { .install-guide { padding: 16px; } .install-heading { grid-template-columns: 52px minmax(0,1fr) 36px; gap: 8px; } .install-heading img { width: 52px; height: 52px; } .install-guide h2 { font-size: 20px; } }