/* The Talos self-check page. */
.flow { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 18px; }
.stage { display: grid; gap: 14px; }
.stage h2 { font-size: 22px; }
.record { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.record > div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; align-items: center; background: var(--bg); padding: 14px 16px; }
.record .k { font: 500 11.5px var(--mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.record code { font: 500 14px var(--mono); color: var(--ink); overflow-wrap: anywhere; user-select: all; }
.report-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.score { font: 700 34px var(--head); letter-spacing: -0.03em; }
.score small { font: 500 14px var(--body); color: var(--muted); }
.checks { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.checks li { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 4px 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.checks .st { font: 500 11.5px var(--mono); letter-spacing: 0.12em; text-transform: uppercase; padding-top: 3px; grid-row: span 3; }
.checks .st.pass { color: #7fc79a; }
.checks .st.warn { color: #e6b45c; }
.checks .st.fail { color: var(--red-2); }
.checks h3 { font-size: 17px; margin: 0; }
.checks p { margin: 0; color: var(--ink-2); font-size: 15.5px; }
.checks .fix { color: var(--muted); font-size: 14.5px; }
.checks .fix code { font: 500 13px var(--mono); color: var(--ink-2); overflow-wrap: anywhere; }
.next { margin-top: 10px; background: var(--bg-2); border: 1px solid var(--line); border-left: 2px solid var(--red); border-radius: var(--r); padding: 22px; display: grid; gap: 14px; justify-items: start; }
.next p { margin: 0; color: var(--ink-2); }
.next strong { color: var(--ink); }