<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{COLLECTION_TITLE}} | Collaborhythm</title>

<!--
================================================================================
COLLABTUNES_AIO_PAGE_SKELETON_TEMPLATE_5_13_26.html
Collaborhythm / Collabtunes — HTML/CSS Component Factory
Generated: 5.13.26 | Asian Claude — Greenfield Support Track
================================================================================
PURPOSE:
  Complete AIO page skeleton. Fill in {{TOKENS}} and deploy.
  This is the generator template Mixed Claude uses for new AIO pages.
  Based on the verified staging pages in LOW_RISK_CODE_READY_PACKAGE.

SUBSTITUTION TOKENS — FILL ALL BEFORE USE:
  {{COLLECTION_ID}}     e.g. SONG_LIST_2  or  SET_LIST_7
  {{COLLECTION_TITLE}}  e.g. Sheila Tequila
  {{RATING}}            e.g. PG-13  (confirmed)
  {{RATING_CLASS}}      rating-badge (confirmed) OR rating-badge-pending (estimated)
  {{RATING_SUFFIX}}     blank (confirmed) OR " — Estimated" (estimated)
  {{GX_STATE}}          "confirmed:[NUMBER]" OR "pending" OR "delta:[SOURCE]:[CALC]"
  {{DATE}}              e.g. 2026-05-13
  {{PAGE_TYPE}}         SONG LIST  or  SET LIST
  {{PAGE_NUMBER}}       e.g. 2 of 10  or  7 of 24
  {{LIVE_URL_SLUG}}     e.g. song-list-2  or  set-list-7
  {{GATE_ALLOWED}}      e.g. 'pg13','r','nc17','x'  OR  'r','nc17','x'

GATE RULE:
  PG-13 minimum: var allowed = ['pg13','r','nc17','x'];
  R minimum:     var allowed = ['r','nc17','x'];
  NC-17 minimum: var allowed = ['nc17','x'];
  X only:        var allowed = ['x'];
  Always redirect to: https://collabtunes.com

DO NOT MODIFY:
  - Gate JS pattern
  - localStorage key (collabtunes_selected_rating)
  - Redirect URL (https://collabtunes.com)
  - Fast-scroll ID set (top/identity/tracks/context/canon/status)
  - Switchboard URL (https://collabtunes.com/switchboard-quicklinks/)
================================================================================
-->

<!-- COLLABTUNES PAGE METADATA -->
<meta name="collabtunes-collection"       content="{{COLLECTION_ID}}">
<meta name="collabtunes-title"            content="{{COLLECTION_TITLE}}">
<meta name="collabtunes-rating"           content="{{RATING}}">
<meta name="collabtunes-gx"               content="PENDING-VERIFICATION">
<meta name="collabtunes-generated"        content="{{DATE}}">
<meta name="collabtunes-template-version" content="V1-STAGING">
<meta name="collabtunes-source-status"    content="SKELETON">

<style>

/* ── CANONICAL DESIGN TOKENS ── */
:root {
  --bg-primary:     #070911;
  --bg-panel:       #0b0a08;
  --bg-soft:        #111111;
  --text-main:      #d8d0bd;
  --text-strong:    #e7d7b8;
  --text-muted:     #8f96a8;
  --accent-gold:    #ffd21f;
  --accent-oldgold: #d4af37;
  --accent-chrome:  #a3a3a3;
  --accent-danger:  #ff3131;
  --border-hard:    #1a1a1a;
  --border-soft:    #141414;
  --border-block:   #1e1e1e;
  --border-subtle:  #111111;
  --border-mid:     #2a2a2a;
  --font-body:      Georgia, 'Times New Roman', serif;
  --font-mono:      'Courier New', Courier, monospace;
  --content-width:  900px;
  --text-width:     700px;
  --transition-fast: 0.15s;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background-color: var(--bg-primary);
  color: var(--text-main);
  font-family: var(--font-body);
  min-height: 100vh;
  padding-bottom: 4rem;
}

/* ── STAGING BANNER — REMOVE ON LIVE PROMOTION ── */
.staging-banner {
  background: var(--accent-danger);
  color: #fff;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem;
}

/* ── SOCIAL BAR ── */
.social-bar {
  background: var(--bg-panel);
  border-bottom: 1px solid var(--border-hard);
  padding: 0.5rem 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
}
.social-bar a { color: var(--text-muted); text-decoration: none; text-transform: uppercase; transition: color var(--transition-fast); }
.social-bar a:hover { color: var(--accent-gold); }
.social-bar .site-id { color: var(--accent-oldgold); margin-right: 0.5rem; font-weight: bold; }

/* ── FAST SCROLL ── */
.fast-scroll { position: fixed; top: 50%; right: 0.75rem; transform: translateY(-50%); display: flex; flex-direction: column; gap: 0.35rem; z-index: 100; }
.scroll-btn { background: var(--bg-panel); border: 1px solid var(--border-mid); color: var(--text-muted); font-family: var(--font-mono); font-size: 0.55rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.35rem 0.45rem; text-decoration: none; display: block; text-align: center; transition: border-color var(--transition-fast), color var(--transition-fast); border-radius: 2px; }
.scroll-btn:hover { border-color: var(--accent-gold); color: var(--accent-gold); }

/* ── PAGE HEADER ── */
.page-header { max-width: var(--content-width); margin: 0 auto; padding: 2rem 2rem 1.5rem 2rem; border-bottom: 1px solid #1c1c1c; }
.breadcrumb { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.14em; color: var(--text-muted); text-transform: uppercase; margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.breadcrumb a { color: var(--accent-oldgold); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .sep { color: var(--border-mid); }
.collection-type { font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.20em; color: var(--accent-gold); text-transform: uppercase; margin-bottom: 0.5rem; }
.page-title { font-size: 2.2rem; font-weight: normal; color: var(--text-strong); letter-spacing: 0.03em; margin-bottom: 0.75rem; line-height: 1.2; }
.header-meta { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; margin-bottom: 1rem; }

/* ── BADGES ── */
.rating-badge { display: inline-block; border: 1px solid var(--accent-oldgold); color: var(--accent-oldgold); font-family: var(--font-mono); font-size: 0.65rem; letter-spacing: 0.12em; padding: 3px 10px; border-radius: 2px; text-transform: uppercase; }
.rating-badge-pending { display: inline-block; border: 1px dashed var(--accent-oldgold); color: var(--accent-oldgold); font-family: var(--font-mono); font-size: 0.65rem; letter-spacing: 0.12em; padding: 3px 10px; border-radius: 2px; text-transform: uppercase; }
.pending-badge { display: inline-block; background: var(--accent-gold); color: var(--bg-primary); font-family: var(--font-mono); font-size: 0.62rem; font-weight: 700; padding: 3px 9px; border-radius: 3px; letter-spacing: 0.06em; text-transform: uppercase; }
.meta-tag { display: inline-block; border: 1px solid var(--border-mid); color: var(--text-muted); font-family: var(--font-mono); font-size: 0.58rem; letter-spacing: 0.10em; padding: 2px 8px; border-radius: 2px; text-transform: uppercase; }
.back-btn { display: inline-block; border: 1px solid var(--border-mid); color: var(--text-muted); font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.10em; text-transform: uppercase; padding: 0.4rem 0.9rem; text-decoration: none; transition: border-color var(--transition-fast), color var(--transition-fast); border-radius: 2px; }
.back-btn:hover { border-color: var(--accent-gold); color: var(--accent-gold); }
.btn-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.25rem; }

/* ── CONTENT BLOCKS ── */
.content-wrap { max-width: var(--content-width); margin: 0 auto; padding: 0 2rem; }
.block { padding: 2rem 0; border-bottom: 1px solid var(--border-soft); }
.block:last-of-type { border-bottom: none; }
.block-label { font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.18em; color: var(--accent-gold); text-transform: uppercase; margin-bottom: 0.75rem; }
.block-heading { font-size: 1.15rem; font-weight: normal; color: var(--text-strong); margin-bottom: 0.75rem; letter-spacing: 0.02em; }
.body-text { font-size: 0.97rem; line-height: 1.8; color: var(--text-main); max-width: var(--text-width); }
.body-text + .body-text { margin-top: 0.75rem; }

/* ── PENDING BLOCK ── */
.pending-block { background: var(--bg-panel); border: 1px solid var(--border-block); border-left: 3px solid var(--accent-gold); padding: 1rem 1.25rem; margin-top: 0.5rem; }
.pending-block p { font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted); letter-spacing: 0.07em; margin-top: 0.5rem; line-height: 1.6; }

/* ── GX ── */
.gx-row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; margin-top: 0.5rem; }
.gx-box { background: var(--bg-panel); border: 1px solid var(--border-block); padding: 1rem 1.5rem; text-align: center; min-width: 100px; }
.gx-number { display: block; font-size: 2rem; color: var(--accent-gold); font-family: var(--font-mono); font-weight: bold; line-height: 1; }
.gx-label { display: block; font-family: var(--font-mono); font-size: 0.58rem; letter-spacing: 0.12em; color: var(--text-muted); text-transform: uppercase; margin-top: 0.3rem; }
.gx-conflict-note { background: var(--bg-panel); border: 1px solid var(--accent-danger); border-left: 3px solid var(--accent-danger); padding: 0.75rem 1rem; font-family: var(--font-mono); font-size: 0.65rem; color: var(--accent-danger); letter-spacing: 0.07em; line-height: 1.6; flex: 1; min-width: 200px; }

/* ── TRACKS ── */
.track-list { list-style: none; margin-top: 0.5rem; }
.track-item { display: flex; align-items: baseline; gap: 0.75rem; padding: 0.6rem 0; border-bottom: 1px solid var(--border-subtle); }
.track-item:last-child { border-bottom: none; }
.track-num { font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted); letter-spacing: 0.08em; min-width: 1.8rem; flex-shrink: 0; }
.track-title { font-size: 0.95rem; color: var(--text-strong); flex: 1; }
.track-credit { font-family: var(--font-mono); font-size: 0.6rem; color: var(--accent-oldgold); letter-spacing: 0.07em; flex-shrink: 0; }
.track-flag { font-family: var(--font-mono); font-size: 0.58rem; color: var(--text-muted); letter-spacing: 0.06em; font-style: italic; flex-shrink: 0; }

/* ── CANON NOTES ── */
.canon-list { list-style: none; margin-top: 0.5rem; }
.canon-item { display: flex; gap: 0.75rem; padding: 0.5rem 0; border-bottom: 1px solid var(--border-subtle); font-family: var(--font-mono); font-size: 0.68rem; color: var(--text-muted); letter-spacing: 0.06em; line-height: 1.5; }
.canon-item:last-child { border-bottom: none; }
.canon-marker { color: var(--accent-gold); min-width: 1.5rem; font-weight: bold; flex-shrink: 0; }
.canon-item a { color: var(--accent-oldgold); text-decoration: none; }
.canon-item a:hover { text-decoration: underline; }

/* ── STATUS GRID ── */
.status-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.6rem; margin-top: 0.5rem; }
.status-item { background: var(--bg-panel); border: 1px solid var(--border-block); padding: 0.6rem 0.9rem; font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.07em; color: var(--text-muted); line-height: 1.5; }
.status-item .status-label { color: var(--text-strong); display: block; margin-bottom: 0.2rem; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; }
.status-complete { border-left: 3px solid var(--accent-oldgold); }
.status-pending  { border-left: 3px solid var(--accent-gold); }
.status-blocked  { border-left: 3px solid var(--accent-danger); }

/* ── TAGS ── */
.tag-cluster { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.5rem; }
.tag { display: inline-block; border: 1px solid var(--border-mid); color: var(--text-muted); font-family: var(--font-mono); font-size: 0.58rem; letter-spacing: 0.08em; padding: 3px 8px; border-radius: 2px; text-transform: uppercase; }
.tag.gold { border-color: var(--accent-oldgold); color: var(--accent-oldgold); }
.tag.danger { border-color: var(--accent-danger); color: var(--accent-danger); }

/* ── MOBILE ── */
@media (max-width: 600px) {
  .fast-scroll { display: none; }
  .page-title { font-size: 1.6rem; }
  .page-header { padding: 1.5rem 1.25rem 1rem; }
  .content-wrap { padding: 0 1.25rem; }
}

</style>
</head>

<body id="top">

<!-- STAGING BANNER — REMOVE ON LIVE PROMOTION -->
<div class="staging-banner">⚠ STAGING ONLY — NOT FOR PUBLIC DEPLOYMENT ⚠</div>

<!-- SOCIAL BAR -->
<nav class="social-bar" aria-label="Site navigation">
  <span class="site-id">Collaborhythm</span>
  <a href="https://collabtunes.com/switchboard-quicklinks/">Switchboard</a>
  |
  <a href="#">Facebook</a>
  <a href="#">Twitter/X</a>
  <a href="#">Instagram</a>
  <a href="#">YouTube</a>
  <a href="#">Spotify</a>
  <a href="#">Apple Music</a>
  <a href="#">Bandcamp</a>
  <a href="#">SoundCloud</a>
  <a href="#">TikTok</a>
  <a href="#">LinkedIn</a>
</nav>

<!-- FAST SCROLL -->
<nav class="fast-scroll" aria-label="Fast navigation">
  <a class="scroll-btn" href="#top">Top</a>
  <a class="scroll-btn" href="#identity">ID</a>
  <a class="scroll-btn" href="#tracks">Tracks</a>
  <a class="scroll-btn" href="#context">Context</a>
  <a class="scroll-btn" href="#canon">Canon</a>
  <a class="scroll-btn" href="#status">Status</a>
</nav>

<!-- PAGE HEADER -->
<header class="page-header">
  <div class="breadcrumb">
    <a href="https://collabtunes.com/">Collabtunes</a>
    <span class="sep">›</span>
    <a href="https://collabtunes.com/switchboard-quicklinks/">Switchboard</a>
    <span class="sep">›</span>
    <span>{{PAGE_TYPE}} {{PAGE_NUMBER}}</span>
  </div>
  <div class="collection-type">{{PAGE_TYPE}}</div>
  <h1 class="page-title">{{COLLECTION_TITLE}}</h1>
  <div class="header-meta">
    <!--
      RATING BADGE:
        Confirmed:  <span class="rating-badge">{{RATING}}</span>
        Estimated:  <span class="rating-badge-pending">{{RATING}} — Estimated</span>
    -->
    <span class="{{RATING_CLASS}}">{{RATING}}{{RATING_SUFFIX}}</span>
    <!--
      GX BADGE:
        Confirmed:  <span class="rating-badge">GX — {{GX_NUMBER}}</span>
        Pending:    <span class="pending-badge">GX — SOURCE PULL REQUIRED</span>
        Delta:      <span class="pending-badge">GX — Tom Verification Required</span>
    -->
    <span class="pending-badge">GX — SOURCE PULL REQUIRED</span>
    <span class="meta-tag">{{PAGE_TYPE}} {{PAGE_NUMBER}}</span>
    <span class="meta-tag">Collaborhythm</span>
    <span class="meta-tag">V1 Staging</span>
  </div>
  <div class="btn-row">
    <a class="back-btn" href="https://collabtunes.com/switchboard-quicklinks/">← Switchboard</a>
    <a class="back-btn" href="https://collabtunes.com/{{LIVE_URL_SLUG}}/" target="_blank" rel="noopener">Live Page ↗</a>
  </div>
</header>

<!-- ============================================================
     CONTENT
     ============================================================ -->
<main class="content-wrap">


<!-- ── IDENTITY ─────────────────────────────────────────── -->
<section class="block" id="identity">
  <div class="block-label">01 — Identity</div>

  <h2 class="block-heading">GX Score</h2>
  <!--
    CONFIRMED:
    <div class="gx-row">
      <div class="gx-box">
        <span class="gx-number">{{GX_NUMBER}}</span>
        <span class="gx-label">GX Score</span>
      </div>
    </div>

    DELTA CONFLICT:
    <div class="gx-row">
      <div class="gx-box">
        <span class="gx-number" style="color:var(--accent-danger);">?</span>
        <span class="gx-label">GX — Conflict</span>
      </div>
      <div class="gx-conflict-note">
        ⚠ GX SCORE CONFLICT — Tom verification required.<br>
        Source: {{GX_SOURCE}} | Calculated: {{GX_CALC}} | Delta: {{GX_DELTA}}
      </div>
    </div>
  -->
  <span class="pending-badge">GX — SOURCE PULL REQUIRED</span>
  <div class="pending-block">
    <p>GX score: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       Confirm against 34_ALBUMS PDF before publishing.</p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Core Themes</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Full thematic analysis: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       Do not generate thematic descriptions without source confirmation.</p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Rating Detail</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Per-track ratings: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       Full content flags: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       Trigger warning detail: <span class="pending-badge">SOURCE PULL REQUIRED</span></p>
  </div>

</section>


<!-- ── TRACKS ─────────────────────────────────────────────── -->
<section class="block" id="tracks">
  <div class="block-label">02 — Track List</div>

  <h2 class="block-heading">Tracks</h2>
  <!--
    CONFIRMED TRACK PATTERN:
    <ul class="track-list">
      <li class="track-item">
        <span class="track-num">01</span>
        <span class="track-title">Track Title Here</span>
        <span class="track-credit">TG / MF</span>
        <span class="track-flag">title track</span>
      </li>
    </ul>

    PENDING TRACK PATTERN:
    <li class="track-item">
      <span class="track-num">03</span>
      <span class="track-title"><span class="pending-badge" style="font-size:0.55rem;">Pending</span></span>
    </li>
  -->
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>All track titles: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       ⚠ Do not invent or guess track titles. Leave pending badges in place.<br>
       Track count: <span class="pending-badge">SOURCE PULL REQUIRED</span></p>
  </div>

</section>


<!-- ── CONTEXT ────────────────────────────────────────────── -->
<section class="block" id="context">
  <div class="block-label">03 — Context</div>

  <h2 class="block-heading">One-Sentence Summary</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>One sentence summary: <span class="pending-badge">SOURCE PULL REQUIRED</span></p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Editorial Review</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Full review: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       ⚠ Do not editorially generate without source confirmation.</p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Category Tags</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Category tags: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       Source: revised_category_list_updated.odt — not yet processed.</p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Mood Tags</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Mood tags: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       mood_settings file not yet processed.</p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Per-Track Notes</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Per-track notes: <span class="pending-badge">SOURCE PULL REQUIRED</span></p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">Content Flags</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Per-track profanity / adult content flags: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       Per-track trigger warning detail: <span class="pending-badge">SOURCE PULL REQUIRED</span></p>
  </div>

</section>


<!-- ── CANON ──────────────────────────────────────────────── -->
<section class="block" id="canon">
  <div class="block-label">04 — Canon &amp; Crosslinks</div>

  <h2 class="block-heading">Canon Notes</h2>
  <ul class="canon-list">
    <li class="canon-item">
      <span class="canon-marker">►</span>
      <span>Rating: {{RATING}}{{RATING_SUFFIX}} — assigned per canon authority.</span>
    </li>
    <li class="canon-item">
      <span class="canon-marker">🔒</span>
      <span>Crosslinks to chapter pages blocked pending resolution of chapter drift (Tom Decision 06) and Lady Weaver URL (Tom Decision 09).</span>
    </li>
    <!-- ADD ADDITIONAL CANON NOTES HERE from source pull -->
  </ul>

  <h2 class="block-heading" style="margin-top:1.5rem;">Crosslinks</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>Crosslinks to related collections: <span class="pending-badge">SOURCE PULL REQUIRED</span><br>
       ⚠ Chapter crosslinks blocked until Tom resolves Decisions 06 + 09.<br>
       ⚠ Lady Weaver crosslinks blocked until Tom resolves Decision 09.</p>
  </div>

  <h2 class="block-heading" style="margin-top:1.5rem;">External Links</h2>
  <span class="pending-badge">Source Pull Required</span>
  <div class="pending-block">
    <p>External links, YouTube lyric video, related reading: <span class="pending-badge">SOURCE PULL REQUIRED</span></p>
  </div>

</section>


<!-- ── STATUS ─────────────────────────────────────────────── -->
<section class="block" id="status">
  <div class="block-label">05 — Reconstruction Status</div>

  <h2 class="block-heading">Page Status</h2>
  <div class="status-grid">
    <div class="status-item status-pending">
      <span class="status-label">Template</span>
      Skeleton complete. Tom approval required.
    </div>
    <div class="status-item status-pending">
      <span class="status-label">Rating</span>
      {{RATING}}{{RATING_SUFFIX}} — confirm with mood_settings.
    </div>
    <div class="status-item status-pending">
      <span class="status-label">Gate</span>
      Gate installed. Browser test required.
    </div>
    <div class="status-item status-pending">
      <span class="status-label">Tracks</span>
      All tracks pending source pull.
    </div>
    <div class="status-item status-pending">
      <span class="status-label">GX Score</span>
      Source pull required.
    </div>
    <div class="status-item status-blocked">
      <span class="status-label">Crosslinks</span>
      Blocked — Tom Decisions 06 + 09.
    </div>
    <div class="status-item status-blocked">
      <span class="status-label">Live Deploy</span>
      Blocked — template lock required.
    </div>
    <div class="status-item status-pending">
      <span class="status-label">Tom Review</span>
      Awaiting review session.
    </div>
  </div>

</section>


<!-- ── FOOTER ─────────────────────────────────────────────── -->
<footer class="block" style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem;padding-top:1.5rem;">
  <a class="back-btn" href="https://collabtunes.com/switchboard-quicklinks/">← Back to Switchboard</a>
  &nbsp;<a class="back-btn" href="#top">↑ Top</a>
</footer>


</main>

<!-- ============================================================
     RATING GATE — DO NOT MODIFY
     Place at END of body, before </body>
     Replace {{GATE_ALLOWED}} with the correct rating array:
       PG-13+:  'pg13','r','nc17','x'
       R+:      'r','nc17','x'
       NC-17+:  'nc17','x'
       X only:  'x'
     ============================================================ -->
<script>
  (function() {
    var allowed = [{{GATE_ALLOWED}}];
    var sel = localStorage.getItem('collabtunes_selected_rating');
    if (!sel || allowed.indexOf(sel) === -1) { window.location.href = 'https://collabtunes.com'; }
  })();
</script>

</body>
</html>
