Spaces:
Running
Running
| .display { font-size: var(--fs-5); font-weight: 700; margin: 8px 0 12px; letter-spacing: -0.015em; } | |
| .h1 { font-size: var(--fs-4); font-weight: 700; margin: 0 0 12px; } | |
| .lostMark { display: block; margin: 8px 0 20px; } | |
| .h2 { font-size: var(--fs-3); font-weight: 700; margin: 0 0 8px; } | |
| .lede { font-size: var(--fs-2); line-height: 1.5; margin: 0 0 20px; } | |
| .muted { color: var(--report-ink-muted); } | |
| .mutedSmall { color: var(--report-ink-muted); font-size: 14px; line-height: 1.45; } | |
| .notice { padding: 10px 12px; background: #e7ecef; border-radius: 4px; font-size: var(--fs-1); } | |
| .ruled { border-top: 1px solid var(--report-rule); padding: 16px 0 8px; line-height: 1.5; } | |
| .list { margin: 4px 0; padding-left: 20px; } | |
| .list li { margin: 4px 0; } | |
| .kv { display: inline; } | |
| .row { display: flex; gap: 16px; align-items: center; margin: 12px 0; } | |
| .inline { display: inline-flex; gap: 6px; align-items: center; } | |
| .intro { border-left: 3px solid var(--grease-amber); padding: 2px 0 2px 14px; margin: 0 0 28px; } | |
| .intro p { margin: 4px 0; font-size: var(--fs-2); line-height: 1.45; } | |
| .intro p:first-child { font-size: var(--fs-3); font-weight: 700; } | |
| .form { display: flex; flex-direction: column; gap: 18px; max-width: 520px; } | |
| .field { display: flex; flex-direction: column; gap: 6px; font-weight: 700; } | |
| .input { | |
| font: inherit; | |
| font-weight: 400; | |
| padding: 9px 12px; | |
| border: 1px solid #b9c2ca; | |
| border-radius: var(--radius); | |
| background: #fff; | |
| color: var(--report-ink); | |
| } | |
| .input:focus-visible, .primary:focus-visible { outline: 2px solid var(--grease-amber); outline-offset: 2px; } | |
| .modes { border: none; padding: 0; margin: 0; } | |
| .modes legend { font-weight: 700; margin-bottom: 6px; padding: 0; } | |
| .modeRow { | |
| display: grid; | |
| grid-template-columns: auto 9em 1fr; | |
| align-items: baseline; | |
| gap: 10px; | |
| padding: 8px 4px; | |
| border-top: 1px solid var(--report-rule); | |
| cursor: pointer; | |
| } | |
| .modeRow:last-child { border-bottom: 1px solid var(--report-rule); } | |
| .modeOn .modeName { font-weight: 700; } | |
| .modeRow input { accent-color: var(--report-ink); } | |
| .modeNote { color: var(--report-ink-muted); font-size: var(--fs-1); } | |
| .primary { | |
| align-self: flex-start; | |
| padding: 11px 26px; | |
| border: none; | |
| border-radius: var(--radius); | |
| background: var(--report-ink); | |
| color: #fff; | |
| font-size: var(--fs-2); | |
| font-weight: 700; | |
| cursor: pointer; | |
| } | |
| .primary:disabled { background: #a7b0b8; cursor: default; } | |
| .primaryLink { display: inline-block; margin-top: 16px; padding: 10px 22px; border-radius: var(--radius); background: var(--report-ink); color: #fff; text-decoration: none; font-weight: 700; } | |
| .stats { width: 100%; border-collapse: collapse; margin: 4px 0 24px; font-variant-numeric: tabular-nums; } | |
| .stats th { text-align: left; font-weight: 400; padding: 8px 0; border-bottom: 1px solid var(--report-rule); } | |
| .stats td { text-align: right; font-weight: 700; padding: 8px 0; border-bottom: 1px solid var(--report-rule); font-size: var(--fs-3); } | |
| .devGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: var(--pacs-surround); padding: 12px; } | |
| .devImg { width: 100%; height: auto; background: #000; } | |