/* The door, in the desk's own look (the v2 presentation tokens are defined in simplejacks.css). */
html, body { margin: 0; min-height: 100%; background: #faf8f3; color: #232019; font-family: -apple-system, "Inter", "Segoe UI", sans-serif; }
.sj-door { max-width: 420px; margin: 12vh auto 0; padding: 0 16px; }
.sj-door h1 { font-family: "Iowan Old Style", Georgia, serif; font-size: 28px; letter-spacing: -.04em; margin: 0 0 4px; }
.sj-door-lead { margin: 0 0 24px; color: #7a6f59; }
.sj-door-form { display: grid; gap: 10px; }
.sj-door-form input { font: inherit; padding: 12px 14px; border: 1px solid #ddd4c0; border-radius: 8px; background: #fff; color: inherit; }
.sj-door-form input:read-only { background: #f3f0e8; color: #7a6f59; }
.sj-door-form button { font: inherit; font-weight: 600; padding: 12px 14px; border: 0; border-radius: 8px; background: #232019; color: #faf8f3; cursor: pointer; }
.sj-door-form button[disabled] { opacity: .6; cursor: default; }
.sj-door-form .sj-door-quiet { background: transparent; color: #7a6f59; font-weight: 500; padding: 6px; }
.sj-door-said { min-height: 1.4em; margin: 16px 0 0; color: #7a6f59; }
.sj-door-alert { min-height: 1.4em; margin: 16px 0 0; color: #8a2f2f; }