:root {
        color-scheme: dark;
        --bg: #090d14;
        --panel: #121a26;
        --panel-2: #172232;
        --line: #27364a;
        --text: #eef5ff;
        --muted: #9eb1c8;
        --cyan: #31d7c7;
        --blue: #57a6ff;
        --gold: #f2c94c;
        --rose: #ff6b8b;
        --orange: #ff9f43;
      }

* {
        box-sizing: border-box;
      }

main {
        width: min(100%, 760px);
        margin: 0 auto;
        padding: 18px 14px 42px;
      }

header {
        padding: 12px 2px 18px;
      }

h1,
      h2,
      h3,
      p {
        margin: 0;
      }

h1 {
        font-size: 30px;
        line-height: 1.12;
      }

.subtitle {
        margin-top: 8px;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.45;
      }

.flow-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

.flow-title {
        margin-top: 10px;
        font-size: 16px;
        font-weight: 850;
      }

.flow-text {
        margin-top: 4px;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.35;
      }

.section {
        margin-top: 14px;
        padding: 16px;
      }

.section h2 {
        font-size: 20px;
      }

.section-note {
        color: var(--muted);
        font-size: 13px;
        white-space: nowrap;
      }