/* /extension and /claim: the members-home look (home.css loads first: tokens, fonts, header and footer). Design
   review S12: no system font, purple buttons or white card any more; long values wrap without splitting words. */
.legacy-main { max-width: 36rem; }
.legacy-main h1 { font-family: var(--font-serif); font-weight: 400; font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 1rem; }
.legacy-main h2 { font-family: var(--font-serif); font-weight: 400; font-size: 1.6rem; letter-spacing: -0.01em; margin: 0 0 0.5rem; }
.lead { margin: 0 0 0.75rem; color: var(--ink-soft); font-size: 1.05rem; }
.meta { color: var(--muted); font-size: 0.9rem; margin: 0 0 1.5rem; overflow-wrap: anywhere; }
ol#steps { list-style: none; padding: 0; margin: 0 0 1.25rem; background: var(--paper); border: 1px solid var(--hairline); border-radius: 6px; }
#steps:empty { display: none; }
#steps li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.7rem 1rem; border-top: 1px solid var(--hairline); }
#steps li:first-child { border-top: 0; }
#steps li::before { content: "○"; margin-right: 0.6rem; color: var(--muted); }
#steps li span:first-of-type { flex: 1; }
#steps li[data-state="active"]::before { content: "◔"; color: var(--burgundy); }
#steps li[data-state="done"]::before { content: "●"; color: #3f6b2f; }
#steps li[data-state="failed"]::before { content: "✕"; color: #8a1020; }
#steps .detail { color: var(--muted); font-family: var(--font-mono); font-size: 0.8rem; }
.legacy-main button { width: 100%; min-height: 44px; padding: 0.8rem 1rem; font-size: 1rem; font-weight: 500; line-height: 1.2; color: var(--white); background: var(--burgundy); border: 1px solid var(--burgundy); border-radius: 3px; cursor: pointer; }
.legacy-main button:hover:not(:disabled) { background: var(--burgundy-dark); border-color: var(--burgundy-dark); }
.legacy-main button:disabled { opacity: 0.55; cursor: progress; }
.legacy-main button[hidden] { display: none; }
#result { margin-top: 1.25rem; padding: 1rem; border-radius: 6px; border: 1px solid var(--hairline); background: var(--paper); overflow-wrap: anywhere; }
#result[hidden] { display: none; }
#result[data-kind="ok"] { border-color: #3f6b2f; }
#result[data-kind="error"] { border-color: #8a1020; }
#result p { margin: 0.4rem 0 0; }
details { margin-top: 2rem; color: var(--ink-soft); }
summary { cursor: pointer; color: var(--burgundy); }
details li { margin: 0.4rem 0; }
.meta code { color: var(--ink-soft); } /* 4.5:1 on the code background */