.page-report { font-size: 16px; line-height: 1.55; }
    main {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
      padding: 42px 0 72px;
    }
    header, section {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 28px;
      margin-bottom: 18px;
    }
    h1, h2, h3 { line-height: 1.18; }
    h1 { font-size: 38px; margin-bottom: 10px; }
    h2 { font-size: 24px; margin-bottom: 14px; }
    h3 { font-size: 18px; margin-bottom: 8px; }
    .meta { color: var(--muted); }
    .links { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
    .verdict {
      border-left: 5px solid var(--accent);
      padding: 16px 18px;
      background: #edf7f4;
      margin: 18px 0 0;
    }
    .grid {
      display: grid;
      gap: 14px;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    .tile {
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 16px;
      background: #faf7f0;
    }
    .status {
      display: inline-block;
      border-radius: 999px;
      padding: 3px 10px;
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 8px;
    }
    .supported { background: #e5f2e8; color: var(--ok); }
    .partial { background: #fff0da; color: var(--warn); }
    .weak { background: #f8dddd; color: var(--risk); }
    table { margin: 12px 0 0; font-size: 14px; }
    th, td {
      padding: 11px 10px;
    }
    th { color: var(--muted); font-weight: 600; }
    pre { background: #202a33; color: #f7f1e6; padding: 16px; line-height: 1.45; }
    .risk h3 { color: var(--risk); }
    .columns {
      columns: 2 320px;
      column-gap: 28px;
    }
    .columns li { break-inside: avoid; margin-bottom: 8px; }
    @media (max-width: 700px) {
      main { width: min(100% - 22px, 1180px); padding-top: 18px; }
      header, section { padding: 20px; }
      h1 { font-size: 30px; }
      table { display: block; overflow-x: auto; }
    }