/* affiliate-assets.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
.gate { padding: 96px 0 64px; text-align: center; }
      .gate h1 { color: var(--green); margin-bottom: 16px; }
      .gate p { color: var(--text-dim); max-width: 540px; margin: 0 auto 24px; line-height: 1.6; }
      .gate-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
      .gate-actions a {
        display: inline-block; padding: 12px 22px; border: 1px solid var(--green);
        color: var(--green); text-decoration: none; font-weight: 600;
        font-family: 'JetBrains Mono', monospace; letter-spacing: 1px; text-transform: uppercase; font-size: 13px;
      }
      .gate-actions a.primary { background: var(--green); color: #000; }
      .gate-actions a:hover { background: var(--green-glow-strong); color: #000; }
      .gate-actions a.primary:hover { background: var(--green-dim); }

      .assets-wrap { max-width: 1100px; margin: 0 auto; padding: 32px 24px 96px; }
      .assets-head { border-bottom: 1px solid var(--border); padding-bottom: 16px; margin-bottom: 24px; }
      .assets-head .tag { color: var(--green); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
      .assets-head h1 { color: var(--white); font-size: 28px; margin: 6px 0 4px; }
      .assets-head .sub { color: var(--text-dim); font-size: 14px; }

      .kit-banner {
        background: var(--bg-card); border: 1px dashed var(--green);
        padding: 18px 22px; border-radius: 4px; margin-bottom: 28px;
        display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
      }
      .kit-banner .kt { color: var(--text-dim); font-size: 13px; line-height: 1.5; }
      .kit-banner .kt strong { color: var(--green); }
      .kit-banner a {
        background: var(--green); color: #000; padding: 10px 18px;
        border-radius: 3px; text-decoration: none; font-weight: 700;
        font-family: 'JetBrains Mono', monospace; letter-spacing: 1px; font-size: 12px;
      }

      .asset-section { margin-bottom: 40px; }
      .asset-section h2 {
        color: var(--green); font-size: 16px; letter-spacing: 2px;
        text-transform: uppercase; margin-bottom: 12px;
      }
      .asset-section p.lead { color: var(--text-dim); font-size: 13px; line-height: 1.6; margin-bottom: 14px; }

      .asset-grid {
        display: grid; gap: 14px;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
      }
      .asset-card {
        background: var(--bg-card); border: 1px solid var(--border);
        border-radius: 4px; overflow: hidden; transition: border-color .15s;
        display: flex; flex-direction: column;
      }
      .asset-card:hover { border-color: var(--green-muted); }
      .asset-preview {
        background: #000; aspect-ratio: 16 / 9;
        display: flex; align-items: center; justify-content: center; overflow: hidden;
      }
      .asset-preview img { max-width: 100%; max-height: 100%; display: block; }
      .asset-meta { padding: 12px 14px; border-top: 1px solid var(--border); }
      .asset-meta .name { color: var(--white); font-size: 13px; font-weight: 600; }
      .asset-meta .dim { color: var(--text-muted); font-size: 11px; margin-top: 2px; }
      .asset-meta .row { display: flex; gap: 8px; margin-top: 10px; }
      .asset-meta .row a {
        flex: 1; text-align: center; padding: 7px 8px; border: 1px solid var(--green-muted);
        color: var(--green); text-decoration: none; font-size: 11px; letter-spacing: 1px;
        text-transform: uppercase; font-weight: 600;
      }
      .asset-meta .row a:hover { background: var(--green-glow); }

      .post-pack {
        display: grid; gap: 14px;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      }
      .post-pack a {
        background: var(--bg-card); border: 1px solid var(--border);
        border-radius: 4px; padding: 16px; text-decoration: none;
        color: var(--white); font-family: 'JetBrains Mono', monospace;
        transition: border-color .15s;
      }
      .post-pack a:hover { border-color: var(--green-muted); }
      .post-pack .label { color: var(--green); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
      .post-pack .title { display: block; margin-top: 6px; font-size: 14px; font-weight: 600; }
      .post-pack .desc { display: block; margin-top: 6px; font-size: 12px; color: var(--text-dim); line-height: 1.5; }

      .embed-card {
        background: var(--bg-card); border: 1px solid var(--border);
        border-radius: 4px; padding: 18px; margin-bottom: 14px;
      }
      .embed-card h3 { color: var(--white); font-size: 15px; margin-bottom: 6px; }
      .embed-card p { color: var(--text-dim); font-size: 12px; margin-bottom: 12px; line-height: 1.5; }
      .embed-card pre {
        background: var(--bg-terminal); border: 1px solid var(--border);
        padding: 12px; border-radius: 3px; overflow-x: auto;
        color: var(--text); font-size: 11px; line-height: 1.5;
      }
      .embed-card .row { display: flex; gap: 8px; margin-top: 10px; }
      .embed-card .row a, .embed-card .row button {
        padding: 8px 14px; border: 1px solid var(--green-muted); background: transparent;
        color: var(--green); text-decoration: none; cursor: pointer; font-family: 'JetBrains Mono', monospace;
        font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600;
      }
      .embed-card .row a:hover, .embed-card .row button:hover { background: var(--green-glow); }

      .small-note { color: var(--text-muted); font-size: 11px; margin-top: 8px; }

      .ref-link-row {
        display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
        background: var(--bg-card); border: 1px solid var(--green-muted);
        padding: 12px 16px; border-radius: 4px; margin-bottom: 28px;
      }
      .ref-link-row .label { color: var(--green); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
      .ref-link-row .value { color: var(--white); font-size: 13px; word-break: break-all; flex: 1; min-width: 200px; }
      .ref-link-row button {
        padding: 7px 12px; border: 1px solid var(--green); background: transparent;
        color: var(--green); cursor: pointer; font-family: 'JetBrains Mono', monospace;
        font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600;
      }
      .ref-link-row button:hover { background: var(--green-glow); }

      .loading { padding: 96px 0; text-align: center; color: var(--text-dim); }

      @media (max-width: 600px) {
        .kit-banner { flex-direction: column; align-items: stretch; }
        .kit-banner a { text-align: center; }
        .gate { padding: 64px 16px 48px; }
      }