/* Horizon Matrix — Utility classes for inline style extraction */

  /* Display */
  .d-none{display:none;}.d-flex{display:flex;}.d-grid{display:grid;}.d-block{display:block;}
  .flex-col{flex-direction:column;}.flex-1{flex:1;}.flex-wrap{flex-wrap:wrap;}
  .items-center{align-items:center;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}
  .gap-1{gap:4px;}.gap-2{gap:8px;}.gap-3{gap:12px;}.gap-4{gap:16px;}
  .text-center{text-align:center;}.text-left{text-align:left;}

  /* Spacing */
  .m-0{margin:0;}.mt-1{margin-top:4px;}.mt-2{margin-top:8px;}.mt-3{margin-top:12px;}.mt-4{margin-top:16px;}
  .mb-1{margin-bottom:4px;}.mb-2{margin-bottom:8px;}.mb-3{margin-bottom:12px;}
  .p-0{padding:0;}.p-2{padding:8px;}.p-3{padding:12px;}.p-4{padding:16px;}
  .pt-2{padding-top:8px;}.pt-3{padding-top:12px;}.pb-2{padding-bottom:8px;}
  .px-3{padding-left:12px;padding-right:12px;}.px-4{padding-left:16px;padding-right:16px;}
  .py-1{padding-top:4px;padding-bottom:4px;}.py-2{padding-top:8px;padding-bottom:8px;}

  /* Typography */
  .text-9{font-size:9px;}.text-10{font-size:10px;}.text-11{font-size:11px;}.text-12{font-size:12px;}
  .text-14{font-size:14px;}.text-16{font-size:16px;}.text-18{font-size:18px;}
  .text-slate{color:var(--slate);}.text-amber{color:var(--amber);}.text-text{color:var(--text);}.text-white{color:var(--white);}
  .text-red{color:#e87272;}.text-green{color:#22c55e;}
  .font-mono{font-family:var(--mono);}.font-sans{font-family:var(--sans);}
  .font-600{font-weight:600;}.font-700{font-weight:700;}
  .uppercase{text-transform:uppercase;}.tracking{letter-spacing:.06em;}.tracking-wide{letter-spacing:.1em;}
  .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .nowrap{white-space:nowrap;}

  /* Borders */
  .border-t{border-top:1px solid var(--border);}.border-b{border-bottom:1px solid var(--border);}
  .border{border:1px solid var(--border);}.rounded{border-radius:6px;}.rounded-lg{border-radius:8px;}

  /* Sizing */
  .w-full{width:100%;}.w-auto{width:auto;}.h-auto{height:auto;}

  /* Backgrounds */
  .bg-subtle{background:rgba(255,255,255,.04);}.bg-card{background:rgba(255,255,255,.03);}
  .bg-amber-dim{background:var(--amber-dim);}.bg-red-dim{background:var(--red-dim);}

  /* Compound utilities (most common JS inline patterns) */
  .label-mono{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);}
  .label-section{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--slate);text-transform:uppercase;margin-bottom:6px;}
  .label-amber{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--amber);text-transform:uppercase;margin-bottom:6px;}
  .meta-small{font-size:9px;color:var(--slate);display:flex;align-items:center;gap:3px;white-space:nowrap;}
  .meta-row{font-size:11px;color:var(--text);display:flex;align-items:center;gap:3px;}
  .empty-card{text-align:center;padding:12px;background:rgba(255,255,255,.04);border-radius:8px;border:1px solid var(--border);}
  .tag-amber{background:rgba(232,149,42,.12);color:var(--amber);border:1px solid rgba(232,149,42,.25);padding:2px 6px;border-radius:4px;font-size:10px;}