*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --section-major:   #D9662B;
      --section-guides:  #D54438;
      --section-picks:   #F2C537;

      --source-company:  #0EA5A4;
      --source-research: #D97706;
      --source-blog:     #7C3AED;

      --anthropic:  #8F6B52;
      --openai:     #138A72;
      --meta:       #2563EB;
      --google:     #3B82F6;
      --perplexity: #4B5563;

      --bg:         #FFFFFF;
      --bg-subtle:  #F7F7F5;
      --ink:        #0A0A0A;
      --ink-2:      #3A3A3A;
      --ink-muted:  #888888;
      --divider:    #EBEBEB;
      --verified:   #2F6B4F;
      --verified-bg:#EEF5F0;
      --ann-bg:     #FEFCE8;
      --ann-border: #EAB308;
      --ann-text:   #78350F;

      --sans: -apple-system, 'SF Pro Text', 'Helvetica Neue', sans-serif;
      --sans-zh: -apple-system, 'SF Pro SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
      --mono: 'SF Mono', 'Menlo', 'Courier New', monospace;
    }

    html { font-size: 16px; -webkit-font-smoothing: antialiased; }
    body {
      background: var(--bg-subtle);
      font-family: var(--sans);
      color: var(--ink);
      line-height: 1.5;
      min-height: 100vh;
      position: relative;
    }