/* -------------------------
   TEXT BLOCK
-------------------------- */
.wd-p-text {
    margin-bottom: var(--space-xl);
  }
  
  .wd-p-text__heading {
    font-size: var(--font-size-xl);
    margin-bottom: var(--space-sm);
    font-weight: 600;
  }
  
  .wd-p-text__body {
    line-height: var(--line-height-base);
    color: var(--color-text);
  }
  
  
  /* -------------------------
     CODE BLOCK
  -------------------------- */
  .wd-p-code {
    background: var(--color-bg-alt);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-xl);
    border: 1px solid var(--color-border);
  }
  
  .wd-p-code__lang {
    font-size: 0.8rem;
    color: var(--color-text-light);
    margin-bottom: var(--space-xs);
  }
  
  .wd-p-code__block {
    background: #111;
    color: #fff;
    padding: var(--space-md);
    border-radius: var(--radius-md);
    overflow-x: auto;
    font-family: var(--font-mono);
    line-height: 1.5;
  }
  
  .wd-p-code__caption {
    margin-top: var(--space-xs);
    font-size: 0.9rem;
    color: var(--color-text-light);
  }
  
  
  /* -------------------------
     EXAMPLE BLOCK
  -------------------------- */
  .wd-p-example {
    border-left: 4px solid var(--color-primary);
    padding-left: var(--space-md);
    margin-bottom: var(--space-xl);
  }
  
  .wd-p-example__title {
    font-weight: bold;
    margin-bottom: var(--space-sm);
  }
  
  .wd-p-example__code {
    background: #fafafa;
    padding: var(--space-md);
    border-radius: var(--radius-md);
    margin-top: var(--space-md);
    font-family: var(--font-mono);
    overflow-x: auto;
  }
  
  .wd-p-example__outcome {
    margin-top: var(--space-sm);
    font-style: italic;
    color: var(--color-text-light);
  }
  
  
  /* -------------------------
     CALLOUT BLOCK (TIP/WARNING/NOTE)
  -------------------------- */
  .wd-p-callout {
    padding: var(--space-md);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-xl);
  }
  
  .wd-p-callout--tip {
    background: #e6f7ff;
    border-left: 4px solid #00aaff;
  }
  
  .wd-p-callout--warning {
    background: #fff8e1;
    border-left: 4px solid #ffbb33;
  }
  
  .wd-p-callout--note {
    background: #f4f4f4;
    border-left: 4px solid #999;
  }
  
  .wd-p-callout__title {
    font-weight: bold;
    margin-bottom: var(--space-sm);
  }