pre {
    background: #1e293b;
    color: #c9d1d9;
    padding: 1rem;
    border-radius: 8px;
    font-family: 'Consolas', monospace;
  }

  .highlight { background: rgba(99,102,241,0.2); padding: 0.15rem 0.4rem; border-radius: 4px; }
  .fake-browser {
    width: 100%;
    margin: 1.5em auto;
    border: 1px solid var(--browser-border);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
  }

  .browser-bar {
    height: 38px;
    background: var(--bg);
    border-bottom: 1px solid var(--card-border);
    display: flex;
    align-items: center;
    padding: 0 12px;
    gap: 12px;
  }

  .fake-controls {
    width: 36px;
    display: flex;
    justify-content: center;
  }

  .tab {
    background: var(--card-bg);
    color: var(--text);
    padding: 6px 14px;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
    margin-left: 4px;
  }

  .address-bar {
    flex: 1;
    background: var(--card-bg);
    color: var(--text-muted);
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 13px;
    border: 1px solid var(--card-border);
  }

  .browser-content {
    padding: 20px;
    background: white;
    min-height: 180px;

    /* Reset Bootstrap + domyślne przeglądarki */
    all: initial;
    display: block;
  }

  .browser-content *,
  .browser-content *::before,
  .browser-content *::after {
    all: revert;
  }

  /* Przywracamy tylko to, co naprawdę potrzebne */
  .browser-content h1, .browser-content h2, .browser-content h3,
  .browser-content p, .browser-content ul, .browser-content ol,
  .browser-content button, .browser-content input {
    margin: revert;
    padding: revert;
    font: revert;
    line-height: revert;
    color: revert;
  }