.notice{display: flex;align-items: center;min-height: 100%;padding-block: clamp(32px, 10vw, 64px)} .notice__inner{max-width: 46rem;min-width: 0;overflow-wrap: break-word}.notice__badge{display: inline-block;margin-bottom: 16px;padding: 4px 12px;border-radius: 999px;background: var(--sd-brand-soft);color: var(--sd-brand-deep);font-size: var(--sd-text-sm);font-weight: 700}.notice__title{margin: 0 0 12px;font-size: var(--sd-text-3xl);text-wrap: balance}.notice__lead{max-width: 46ch;margin: 0 0 8px;font-size: var(--sd-text-lg)}.notice__next{max-width: 48ch;margin: 0 0 24px;color: var(--sd-muted)}.notice__actions{display: grid;gap: 8px} .notice__actions--lead{margin-bottom: 24px} .notice__tap{display: inline-flex;align-items: center;min-height: 44px}summary.notice__tap{display: list-item;padding-block: 8px;cursor: pointer} .notice__form, .notice__password{display: grid;gap: 16px;max-width: 22rem;margin: 0 0 16px}.notice__field{display: grid}.notice__field label{margin-bottom: 4px;font-size: var(--sd-text-sm);font-weight: 700}.notice__hint{margin-bottom: 4px;color: var(--sd-muted);font-size: var(--sd-text-sm)} .notice__field input, .notice__field select{width: 100%;padding: 12px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-surface);color: var(--sd-ink);font: inherit} .notice__field [aria-invalid='true']{border-width: 2px;border-color: var(--sd-danger)} .notice__error{max-width: 46ch;margin: 0 0 16px;padding: 12px;display: flex;align-items: flex-start;gap: 8px;border-left: 3px solid var(--sd-danger);background: var(--sd-danger-soft);color: var(--sd-danger);font-size: var(--sd-text-base)}.notice__error::before{content: '!';content: '!' / '';flex: none;display: inline-grid;place-items: center;width: 20px;height: 20px;border-radius: 50%;background: var(--sd-danger);color: var(--sd-on-ink);font-size: var(--sd-text-xs);font-weight: 700;line-height: 1} .notice__error--field{max-width: none;margin: 0 0 4px;padding: 8px 12px;font-size: var(--sd-text-sm)} .notice__install{max-width: 46rem;margin: 16px 0 0;padding: 16px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-surface)}.notice__install h2{margin: 0 0 8px;font-size: var(--sd-text-lg)}.notice__install p{margin: 0 0 8px}.notice__install ul{margin: 0 0 12px;padding-left: 16px;color: var(--sd-muted);font-size: var(--sd-text-sm)}.notice__install button{min-height: 44px;padding: 12px 16px;border: 1px solid var(--sd-border);border-radius: var(--sd-radius-sm);background: var(--sd-surface);color: var(--sd-ink);font-weight: 700}@media (min-width: 34rem){.notice__actions{grid-auto-flow: column;justify-content: start;gap: 12px}}